more content and stuff this is a terrible commit message

half5cat · Jun 16, 2017 · e6aa925 · e6aa925
1 parent 8c194df
commit e6aa925
Show file tree

Hide file tree

Showing 8 changed files with 51 additions and 11 deletions.
diff --git a/_includes/header.html b/_includes/header.html
@@ -12,7 +12,9 @@
         {% endif %}
       {% endfor %}
     </nav>
-
+    {% if page.layout == "home" %}
+    <h1 style="font-size: 6em">Design Principles</h1>
+    {% endif %}
   </div>
 
 </header>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -3,13 +3,13 @@
 
   {% include head.html %}
 
-  <body>
+  <body class="home">
 
     {% include header.html %}
     <div class="page-content">
       <div class="wrapper">
         <header class="post-header">
-          <h1 class="post-title">{{ site.title }}</h1>
+          <h2>Recommended</h2>
         </header>
         {{ content }}
         <div class="grid">
@@ -28,6 +28,10 @@ <h2><a href="{{example.link}}">{{example.title}}</a></h2>
             Add your own
         </div>
         </div>
+        {% for post in site.example %}
+        {% capture post_count %} {{ post_count | plus: 1 }} {% endcapture %}
+        {% endfor %}
+        <p><a href="#">See all {{ post_count }} examples</a></p>
       </div>
     </div>
 

diff --git a/_sass/_base.scss b/_sass/_base.scss
@@ -15,6 +15,7 @@ body{
   color: $text_color;
   font-size: 16px;
   line-height: 1.5;
+  font-family: $body-font;
 }
 
 .wrapper:before,

diff --git a/_sass/_scratch.scss b/_sass/_scratch.scss
@@ -1,9 +1,27 @@
 // Scratch styles
 // ---------------------------------------/
+body, html {
+  height: 100%;
+}
+body {background: $primary;}
+
+a {text-decoration-skip: ink;}
 
-body {background: #efefef;}
-.site-header {
+.site-title {
+  width: 80px;
+  height: 80px;
+  display: block;
+  background: black;
+  margin: 2em 0 1em 0;
+  color: white;
+  text-align: center;
+}
+.site-nav {
+  font-size: 2em;
+}
+body.home header.site-header {
   background: yellow;
+  height: 100%;
 }
 div.grid {
   display: grid;
@@ -14,10 +32,13 @@ div.grid {
 .grid > div {
   // border: 1px solid #3bc9db;
   // display: flex; // not sure why this was here
-  background: #fff;
+  background: $white;
   padding: 0.4em 1em;
   // border-radius: 0.4em;
 }
+div.page-content {
+  background: $background;
+}
 
 ol.cards {
 margin-left: -2.4em;

diff --git a/_sass/_variables.scss b/_sass/_variables.scss
@@ -9,12 +9,22 @@ $max-width: 68em;
 // Colors
 $white:             #fff;
 $black:             #333;
+$primary:           yellow;
+
+$background:        #ccc;
 
 // Styles
 $text_color:        $black;
 
+@font-face {
+  font-family: system;
+  font-style: normal;
+  font-weight: 300;
+  src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
+}
 // Font stack
-$body-font: Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$body-font: "system", sans-serif;
+
 
 // The base body size
 $body-font-size: 1em !default;

diff --git a/about.md b/about.md
@@ -2,4 +2,6 @@
 layout: page
 title: About
 ---
-About this stuff
+principles.design is an open source resource designed to help you understand and create Design Principles.
+
+It is managed by [Ben Brignell](https://twitter.com/benbrignell) and a [bunch of lovely contributors on GitHub](https://github.com/benbrignell/design-principles/graphs/contributors).
diff --git a/css/main.scss b/css/main.scss
@@ -1,7 +1,6 @@
 ---
 ---
-// temporary styles while I figure out design ideas
-@import "scratch";
+
 
 // "Reset" styles and SCSS reusable components
 @import "normalize";
@@ -14,3 +13,5 @@
 
 // Layouts
 @import "home";
+// temporary styles while I figure out design ideas
+@import "scratch";
diff --git a/index.html b/index.html
@@ -1,4 +1,3 @@
 ---
 layout: home
 ---
-This is a site that will help you do stuff