Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Paar veranderingen gemaakt aan de website #6

Open
wants to merge 11 commits into
base: main
Choose a base branch
from
Open

Paar veranderingen gemaakt aan de website #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
764de20
Meerdere metatags toegevoegd.
Jqstln Dec 25, 2022
577927d
Andere font gemaakt voor de website
Jqstln Dec 25, 2022
60a4180
De buttons mooi afgerond
Jqstln Dec 25, 2022
bd04e36
Betere uitleg over supermarken die niet werken
Jqstln Dec 25, 2022
91ad734
Meer afgerond
Jqstln Dec 25, 2022
25550ff
Super raar lijntje weggehaald :)
Jqstln Dec 25, 2022
cda9698
Names 'joost00719' docker support toegevoegd
Jqstln Dec 25, 2022
392eaac
Update README.md
Jqstln Dec 25, 2022
bb360b7
Update README.md
Jqstln Dec 25, 2022
15c502d
Update README.md
Jqstln Dec 25, 2022
702432b
Update CNAME
Jqstln Sep 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,2 @@

web.config
data/supermarkets/
2 changes: 1 addition & 1 deletion CNAME
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1 +1 @@
www.checkjebon.nl
cjb.justinnn.dev
4 changes: 4 additions & 0 deletions Dockerfile
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
FROM halverneus/static-file-server

COPY . /web
EXPOSE 8080
4 changes: 3 additions & 1 deletion css/site/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body
{
font-family: "Lato", sans-serif;
font-family: 'Open Sans', sans-serif;
}

.caps
Expand Down
6 changes: 6 additions & 0 deletions docker-compose.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
version: "3.9"
services:
web:
build: .
ports:
- "8080:8080"
34 changes: 22 additions & 12 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,17 @@
<title>Checkjebon.nl - Goedkopere boodschappen</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="title" content="Checkjebon.nl - Goedkopere boodschappen">
<meta name="description" content="Scan je supermarktbon om er achter te komen waar je goedkoper kunt winkelen.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://www.checkjebon.nl/">
<meta property="og:title" content="Checkjebon.nl - Goedkopere boodschappen">
<meta property="og:description" content="Scan je supermarktbon om er achter te komen waar je goedkoper kunt winkelen.">
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://www.checkjebon.nl/">
<meta property="twitter:title" content="Checkjebon.nl - Goedkopere boodschappen">
<meta property="twitter:description" content="Scan je supermarktbon om er achter te komen waar je goedkoper kunt winkelen.">
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<meta name="description" content="Scan je supermarktbon om er achter te komen waar je goedkoper kunt winkelen." />
<link rel="stylesheet" href="/css/w3/w3.css">
<link rel="stylesheet" href="/css/site/style.css">
<link rel="stylesheet" href="/css/googlefonts/lato.css">
Expand All @@ -24,8 +33,8 @@
<h2 class="w3-wide w3-center caps">Checkjebon.nl</h2>
<p class="w3-opacity w3-center">Bekijk wat je kwijt zou zijn voor dezelfde boodschappen bij een andere supermarkt en bespaar elke keer dat je naar de winkel gaat.</p>
<div class="w3-center">
<button class="w3-btn w3-ripple w3-amber" @click="scan" :disabled="isSearching" title="Scan je kassabon"><i class="fa fa-camera"></i> Scan je kassabon</button>
<button class="w3-btn w3-ripple w3-light-gray" @click="example" :disabled="isSearching" title="Voorbeeld">Voorbeeld</button>
<button class="w3-btn w3-ripple w3-round-large w3-amber" @click="scan" :disabled="isSearching" title="Scan je kassabon"><i class="fa fa-camera"></i> Scan je kassabon</button>
<button class="w3-btn w3-ripple w3-round-large w3-light-gray" @click="example" :disabled="isSearching" title="Voorbeeld">Voorbeeld</button>
<input type="file" id="file-selector" style="display: none;">
</div>
<p class="w3-center">
Expand All @@ -34,27 +43,27 @@ <h2 class="w3-wide w3-center caps">Checkjebon.nl</h2>
<div class="w3-center">
<label>
<p>Schrijf hier je boodschappenlijstje:</p>
<textarea class="w3-input" style="height: 300px;" v-model="shoppinglist" @input="update" :disabled="isSearching" placeholder="Tik hier je boodschappen in of gebruik de scan knop om je laatste kassabon te scannen.&#10;&#10;halfvolle melk&#10;volkoren brood&#10;zilvervliesrijst&#10;bananen&#10;stokbrood&#10;falafel" title="Vul hier je boodschappenlijst in"></textarea>
<textarea class="w3-input w3-round-large" style="height: 300px;" v-model="shoppinglist" @input="update" :disabled="isSearching" placeholder="Tik hier je boodschappen in of gebruik de scan knop om je laatste kassabon te scannen.&#10;&#10;halfvolle melk&#10;volkoren brood&#10;zilvervliesrijst&#10;bananen&#10;stokbrood&#10;falafel" title="Vul hier je boodschappenlijst in"></textarea>
</label>
</div>
<p class="w3-center">
Op zoek naar een specifiek merk? Tik de merknaam er dan bij.
</p>
<p class="w3-center">
<button class="w3-btn w3-ripple w3-amber" @click="search" :disabled="isSearching" title="Vergelijk prijzen"><i class="fa fa-search"></i> {{ isSearching ? "Bezig met zoeken..." : "Vergelijk prijzen" }}</button>
<button class="w3-btn w3-ripple w3-light-gray" @click="share" :disabled="isSearching" title="Delen"><i class="fa fa-share-alt"></i> Delen</button>
<button class="w3-btn w3-ripple w3-light-gray" @click="clear" :disabled="isSearching" title="Wissen"><i class="fa fa-trash"></i></button>
<button class="w3-btn w3-ripple w3-round-large w3-amber" @click="search" :disabled="isSearching" title="Vergelijk prijzen"><i class="fa fa-search"></i> {{ isSearching ? "Bezig met zoeken..." : "Vergelijk prijzen" }}</button>
<button class="w3-btn w3-ripple w3-round-large w3-light-gray" @click="share" :disabled="isSearching" title="Delen"><i class="fa fa-share-alt"></i> Delen</button>
<button class="w3-btn w3-ripple w3-round-large w3-light-gray" @click="clear" :disabled="isSearching" title="Wissen"><i class="fa fa-trash"></i></button>
</p>
</div>
</div>

<div class="w3-light-gray" id="supermarkets" v-show="supermarkets.length > 0">
<div class="w3-container w3-content w3-padding-64" style="max-width: 800px">
<div class="w3-container w3-content w3-padding-64 " style="max-width: 800px">

<h2 class="w3-wide w3-center caps">Totaalprijs</h2>

<ul class="w3-ul w3-card-4 w3-light-gray w3-hoverable">
<li class="w3-bar" :class="{'w3-amber': supermarket.n == selectedSupermarket?.n}" v-for="supermarket in supermarkets" :key="supermarket.n" @click="selectedSupermarket=supermarket; select()">
<ul class="w3-ul w3-card-4 w3-light-gray w3-hoverable w3-round-large">
<li class="w3-bar w3-round-large" :class="{'w3-amber': supermarket.n == selectedSupermarket?.n}" v-for="supermarket in supermarkets" :key="supermarket.n" @click="selectedSupermarket=supermarket; select()">

<table style="width: 100%;">
<tr :class="{'w3-hover-amber': supermarket.n == selectedSupermarket?.n}">
Expand Down Expand Up @@ -82,7 +91,8 @@ <h2 class="w3-wide w3-center caps">Totaalprijs</h2>
</li>
</ul>
<p class="w3-center">
Waarom sommige <a href="#" onclick="alert('Een aantal grote supermarktketens zoals LIDL, Nettorama, Boni maar ook online bezorgservices zoals GORILLAS en Crisp hebben geen prijzen op hun website staan. Hierdoor kunnen ze ook niet meegenomen worden in de prijsvergelijking van Checkjebon.nl.'); return false;" target="_blank">supermarkten ontbreken</a>, zoals LIDL, Nettorama, Boni, etc.
Waarom ontbreken er sommige supermarkten, zoals <b>LIDL</b>, <b>Nettorama</b>, <b>Boni?</b><br><br>
<i>Een aantal grote supermarktketens zoals <b>LIDL</b>, <b>Nettorama</b>, <b>Boni</b> maar ook online bezorgservices zoals <b>GORILLAS</b> en <b>Crisp</b> hebben geen prijzen op hun website staan. Hierdoor kunnen ze ook niet meegenomen worden in de prijsvergelijking van Checkjebon.nl.</i>
</p>
</div>
</div>
Expand Down Expand Up @@ -133,7 +143,7 @@ <h2 class="w3-wide w3-center caps">{{ selectedSupermarket?.c }}</h2>
</ul>

<p class="w3-center">
<button class="w3-btn w3-ripple w3-amber" @click="share" title="Deel je boodschappenlijst"><i class="fa fa-share-alt"></i> Deel je boodschappenlijst</button>
<button class="w3-btn w3-ripple w3-round-large w3-amber" @click="share" title="Deel je boodschappenlijst"><i class="fa fa-share-alt"></i> Deel je boodschappenlijst</button>
</p>

</div>
Expand Down