nairobi-gophers · CalvoM · Nov 26, 2020 · Nov 26, 2020 · Nov 27, 2020 · Nov 27, 2020
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+.vscode
+*.http
diff --git a/index.html b/index.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" href="static/images/gopher.svg">
+    <link rel="stylesheet" href="static/styles/main.css">
+    <title>Nairobi Gophers</title>
+</head>
+
+<body>
+    <h1 class="centered">Nairobi Gophers</h1>
+    <div id="welcome">
+        <div>
+            This is a Nairobi-based group of people interested in the Go programming language.<br /><br />
+            We aim to create a community around the language and share experiences adopting the language.<br /><br />
+            Past events and interactions can be found on the Meetup page.<br /><br />
+            <a href="https://chat.whatsapp.com/0hPy0LuJPNW37yYxpfxQn7" target="_blank">
+                <img src="static/images/whatsapp.svg" alt="Nairobi-Gophers Whatsapp link" width="48" height="48">
+            </a>
+            <a href="http://github.com/nairobi-gophers" target="_blank">
+                <img src="static/images/github.svg" alt="nairobi-gophers github repo" width="48" height="48">
+            </a>
+            <a href="https://www.meetup.com/Nairobi-Gophers" target="_blank">
+                <img src="static/images/meetup.svg" alt="Nairobi gophers meetup page" width="48" height="48">
+            </a>
+            <br>
+
+        </div>
+    </div>
+
+</body>
+
+</html>
diff --git a/static/images/github.svg b/static/images/github.svg
diff --git a/static/images/gopher.svg b/static/images/gopher.svg
diff --git a/static/images/meetup.svg b/static/images/meetup.svg
diff --git a/static/images/whatsapp.svg b/static/images/whatsapp.svg
diff --git a/static/styles/main.css b/static/styles/main.css
@@ -0,0 +1,38 @@
+html,body{
+    padding:0;
+    margin:0;
+    font-family: Arial, Helvetica, sans-serif;
+}
+body{
+    display: grid;
+    grid-template-columns: 1fr;
+    padding:1em;
+}
+.centered{
+    text-align: center;
+}
+h1{
+    color:blue;
+}
+#welcome{
+    display: grid;
+    padding:1.5rem;
+    color:#fff;
+    font-weight: 100;
+    background-color: blue;
+    padding:1.5rem;
+}
+a{
+    margin:1rem 0.6rem;
+    text-decoration: none;
+}
+@media only screen and (min-width:768px){
+    body{
+        grid-template-columns: 1fr 2fr;
+    }
+}
+@media only screen and (min-width:900px){
+    body{
+        grid-template-columns: 1fr 2fr 1fr;
+    }
+}