Major font rework

zeankundev · Oct 21, 2023 · 1c3a5b5 · 1c3a5b5
1 parent cda42eb
commit 1c3a5b5
Show file tree

Hide file tree

Showing 15 changed files with 76 additions and 27 deletions.
diff --git a/docs/assets/fonts/whitney/2AEF2F564D90434B1.woff2 b/docs/assets/fonts/whitney/2AEF2F564D90434B1.woff2
diff --git a/docs/assets/fonts/whitney/3955045D2CF71A4B6.woff2 b/docs/assets/fonts/whitney/3955045D2CF71A4B6.woff2
diff --git a/docs/assets/fonts/whitney/560247561D61316B0.woff2 b/docs/assets/fonts/whitney/560247561D61316B0.woff2
diff --git a/docs/assets/fonts/whitney/5F3C862F467F43533.woff2 b/docs/assets/fonts/whitney/5F3C862F467F43533.woff2
diff --git a/docs/assets/fonts/whitney/A32A3E152E391B379.woff2 b/docs/assets/fonts/whitney/A32A3E152E391B379.woff2
diff --git a/docs/assets/fonts/whitney/A5B691C26F8CABBC2.woff2 b/docs/assets/fonts/whitney/A5B691C26F8CABBC2.woff2
diff --git a/docs/assets/fonts/whitney/AABA9C13AF9C5C638.woff2 b/docs/assets/fonts/whitney/AABA9C13AF9C5C638.woff2
diff --git a/docs/assets/fonts/whitney/C38C81DE2B6590D68.woff2 b/docs/assets/fonts/whitney/C38C81DE2B6590D68.woff2
diff --git a/docs/assets/fonts/whitney/CB8837CA379681FED.woff2 b/docs/assets/fonts/whitney/CB8837CA379681FED.woff2
diff --git a/docs/assets/fonts/whitney/whitney-fonts.css b/docs/assets/fonts/whitney/whitney-fonts.css
@@ -0,0 +1,69 @@
+@font-face {
+    font-family: 'Whitney';
+    src: url("./A32A3E152E391B379.woff2") format("woff2"),url("./A32A3E152E391B379.woff") format("woff");
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./560247561D61316B0.woff2") format("woff2"),url("./560247561D61316B0.woff") format("woff");
+    font-weight: 300;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./CB8837CA379681FED.woff2") format("woff2"),url("./CB8837CA379681FED.woff") format("woff");
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./C38C81DE2B6590D68.woff2") format("woff2"),url("./C38C81DE2B6590D68.woff") format("woff");
+    font-weight: 400;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./AABA9C13AF9C5C638.woff2") format("woff2"),url("./AABA9C13AF9C5C638.woff") format("woff");
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./A5B691C26F8CABBC2.woff2") format("woff2"),url("./A5B691C26F8CABBC2.woff") format("woff");
+    font-weight: 500;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./3955045D2CF71A4B6.woff2") format("woff2"),url("./3955045D2CF71A4B6.woff") format("woff");
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./2AEF2F564D90434B1.woff2") format("woff2"),url("./2AEF2F564D90434B1.woff") format("woff");
+    font-weight: 600;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./5F3C862F467F43533.woff2") format("woff2"),url("./5F3C862F467F43533.woff") format("woff");
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'Whitney';
+    src: url("./A4735881B447BC24E.woff2") format("woff2"),url("./A4735881B447BC24E.woff") format("woff");
+    font-weight: 800;
+    font-style: normal;
+}
diff --git a/docs/details.html b/docs/details.html
@@ -2,11 +2,10 @@
 <html lang="en">
     <head>
         <link rel="stylesheet" href="./style/index.css">
-        <link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-009168.css">
+        <link rel="stylesheet" href="./assets/fonts/whitney/whitney-fonts.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <script src="https://kit.fontawesome.com/970a0290cd.js" crossorigin="anonymous"></script>
         <link rel="icon" href="./assets/images/logo_1024.png">
-        <script src="./js/countdown.js"></script>
         <title>Graycrown</title>
     </head>
     <body>
@@ -16,10 +15,6 @@
                 <nav style="display: inline-block;">
                     <a href="index.html">Home</a>
                     <a href="stylehub.html">StyleHUB</a>
-                    <div class="countdown" onclick="window.location.href = './publicserviceannouncement.html'">
-                        <i class="fa-solid fa-clock"></i>
-                        <h3 id="countdown-summary">${days}d ${hours}h ${minutes}m ${seconds}s before clone deletion</h3>
-                    </div>
                 </nav>
             </header>
             <div class="heading">

diff --git a/docs/index.html b/docs/index.html
@@ -2,10 +2,9 @@
 <html lang="en">
     <head>
         <link rel="stylesheet" href="./style/index.css">
-        <link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-009168.css">
+        <link rel="stylesheet" href="./assets/fonts/whitney/whitney-fonts.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <script src="https://kit.fontawesome.com/970a0290cd.js" crossorigin="anonymous"></script>
-        <script src="./js/countdown.js"></script>
         <link rel="icon" href="./assets/images/logo_1024.png">
         <title>Graycrown</title>
     </head>
@@ -16,10 +15,6 @@
                 <nav style="display: inline-block;">
                     <a href="#">Home</a>
                     <a href="stylehub.html">StyleHUB</a>
-                    <div class="countdown" onclick="window.location.href = './publicserviceannouncement.html'">
-                        <i class="fa-solid fa-clock"></i>
-                        <h3 id="countdown-summary">${days}d ${hours}h ${minutes}m ${seconds}s before clone deletion</h3>
-                    </div>
                 </nav>
             </header>
             <div class="heading">
@@ -33,7 +28,7 @@ <h1 style="font-size: 72pt;">Simple, easy and fun game launcher</h1>
                 &nbsp;
                 <button class="button" onclick="window.location.href = 'https://www.producthunt.com/posts/graycrown?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-graycrown'"><i class="fa-brands fa-product-hunt"></i> See it on Product Hunt</button>
                 &nbsp;
-                <button class="button" onclick="window.location.href = 'https://twitter.com/GraycrownLaunch'"><i class="fa-brands fa-twitter"></i> Stalk us on Twitter!</button>
+                <button class="button" onclick="window.location.href = 'https://twitter.com/GraycrownLaunch'"><i class="fa-brands fa-twitter"></i> Stalk us on Twitter/X!</button>
                 &nbsp;
                 <button class="button" onclick="window.location.href = 'https://discord.gg/3ujWSgkawv'"><i class="fa-brands fa-discord"></i> Join on Discord</button>
                 &nbsp;

diff --git a/docs/style/index.css b/docs/style/index.css
@@ -154,7 +154,7 @@
 body {
     color: #fff;
     background-color: #1d1d1d;
-    font-family: 'Typonine Sans', sans-serif;
+    font-family: 'Whitney', sans-serif;
     overflow-y: scroll;
 }
 header {
@@ -201,7 +201,7 @@ h1, h2 {
     background-color: #1d1d1d;
     -webkit-appearance: none;
     color: #fff;
-    font-family: 'Typonine Sans', sans-serif;
+    font-family: 'Whitney', sans-serif;
     border: none;
     font-weight: bold;
     border-radius: 5px;

diff --git a/docs/stylehub.html b/docs/stylehub.html
@@ -2,9 +2,8 @@
 <html lang="en">
     <head>
         <link rel="stylesheet" href="./style/index.css">
-        <link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-009168.css">
+        <link rel="stylesheet" href="./assets/fonts/whitney/whitney-fonts.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <script src="./js/countdown.js"></script>
         <script src="https://kit.fontawesome.com/970a0290cd.js" crossorigin="anonymous"></script>
         <link rel="icon" href="./assets/images/logo_1024.png">
         <title>Graycrown</title>
@@ -16,10 +15,6 @@
                 <nav style="display: inline-block;">
                     <a href="/">Home</a>
                     <a href="#">StyleHUB</a>
-                    <div class="countdown" onclick="window.location.href = './publicserviceannouncement.html'">
-                        <i class="fa-solid fa-clock"></i>
-                        <h3 id="countdown-summary">${days}d ${hours}h ${minutes}m ${seconds}s before clone deletion</h3>
-                    </div>
                 </nav>
             </header>
             <div class="heading">

diff --git a/docs/success.html b/docs/success.html
@@ -2,11 +2,10 @@
 <html lang="en">
     <head>
         <link rel="stylesheet" href="./style/index.css">
-        <link rel="stylesheet" href="https://fonts.typotheque.com/WF-000099-009168.css">
+        <link rel="stylesheet" href="./assets/fonts/whitney/whitney-fonts.css">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <script src="https://kit.fontawesome.com/970a0290cd.js" crossorigin="anonymous"></script>
         <link rel="icon" href="./assets/images/logo_1024.png">
-        <script src="./js/countdown.js"></script>
         <title>Graycrown</title>
     </head>
     <body>
@@ -16,10 +15,6 @@
                 <nav style="display: inline-block;">
                     <a href="index.html">Home</a>
                     <a href="stylehub.html">StyleHUB</a>
-                    <div class="countdown" onclick="window.location.href = './publicserviceannouncement.html'">
-                        <i class="fa-solid fa-clock"></i>
-                        <h3 id="countdown-summary">${days}d ${hours}h ${minutes}m ${seconds}s before clone deletion</h3>
-                    </div>
                 </nav>
             </header>
             <div class="heading">