From 93f4f274c5731318852ffcacae6a05a9d2b3b8fb Mon Sep 17 00:00:00 2001
From: Sanjaiyan Parthipan <parthipankalayini@gmail.com>
Date: Mon, 4 Sep 2023 15:20:30 +0530
Subject: [PATCH] improve: Minor improvement in website

---
 _includes/footer.html   | 5 -----
 _includes/form.html     | 8 ++++----
 _includes/header.html   | 7 ++++++-
 _layouts/form-page.html | 9 +++++----
 assets/css/custom.scss  | 1 +
 aws-govcloud.html       | 2 +-
 community.md            | 2 +-
 index.html              | 6 +++---
 8 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/_includes/footer.html b/_includes/footer.html
index 562854dfb..e6bddc9ef 100644
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -28,11 +28,6 @@
     <script src="{{ "/assets/vendor/anchor-js/anchor.min.js" | relative_url}}"></script>
     <script src="{{ "/assets/vendor/jquery/dist/jquery.min.js" | relative_url}}"></script>
     <script>anchors.add('.org-type h4');</script>
-    {% if page.url == "/community/" %}
-      <script src="{{ "/assets/js/community.js" | relative_url}}"></script>
-    {% elsif page.url == "/" %}
-      <script src="{{ "/assets/js/home.js" | relative_url}}"></script>
-    {% endif %}
   </body>
 </html>
 <!-- Proudly powered by GitHub Pages ~ Generated {{ site.time }} -->
diff --git a/_includes/form.html b/_includes/form.html
index 7773283c6..f82977274 100644
--- a/_includes/form.html
+++ b/_includes/form.html
@@ -7,7 +7,7 @@
     <label for="field0" class="d-inline-block mb-1">
       Full name
     </label>
-    <input id="field0" name="fullName1" type="text" class="form-control form-control-lg input-block" placeholder="First and last name" required>
+    <input id="field0" name="fullName1" type="text" class="form-control form-control-lg input-block" placeholder="First and last name" autocomplete="name" required>
     <span class="form-control-invalid-text">Your full name is required.</span>
   </div>
 
@@ -15,7 +15,7 @@
     <label for="field1" class="d-inline-block mb-1">
       Email address
     </label>
-    <input id="field1" name="emailAddress" type="email" class="form-control form-control-lg input-block" placeholder="you@example.com" required>
+    <input id="field1" name="emailAddress" type="email" class="form-control form-control-lg input-block" placeholder="you@example.com" autocomplete="email" required>
     <span class="form-control-invalid-text">A valid email address is required.</span>
   </div>
 
@@ -23,7 +23,7 @@
     <label for="field2" class="d-inline-block mb-1">
       Company/Agency
     </label>
-    <input id="field2" name="company" type="text" class="form-control form-control-lg input-block" placeholder="Acme, Inc" required>
+    <input id="field2" name="company" type="text" class="form-control form-control-lg input-block" placeholder="Acme, Inc" autocomplete="organization" required>
     <span class="form-control-invalid-text">A valid company name is required.</span>
   </div>
 
@@ -35,7 +35,7 @@
     <span class="form-control-invalid-text">A valid comment is required.</span>
   </div>
 
-  <input id="country" type="hidden" name="country" value="">
+  <input id="country" type="hidden" name="country" value="" autocomplete="country-name">
   <input id="subdivision" type="hidden" name="subdivision" value="">
   <input id="city" type="hidden" name="city" value="">
   <input type="hidden" name="elqCustomerGUID" value="">
diff --git a/_includes/header.html b/_includes/header.html
index 86443ab8d..9d2380723 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -8,6 +8,11 @@
   <link rel="stylesheet" type="text/css" href="{{ "/assets/css/style.css" | relative_url }}">
   <link rel="preload" as="font" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i" crossorigin>
   {% seo %}
+  {% if page.url == "/community/" %}
+  <script defer src="{{ "/assets/js/community.js" | relative_url}}"></script>
+  {% elsif page.url == "/" %}
+  <script defer src="{{ "/assets/js/home.js" | relative_url}}"></script>
+  {% endif %}
 </head>
 
 <body{% if page.id %} id="{{ page.id }}"{% endif %} class="{{ page.layout }}">
@@ -15,7 +20,7 @@
   <div class="page-header pt-4 pb-5">
     <div class="container-lg">
       <div class="text-center">
-        <a href="{{ "/" | relative_url}}"><img class="logo py-3" src="{{ "/assets/img/logomark.svg" | relative_url}}" alt="GitHub and Government"></a>
+        <a href="{{ "/" | relative_url}}"><img class="logo py-3" src="{{ "/assets/img/logomark.svg" | relative_url}}" alt="GitHub and Government" decoding="async"></a>
         <ul>
           <li class="text-center d-block d-sm-inline-block px-1 px-md-3"><a href="{{ "/community/" | relative_url}}" class="text-white">Who's using GitHub</a></li>
           <li class="text-center d-block d-sm-inline-block px-1 px-md-3"><a href="https://github.com/government/welcome#readme" class="text-white">Peer Group</a></li>
diff --git a/_layouts/form-page.html b/_layouts/form-page.html
index ab1f595f5..7632a048a 100644
--- a/_layouts/form-page.html
+++ b/_layouts/form-page.html
@@ -1,5 +1,10 @@
 {% include header.html %}
 
+<script defer src="{{ "/assets/js/utm_form-1.0.3.min.js" | relative_url  }}"></script>
+<script defer src="https://js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>
+<script defer src="{{ "/assets/js/validate.js" | relative_url }}"></script>
+<script defer src="{{ "/assets/js/geoip.js" | relative_url }}"></script>
+
 </div>
   <div id="{{ page.title | replace: ' ','-' }}" class="container-lg p-responsive">
     <div class="text-center my-4 my-md-6">
@@ -23,9 +28,5 @@ <h1 class="alt-h2 pt-4 pb-3 pt-sm-5">{{ page.title }}</h1>
 {% endif %}
 
 <!---for form --->
-  <script src="{{ "/assets/js/utm_form-1.0.3.min.js" | relative_url  }}"></script>
-  <script src="https://js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js"></script>
-  <script src="{{ "/assets/js/validate.js" | relative_url }}"></script>
-  <script src="{{ "/assets/js/geoip.js" | relative_url }}"></script>
 
 {% include footer.html %}
diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index 3481fe8c5..5ed0e0211 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -3,6 +3,7 @@
 body {
   font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
   font-size: 16px;
+  scroll-behavior: smooth;
 }
 
 // HEADER
diff --git a/aws-govcloud.html b/aws-govcloud.html
index 95a054b1c..2d326fe39 100644
--- a/aws-govcloud.html
+++ b/aws-govcloud.html
@@ -16,7 +16,7 @@ <h1 class="alt-h1 mb-2 text-white lh-condensed">GitHub Enterprise on AWS GovClou
 <div class="container-md p-responsive">
   <div class="d-md-flex flex-items-center flex-row-reverse py-6">
     <div class="col-8 col-sm-6 col-md-4 text-center text-md-left mx-auto">
-      <img src="{{"/assets/img/foundingfather.png" | relative_url}}" class="width-fit d-inline-block" alt="Octocat in founding father dress">
+      <img src="{{"/assets/img/foundingfather.png" | relative_url}}" class="width-fit d-inline-block" alt="Octocat in founding father dress" decoding="async">
     </div>
     <div class="col-md-8 pr-md-6 text-center text-md-left">
       <h2 class="alt-h2">What is GovCloud?</h2>
diff --git a/community.md b/community.md
index 52b5ee077..bc5b592ca 100644
--- a/community.md
+++ b/community.md
@@ -7,7 +7,7 @@ permalink: /community/
 <div id="to-top" class="text-center border-top border-bottom mb-3 mb-md-5">
   <div class="alt-h3 py-3 py-md-5">
     <label for="filter" class="sr-only">Search for civic hackers or research lists</label>
-    <input id="filter" type="text" class="" placeholder="Type to search..."> or jump to the <a href="#civic_hackers">civic hackers</a> or <a href="#research">research</a> lists.
+    <input id="filter" type="search" class="" placeholder="Type to search..."> or jump to the <a href="#civic_hackers">civic hackers</a> or <a href="#research">research</a> lists.
   </div>
 </div>
 
diff --git a/index.html b/index.html
index 7aa2eb983..fdc06587f 100644
--- a/index.html
+++ b/index.html
@@ -110,21 +110,21 @@ <h2 class="alt-h2 text-center mb-3 mt-lg-6" id="more-than-just-code">More than j
       <div class="col-md-4 float-left animate-out mb-4">
         <h3 class="alt-h3 mb-3">Open Source</h3>
         <p><a href="https://github.com/showcases/government" target="_blank">
-          <img src="assets/img/open-source.png" class="img-border" alt="Pull request launching gov.uk"/></a>
+          <img src="assets/img/open-source.png" class="img-border" alt="Pull request launching gov.uk" decoding="async"/></a>
         </p>
         <small>The UK Government launched GOV.UK with a pull request</small>
       </div>
       <div class="col-md-4 float-left animate-out mb-4">
         <h3 class="alt-h3 mb-3">Open Data</h3>
         <p><a href="https://github.com/showcases/open-data" target="_blank">
-          <img src="assets/img/open-data.png" class="img-border" alt="GeoJSON diff of Illinois 4th Congressional District"/></a>
+          <img src="assets/img/open-data.png" class="img-border" alt="GeoJSON diff of Illinois 4th Congressional District" decoding="async"/></a>
         </p>
         <small>CFPB builds data visualizations and analysis tools with GitHub</small>
       </div>
       <div class="col-md-4 float-left animate-out mb-4">
         <h3 class="alt-h3 mb-3">Open Government</h3>
         <p><a href="https://github.com/showcases/policies" target="_blank">
-          <img src="assets/img/open-gov.png" class="img-border" alt="Project Open Data"/></a>
+          <img src="assets/img/open-gov.png" class="img-border" alt="Project Open Data" decoding="async"/></a>
         </p>
         <small>Find the US government’s open source projects at <a href="https://code.gov/">Code.gov</a></small>
       </div>