Reducing external dependencies

supermarkt · Nov 20, 2022 · 0b0dfad · 0b0dfad
1 parent 62a54b8
commit 0b0dfad
Show file tree

Hide file tree

Showing 15 changed files with 2,716 additions and 8 deletions.
diff --git a/css/fontawesome/font-awesome.min.css b/css/fontawesome/font-awesome.min.css
diff --git a/css/fontawesome/fontawesome-webfont.eot b/css/fontawesome/fontawesome-webfont.eot
diff --git a/css/fontawesome/fontawesome-webfont.svg b/css/fontawesome/fontawesome-webfont.svg
diff --git a/css/fontawesome/fontawesome-webfont.ttf b/css/fontawesome/fontawesome-webfont.ttf
diff --git a/css/fontawesome/fontawesome-webfont.woff b/css/fontawesome/fontawesome-webfont.woff
diff --git a/css/fontawesome/fontawesome-webfont.woff2 b/css/fontawesome/fontawesome-webfont.woff2
diff --git a/css/googlefonts/S6uyw4BMUTPHjx4wXg.woff2 b/css/googlefonts/S6uyw4BMUTPHjx4wXg.woff2
diff --git a/css/googlefonts/S6uyw4BMUTPHjxAwXjeu.woff2 b/css/googlefonts/S6uyw4BMUTPHjxAwXjeu.woff2
diff --git a/css/googlefonts/lato.css b/css/googlefonts/lato.css
@@ -0,0 +1,16 @@
+/* latin-ext */
+@font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    src: url(S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
+    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+  }
+  /* latin */
+  @font-face {
+    font-family: 'Lato';
+    font-style: normal;
+    font-weight: 400;
+    src: url(S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+  }
diff --git a/index.html b/index.html
@@ -8,21 +8,21 @@
 		<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="https://fonts.googleapis.com/css?family=Lato">
-		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+		<link rel="stylesheet" href="/css/googlefonts/lato.css">
+		<link rel="stylesheet" href="/css/fontawesome/font-awesome.min.css">
 		<!-- Vue -->
-		<script src="/js/vue/vue.js"></script>
+		<script src="/js/vue/vue.min.js"></script>
 		<!-- Text recognition -->
-		<script src="https://unpkg.com/tesseract.js@3.0.3/dist/tesseract.min.js"></script>
-		<script src="https://cdn.jsdelivr.net/npm/fuse.js@6.6.2"></script>
+		<script src="/js/tesseract/tesseract.min.js"></script>
+		<script src="/js/fuse/fuse.js"></script>
 	</head>
 	<body class="w3-gray">
 		<div class="w3-content" style="max-width: 2000px; padding-top: 0px;" id="checkjebon">
 
 			<div class="w3-blue-grey">
 				<div class="w3-container w3-content w3-padding-64" style="max-width:800px">
 					<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.</p>
+					<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"><i class="fa fa-camera"></i> Scan je kassabon</button>
 						<button class="w3-btn w3-ripple w3-light-gray" @click="example" :disabled="isSearching">Voorbeeld</button>
@@ -126,7 +126,7 @@ <h2 class="w3-wide w3-center caps">{{ selectedSupermarket?.c }}</h2>
 			<div class="w3-light-gray">
 				<div class="w3-container w3-content w3-padding-64" style="max-width: 800px">
 					<h2 class="w3-wide w3-center caps">Over Checkjebon.nl</h2>
-					<p class="w3-opacity w3-center">Prijzen in supermarkten veranderen regelmatig, Checkjebon.nl werkt ze wekelijks bij en vertelt je waar je het goedkoopst uit bent voor je boodschappen. Verder is Checkjebon.nl een <a href="https://www.github.com/supermarkt/checkjebon/">open source project</a> en ook de gebruikte supermarktdata is gratis te gebruiken.</p>
+					<p class="w3-opacity w3-center">Prijzen in supermarkten veranderen regelmatig, Checkjebon.nl werkt ze <abbr :title="'Laatst bijgewerkt op ' + pricesLastUpdated">dagelijks</abbr> bij en vertelt je waar je het goedkoopst uit bent voor je boodschappen. Verder is Checkjebon.nl een <a href="https://www.github.com/supermarkt/checkjebon/" target="_new">open source project</a> en ook de gebruikte <a href="https://github.com/supermarkt/checkjebon/blob/main/data/supermarkets.json" target="_new">supermarktdata</a> is gratis te gebruiken. Neem <a href="mailto:info@checkjebon.nl">contact op</a> voor vragen of suggesties.</p>
 				</div>
 			</div>
 		</div>

diff --git a/js/fuse/fuse.js b/js/fuse/fuse.js
diff --git a/js/site/script.js b/js/site/script.js
@@ -4,6 +4,7 @@ var app = new Vue(
 	data:
 	{
 		prices: [],
+		pricesLastUpdated: null,
 		shoppinglist: "",
 		products: [],
 		supermarkets: [],
@@ -16,6 +17,7 @@ var app = new Vue(
 		{
 			fetch("data/supermarkets.json").then((response) =>
 			{
+				this.pricesLastUpdated = new Date(response.headers.get("Last-Modified")).toLocaleString();
 				return response.json();
 			}).then((prices) =>
 			{
@@ -24,7 +26,7 @@ var app = new Vue(
 		},
 		example: function()
 		{
-			this.shoppinglist = "1,5 liter halfvolle melk\nKnoflooksaus\n400 g shoarma\nPita brood\nKipschnitzel\n250 gram kipfilet\nBananen\nSoep pakket";
+			this.shoppinglist = "1,5 liter halfvolle melk\nKnoflooksaus\n400 g shoarma\nPita brood\nKipschnitzel\n250 gram kipfilet\n1 kilo bananen\nSoep pakket";
 			this.saveShoppinglist();
 		},
 		scan: function()

diff --git a/js/tesseract/tesseract.min.js b/js/tesseract/tesseract.min.js
diff --git a/js/tesseract/tesseract.min.js.LICENSE.txt b/js/tesseract/tesseract.min.js.LICENSE.txt
@@ -0,0 +1 @@
+/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
diff --git a/js/tesseract/tesseract.min.js.map b/js/tesseract/tesseract.min.js.map