diff --git a/img/github-mark.svg b/img/github-mark.svg
new file mode 100644
index 0000000..37fa923
--- /dev/null
+++ b/img/github-mark.svg
@@ -0,0 +1 @@
+<svg width="98" height="96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
index 9e9b28f..6fee420 100644
--- a/index.html
+++ b/index.html
@@ -12,7 +12,7 @@
   <body>
     <!-- Header -->
     <header class="content-grid">
-      <section class="full-width dark">
+      <section class="full-width dark snap-to-top fullscreen">
         <div class="content section-grid hero">
           <h2 class="heading">Pain-free clinical charting that&nbsp;works</h2>
           <h2 class="rotating-text highlight-1">for you.</h2>
@@ -27,9 +27,8 @@ <h2 class="rotating-text">
             </span>
           </h2>
           <p>
-            See how Lux Health redefines healthcare documentation,
-            communication, and clinical descision making for small practices.<br />
-            &mdash; <br />A prototype introduction.
+            See how Lux Health can redefine charting in small clinics.<br />
+            A prototype introduction.
           </p>
           <a href="#main" class="desktop"
             ><span class="material-symbols-outlined more">
@@ -43,7 +42,7 @@ <h2 class="rotating-text">
     <!-- Main -->
     <main id="main" class="content-grid">
       <section class="full-width">
-        <div class="section-grid">
+        <div class="section-grid snap-to-top">
           <div class="title"><h1>Key features</h1></div>
           <div class="text">
             <h2>Intuitive, mobile-first design</h2>
@@ -60,7 +59,7 @@ <h2>Intuitive, mobile-first design</h2>
               relationship.
             </p>
           </div>
-          <div class="media full-width">
+          <div class="media full-width snap-to-center">
             <div class="horizontal-scroller snaps-inline">
               <img src="img/screenshot-directory.png" alt="Lux - Directory" />
               <img
@@ -76,23 +75,19 @@ <h2>Intuitive, mobile-first design</h2>
           </div>
         </div>
       </section>
-      <section class="full-width">
+      <section class="full-width snap-to-top">
         <div class="section-grid text-aside reverse">
           <div class="text">
             <h2>Customizable &amp; actionable chart data</h2>
             <p>
-              The customizable and actionable features of the system ensure that
-              clinical data documentation is highly adaptable, accommodating
-              various practice styles with options for narrative or itemized
-              records. This flexibility extends to the inclusion of both
-              quantitative and qualitative observations. Importantly, the system
-              intelligently establishes logical connections among conditions,
-              goals, and care plans. This integration enhances patient care
-              management, allowing for a more cohesive and efficient approach to
-              healthcare delivery.
+              Lux Health adapts to individual clinic use cases through
+              customizable observation templates. Its logical linkage of
+              observations with conditions, goals, and care plans enables more
+              meaningful and actionable charting, leading to an opportubity for
+              enhanced care delivery.
             </p>
           </div>
-          <div class="media">
+          <div class="media snap-to-center">
             <img
               src="img/screenshot-observation-chart.png"
               alt="Lux - Chart - Observation - Graph"
@@ -101,67 +96,51 @@ <h2>Customizable &amp; actionable chart data</h2>
         </div>
       </section>
       <section class="full-width">
-        <div class="section-grid text-aside">
+        <div class="section-grid text-aside snap-to-top">
           <div class="text">
             <h2>Built for health information exchange</h2>
             <p>
-              The application integrates health information exchange, utilizing
-              FHIR, SNOMED, and LOINC standards. It enables effective data
-              exchange with other healthcare systems, ensuring interoperability
-              and efficient communication in the healthcare ecosystem.
+              Built from the ground up with a focus on health information
+              exchange, the app integrates the leading standards and terminology
+              services, including FHIR, SNOMED CT, and LOINC. It features a
+              one-click chart export function, enabling easy and secure data
+              sharing.
             </p>
           </div>
-          <div class="media">
+          <div class="media snap-to-center">
             <img src="img/screenshot-export.png" alt="Lux - Chart - Export" />
           </div>
-          <!-- <div class="media grid box logos">
-            <img
-              class="shadow invert-in-dark-mode"
-              src="img/fhir-logo.svg"
-              alt="FHIR"
-            />
-            <img
-              class="shadow invert-in-dark-mode"
-              src="img/snomed-ct-logo.svg"
-              alt="SNOMED-CT"
-            />
-            <img
-              class="shadow invert-in-dark-mode"
-              src="img/loinc-logo.svg"
-              alt="LOINC"
-            />
-          </div> -->
         </div>
       </section>
       <section class="full-width">
-        <div class="section-grid text-aside reverse">
+        <div class="section-grid text-aside reverse snap-to-top">
           <div class="text">
             <h2>Ready for artificial intelligence</h2>
             <p>
-              Charts can be de-identified and exported to a GPT (Generative
-              Pre-trained Transformer) to perform administrative tasks like
-              drafting reports or assist with clinical decision support (beware
-              of hallucinations and the validity of returned results 😱)
+              Through one-click chart export, clinicians can utilize clinical
+              assistant AIs like Google's Med-PaLM 2 for tasks such as drafting
+              reports and reviewing cases based on clinical guidelines,
+              effectively reducing workload, saving time, and enhancing
+              decision-making performance.
             </p>
           </div>
           <div class="media ai-input">
             <div class="typewriter-animation faux-input"><span></span></div>
           </div>
-          <div class="media">
+          <div class="media snap-to-center">
             <img src="img/screenshot-ai.png" alt="Lux - Chart - Export" />
           </div>
         </div>
       </section>
       <section class="full-width dark">
-        <div class="content section-grid one-col center">
+        <div class="content section-grid one-col center snap-to-top">
           <div class="text">
             <h1>Technologies</h1>
             <h2>Under the hood</h2>
             <p>
-              Lorem ipsum dolor sit amet consectetur adipisicing elit. Ullam qui
-              laboriosam cum nihil vitae odio illo incidunt perspiciatis, ab
-              accusamus, suscipit eaque molestias omnis eum cupiditate ratione
-              excepturi. Modi, sint.
+              The app leverages secure, and compliant technologies across both
+              frontend and backend to ensure a seamless, efficient, and robust
+              platform.
             </p>
 
             <h3>Frontend</h3>
@@ -174,23 +153,92 @@ <h3>Frontend</h3>
             </ul>
             <h3>Backend</h3>
             <ul class="chips">
+              <li><span>HL7 FHIR</span></li>
+              <li><span>SNOMED CT</span></li>
+              <li><span>LOINC</span></li>
               <li><span>Google Cloud Healthcare API</span></li>
               <li><span>Node JS</span></li>
             </ul>
           </div>
+          <!-- <div class="media grid box logos">
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/fhir-logo.svg"
+              alt="FHIR"
+            />
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/snomed-ct-logo.svg"
+              alt="SNOMED-CT"
+            />
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/loinc-logo.svg"
+              alt="LOINC"
+            />
+          </div> -->
+        </div>
+      </section>
+      <section class="full-width">
+        <div class="content section-grid one-col center snap-to-top">
+          <div class="text">
+            <h1>Code</h1>
+            <h2>The geeky stuff</h2>
+            <p>
+              For those who want to take a deep dive into the technical
+              foundation of the project, the code is available for review on
+              GitGub.
+            </p>
+          </div>
+          <div class="media">
+            <a href="https://github.com/eigenbau/lux-health-app" target="_blank"
+              ><img
+                class="invert-in-dark-mode"
+                src="img/github-mark.svg"
+                alt="GitHub"
+            /></a>
+          </div>
+          <!-- <div class="media grid box logos">
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/fhir-logo.svg"
+              alt="FHIR"
+            />
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/snomed-ct-logo.svg"
+              alt="SNOMED-CT"
+            />
+            <img
+              class="shadow invert-in-dark-mode"
+              src="img/loinc-logo.svg"
+              alt="LOINC"
+            />
+          </div> -->
         </div>
       </section>
     </main>
     <!-- Footer -->
     <footer class="content-grid">
       <section class="full-width">
-        <div class="content section-grid footer one-col center">
+        <div
+          class="content section-grid footer one-col center snap-to-top fullscreen"
+        >
           <div class="text">
+            <p>Made in Squamish, CAN <br />by Pascal Bolla</p>
             <p>
-              made by
-              <span class="material-symbols-outlined"> back_hand </span> in
-              Squamish, BC, Canada by Pascal Bolla in 2024<br />&mdash;<br />Marke&nbsp;Eigenbau
+              <strong
+                ><a href="mailto:pascalbolla&#64;gmail&#46;com">
+                  <span class="material-symbols-outlined point">
+                    chevron_right </span
+                  ><span class="material-symbols-outlined"> mail </span
+                  ><span class="material-symbols-outlined point left">
+                    chevron_left
+                  </span></a
+                ></strong
+              >
             </p>
+            <p>Marke&nbsp;Eigenbau</p>
           </div>
         </div>
       </section>
diff --git a/styles.css b/styles.css
index 64df303..75eb771 100644
--- a/styles.css
+++ b/styles.css
@@ -159,6 +159,14 @@ body {
   scroll-snap-type: y mandatory;
 }
 
+.snap-to-top {
+  scroll-snap-align: start;
+}
+
+.snap-to-center {
+  scroll-snap-align: center;
+}
+
 @media (width > 480px) {
   html,
   body {
@@ -250,7 +258,6 @@ section {
   --section-background-color: var(--color-background);
   --section-color-text: var(--color-text);
   --section-color-contrast: var(--color-contrast-light);
-  scroll-snap-align: start;
   color: var(--section-color-text);
   background: var(--section-background-color);
   min-height: 100svh;
@@ -291,7 +298,6 @@ section .section-grid {
 
   .text {
     grid-area: text;
-    /* min-height: 20rem; */
   }
 
   :first-child.text {
@@ -304,10 +310,8 @@ section .section-grid {
   .media {
     grid-area: media;
     justify-self: stretch;
-    /* align-self: end; */
     overflow: hidden;
     padding-block: var(--padding);
-    scroll-snap-align: start;
   }
 
   .media.limit-height {
@@ -327,6 +331,7 @@ section .section-grid.one-col {
 section .section-grid.center {
   > * {
     text-align: center;
+    margin-inline: auto;
   }
   h1,
   h2,
@@ -336,9 +341,12 @@ section .section-grid.center {
   }
 }
 
+section .section-grid.fullscreen {
+  min-height: 100vh;
+}
+
 @media (width >= 480px) {
   section {
-    scroll-snap-align: unset;
     min-height: auto;
   }
 
@@ -354,6 +362,10 @@ section .section-grid.center {
     min-height: auto;
     max-height: auto;
 
+    .media {
+      min-height: auto;
+    }
+
     .media.full-width {
       margin-inline: 0;
     }
@@ -423,15 +435,8 @@ section .section-grid.hero {
   }
 }
 
-@media (width >= 480px) {
-  section .section-grid.hero {
-    min-height: 100vh;
-  }
-}
-
 /* Section grid - Footer */
 section .section-grid.footer {
-  min-height: 100vh;
   align-content: center;
   align-items: center;
 }
@@ -569,8 +574,6 @@ ul.chips span::after {
 }
 
 footer {
-  font-size: 0.9rem;
-  opacity: 50%;
   p {
     max-width: 30ch;
   }
@@ -692,7 +695,7 @@ footer {
 @keyframes words {
   0%,
   20% {
-    content: "Draft a case report";
+    content: "Draft a case report and save it to G-Docs";
   }
   21%,
   40% {
@@ -739,7 +742,7 @@ footer {
 }
 
 /* AI input */
-.media.ai-input {
+section .section-grid .media.ai-input {
   position: relative;
   padding-inline: 10%;
   margin-block-start: 108%;
@@ -747,6 +750,7 @@ footer {
     Roboto, Ubuntu, Cantarell, "Noto Sans", sans-serif, "Helvetica Neue", Arial,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-weight: 400;
+  letter-spacing: -0.0125em;
 
   .typewriter-animation {
     --background: white;
@@ -761,7 +765,7 @@ footer {
 }
 
 @media (width >= 480px) {
-  .media.ai-input {
+  section .section-grid .media.ai-input {
     margin-block-start: 105%;
 
     .faux-input {
@@ -771,3 +775,22 @@ footer {
     }
   }
 }
+
+/* Contact animation */
+@keyframes point {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(var(--offset-x));
+  }
+}
+
+.point {
+  --offset-x: -0.125em;
+  animation: point 0.6s infinite alternate ease-in-out;
+}
+
+.point.left {
+  --offset-x: 0.124em;
+}
