more stuff

HBM · Jan 4, 2015 · a44ec15 · a44ec15
1 parent c0e6f66
commit a44ec15
Show file tree

Hide file tree

Showing 13 changed files with 171 additions and 76 deletions.
diff --git a/_includes/footer.html b/_includes/footer.html
@@ -0,0 +1,17 @@
+<footer>
+  <div class="contact">
+    <p>
+      gelipp@gmail.com
+    </p>
+  </div>
+  <div class="contact">
+    <p>
+      Copyright (c) 2013, 2014, 2015 by Gerhard Preuss. License is MIT.
+    </p>
+  </div>
+  <div class="contact">
+    <p>
+      <a href="https://github.com/lipp">github.com/lipp</a><br />
+    </p>
+  </div>
+</footer>
diff --git a/_includes/head.html b/_includes/head.html
@@ -0,0 +1,15 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+  <title>Jet</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
+
+  <!-- syntax highlighting CSS -->
+  <link rel="stylesheet" href="/css/syntax.css">
+
+  <!-- reset CSS -->
+  <link rel="stylesheet" href="/css/reset.css">
+
+  <!-- Custom CSS -->
+  <link rel="stylesheet" href="/css/style.css">
+</head>
diff --git a/_includes/header.html b/_includes/header.html
@@ -0,0 +1,18 @@
+    <header>
+      <nav id="main-nav">
+        <ul>
+          {% assign sorted_pages = (site.pages | sort: 'order') %}
+          {% for node in sorted_pages %}
+          {% if node.hidden == null %}
+          {% if page.url == node.url %}
+          <li class="active"><a href="{{node.url}}" class="active">{{node.title}}</a></li>
+          {% else %}
+          <li><a href="{{node.url}}">{{node.title}}</a></li>
+          {% endif %}
+          {% endif %}
+          {% endfor %}
+        </ul>
+        <iframe id="github-star"  src="http://ghbtns.com/github-btn.html?user=lipp&repo=jet&type=watch&count=true&size=large"
+          allowtransparency="true" frameborder="0" scrolling="0" width="120" height="30"></iframe>
+      </nav>
+    </header>
diff --git a/_includes/hero.html b/_includes/hero.html
@@ -0,0 +1,8 @@
+<div class="logo">
+<a href="/index.html">
+  <h1 id="brand">Jet</h1>
+</a>
+<div>
+  <h2 id="tagline">Lightweight, Realtime Message Bus for the Web</h2>
+</div>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,85 +1,29 @@
 <!DOCTYPE html>
 <html>
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-  <title>Jet</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
-
-  <!-- syntax highlighting CSS -->
-  <link rel="stylesheet" href="/css/syntax.css">
-
-  <!-- reset CSS -->
-  <link rel="stylesheet" href="/css/reset.css">
-
-  <!-- Custom CSS -->
-  <!-- <link rel="stylesheet" href="/css/main.css"> -->
-  <link rel="stylesheet" href="/css/style.css">
-
-</head>
+{% include head.html %}
 <body>
-    <header>
-      <nav id="main-nav">
-        <ul>
-          {% for node in site.pages | sort: 'order' %}
-          {% if page.url == node.url %}
-          <li class="active"><a href="{{node.url}}" class="active">{{node.title}}</a></li>
-          {% else %}
-          <li><a href="{{node.url}}">{{node.title}}</a></li>
-          {% endif %}
-          {% endfor %}
-
-          <!-- <li><a href="/index.html">Jet</a></li>
-          <li><a href="/quickstart.html">Get Started</a></li>
-          <li><a href="/concepts.html">Concepts</a></li>
-          <li><a href="/examples.html">Examples</a></li>
-          <li><a href="/protocol.html">Protocol</a></li> -->
-        </ul>
-        <iframe id="github-star"  src="http://ghbtns.com/github-btn.html?user=lipp&repo=jet&type=watch&count=true&size=large"
-          allowtransparency="true" frameborder="0" scrolling="0" width="120" height="30"></iframe>
-      </nav>
-    </header>
+  {% include header.html %}
+  {% if page.title_hidden != true %}
   <section class="sec-title">
     <h1>{{page.title}}</h1>
   </section>
-  <section>
-    <nav id="toc">
-    </nav>
+  {% endif %}
+  {% if page.sections != null %}
+  {% for sec in page.sections %}
+  <section class="{{sec | remove: '.html'}}">
+    {% include {{sec}} %}
   </section>
+  {% endfor %}
+  {% else %}
   <section>
     <article>
-      {{ content }}
+    {{content}}
     </article>
   </section>
-    <footer>
-      <div class="contact">
-        <p>
-          gelipp@gmail.com
-        </p>
-      </div>
-      <div class="contact">
-        <p>
-          Copyright (c) 2013, 2014, 2015 by Gerhard Preuss. License is MIT.
-        </p>
-      </div>
-      <div class="contact">
-        <p>
-          <a href="https://github.com/lipp">github.com/lipp</a><br />
-        </p>
-      </div>
-    </footer>
+  {% endif %}
+  {% include footer.html %}
 </body>
 
-<script src="js/jquery-2.0.3.js"></script>
-
-<script src="js/jquery.toc.min.js"></script>
-
-<script>
-$('#toc').toc({
-  selectors:'h1',container:'.site',highlightOffset:0
-});
-</script>
-
 <script>
 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
   (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
@@ -88,7 +32,6 @@ <h1>{{page.title}}</h1>
 
 ga('create', 'UA-42875905-1', 'jetbus.io');
 ga('send', 'pageview');
-
 </script>
 
 </html>
diff --git a/_plugins/jade.rb b/_plugins/jade.rb
@@ -0,0 +1,38 @@
+##
+## This Plugin enables Jade support to pages and posts.
+##
+
+require 'open3'
+
+module Jekyll
+
+  class JadeConverter < Converter
+
+    def matches(ext)
+      ext =~ /^\.jade$/i
+    end
+
+    def output_ext(ext)
+      ".html"
+    end
+
+    def convert(content)
+      begin
+        o, e, s = Open3.capture3("jade", :stdin_data => content)
+        puts(<<-eos
+        Jade Error >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+        #{e}
+        <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Jade Error
+        eos
+        ) if e.length > 0
+      rescue Errno::ENOENT => e
+        puts "** ERROR: Jade isn't installed or could not be found."
+        puts "** ERROR: To install with NPM run: npm install jade -g"
+        return nil
+      end
+      return o
+    end
+
+  end
+
+end
diff --git a/_plugins/markdown.rb b/_plugins/markdown.rb
@@ -0,0 +1,23 @@
+=begin
+Jekyll tag to include Markdown text from _includes directory preprocessing with Liquid.
+Usage:
+{% markdown <filename> %}
+Dependency:
+- kramdown
+=end
+module Jekyll
+  class MarkdownTag < Liquid::Tag
+    def initialize(tag_name, text, tokens)
+      super
+      @text = text.strip
+    end
+    require "kramdown"
+    def render(context)
+      tmpl = File.read File.join Dir.pwd, "_includes", @text
+      site = context.registers[:site]
+      tmpl = (Liquid::Template.parse tmpl).render site.site_payload
+      html = Kramdown::Document.new(tmpl).to_html
+    end
+  end
+end
+Liquid::Template.register_tag('markdown', Jekyll::MarkdownTag)
diff --git a/concepts.md b/concepts.md
@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Concepts
-order: 0
+order: 1
 ---
 
 # Overview

diff --git a/css/style.sass b/css/style.sass
@@ -1,5 +1,6 @@
 ---
 # Front matter comment to ensure Jekyll properly reads file.
+hidden: true
 ---
 $first-bg: #319D9D
 
@@ -37,8 +38,8 @@ section, header, footer
 header
   height: 50px
   background-color: rgb(14,97,97)
-  box-shadow: 0px 6px 11px #2E8989
-  position: relative
+  box-shadow: 0px 4px 10px rgba(60, 60, 60, 0.51)
+  position: fixed
   nav
     height: 50px
     display: flex
@@ -68,9 +69,35 @@ header
     width: 100%
     display: block
 
-.sec-title
+
+section:first-of-type
   color: white
+  padding-top: 50px
   background-color: $first-bg
-  h1
+  //background-image: linear-gradient(rgb(64, 169, 169), #76C8B5)
+  > h1
     padding-top: 200px
     font-size: 10em
+
+
+.hero
+  .logo
+    padding-top: 100px
+    padding-bottom: 30px
+  a
+    text-decoration: none
+
+  #brand
+    color: white
+    font-size: 12em
+
+
+  #tagline
+    color: white
+    font-size: 2em
+    font-family: 'Raleway', sans-serif
+    font-weight: 100
+    max-width: 500px
+    min-width: 320px
+    margin-top: 30px
+    margin-bottom: 30px
diff --git a/examples.md b/examples.md
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Examples
+order: 3
 ---
 
 The following examples demonstrate Javascript peer API usage and (protocol) messages.

diff --git a/index.md b/index.md
@@ -1,7 +1,10 @@
 ---
 layout: default
 title: Jet
-order: 1
+title_hidden: true
+sections:
+ - hero.html
+order: 0
 ---
 
 <div id="hero">

diff --git a/protocol.md b/protocol.md
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Protocol
+order: 4
 ---
 
 # Transport

diff --git a/quickstart.md b/quickstart.md
@@ -1,6 +1,7 @@
 ---
 layout: default
 title: Get Started
+order: 2
 ---
 
 This is a quick start guide for writing Peers using the Javascript Peer API for