same as last one

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"
 }

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>

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">

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:

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>

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 {

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;
 }

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;
 }

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 {