Change all links to // instead of https://

sandervonk · Jul 31, 2022 · 26ed7e1 · 26ed7e1
1 parent 36048b6
commit 26ed7e1
Show file tree

Hide file tree

Showing 18 changed files with 121 additions and 363 deletions.
diff --git a/404.html b/404.html
@@ -2,11 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link
-      rel="shortcut icon"
-      href="https://sander.vonk.one/VITE/img/icon/app/icon-512x512.png"
-      type="image/png"
-    />
+    <link rel="shortcut icon" href="//sander.vonk.one/VITE/img/icon/app/icon-512x512.png" type="image/png" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>VITE! | Offline</title>

diff --git a/About/archive & templates/firebase-messaging-sw.js b/About/archive & templates/firebase-messaging-sw.js
@@ -1,8 +1,8 @@
 // Give the service worker access to Firebase Messaging.
 // Note that you can only use Firebase Messaging here. Other Firebase libraries
 // are not available in the service worker.
-importScripts("https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js");
-importScripts("https://www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js");
+importScripts("//www.gstatic.com/firebasejs/8.10.0/firebase-app.js");
+importScripts("//www.gstatic.com/firebasejs/8.10.0/firebase-messaging.js");
 
 // Initialize the Firebase app in the service worker by passing in
 // your app's Firebase config object.

diff --git a/About/archive & templates/newindex.html b/About/archive & templates/newindex.html
@@ -15,17 +15,17 @@
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="About VITE! French Practice Tools" />
     <meta name="twitter:description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
-    <meta name="twitter:image:src" content="https://sander.vonk.one/VITE/img/social-img/social-twitter.png" />
+    <meta name="twitter:image:src" content="//sander.vonk.one/VITE/img/social-img/social-twitter.png" />
     <!-- Open Graph general (Facebook, Pinterest & Google+) -->
     <meta name="og:title" content="VITE! French Practice" />
     <meta name="og:description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
-    <meta name="og:image" content="https://sander.vonk.one/VITE/img/social-img/social-og.png" />
-    <meta name="og:url" content="https://sander.vonk.one/VITE/desktop/" />
+    <meta name="og:image" content="//sander.vonk.one/VITE/img/social-img/social-og.png" />
+    <meta name="og:url" content="//sander.vonk.one/VITE/desktop/" />
     <meta name="og:site_name" content="About VITE! French Practice Tools" />
     <meta name="og:type" content="website" />
     <!-- Analytics!! -->
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
+    <script async src="//www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {

diff --git a/About/index.html b/About/index.html
@@ -10,31 +10,22 @@
     <meta name="description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
     <!-- Schema.org for Google -->
     <meta itemprop="name" content="VITE! French Practice" />
-    <meta
-      itemprop="description"
-      content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!"
-    />
+    <meta itemprop="description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
     <!-- Twitter -->
     <meta name="twitter:card" content="summary" />
     <meta name="twitter:title" content="About VITE! French Practice Tools" />
-    <meta
-      name="twitter:description"
-      content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!"
-    />
-    <meta name="twitter:image:src" content="https://sander.vonk.one/VITE/img/social-img/social-twitter.png" />
+    <meta name="twitter:description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
+    <meta name="twitter:image:src" content="//sander.vonk.one/VITE/img/social-img/social-twitter.png" />
     <!-- Open Graph general (Facebook, Pinterest & Google+) -->
     <meta name="og:title" content="About VITE! French Practice Tools" />
-    <meta
-      name="og:description"
-      content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!"
-    />
-    <meta name="og:image" content="https://sander.vonk.one/VITE/img/social-img/social-og.png" />
-    <meta name="og:url" content="https://sander.vonk.one/VITE/desktop/" />
+    <meta name="og:description" content="Conjugate French verbs, learn new tenses, or practice existing ones, all 100% free with VITE! French tools!" />
+    <meta name="og:image" content="//sander.vonk.one/VITE/img/social-img/social-og.png" />
+    <meta name="og:url" content="//sander.vonk.one/VITE/desktop/" />
     <meta name="og:site_name" content="About VITE! French Practice Tools" />
     <meta name="og:type" content="website" />
     <!-- Analytics!! -->
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
+    <script async src="//www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {
@@ -45,7 +36,7 @@
       gtag("config", "G-5GF8MRX85G");
     </script>
     <style>
-      @import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Righteous&family=Lato&family=Montserrat:wght@400;700&display=swap");
+      @import url("//fonts.googleapis.com/css2?family=Comfortaa:wght@400;700&family=Righteous&family=Lato&family=Montserrat:wght@400;700&display=swap");
       body,
       html {
         padding: 0;
@@ -364,39 +355,29 @@
       <div id="header">
         <div id="header-title">VITE!</div>
         <div class="vertical-bar"></div>
-        <a id="header-img" href="https://sander.vonk.one/Projects/"></a>
+        <a id="header-img" href="//sander.vonk.one/Projects/"></a>
       </div>
     </div>
     <div id="content" class="float-low">
       <div id="text-bar">
         <div class="text-section">
           <div class="text-section-title">About</div>
           <div class="text-section-content">
-            Very much still a passion project of mine, VITE! originally served as a way for me to learn more about the real-world applications of
-            coding, teaching me much about what aspects are really important, and what mistakes (I’m looking at you, 2200 lines of jumbled CSS) are
-            easily avoidable if you better plan out your projects. In addition to building my coding skills, this project has really helped me get
-            better at French, sometimes giving me an excuse to learn new tenses before they’ve even been mentioned in class!
+            Very much still a passion project of mine, VITE! originally served as a way for me to learn more about the real-world applications of coding, teaching me much about what aspects are really important, and what mistakes (I’m looking at you, 2200 lines of jumbled CSS) are easily avoidable if you better plan out your projects. In addition to building my coding skills, this project has really helped me get better at French, sometimes giving me an excuse to learn new tenses before they’ve
+            even been mentioned in class!
           </div>
         </div>
         <div class="vertical-bar text-bar"></div>
         <div class="text-section">
           <div class="text-section-content" id="mission-section">
-            VITE! aims to provide an easily accessible medium for anyone to practice verb conjugations in a multitude of tenses, whether it be as
-            practice for their school-assigned classes, or to teach themselves something new. Mostly constrained by what I have the time to code, I
-            hope to be able to add personalized suggestions and in-depth explanations to help users better understand the content, or even learn it
-            from scratch!
+            VITE! aims to provide an easily accessible medium for anyone to practice verb conjugations in a multitude of tenses, whether it be as practice for their school-assigned classes, or to teach themselves something new. Mostly constrained by what I have the time to code, I hope to be able to add personalized suggestions and in-depth explanations to help users better understand the content, or even learn it from scratch!
             <div class="text-section-title">Mission</div>
           </div>
         </div>
         <div class="vertical-bar text-bar"></div>
         <div class="text-section">
           <div class="text-section-title">Development</div>
-          <div class="text-section-content">
-            VITE! sites and tools are written with HTML, CSS, and Javascript! All parts run client side, pieced together from a number of supporting
-            JSON files that contain basic, non-programablly discoverable, aspects of verbs, such as irregular stems, participles, and information on
-            what helping verbs they take. The PWA runs with the same sources, but is available offline using cached versions of the same files, in
-            addition to service-workers and the like.
-          </div>
+          <div class="text-section-content">VITE! sites and tools are written with HTML, CSS, and Javascript! All parts run client side, pieced together from a number of supporting JSON files that contain basic, non-programablly discoverable, aspects of verbs, such as irregular stems, participles, and information on what helping verbs they take. The PWA runs with the same sources, but is available offline using cached versions of the same files, in addition to service-workers and the like.</div>
         </div>
       </div>
       <div id="lower-flex">
@@ -405,11 +386,7 @@
             <div id="grid-1" class="grid-box">
               <div class="grid-box-content">
                 <div class="grid-box-title">Accessibility</div>
-                <div class="grid-box-text">
-                  Made to be fully translatable without losing content, VITE! aims to provide an accessible portal into French learning, regardless of
-                  a user's native language. VITE! mobile makes the learning experience even more portable, running on any web-enabled smartphone with
-                  basic HTML, CSS, & JS support.
-                </div>
+                <div class="grid-box-text">Made to be fully translatable without losing content, VITE! aims to provide an accessible portal into French learning, regardless of a user's native language. VITE! mobile makes the learning experience even more portable, running on any web-enabled smartphone with basic HTML, CSS, & JS support.</div>
               </div>
             </div>
             <div id="grid-2" class="grid-box">
@@ -420,40 +397,28 @@
             <div id="grid-3" class="grid-box">
               <div class="grid-box-content">
                 <div class="grid-box-title">Adaptability</div>
-                <div class="grid-box-text">
-                  With around 30 verbs preloaded, 6 tenses, 9 subjects, the option of adding custom verbs, and new content always being added, VITE!
-                  is able to randomly generate thousands of problems, with each of these factors being completely customizable by the user.
-                </div>
+                <div class="grid-box-text">With around 30 verbs preloaded, 6 tenses, 9 subjects, the option of adding custom verbs, and new content always being added, VITE! is able to randomly generate thousands of problems, with each of these factors being completely customizable by the user.</div>
               </div>
             </div>
             <div id="grid-4" class="grid-box">
               <div class="grid-box-content">
                 <div class="grid-box-title">Availability</div>
-                <div class="grid-box-text">
-                  VITE! tools for students and teachers are available for French learners everywhere, completely free of charge. As mentioned in the
-                  accessibility panel, updated VITE! sites are completely translatable, for use with any browser-supported translate language.
-                </div>
+                <div class="grid-box-text">VITE! tools for students and teachers are available for French learners everywhere, completely free of charge. As mentioned in the accessibility panel, updated VITE! sites are completely translatable, for use with any browser-supported translate language.</div>
               </div>
             </div>
           </div>
           <div id="grid-under-text-1">
-            I recently re-designed VITE! from scratch for mobile devices, made to blend in with Google's 'Material You' dark theme, though also with a
-            light theme option. The new interface not only gave me a chance to learn how to develop mobile-focused sites and interaction menus, but
-            also let me get a feel for what I should base a new design for the web / desktop site on. Though only a PWA at the moment, I hope to write
-            a full app for it some day, at least to the point where I could have tappable elements onscreen without having the keyboard close on their
-            interaction!
+            I recently re-designed VITE! from scratch for mobile devices, made to blend in with Google's 'Material You' dark theme, though also with a light theme option. The new interface not only gave me a chance to learn how to develop mobile-focused sites and interaction menus, but also let me get a feel for what I should base a new design for the web / desktop site on. Though only a PWA at the moment, I hope to write a full app for it some day, at least to the point where I could have
+            tappable elements onscreen without having the keyboard close on their interaction!
           </div>
         </div>
         <div id="right-layout">
           <div id="top-accents">
             <img src="Accents.svg" id="accents-vector" />
           </div>
           <div id="grid-under-text-2">
-            I recently re-designed VITE! from scratch for mobile devices, made to blend in with Google's 'Material You' dark theme, though also with a
-            light theme option. The new interface not only gave me a chance to learn how to develop mobile-focused sites and interaction menus, but
-            also let me get a feel for what I should base a new design for the web / desktop site on. Though only a PWA at the moment, I hope to write
-            a full app for it some day, at least to the point where I could have tappable elements onscreen without having the keyboard close on their
-            interaction!
+            I recently re-designed VITE! from scratch for mobile devices, made to blend in with Google's 'Material You' dark theme, though also with a light theme option. The new interface not only gave me a chance to learn how to develop mobile-focused sites and interaction menus, but also let me get a feel for what I should base a new design for the web / desktop site on. Though only a PWA at the moment, I hope to write a full app for it some day, at least to the point where I could have
+            tappable elements onscreen without having the keyboard close on their interaction!
           </div>
           <div id="mockup">
             <svg id="phone-vector" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 514 884">
@@ -522,12 +487,7 @@
                       <path d="M45,87.92A47,47,0,0,1,92,41H422a47,47,0,0,1,47,46.92V788.08A47,47,0,0,1,422,835H92a47,47,0,0,1-47-46.92Z" />
                     </g>
                   </g>
-                  <path
-                    id="Mask-2"
-                    data-name="Mask"
-                    class="cls-6"
-                    d="M455.2,777.9V96.1a40.54,40.54,0,0,0-40.6-40.5H350.5a7.38,7.38,0,0,0-7.4,7.4v6.4a18.42,18.42,0,0,1-18.4,18.4H198.9a18.35,18.35,0,0,1-18.4-18.4V63a7.38,7.38,0,0,0-7.4-7.4H99.4A40.54,40.54,0,0,0,58.8,96.1V777.9a40.54,40.54,0,0,0,40.6,40.5H414.6A40.61,40.61,0,0,0,455.2,777.9Z"
-                  />
+                  <path id="Mask-2" data-name="Mask" class="cls-6" d="M455.2,777.9V96.1a40.54,40.54,0,0,0-40.6-40.5H350.5a7.38,7.38,0,0,0-7.4,7.4v6.4a18.42,18.42,0,0,1-18.4,18.4H198.9a18.35,18.35,0,0,1-18.4-18.4V63a7.38,7.38,0,0,0-7.4-7.4H99.4A40.54,40.54,0,0,0,58.8,96.1V777.9a40.54,40.54,0,0,0,40.6,40.5H414.6A40.61,40.61,0,0,0,455.2,777.9Z" />
                   <rect class="cls-7" x="150" y="219" width="115" height="34" rx="5" />
                   <rect class="cls-7" x="267" y="258" width="69" height="34" rx="5" />
                   <rect class="cls-7" x="250" y="180" width="68" height="34" rx="5" />
@@ -562,10 +522,7 @@
                   <path class="cls-8" d="M111,381H402a18,18,0,0,1,18,18h0a18,18,0,0,1-18,18H111a18,18,0,0,1-18-18h0A18,18,0,0,1,111,381Z" />
                   <path class="cls-9" d="M111,380H402a19,19,0,0,1,19,19h0a19,19,0,0,1-19,19H111a19,19,0,0,1-19-19h0A19,19,0,0,1,111,380Z" />
                   <circle class="cls-7" cx="402" cy="399" r="15" />
-                  <path
-                    class="cls-3"
-                    d="M409.4,398.52a1.36,1.36,0,0,0-.26-.41l-6.25-6.25a1.39,1.39,0,0,0-.41-.27,1.29,1.29,0,0,0-.48-.1,1.3,1.3,0,0,0-.89.37,1.39,1.39,0,0,0-.27.41,1.29,1.29,0,0,0-.1.48,1.3,1.3,0,0,0,.37.89l4.13,4.11h-9.49a1.25,1.25,0,0,0,0,2.5h9.49l-4.13,4.11a1.22,1.22,0,0,0-.27.41,1.2,1.2,0,0,0,0,1,1.22,1.22,0,0,0,.68.68,1.2,1.2,0,0,0,1,0,1.22,1.22,0,0,0,.41-.27l6.25-6.25a1.36,1.36,0,0,0,.26-.41A1.32,1.32,0,0,0,409.4,398.52Z"
-                  />
+                  <path class="cls-3" d="M409.4,398.52a1.36,1.36,0,0,0-.26-.41l-6.25-6.25a1.39,1.39,0,0,0-.41-.27,1.29,1.29,0,0,0-.48-.1,1.3,1.3,0,0,0-.89.37,1.39,1.39,0,0,0-.27.41,1.29,1.29,0,0,0-.1.48,1.3,1.3,0,0,0,.37.89l4.13,4.11h-9.49a1.25,1.25,0,0,0,0,2.5h9.49l-4.13,4.11a1.22,1.22,0,0,0-.27.41,1.2,1.2,0,0,0,0,1,1.22,1.22,0,0,0,.68.68,1.2,1.2,0,0,0,1,0,1.22,1.22,0,0,0,.41-.27l6.25-6.25a1.36,1.36,0,0,0,.26-.41A1.32,1.32,0,0,0,409.4,398.52Z" />
                 </g>
               </g>
             </svg>

diff --git a/app/conjugator.html b/app/conjugator.html
@@ -19,10 +19,10 @@
     <meta name="apple-mobile-web-app-status-bar" id="theme-dark-color" media="prefers-color-scheme: unset" content="#131F22" />
     <meta name="theme-color" id="theme-dark-color" media="prefers-color-scheme: unset" content="#131F22" />
     <link rel="shortcut icon" href="//sander.vonk.one/VITE/img/icon/app/icon-512x512.png" type="image/png" />
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
-    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
-    <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="//www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
+    <script src="//www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
+    <script src="//www.gstatic.com/firebasejs/8.10.0/firebase-firestore.js"></script>
     <!-- ios support -->
     <meta name="mobile-web-app-capable" content="yes" />
     <meta name="apple-touch-fullscreen" content="yes" />
@@ -59,7 +59,7 @@
     <meta name="og:type" content="website" />
     <!-- Analytics!! -->
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
+    <script async src="//www.googletagmanager.com/gtag/js?id=G-5GF8MRX85G"></script>
     <script>
       window.dataLayer = window.dataLayer || [];
       function gtag() {