From 79730d5937aaa3cb5f887d7366b94439f718f502 Mon Sep 17 00:00:00 2001
From: Samuel Ryan <sam@samryan.co.uk>
Date: Fri, 6 Nov 2015 20:40:30 +0000
Subject: [PATCH] Adds project readme

---
 README.md           |   7 +--
 contents/robots.txt |   2 +
 contents/style.scss | 107 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 113 insertions(+), 3 deletions(-)
 create mode 100644 contents/robots.txt
 create mode 100644 contents/style.scss

diff --git a/README.md b/README.md
index 7aa4889..82247f9 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,4 @@
-httpstatus.es is an easy to reference directory of HTTP Status Codes with straight forward descriptions,
-code references and additional detailed descriptions from the IETF HTTP Working Group. Each HTTP Status Code
-is available at httpstatus.es/status_code.
\ No newline at end of file
+# httpstatus.es
+
+httpstatus.es is an easy to reference database of HTTP Status Codes with their
+definitions and helpful code references all in one place.
\ No newline at end of file
diff --git a/contents/robots.txt b/contents/robots.txt
new file mode 100644
index 0000000..6f27bb6
--- /dev/null
+++ b/contents/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:
\ No newline at end of file
diff --git a/contents/style.scss b/contents/style.scss
new file mode 100644
index 0000000..9f41377
--- /dev/null
+++ b/contents/style.scss
@@ -0,0 +1,107 @@
+$container-width: 528px;
+
+@import "../bower_components/Skeleton-Sass/scss/skeleton.scss";
+
+.container {
+  margin: auto;
+  max-width: $container-width;
+}
+
+@media (max-width: 400px) {
+  .container {
+    width: 80%;
+  }
+}
+
+body {
+  color: #556270;
+  font-family: 'Open Sans', sans-serif;
+  font-weight: normal;
+  margin: 0px;
+}
+
+a {
+  color: #556270;
+  font-weight: bold;
+  text-decoration: none;
+}
+
+a[href^='https://www.runscope.com'] {
+  color: #1b70e0;
+  font-weight: bold;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  color: #333;
+  font-family: 'Montserrat', sans-serif;
+  font-size: 20px;
+  margin-bottom: 8px;
+}
+
+p {
+  font-size: 14px;
+  margin-bottom: 10px;
+}
+
+.hero {
+  @extend .u-full-width;
+  padding: 25px 0px 10px 0px;
+}
+
+.introduction {
+  // border-bottom: 4px solid #f9f9f9;
+}
+
+.codes {
+  margin-bottom: 40px;
+
+  section {
+    margin-bottom: 10px;
+
+    h2 {
+      font-weight: bold;
+    }
+
+    h2, h3 {
+      font-family: 'Open Sans', sans-serif;
+      font-size: 14px;
+      letter-spacing: 0.5px;
+      margin-bottom: 2px;
+
+      a {
+        font-weight: normal;
+      }
+
+      a:hover {
+        color: #d6156d;
+      }
+
+      a span {
+        color: #d6156d;
+        font-family: 'Source Code Pro';
+        width: 34px;
+      }
+    }
+  }
+}
+
+.code {
+  margin: 25px auto;
+
+  h1 {
+    font-family: 'Source Code Pro';
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+
+    span {
+      color: #d6156d;
+    }
+  }
+
+  h2 {
+    color: #bbb;
+    font-family: 'Source Code Pro';
+    letter-spacing: 0.5px;
+    text-transform: uppercase;
+  }
+}
\ No newline at end of file