Started with documentation website

floooh · Jan 4, 2015 · d29d2fd · d29d2fd
1 parent b1b94ec
commit d29d2fd
Show file tree

Hide file tree

Showing 13 changed files with 858 additions and 154 deletions.
diff --git a/.vimrc b/.vimrc
@@ -7,4 +7,4 @@
 "
 
 " CtrlP ignore patterns
-let g:ctrlp_custom_ignore = '.pyc\|test/build'
+let g:ctrlp_custom_ignore = '.pyc\|test/build\|site/_site'
diff --git a/site/_config.yml b/site/_config.yml
@@ -1,14 +1,13 @@
 # Site settings
-title: Your awesome title
-email: your-email@domain.com
+title: fips 
+subtitle: build system
+email: floooh@gmail.com
 description: > # this means to ignore newlines until "baseurl:"
-  Write an awesome description for your new site here. You can edit this
-  line in _config.yml. It will appear in your document head meta (for
-  Google search results) and in your feed.xml site description.
+    cmake-based high-level build system for multi-platform C/C++ projects
 baseurl: "" # the subpath of your site, e.g. /blog/
 url: "http://yourdomain.com" # the base hostname & protocol for your site
-twitter_username: jekyllrb
-github_username:  jekyll
+twitter_username: flohofwoe
+github_username:  floooh
 
 # Build settings
-markdown: kramdown
+markdown: redcarpet 
diff --git a/site/_includes/header.html b/site/_includes/header.html
@@ -1,27 +1,8 @@
 <header class="site-header">
-
   <div class="wrapper">
-
-    <a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
-
-    <nav class="site-nav">
-      <a href="#" class="menu-icon">
-        <svg viewBox="0 0 18 15">
-          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
-          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
-          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
-        </svg>
-      </a>
-
-      <div class="trigger">
-        {% for page in site.pages %}
-          {% if page.title %}
-          <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
-          {% endif %}
-        {% endfor %}
-      </div>
-    </nav>
-
+    <a class="site-title" href="{{ site.baseurl }}/">fips</a>
+    <div class="site-subtitle">build system</div>
   </div>
-
 </header>
+
+
diff --git a/site/_includes/nav.html b/site/_includes/nav.html
@@ -0,0 +1,21 @@
+<nav class="site-nav">
+  <a href="#" class="menu-icon">
+    <svg viewBox="0 0 18 15">
+      <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
+      <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
+      <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
+    </svg>
+  </a>
+  <div class="trigger">
+    <ul class="list">
+      {% for page in site.pages %}
+        {% if page.title %}
+        <li class="item">
+            <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title }}</a>
+        </li>
+        {% endif %}
+    {% endfor %}
+    </ul>
+  </div>
+</nav>
+
diff --git a/site/_layouts/default.html b/site/_layouts/default.html
@@ -7,6 +7,8 @@
 
     {% include header.html %}
 
+    {% include nav.html %}
+
     <div class="page-content">
       <div class="wrapper">
         {{ content }}

diff --git a/site/_layouts/page.html b/site/_layouts/page.html
@@ -3,10 +3,6 @@
 ---
 <div class="post">
 
-  <header class="post-header">
-    <h1 class="post-title">{{ page.title }}</h1>
-  </header>
-
   <article class="post-content">
     {{ content }}
   </article>

diff --git a/site/_sass/_base.scss b/site/_sass/_base.scss
@@ -161,13 +161,6 @@ pre {
     padding-right: $spacing-unit;
     padding-left: $spacing-unit;
     @extend %clearfix;
-
-    @include media-query($on-laptop) {
-        max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
-        max-width:         calc(#{$content-width} - (#{$spacing-unit}));
-        padding-right: $spacing-unit / 2;
-        padding-left: $spacing-unit / 2;
-    }
 }
 
 

diff --git a/site/_sass/_layout.scss b/site/_sass/_layout.scss
@@ -2,87 +2,102 @@
  * Site header
  */
 .site-header {
-    border-top: 5px solid $grey-color-dark;
     border-bottom: 1px solid $grey-color-light;
-    min-height: 56px;
+    background-color: $header-background-color;
+    min-height: $header-line-height;
 
     // Positioning context for the mobile navigation icon
     position: relative;
-}
+} 
 
 .site-title {
-    font-size: 26px;
-    line-height: 56px;
+    font-size: 48px;
+    line-height: $header-line-height;
     letter-spacing: -1px;
+    margin-left: 20px;
     margin-bottom: 0;
     float: left;
 
     &,
     &:visited {
-        color: $grey-color-dark;
+        color: $title-color;
     }
 }
 
+.site-subtitle {
+    color: $title-color;
+    position: relative;
+    top: 32px;
+    font-size: 20px;
+    line-height: $base-line-height;
+    margin-left: 10px;
+    float: left;
+}
+
 .site-nav {
-    float: right;
-    line-height: 56px;
+    float: left;
 
     .menu-icon {
         display: none;
     }
 
+    .list {
+        width: 200px;
+        margin-left: 0px;
+        padding-left: 0px;
+        list-style-type: none;
+        padding: 0px;
+        .item {
+        }
+    }
+
     .page-link {
-        color: $text-color;
+        color: $title-color;
         line-height: $base-line-height;
-
-        // Gaps between nav items, but not on the first one
-        &:not(:first-child) {
-            margin-left: 20px;
-        }
     }
 
-    @include media-query($on-palm) {
-        position: absolute;
-        top: 9px;
-        right: 30px;
-        background-color: $background-color;
-        border: 1px solid $grey-color-light;
-        border-radius: 5px;
-        text-align: right;
-
-        .menu-icon {
-            display: block;
-            float: right;
-            width: 36px;
-            height: 26px;
-            line-height: 0;
-            padding-top: 10px;
-            text-align: center;
-
-            > svg {
-                width: 18px;
-                height: 15px;
-
-                path {
-                    fill: $grey-color-dark;
-                }
+    position: absolute;
+    top: 20px;
+    right: 30px;
+    background-color: $grey-color-light;
+    border: 1px solid $grey-color;
+    border-radius: 3px;
+    text-align: right;
+
+    .menu-icon {
+        display: block;
+        float: right;
+        width: 36px;
+        height: 26px;
+        line-height: 0;
+        padding-top: 10px;
+        text-align: center;
+
+        > svg {
+            width: 18px;
+            height: 15px;
+
+            path {
+                fill: $grey-color-dark;
             }
         }
+    }
 
-        .trigger {
-            clear: both;
-            display: none;
-        }
+    .trigger {
+        clear: both;
+        display: none;
+    }
 
-        &:hover .trigger {
-            display: block;
-            padding-bottom: 5px;
-        }
+    &:hover .trigger {
+        display: block;
+        padding-bottom: 5px;
+    }
 
-        .page-link {
-            display: block;
-            padding: 5px 10px;
-        }
+    .page-link {
+        color: $text-color;
+        top: 0px;
+        display: block;
+        padding: 5px 10px;
     }
 }
 
@@ -92,6 +107,7 @@
  * Site footer
  */
 .site-footer {
+    clear: both;
     border-top: 1px solid $grey-color-light;
     padding: $spacing-unit 0;
 }
@@ -135,29 +151,17 @@
     width:         calc(45% - (#{$spacing-unit} / 2));
 }
 
-@include media-query($on-laptop) {
-    .footer-col-1,
-    .footer-col-2 {
-        width: -webkit-calc(50% - (#{$spacing-unit} / 2));
-        width:         calc(50% - (#{$spacing-unit} / 2));
-    }
-
-    .footer-col-3 {
-        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
-        width:         calc(100% - (#{$spacing-unit} / 2));
-    }
+.footer-col-1,
+.footer-col-2 {
+    width: -webkit-calc(50% - (#{$spacing-unit} / 2));
+    width:         calc(50% - (#{$spacing-unit} / 2));
 }
 
-@include media-query($on-palm) {
-    .footer-col {
-        float: none;
-        width: -webkit-calc(100% - (#{$spacing-unit} / 2));
-        width:         calc(100% - (#{$spacing-unit} / 2));
-    }
+.footer-col-3 {
+    width: -webkit-calc(100% - (#{$spacing-unit} / 2));
+    width:         calc(100% - (#{$spacing-unit} / 2));
 }
 
-
-
 /**
  * Page content
  */
@@ -201,36 +205,20 @@
     font-size: 42px;
     letter-spacing: -1px;
     line-height: 1;
-
-    @include media-query($on-laptop) {
-        font-size: 36px;
-    }
 }
 
 .post-content {
     margin-bottom: $spacing-unit;
 
     h2 {
         font-size: 32px;
-
-        @include media-query($on-laptop) {
-            font-size: 28px;
-        }
     }
 
     h3 {
         font-size: 26px;
-
-        @include media-query($on-laptop) {
-            font-size: 22px;
-        }
     }
 
     h4 {
         font-size: 20px;
-
-        @include media-query($on-laptop) {
-            font-size: 18px;
-        }
     }
 }