From 5f64f13d637b90714957c93b97d3ee3c731ef9ae Mon Sep 17 00:00:00 2001
From: Sam Baltz <samuelabaltz@gmail.com>
Date: Fri, 15 Mar 2024 11:08:32 -0800
Subject: [PATCH 1/3] Format style.css

---
 docs/css/style.css | 119 +++++++++++++++++++++++++--------------------
 1 file changed, 66 insertions(+), 53 deletions(-)

diff --git a/docs/css/style.css b/docs/css/style.css
index af64ca2..7471260 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -5,8 +5,9 @@
     margin: 0;
     box-sizing: border-box;
 }
-:root{
-    font-size:18px;
+
+:root {
+    font-size: 18px;
 }
 
 /* Element Stylings */
@@ -14,7 +15,7 @@
 body {
     background-color: #c8c4c4;
     font-family: 'Arvo', serif;
-    letter-spacing:0.05em;
+    letter-spacing: 0.05em;
 }
 
 input {
@@ -32,41 +33,42 @@ input {
 /* Need a larger height due to the increased size of the stacked buttons*/
 @media only screen and (max-width: 436px) {
     #landForm {
-         height: 220px;
+        height: 220px;
     }
 }
 
 #loading-icon-wrapper {
-display: none;
-justify-content: center;
-align-items: center;
-align-content: center;
+    display: none;
+    justify-content: center;
+    align-items: center;
+    align-content: center;
 }
 
 #loading-icon {
-align-content: center;
-border: 8px solid #ffffff;
-border-top: 8px solid #eb8d15;
-border-radius: 50%;
-width: 50px;
-height: 50px;
-animation: spin 1s linear infinite;
+    align-content: center;
+    border: 8px solid #ffffff;
+    border-top: 8px solid #eb8d15;
+    border-radius: 50%;
+    width: 50px;
+    height: 50px;
+    animation: spin 1s linear infinite;
 }
 
 main {
-    display:flex;
-    flex-direction:column;
-    position:relative;
-    width:100%;
-    margin:0 auto;
-    padding:3em 2em 8em;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    width: 100%;
+    margin: 0 auto;
+    padding: 3em 2em 8em;
     background-color: rgba(39, 54, 70);
-    min-height:100vh;
-    color: rgba(255,255,255,0.9);
-    text-align:center;
-    line-height:2em;
+    min-height: 100vh;
+    color: rgba(255, 255, 255, 0.9);
+    text-align: center;
+    line-height: 2em;
 
 }
+
 footer {
     margin-top: 5em;
     position: absolute;
@@ -77,37 +79,42 @@ footer {
 }
 
 h1 {
-    color:#EEE;
-    margin-bottom:1em;
+    color: #EEE;
+    margin-bottom: 1em;
     font-size: 7.5vw;
 
-} h1::after {
-    display:block;
-    content:"";
-    width:40%;
-    margin:.5em auto 0;
+}
+
+h1::after {
+    display: block;
+    content: "";
+    width: 40%;
+    margin: .5em auto 0;
     border-bottom: 1px solid #CD5C5C;
 }
 
 h2 {
-    color:#EEE;
-    margin-bottom:1em;
-    font-size:2em;
+    color: #EEE;
+    margin-bottom: 1em;
+    font-size: 2em;
 }
 
 h3 {
-    color:#eb8d15;
+    color: #eb8d15;
     font-size: 1.5em;
 }
+
 p.info {
-    color:#EEE;
+    color: #EEE;
     font-size: 1.5em;
 }
+
 a {
-    color:rgb(132, 167, 230);
+    color: rgb(132, 167, 230);
 }
+
 a:hover {
-    color: rgba(255,255,255);
+    color: rgba(255, 255, 255);
 }
 
 
@@ -119,40 +126,46 @@ hr {
 /* Classes */
 
 .subtext {
-    font-size:1.25em;
+    font-size: 1.25em;
 }
+
 .phoneNumber {
-    font-size:2em;
-    font-weight:bold;
-    margin-top:.5em;
-    margin-bottom:.5em;
-    display:block;
+    font-size: 2em;
+    font-weight: bold;
+    margin-top: .5em;
+    margin-bottom: .5em;
+    display: block;
     letter-spacing: 0.2em;
 }
 
 section.info {
-    font-size:.6em;
+    font-size: .6em;
     line-height: 2.5em;
     margin-top: 3em;
     margin-bottom: 3em;
     text-align: left;
 }
+
 /* Media Queries */
 
-@media screen and (min-width:960px){
-    main{
+@media screen and (min-width: 960px) {
+    main {
         width: 50%;
         padding: 1em 4em;
     }
 }
 
-@media screen and (min-width:460px){
-    h1{
-        font-size:2em
+@media screen and (min-width: 460px) {
+    h1 {
+        font-size: 2em
     }
 }
 
 @keyframes spin {
-0% { transform: rotate(0deg); }
-100% { transform: rotate(360deg); }
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
 }

From e4a8528acb13ba1dead60a9658310944987a0353 Mon Sep 17 00:00:00 2001
From: Sam Baltz <samuelabaltz@gmail.com>
Date: Fri, 15 Mar 2024 11:09:04 -0800
Subject: [PATCH 2/3] Format index.html

---
 docs/index.html | 193 ++++++++++++++++++++++++++----------------------
 1 file changed, 106 insertions(+), 87 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index ebd5c83..94a3960 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,106 +1,125 @@
 <!DOCTYPE html5>
 <html lang="en">
-    <head>
-            <title>Land Acknowledgement</title>
-            <meta charset="UTF-8">
-            <meta name="format-detection" content="telephone=no">
-            <meta property="og:title" content="Land Acknowledgement" />
-            <meta property="og:type" content="article" />
-            <meta property="og:image" content="https://land.codeforanchorage.org/img/land_card_small.png"/>
-            <meta property="og:url" content="https://land.codeforanchorage.org" />
-            <meta property="og:description" content="Learn more about the land you're living, working, or recreating on. Data from native-land.ca/" />
-            <meta name="twitter:card" content="summary" />
-            <meta name="twitter:title" content="Land Acknowledgement" />
-            <meta name="twitter:description" content="Learn more about the land you're living, working, or recreating on. Data from native-land.ca/" />
-            <meta name="twitter:image" content="https://land.codeforanchorage.org/img/land_card_small.png" />
-            <meta name="description" content="Learn more about the land you're living, working, or recreating on.">
-            <meta name="viewport" content="width=device-width, initial-scale=1">
-            <link href="https://fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet">
-            <link rel="stylesheet" type="text/css" href="css/style.css">
-            <script>
-            (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-            })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+<head>
+    <title>Land Acknowledgement</title>
+    <meta charset="UTF-8">
+    <meta name="format-detection" content="telephone=no">
+    <meta property="og:title" content="Land Acknowledgement"/>
+    <meta property="og:type" content="article"/>
+    <meta property="og:image" content="https://land.codeforanchorage.org/img/land_card_small.png"/>
+    <meta property="og:url" content="https://land.codeforanchorage.org"/>
+    <meta property="og:description"
+          content="Learn more about the land you're living, working, or recreating on. Data from native-land.ca/"/>
+    <meta name="twitter:card" content="summary"/>
+    <meta name="twitter:title" content="Land Acknowledgement"/>
+    <meta name="twitter:description"
+          content="Learn more about the land you're living, working, or recreating on. Data from native-land.ca/"/>
+    <meta name="twitter:image" content="https://land.codeforanchorage.org/img/land_card_small.png"/>
+    <meta name="description" content="Learn more about the land you're living, working, or recreating on.">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.googleapis.com/css?family=Arvo:400,700" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="css/style.css">
+    <script>
+        (function (i, s, o, g, r, a, m) {
+            i['GoogleAnalyticsObject'] = r;
+            i[r] = i[r] || function () {
+                (i[r].q = i[r].q || []).push(arguments)
+            }, i[r].l = 1 * new Date();
+            a = s.createElement(o),
+                m = s.getElementsByTagName(o)[0];
+            a.async = 1;
+            a.src = g;
+            m.parentNode.insertBefore(a, m)
+        })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
-            ga('create', 'UA-56999250-1', 'auto');
-            ga('send', 'pageview');
-        </script>
+        ga('create', 'UA-56999250-1', 'auto');
+        ga('send', 'pageview');
+    </script>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.20.0/axios.min.js" integrity="sha512-quHCp3WbBNkwLfYUMd+KwBAgpVukJu5MncuQaWXgCrfgcxCJAq/fo+oqrRKOj+UKEmyMCG3tb8RB63W+EmrOBg==" crossorigin="anonymous"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.20.0/axios.min.js"
+            integrity="sha512-quHCp3WbBNkwLfYUMd+KwBAgpVukJu5MncuQaWXgCrfgcxCJAq/fo+oqrRKOj+UKEmyMCG3tb8RB63W+EmrOBg=="
+            crossorigin="anonymous"></script>
 
-    </head>
-    <body>
-        <main id="content">
-            <header>
-            <h1>Land Acknowledgement</h1>
-            </header>
-           <section>
-           <form id='landForm' onsubmit ="submitFunction" >
+</head>
+<body>
+<main id="content">
+    <header>
+        <h1>Land Acknowledgement</h1>
+    </header>
+    <section>
+        <form id='landForm' onsubmit="submitFunction">
             <h2>Whose land am I on?</h2>
-          <form id = 'landForm'>
-              <input type="text" id="textInput" placeholder="City, State or Zip Code">
-              <input type="submit" id="textSubmit">
-              <div id="loading-icon-wrapper">
-                <div id="loading-icon"></div>
-            </div>
-          </form>
-               <h3><div id="output"></div></h3>
-          </section>
-            <section class="info">
-                <p class="info">Enter your Canadian or US zip code or [city, state], or city, state & country for Australia, NZ or South America to the
-                <a target="_blank" href="https://www.messenger.com/t/LandAcknowledgement">Facebook Messenger bot</a>
-               and we'll send you the Native land you're living, working, or recreating on.</p>
-            </section>
-            <hr/>
-              <section class="info">
-                <p class="info">Our data is from <a target="_blank" href="https://native-land.ca/">Native Land</a>, a Canadian not-for profit, who ask that people use the data carefully because confirmation by nations is pending and they are updating data weekly. Please consider joining
-                  their <a target="_blank" href="https://www.patreon.com/nativeland">Patreon community</A> to help fund their research and projects.</p>
-              </section>
-              <section class="info">
-                <p>This <a target="_blank" href="https://github.com/codeforanchorage/land_acknowledgement_lambda">open source project</a> is a collaboration between <a target="_blank" href="https://codeforanchorage.org">Code for Anchorage</a> and the <a target="_blank" href="https://medium.com/anchorage-i-team">Anchorage i-team</a>.
-                </p>
+            <form id='landForm'>
+                <input type="text" id="textInput" placeholder="City, State or Zip Code">
+                <input type="submit" id="textSubmit">
+                <div id="loading-icon-wrapper">
+                    <div id="loading-icon"></div>
+                </div>
+            </form>
+            <h3>
+                <div id="output"></div>
+            </h3>
+    </section>
+    <section class="info">
+        <p class="info">Enter your Canadian or US zip code or [city, state], or city, state & country for Australia, NZ
+            or South America to the
+            <a target="_blank" href="https://www.messenger.com/t/LandAcknowledgement">Facebook Messenger bot</a>
+            and we'll send you the Native land you're living, working, or recreating on.</p>
+    </section>
+    <hr/>
+    <section class="info">
+        <p class="info">Our data is from <a target="_blank" href="https://native-land.ca/">Native Land</a>, a Canadian
+            not-for profit, who ask that people use the data carefully because confirmation by nations is pending and
+            they are updating data weekly. Please consider joining
+            their <a target="_blank" href="https://www.patreon.com/nativeland">Patreon community</A> to help fund their
+            research and projects.</p>
+    </section>
+    <section class="info">
+        <p>This <a target="_blank" href="https://github.com/codeforanchorage/land_acknowledgement_lambda">open source
+            project</a> is a collaboration between <a target="_blank" href="https://codeforanchorage.org">Code for
+            Anchorage</a> and the <a target="_blank" href="https://medium.com/anchorage-i-team">Anchorage i-team</a>.
+        </p>
 
-            </section>
-        </main>
-    </body>
+    </section>
+</main>
+</body>
 <script>
 
-document.getElementById('landForm').addEventListener('submit', submitFunction)
+    document.getElementById('landForm').addEventListener('submit', submitFunction)
 
-function submitFunction(e) {
+    function submitFunction(e) {
 // console.log(textInput)
 
-  // const base_url = "https://ak-land.herokuapp.com/"
-  // const base_url = "https://ak-land.herokuapp.com/?Body=austin,mn"
-  //const base_url = `https://anchorage-land-cors.herokuapp.com/https://ak-land.herokuapp.com/?Body=${e.target[0].value}`
-  //const base_url = `https://anchorage-land-cors.herokuapp.com/https://42fehusrq0.execute-api.us-west-2.amazonaws.com/api/${e.target[0].value}`
-  const base_url = `https://42fehusrq0.execute-api.us-west-2.amazonaws.com/api/${e.target[0].value}`
+        // const base_url = "https://ak-land.herokuapp.com/"
+        // const base_url = "https://ak-land.herokuapp.com/?Body=austin,mn"
+        //const base_url = `https://anchorage-land-cors.herokuapp.com/https://ak-land.herokuapp.com/?Body=${e.target[0].value}`
+        //const base_url = `https://anchorage-land-cors.herokuapp.com/https://42fehusrq0.execute-api.us-west-2.amazonaws.com/api/${e.target[0].value}`
+        const base_url = `https://42fehusrq0.execute-api.us-west-2.amazonaws.com/api/${e.target[0].value}`
 
-  e.preventDefault();
-  var inp = document.getElementById('textInput');
-  var sub = document.getElementById('textSubmit');
-  let loadIcon = document.getElementById('loading-icon-wrapper');
+        e.preventDefault();
+        var inp = document.getElementById('textInput');
+        var sub = document.getElementById('textSubmit');
+        let loadIcon = document.getElementById('loading-icon-wrapper');
 
-  loadIcon.style.display='flex';
-  inp.style.display='none';
-  sub.style.display='none';
+        loadIcon.style.display = 'flex';
+        inp.style.display = 'none';
+        sub.style.display = 'none';
 
-  axios.get(base_url)
-  .then(function(response)  {
-    document.getElementById('output').innerHTML = response.data
+        axios.get(base_url)
+            .then(function (response) {
+                document.getElementById('output').innerHTML = response.data
 
-    inp.style.display='';
-    sub.style.display='';
-    loadIcon.style.display = 'none';
+                inp.style.display = '';
+                sub.style.display = '';
+                loadIcon.style.display = 'none';
 
-  }, (error) => {
-    console.log(error);
+            }, (error) => {
+                console.log(error);
 
-    inp.style.display='';
-    sub.style.display='';
-    loadIcon.style.display = 'none';
-  });
-}
-            </script>
+                inp.style.display = '';
+                sub.style.display = '';
+                loadIcon.style.display = 'none';
+            });
+    }
+</script>
 </html>

From 4ef124d7d601c35215f70839b2fd1069e186be60 Mon Sep 17 00:00:00 2001
From: Sam Baltz <samuelabaltz@gmail.com>
Date: Fri, 15 Mar 2024 11:12:47 -0800
Subject: [PATCH 3/3] Move most recent media query to bottom of style.css

---
 docs/css/style.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/docs/css/style.css b/docs/css/style.css
index 7471260..50de214 100644
--- a/docs/css/style.css
+++ b/docs/css/style.css
@@ -29,14 +29,6 @@ input {
     height: 150px;
 }
 
-/* 436 px is the exact point where the submit button stacks under the input form*/
-/* Need a larger height due to the increased size of the stacked buttons*/
-@media only screen and (max-width: 436px) {
-    #landForm {
-        height: 220px;
-    }
-}
-
 #loading-icon-wrapper {
     display: none;
     justify-content: center;
@@ -161,6 +153,14 @@ section.info {
     }
 }
 
+/* 436 px is the exact point where the submit button stacks under the input form*/
+/* Need a larger height due to the increased size of the stacked buttons*/
+@media only screen and (max-width: 436px) {
+    #landForm {
+        height: 220px;
+    }
+}
+
 @keyframes spin {
     0% {
         transform: rotate(0deg);