From 5479445895d2c755506154ca8adbb56b94d76aff Mon Sep 17 00:00:00 2001
From: Akash Hadagali <akashc777@gmail.com>
Date: Fri, 14 May 2021 04:49:35 +0530
Subject: [PATCH 1/3] added mailing list

Signed-off-by: Akash Hadagali <akashc777@gmail.com>
---
 docs/_includes/mailing-list.html | 20 +++++++++++
 docs/_sass/mailing-list.scss     | 61 ++++++++++++++++++++++++++++++++
 docs/assets/css/main.scss        |  1 +
 docs/index.html                  |  2 ++
 4 files changed, 84 insertions(+)
 create mode 100644 docs/_includes/mailing-list.html
 create mode 100644 docs/_sass/mailing-list.scss

diff --git a/docs/_includes/mailing-list.html b/docs/_includes/mailing-list.html
new file mode 100644
index 00000000..05c10f52
--- /dev/null
+++ b/docs/_includes/mailing-list.html
@@ -0,0 +1,20 @@
+<section class="mailing-section">
+
+    <div class="mailinglist-main">
+        <div class="mailinglist-text">
+            <span>Mailing Lists</span>
+            <p>Engage in the GetNightHawk project. Join any of the mailing list</p>
+        </div>
+    
+        
+        <div class="mailinglist-buttons">
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/maintainers" target="_blank">Maintainers</a>
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/developers" target="_blank">Developers</a>
+            <a class="mailinglist-join-button" href="https://groups.google.com/a/getnighthawk.dev/g/users" target="_blank">Users</a>
+        </div>
+
+    </div>
+
+    
+
+</section>
\ No newline at end of file
diff --git a/docs/_sass/mailing-list.scss b/docs/_sass/mailing-list.scss
new file mode 100644
index 00000000..ec509428
--- /dev/null
+++ b/docs/_sass/mailing-list.scss
@@ -0,0 +1,61 @@
+.mailing-section {
+    background: #1e2117;
+    color: white;
+    
+
+    a, a:hover, a:focus, a:active{
+        text-decoration: none;
+        color: inherit;
+    }
+    
+    
+    .mailinglist-main {
+        margin: 62px auto;
+        position: relative;
+        display: flex;
+   flex-direction: column;
+    align-items: center;
+
+        .mailinglist-text {
+        
+            
+            margin-bottom: 40px;
+            display: block;
+            span{
+                font-size: 34px;
+            }
+
+            p {
+                max-width: 375px;
+                margin: 0 3rem;
+                color: white;
+                font-size: 20px;
+                
+                
+            }
+        }
+
+        .mailinglist-buttons {
+            display: inline-flex;
+            flex-wrap: wrap;
+            justify-content: center;
+            align-items: center;
+            
+            .mailinglist-join-button {
+                display: flex;
+                justify-content: center;
+                align-items: center;
+                background: #647881;
+                width: 253px;
+                height: 56px;
+                border-radius: 5px;
+                margin: 2rem 0 0;
+                
+            }
+
+            .mailinglist-join-button:not(:first-child) {
+                margin-left: 1rem;
+            }
+        }
+    }
+}
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index 8862c19b..6a746572 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -6,3 +6,4 @@
 @import "getnighthawk-purpose.scss";
 @import "explain.scss";
 @import "about.scss";
+@import "mailing-list.scss";
diff --git a/docs/index.html b/docs/index.html
index 2f7a520f..1670322f 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -194,3 +194,5 @@ <h1 class="desc-h1">Easing Management of <br/>the Nighthawk<br/>Lifecycle</h1><b
 {% include stewarded.html %}
 
 {% include organized.html %}
+
+{% include mailing-list.html %}

From b307f5d926cbe825fc1d963d6a5f87847a9646eb Mon Sep 17 00:00:00 2001
From: Akash Hadagali <akashc777@gmail.com>
Date: Sat, 15 May 2021 01:04:10 +0530
Subject: [PATCH 2/3] Update docs/_includes/mailing-list.html spelling mistakes

Signed-off-by: Akash Hadagali <akashc777@gmail.com>
---
 docs/_includes/mailing-list.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/_includes/mailing-list.html b/docs/_includes/mailing-list.html
index 05c10f52..2880c643 100644
--- a/docs/_includes/mailing-list.html
+++ b/docs/_includes/mailing-list.html
@@ -3,7 +3,7 @@
     <div class="mailinglist-main">
         <div class="mailinglist-text">
             <span>Mailing Lists</span>
-            <p>Engage in the GetNightHawk project. Join any of the mailing list</p>
+            <p>Engage in the GetNightHawk project. Join any of the mailing lists.</p>
         </div>
     
         
@@ -17,4 +17,4 @@
 
     
 
-</section>
\ No newline at end of file
+</section>

From ba5ce377311dee7ce38b20078a7a009c7c818701 Mon Sep 17 00:00:00 2001
From: Akash Hadagali <akashc777@gmail.com>
Date: Sat, 15 May 2021 02:56:54 +0530
Subject: [PATCH 3/3] made responsive for mobile

Signed-off-by: Akash Hadagali <akashc777@gmail.com>
---
 docs/_sass/mailing-list.scss | 31 +++++++++++++++++--------------
 docs/assets/css/main.scss    |  2 +-
 2 files changed, 18 insertions(+), 15 deletions(-)

diff --git a/docs/_sass/mailing-list.scss b/docs/_sass/mailing-list.scss
index ec509428..2b623e7a 100644
--- a/docs/_sass/mailing-list.scss
+++ b/docs/_sass/mailing-list.scss
@@ -1,27 +1,29 @@
 .mailing-section {
     background: #1e2117;
     color: white;
-    
+    padding: 162px 0;
+    @media #{$mobile} {
+        padding: 87px 0;
+    }
 
-    a, a:hover, a:focus, a:active{
+    a,
+    a:hover,
+    a:focus,
+    a:active {
         text-decoration: none;
         color: inherit;
     }
-    
-    
+
     .mailinglist-main {
-        margin: 62px auto;
         position: relative;
         display: flex;
-   flex-direction: column;
-    align-items: center;
+        flex-direction: column;
+        align-items: center;
 
         .mailinglist-text {
-        
-            
             margin-bottom: 40px;
             display: block;
-            span{
+            span {
                 font-size: 34px;
             }
 
@@ -30,8 +32,6 @@
                 margin: 0 3rem;
                 color: white;
                 font-size: 20px;
-                
-                
             }
         }
 
@@ -40,7 +40,7 @@
             flex-wrap: wrap;
             justify-content: center;
             align-items: center;
-            
+
             .mailinglist-join-button {
                 display: flex;
                 justify-content: center;
@@ -50,11 +50,14 @@
                 height: 56px;
                 border-radius: 5px;
                 margin: 2rem 0 0;
-                
             }
 
             .mailinglist-join-button:not(:first-child) {
                 margin-left: 1rem;
+                @media #{$mobile} {
+                    margin-left: 0;
+                    
+                }
             }
         }
     }
diff --git a/docs/assets/css/main.scss b/docs/assets/css/main.scss
index 6a746572..1460d3cb 100644
--- a/docs/assets/css/main.scss
+++ b/docs/assets/css/main.scss
@@ -1,6 +1,6 @@
 ---
 ---
-
+@import "variables.scss";
 @import "getnighthawk.scss";
 @import "faq.scss";
 @import "getnighthawk-purpose.scss";