]> OzVa Git service - shopping-channel/commitdiff
projects / shopping-channel / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 327cfdb)
Added Archivo font
authorwill <greenwoodw50@gmail.com>
Wed, 28 Aug 2024 22:21:21 +0000 (23:21 +0100)
committerwill <greenwoodw50@gmail.com>
Wed, 28 Aug 2024 22:46:07 +0000 (23:46 +0100)
+ "In Stock" -> "In stock"
+ added .gitignore
- reduced item info <hr> size
- removed unnoticed console.log in GFX page

.gitignore [new file with mode: 0644] patch | blob
fonts/Archivo-Bold.woff [new file with mode: 0644] patch | blob
fonts/Archivo-BoldItalic.woff [new file with mode: 0644] patch | blob
fonts/Archivo-Italic.woff [new file with mode: 0644] patch | blob
fonts/Archivo-Regular.woff [new file with mode: 0644] patch | blob
fonts/Archivo-SemiBold.woff [new file with mode: 0644] patch | blob
fonts/Archivo-SemiBoldItalic.woff [new file with mode: 0644] patch | blob
index.html patch | blob | history
note patch | blob | history

diff --git a/.gitignore b/.gitignore
new file mode 100644 (file)
index 0000000..d259f05
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+*.ttf
diff --git a/fonts/Archivo-Bold.woff b/fonts/Archivo-Bold.woff
new file mode 100644 (file)
index 0000000..df6e262
Binary files /dev/null and b/fonts/Archivo-Bold.woff differ
diff --git a/fonts/Archivo-BoldItalic.woff b/fonts/Archivo-BoldItalic.woff
new file mode 100644 (file)
index 0000000..0404f34
Binary files /dev/null and b/fonts/Archivo-BoldItalic.woff differ
diff --git a/fonts/Archivo-Italic.woff b/fonts/Archivo-Italic.woff
new file mode 100644 (file)
index 0000000..10ffd22
Binary files /dev/null and b/fonts/Archivo-Italic.woff differ
diff --git a/fonts/Archivo-Regular.woff b/fonts/Archivo-Regular.woff
new file mode 100644 (file)
index 0000000..b10aa8f
Binary files /dev/null and b/fonts/Archivo-Regular.woff differ
diff --git a/fonts/Archivo-SemiBold.woff b/fonts/Archivo-SemiBold.woff
new file mode 100644 (file)
index 0000000..4c11b51
Binary files /dev/null and b/fonts/Archivo-SemiBold.woff differ
diff --git a/fonts/Archivo-SemiBoldItalic.woff b/fonts/Archivo-SemiBoldItalic.woff
new file mode 100644 (file)
index 0000000..8aaef65
Binary files /dev/null and b/fonts/Archivo-SemiBoldItalic.woff differ
diff --git a/index.html b/index.html
index 11f3a4fd33496bca33145d610445bf6e1afb84a9..768f74626c1708369baa14b3c05414bf8f3ee66a 100644 (file)
--- a/index.html
+++ b/index.html
@@ -1,12 +1,45 @@
 <!DOCTYPE html>
 <html>
        <head>
-               <meta http-equiv="refres" content="5">
                <style>
+@font-face {
+       font-family: "Archivo";
+       font-weight: normal;
+       font-style: normal;
+       src:
+               local("Archivo"),
+               url("fonts/Archivo-Regular.woff") format("woff"),
+}
+@font-face {
+       font-family: "Archivo";
+       font-weight: bold;
+       font-style: normal;
+       src:
+               local("Archivo"),
+               url("fonts/Archivo-SemiBold.woff") format("woff"),
+}
+@font-face {
+       font-family: "Archivo";
+       font-weight: normal;
+       font-style: italic;
+       src:
+               local("Archivo"),
+               url("fonts/Archivo-Italic.woff") format("woff"),
+}
+@font-face {
+       font-family: "Archivo";
+       font-weight: bold;
+       font-style: italic;
+       src:
+               local("Archivo"),
+               url("fonts/Archivo-SemiBoldItalic.woff") format("woff"),
+}
+
 body {
        --star-light: #FFE0B3;
        --star-dark: #FFC266;
        --dark: #DEDEDE;
+       --black: #3b3b45;
        --feature-dark: #AAAAEE;
        --feature-light: #BBBBEE;
        --feature-white: #EAEAFA;
@@ -16,9 +49,9 @@ body {
        --background: linear-gradient(var(--background-light), var(--background-dark));
        --clock: conic-gradient(var(--background-light) 0deg, var(--background-light) 0deg, rgb(0,0,0,0) 0.1deg), rgb(0,0,0,0) 360deg);
 
-       font-family: sans-serif;
+       font-family: "Archivo", sans-serif;
        font-size: 1.6vh;
-       color: black;
+       color: var(--black);
 
        opacity: 0;
        transition: opacity 1.5s;
@@ -183,7 +216,7 @@ h2.badge {
        transition: transform 1.5s;
 }
 .main > hr, .extra > hr {
-       margin: 0.5vh 1vh;
+       margin: 0 1vh;
        padding: 0;
        border-color: var(--dark);
 }
@@ -223,6 +256,7 @@ h2.badge {
        font-size: 1.5em;
        font-weight: bold;
        font-style: italic;
+       text-shadow: 0 0 3px rgba(0,0,0,0.25);
        color: var(--feature-dark);
 }
 .marquee {
@@ -544,7 +578,6 @@ function update() {
                        document.getElementById("stock").innerHTML = `${data[itemId].stockCount} units`;
                        document.getElementById("sold").innerHTML = `${Math.round(data[itemId].stockCount * (1 - percentLeft))} units`;
 
-                       console.log(percentLeft);
                        if (percentLeft < 0.1) { descriptor = "Quick! Only"; }
                        else if (percentLeft < 0.25) { descriptor = "Only"; }
                        else if (percentLeft < 0.5) { descriptor = "Just"; }
@@ -679,7 +712,7 @@ setInterval(draw, 500)
                                <h2 style="margin-top: 1vh;" id="currentPrice">Current Price</h4>
                                <p id="monthlyPrice">Monthly Price</p>
                                <div class="soldBox">
-                                       <p style="font-size: 1.2em;">In Stock: <span style="margin-right:10px;" id="stock"></span> Sold: <span id="sold"></span></p>
+                                       <p style="font-size: 1.2em;">In stock: <span style="margin-right:10px;" id="stock"></span> Sold: <span id="sold"></span></p>
                                        <p style="font-size: 1.6em;" class="alert" id="unitsLeft"></p>
                                </div>
                        </div>
diff --git a/note b/note
index fdd0d69596dd8398969a4e7447fb06a73ad6ba86..5c85231e9285228e9307de249bded72bdbc4de90 100644 (file)
--- a/note
+++ b/note
@@ -1,4 +1,2 @@
-8 blue\r
-6 bat\r
-2 crystals\r
-7 cat lookin' things
\ No newline at end of file
+5 cat lookin' things\r
+T3 (unshown) corresponds to a doomsday strike
\ No newline at end of file
Shopping channel GFX management system built for XMDV Shopping.