added about page stating our mission

Jer'Maine Montiel, Jr · Jer'Maine Montiel, Jr · commit 299c56c7671a · 2019-05-11T15:26:18.000-05:00
diff --git a/about.hbs b/about.hbs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="{{lang}}">
+    {{> core/head}}
+  <body class="{{body_class}}">
+      {{> core/header}}
+   <div class="about-template">
+		<div class="wrapper">
+			<h1 class="title">DAT<span>CODE</span>, INC.</h1>
+			<p>Started in 2016, DATCODE is a collective of Black technologists residing all over the world. We're a community that is vibrant, inclusive, and just enjoys learning and making stuff. We love to share our knowledge with each other, comment on our shared experiences, and encourage each other to Do The Most with the skills we possess.</p>
+			<p>Our mission is to provide a safe space for ourselves and people that are looking for community as they grow. We provide support for those just beginning in the tech space, or those that are still searching for their place in it. Our community is ever-expanding through initiatives looking to serve its members: collaborative projects on our <a href="https://www.github.com/gitdatcode">Github</a> have helped members get jobs; resources we share in our Slack group are collected to a database, and we make them <a href="https://resources.datcode.io">available publicly</a> for anyone to search; we provide a job board channel to share any leads we have come across; and our <a href="/blog">blog</a> is where we share our stories and how-tos on various topics.</p>
+			<p>We want DATCODE to be the premier community for Black technologists across the galaxy, promoting a never-ending thirst for knowledge, boundless curiosity, and ethical future-making. <a href="/sign-up">Join</a> the Intergalactic Black Tech Collective, and grow with us!</p>
+			<p>To contact, email us at <b>hello@datcode.io</b>.</p>
+		</div>
+   </div>
+   {{> core/footer}}
+   {{> core/foot}}
+  </body>
+</html>
diff --git a/assets/css/spectre.css b/assets/css/spectre.css
diff --git a/assets/css/spectre.css.map b/assets/css/spectre.css.map
diff --git a/assets/sass/_about.scss b/assets/sass/_about.scss
@@ -0,0 +1,35 @@
+.about-template {
+	padding: 80px 20px;
+	font-size: 2.2rem;
+	line-height: 1.6em;
+	
+	.title {
+		font-size: 4em;
+		text-align: center;
+		line-height: 1em;
+		text-transform: uppercase;
+		font-family: 'Gilmer';
+		font-weight: 800;
+
+		span {
+			font-family: 'Gilmer-Outline';
+		}
+
+		@media screen and (max-width: 640px) {
+			font-size: 2.5em;
+		}
+	}
+
+	b { color: map-get($s5-map--color, dc-purple); }
+
+	a {
+			color: map-get($s5-map--color, dc-white);
+			font-weight: 700;
+	    word-break: break-word;
+	    box-shadow: inset 0 -1px 0 map-get($s5-map--color, dc-purple);
+		}
+
+	@media screen and (max-width: 640px) {
+		font-size: 1.9rem;
+	}
+}
diff --git a/assets/sass/spectre.scss b/assets/sass/spectre.scss
@@ -6,4 +6,5 @@
 @import "home";
 @import "list";
 @import "post";
-@import "sign-up";
+@import "sign-up";
+@import "about";
diff --git a/partials/core/footer.hbs b/partials/core/footer.hbs
@@ -21,6 +21,7 @@
                     <a href="http://github.com/gitdatcode" rel="noopener" target="_blank"><i class="fab fa-github"></i></a>
                     <a href="http://instagram.com/designdatcode" rel="noopener" target="_blank"><i class="fab fa-instagram"></i></a>
                 </nav>
+                <a href="/about">ABOUT US</a> <br />
                 <a href="/DatCodeCommunityCodeofConduct.pdf">CODE OF CONDUCT</a>
             </div>
             <div class='footer-credits'>
diff --git a/routes.yaml b/routes.yaml
@@ -2,6 +2,7 @@ routes:
   /: home
   /sign-up/: sign-up
   /code-of-conduct/: code-of-conduct
+  /about/: about
 collections:
   /blog/:
     permalink: /{slug}/
