First draft of home page

src/_includes/home_events_projects_vspace.html

@@ -0,0 +1,14 @@
+<div style="display: flex; flex-wrap: wrap; gap: 10px; background-color: rgba(239,54,104,1); justify-content: center;">
+    <div style="flex: 1 1 30%; min-width: 133px; max-width: 400px; padding: 10px; box-sizing: border-box; color: #fff;">
+        <h3>Events</h3>
+        <p>We hold civic hack nights every 2nd and 4th Monday.</p>
+    </div>
+    <div style="flex: 1 1 30%; min-width: 134px; max-width: 400px; padding: 10px; box-sizing: border-box; color: #fff;">
+        <h3>Projects</h3>
+        <p>Many of our projects are on GitHub.</p>
+    </div>
+    <div style="flex: 1 1 30%; min-width: 133px; max-width: 400px; padding: 10px; box-sizing: border-box; color: #fff;">
+        <h3>Virtual Space</h3>
+        <p>Join us on Slack for project brainstorming and connecting!</p>
+    </div>
+</div>

src/_includes/home_our_principles.html

@@ -0,0 +1,30 @@
+<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
+    <h2 style="color:rgba(239,54,104,1); font-family: Arial; font-weight: 700; width: 100%; text-align: center;">Our Principles</h2>
+    <div style="flex: 1 1 calc(50% - 10px); min-width: 200px; max-width: 500px; padding: 20px; box-sizing: border-box;">
+        <h3 style="font-family: 'PT Sans', Arial; font-size: 14pt; font-variant: normal; font-weight: 700; vertical-align: baseline;">Solve Real Problems</h3>
+        <p>We solve problems that real people have, we make sure what we build works for them, and we continuously improve it.</p>
+    </div>
+    <div style="flex: 1 1 calc(50% - 10px); min-width: 200px; max-width: 500px; padding: 20px; box-sizing: border-box;">
+        <h3 style="font-family: 'PT Sans', Arial; font-size: 14pt; font-variant: normal; font-weight: 700; vertical-align: baseline;">Work with, not for, the people we serve</h3>
+        <p>We start with our users, the people affected by the service, and understand and respect their needs throughout the process.</p>
+    </div>
+    <div style="flex: 1 1 calc(50% - 10px); min-width: 200px; max-width: 500px; padding: 20px; box-sizing: border-box;">
+        <h3 style="font-family: 'PT Sans', Arial; font-size: 14pt; font-variant: normal; font-weight: 700; vertical-align: baseline;">Work Lean, Iterate Quickly</h3>
+        <p>We get a working minimum viable product in front of users as early as possible and make continuous improvements based on how they use the service.</p>
+    </div>
+    <div style="flex: 1 1 calc(50% - 10px); min-width: 200px; max-width: 500px; padding: 20px; box-sizing: border-box;">
+        <h3 style="font-family: 'PT Sans', Arial; font-size: 14pt; font-variant: normal; font-weight: 700; vertical-align: baseline;">Non-partisan, but not neutral</h3>
+        <p>We are an alliance of non-partisan groups, but that non-partisanship does not imply neutrality.</p>
+    </div>
+    <div style="flex: 1 1 calc(50% - 10px); min-width: 200px; max-width: 500px; padding: 20px; box-sizing: border-box;">
+        <h3 style="font-family: 'PT Sans', Arial; font-size: 14pt; font-variant: normal; font-weight: 700; vertical-align: baseline;">Default to Open</h3>
+        <p>We work in the open and collaborate with the community to help make programs and services better for everyone.</p>
+    </div>
+</div>
+
+<style>
+    @font-face {
+        font-family: 'PT Sans';
+        src: url('/PTSans-Regular.ttf') format('truetype');
+    }
+</style>

src/_includes/home_who_we_are.html

@@ -0,0 +1,18 @@
+<div style="display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;">
+    <div style="flex: 1 1 45%; min-width: 200px; max-width: 500px; padding: 10px; box-sizing: border-box;">
+        <h2 style="color:rgba(239,54,104,1); font-family: Arial; font-weight: 700;">Who We Are</h2>
+        <p>
+            We partner with local organizations and governments on civic-minded projects 
+            that make metro Atlanta more inclusive, diverse, equitable, and accessible.
+        </p>
+    </div>
+    <div style="flex: 1 1 45%; min-width: 200px; max-width: 500px; padding: 10px; box-sizing: border-box;">
+        <h2 style="color:rgba(239,54,104,1); font-family: Arial; font-weight: 700;">What We Do</h2>
+        <p>
+            We hold hack nights twice a month. We invite participants to bring their ideas, 
+            and to work with others to bring those ideas to life. We are software developers, 
+            designers, project managers, data scientists, policy wonks, and subject-matter 
+            experts.
+        </p>
+    </div>
+</div>

src/index.markdown

@@ -2,5 +2,23 @@
 # Feel free to add content and custom Front Matter to this file.
 # To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
 
-layout: home
+layout: default
+title: Civic Tech Atlanta
 ---
+# Civic Tech Atlanta
+
+## Organizing our community to work on civic-minded, social good projects that make metro Atlanta more **inclusive**, **diverse**, **equitable**, and **accessible**
+
+{% include home_who_we_are.html %}
+{% include home_events_projects_vspace.html %}
+{% include home_our_principles.html %}
+
+### Past Projects
+
+**Sustainable Communities Web Challenge**
+- Slack channel: #neighborhood
+
+**Vaccinate Georgia**
+- Slack channel: #vaccinate-ga
+
+**IncluCivics**