From 88166ec141ad49ba8c35e5933077cce37a1d8ec5 Mon Sep 17 00:00:00 2001
From: Spencer Flagg <spencer@iflylocal.com>
Date: Tue, 5 Jul 2022 12:40:01 +0200
Subject: [PATCH] same as last one

---
 src/_data/site.json                |  4 ++--
 src/_includes/contact.ejs          |  1 -
 src/_includes/footer.ejs           |  9 ++++++---
 src/_includes/layouts/base.ejs     | 13 +++++++++----
 src/_includes/systems.ejs          |  6 +++---
 src/assets/styles/_blurb.css       |  1 +
 src/assets/styles/_footer.css      |  2 +-
 src/assets/styles/_screenshots.css |  5 +++--
 src/assets/styles/main.css         |  5 +++--
 9 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/src/_data/site.json b/src/_data/site.json
index 622699c..4668c4f 100644
--- a/src/_data/site.json
+++ b/src/_data/site.json
@@ -2,7 +2,7 @@
   "site_name": "Visual Anatomy 3D",
   "title": "Visual Anatomy 3D",
   "description": "Learn human anatomy quickly and easily by zooming, panning, hiding layers and interacting in real time.",
-  "url": "https://humananatomy3d.app/",
+  "url": "https://visualanatomy3d.app/",
   "locale": "en",
   "author": "Spencer Flagg"
-}
\ No newline at end of file
+}
diff --git a/src/_includes/contact.ejs b/src/_includes/contact.ejs
index c5d2812..84f185c 100644
--- a/src/_includes/contact.ejs
+++ b/src/_includes/contact.ejs
@@ -3,7 +3,6 @@
         <h1 id="contact">Contact Us</h1>
     </header>
     <section>
-        <!-- action="https://humananatomy3d.app/app/php/email/v1/SendSupportMailFromWebsite.php" -->
         <div class="form">
             <input type="text" placeholder="your email address goes here" id="fromEmail">
             <span class="alert form-alert" id="emailError">your email address isn't valid</span>
diff --git a/src/_includes/footer.ejs b/src/_includes/footer.ejs
index dc7f1f6..b103a45 100644
--- a/src/_includes/footer.ejs
+++ b/src/_includes/footer.ejs
@@ -4,7 +4,10 @@
             <a href="https://www.graphicvizion.com/" target="_blank">GraphicViZion</a>
         </h3>
         <div class="copywrite">
-            © <%= new Date().getFullYear() %> by GraphicViZion
+            <p>© <%= new Date().getFullYear() %> by GraphicViZion</p>
+            <p class="build">v <%= buildInfo.version %> @ <time datetime="<%= buildInfo.time.raw %>">
+                <%= buildInfo.time.formatted %>
+              </time></p>
         </div>
         <div class="credit">
             this site was hand-crafted by <a href="https://spencerflagg.com" target="_blank">Spencer Flagg</a>
@@ -96,7 +99,7 @@
                     Play Store
                 </a>
             </li>
-            <li><a href="https://humananatomy3d.app/app/policies/privacypolicy.html" target="_blank">
+            <li><a href="<%= site.url %>app/policies/privacypolicy.html" target="_blank">
                     <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-eye-off" width="32"
                         height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
@@ -107,7 +110,7 @@
                             d="M9.363 5.365a9.466 9.466 0 0 1 2.637 -.365c4 0 7.333 2.333 10 7c-.778 1.361 -1.612 2.524 -2.503 3.488m-2.14 1.861c-1.631 1.1 -3.415 1.651 -5.357 1.651c-4 0 -7.333 -2.333 -10 -7c1.369 -2.395 2.913 -4.175 4.632 -5.341" />
                     </svg>
                     Privacy Policy</a></li>
-            <li><a href="https://humananatomy3d.app/app/policies/termsofuse.html" target="_blank"><svg
+            <li><a href="<%= site.url %>app/policies/termsofuse.html" target="_blank"><svg
                         xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-news" width="32"
                         height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none"
                         stroke-linecap="round" stroke-linejoin="round">
diff --git a/src/_includes/layouts/base.ejs b/src/_includes/layouts/base.ejs
index 1b6d8ea..07b9e8d 100644
--- a/src/_includes/layouts/base.ejs
+++ b/src/_includes/layouts/base.ejs
@@ -143,6 +143,10 @@
 
   <script>
 
+    var siteUrl = "<%= site.url %>";
+
+    console.log(siteUrl);
+
     document.getElementById('fromEmail').addEventListener('input', function () {
 
       const fromEmail = document.getElementById('fromEmail');
@@ -181,7 +185,8 @@
         var details = {
           'hash': md5(fromEmail.value + '89745378945667832'),
           'fromEmail': fromEmail.value,
-          'message': message.value
+          'message': message.value,
+          'title': 'Support - Visual Anatomy 3D (site)'
         };
 
         var formBody = [];
@@ -194,7 +199,7 @@
 
         try {
           
-        fetch('https://humananatomy3d.app/app/php/email/v1/SendSupportMailFromWebsite.php', {
+        fetch(siteUrl + 'app/php/email/v1/SendSupportMail.php', {
           method: 'POST',
           //mode: 'no-cors',
           headers: {
@@ -225,7 +230,7 @@
                 emailError.classList.add('form-alert--visible');
                 break;
               case "failedSendingSupportEmail":
-              case "failedH":
+              case "failedHash":
                 otherError.classList.add('form-alert--visible');
                 break;
               default:
@@ -330,4 +335,4 @@
     flex-direction: column;
     align-items: center;
   }
-</style> -->
\ No newline at end of file
+</style> -->
diff --git a/src/_includes/systems.ejs b/src/_includes/systems.ejs
index 506999d..2ae3e71 100644
--- a/src/_includes/systems.ejs
+++ b/src/_includes/systems.ejs
@@ -23,10 +23,10 @@
         </ul>
         <div class="system__zoom-wrapper">
             <img class="zoom__image--bkg %>"
-                src="/assets/images/systems/layers/bkg.png" alt="background">
+                src="./assets/images/systems/layers/bkg.png" alt="background">
             <% systems.filter(system => system.status !== 'soon').forEach((system, index)=> { %>
                 <img class="zoom__image zoom__image--<%= system.slug %> <%= index === 0 ? 'zoom__image--visible' : '' %>"
-                    src="/assets/images/systems/layers/<%= system.slug %>.png" alt="<%= system.name %>"
+                    src="./assets/images/systems/layers/<%= system.slug %>.png" alt="<%= system.name %>"
                     title="<%= system.name %>">
                 <% }) %>
         </div>
@@ -66,4 +66,4 @@
 
 
 
-</script>
\ No newline at end of file
+</script>
diff --git a/src/assets/styles/_blurb.css b/src/assets/styles/_blurb.css
index 89b78c0..48b3637 100644
--- a/src/assets/styles/_blurb.css
+++ b/src/assets/styles/_blurb.css
@@ -47,6 +47,7 @@ article.blurb__wrapper {
     border: 2px solid white;
     border-radius: var(--r-1);
     overflow: hidden;
+    background: var(--c-1);
 }
 
 .before-and-after .img {
diff --git a/src/assets/styles/_footer.css b/src/assets/styles/_footer.css
index 353e3de..97347c4 100644
--- a/src/assets/styles/_footer.css
+++ b/src/assets/styles/_footer.css
@@ -83,7 +83,7 @@ footer li a:hover svg {
     margin-bottom: 9rem;
 }
 
-.credit {
+.credit, .build  {
     opacity: 0.5;
     font-size: 0.75rem;
 }
diff --git a/src/assets/styles/_screenshots.css b/src/assets/styles/_screenshots.css
index b07a50a..39bf706 100644
--- a/src/assets/styles/_screenshots.css
+++ b/src/assets/styles/_screenshots.css
@@ -8,12 +8,13 @@
 
 /* Track */
 .glide::-webkit-scrollbar-track {
-    background: transparent;
+    background-color: var(--c-1);
+    border-radius: 999px;
 }
 
 /* Handle */
 .glide::-webkit-scrollbar-thumb {
-    background-color: var(--c-1);
+    background-color: var(--c-3);
     border-radius: 999px;
     transition: .2s all;
 }
diff --git a/src/assets/styles/main.css b/src/assets/styles/main.css
index 2c0c2bf..9fa5826 100644
--- a/src/assets/styles/main.css
+++ b/src/assets/styles/main.css
@@ -117,7 +117,7 @@ a:hover {
 @import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
 
 html {
-  font-size: 2vmin;
+  font-size: clamp(10px,2vmin,18px);
   scroll-behavior: smooth;
   color: black;
   font-family: Nunito, sans-serif;
@@ -247,7 +247,8 @@ article > header {
 }
 
 article > header > aside {
-  font-size: max(1rem, 10pt)
+  font-size: max(1rem, 10pt);
+  max-width: 60ch;
 }
 
 .inset {