From ad80c40944743515a45d70014e8d5ffb88cd74fc Mon Sep 17 00:00:00 2001
From: Kelly Rauchenberger <fefferburbia@gmail.com>
Date: Sun, 25 Jun 2017 00:00:28 -0400
Subject: Started designing index page

---
 app/assets/stylesheets/application.css | 59 ++++++++++++++++++++++++++++++++
 app/assets/stylesheets/entries.scss    |  3 ++
 app/assets/stylesheets/records.scss    | 61 ++++++++++++++++++++++++++++++++++
 3 files changed, 123 insertions(+)
 create mode 100644 app/assets/stylesheets/entries.scss
 create mode 100644 app/assets/stylesheets/records.scss

(limited to 'app/assets/stylesheets')

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index d05ea0f..6fd12b7 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -10,6 +10,65 @@
  * files in this directory. Styles in this file should be added after the last require_* statement.
  * It is generally better to create a new file per style scope.
  *
+ *= require normalize-rails
  *= require_tree .
  *= require_self
  */
+
+@import url('https://fonts.googleapis.com/css?family=Inconsolata');
+
+body {
+  background-color: #bfefff;
+}
+
+#container {
+  margin: 5em auto 0;
+  width: 50%;
+  border: 1px solid black;
+  background-color: white;
+  box-sizing: border-box;
+  -webkit-border-top-left-radius: 15px;
+  -webkit-border-top-right-radius: 15px;
+  -moz-border-radius-topleft: 15px;
+  -moz-border-radius-topright: 15px;
+  border-top-left-radius: 15px;
+  border-top-right-radius: 15px;
+}
+
+#banner {
+  width: 100%;
+  border-bottom: 1px solid black;
+  padding: 1em;
+  box-sizing: border-box;
+}
+
+#banner h1 {
+  text-align: center;
+  margin: 0;
+}
+
+#banner h1 a {
+  text-decoration: none;
+  color: black;
+}
+
+#banner h1 a:visited {
+  color: black;
+}
+
+#main {
+  display: -webkit-flex;
+  display: flex;
+}
+
+#content {
+  width: 75%;
+  box-sizing: border-box;
+  border-right: 1px solid black;
+}
+
+#sidebar {
+  width: 25%;
+  box-sizing: border-box;
+  padding-right: 1em;
+}
diff --git a/app/assets/stylesheets/entries.scss b/app/assets/stylesheets/entries.scss
new file mode 100644
index 0000000..f779b1b
--- /dev/null
+++ b/app/assets/stylesheets/entries.scss
@@ -0,0 +1,3 @@
+// Place all the styles related to the Entries controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
diff --git a/app/assets/stylesheets/records.scss b/app/assets/stylesheets/records.scss
new file mode 100644
index 0000000..0054edd
--- /dev/null
+++ b/app/assets/stylesheets/records.scss
@@ -0,0 +1,61 @@
+// Place all the styles related to the Records controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+#records {
+  padding: 0;
+  margin: 0 1em;
+
+  & > li {
+    display: block;
+    padding: .25em 0;
+
+    .description {
+      a {
+        text-decoration: none;
+        color: black;
+        font-family: 'Inconsolata', monospace;
+
+        &:hover {
+          text-decoration: underline;
+        }
+
+        &:visited {
+          color: black;
+        }
+      }
+    }
+
+    .tags {
+      margin: .25em;
+      display: flex;
+      padding-left: 0;
+
+      li {
+        display: inline;
+        font-size: .75em;
+        font-family: 'Inconsolata', monospace;
+        padding: .25em;
+        -webkit-border-radius: 5px;
+        -moz-border-radius: 5px;
+        border-radius: 5px;
+
+        &.record-date {
+          background-color: #fef1bf;
+        }
+
+        &.entry-type {
+          text-transform: uppercase;
+
+          &.entry-type-blog {
+            background-color: #90fefb;
+          }
+        }
+
+        & + li {
+          margin-left: 1em;
+        }
+      }
+    }
+  }
+}
-- 
cgit 1.4.1