[#20,jekyll][m]: make the theme much nicer (still not great).

* Sidebar with table of contents * A bit of a layout (borrowing labs base theme)
frictionlessdata · Sep 25, 2013 · e115524 · e115524
1 parent e13d2ac
commit e115524
Show file tree

Hide file tree

Showing 3 changed files with 134 additions and 8 deletions.
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -0,0 +1,39 @@
+<div class="widget toc">
+  <h3>Table of Contents</h3>
+
+  <h4>Proposals</h4>
+  <ul>
+    <li><a href="/data-packages/">Data Packages</a></li>
+    <li><a href="/simple-data-format/">Simple Data Format (SDF)</a></li>
+    <li><a href="/json-table-schema/">JSON Table Schema</a></li>
+    <li><a href="/csv-dialect/">CSV Dialect Description Format (CSVDDF)</a></li>
+    <li><a href="/tabular-diff-format/">Coopy highlighter diff format for tables</a></li>
+  </ul>
+
+  <h4>Research and Patterns</h4>
+  <ul>
+    <li><a href="revisioning-data.html">Revisioning (Versioning) for Data: Theory</a></li>
+    <li><a href="/syncing/">Changes and Syncing</a></li>
+    <li><a href="/reconciliation/">Reconciliation Protocol</a></li>
+    <li><a href="/data-query-protocol/">Data Query Protocol</a></li>
+    <li><a href="/data-formats/">Web-Oriented Data Formats</a></li>
+  </ul>
+</div>
+
+<div>
+  <h3>Contribute</h3>
+  <p>Contributions, comments and corrections are warmly welcomed. They can
+  be submitted via one of the following routes:</p>
+  <ol>
+    <li>A patch to the <a
+    href="https://github.com/dataprotocols/dataprotocols">git repo</a> (fork and pull
+  recommended) &ndash; best for textual corrections and additions</li>
+  <li>The <a
+    href="http://lists.okfn.org/mailman/listinfo/data-protocols">mailing
+    list</a> &ndash; best for general discussion</li>
+    <li>The <a href="https://github.com/dataprotocols/dataprotocols/issues">issue
+      tracker</a> &ndash; best for general issues or suggestions</li>
+    <li><a href="https://twitter.com/DataProtocols">DataProtocols Twitter
+    account</a></li>
+  </ol>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -1,12 +1,78 @@
 <!DOCTYPE html>
-<html>
-    <head>
-        <meta charset="utf-8">
-        <title>{{ page.title }}</title>
-    </head>
-    <body>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <title> 
+    {{page.title}} - Data Protocols - Open Knowledge Foundation
+  </title>
+  <meta name="author" content="Open Knowledge Foundation and others">
 
-{{content}}
+  <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+  <!--[if lt IE 9]>
+    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+  <![endif]-->
 
-    </body>
+  <link href="http://okfnlabs.org/css/bootstrap.min.css" rel="stylesheet" />
+  <link href="http://okfnlabs.org/css/bootstrap-responsive.css" rel="stylesheet" />
+  <link href="http://okfnlabs.org/css/labs.css" rel="stylesheet" />
+  <link href="/css/style.css" rel="stylesheet" />
+
+</head>
+<body>
+<div class="container">
+<div class="content">
+  <div class="banner page-header">
+    <h1>
+      Data Protocols
+      <br />
+      <small>
+        Lightweight Standards and Patterns for (Open) Data
+      </small>
+    </h1>
+  </div>
+  <div class="row">
+    <div class="span8">
+      {{content}}
+    </div>
+    <div class="span4 sidebar">
+      <div class="well">
+      {% include sidebar.html %}
+      </div>
+    </div>
+  </div>
+</div><!-- /content -->
+
+  <footer>
+    <p>
+      Supported as part of the work of the <a href="http://okfn.org">Open
+        Knowledge Foundation and its community</a>
+      &ndash;
+      <a href="http://github.com/dataprotocols/">Source Code</a>
+    </p>
+    <p>
+      <a href="http://opendefinition.org/okd/" title="Open Content">
+        <img src="http://assets.okfn.org/images/ok_buttons/oc_80x15_blue.png" alt="" border="" /></a>
+      <a href="http://opendefinition.org/ossd/" title="Open Online Software Service">
+        <img src="http://assets.okfn.org/images/ok_buttons/os_80x15_orange_grey.png" alt="" border="" />
+      </a>
+    </p>
+  </footer>
+</div><!-- /container -->
+
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
+<script src="http://assets.okfn.org/themes/okfn/collapse.min.js" type="text/javascript"></script>
+<script src="http://assets.okfn.org/themes/okfn/okf-panel.js" type="text/javascript"></script>
+<script type="text/javascript">
+  var _gaq = _gaq || [];
+  _gaq.push(['_setAccount', 'UA-33874954-3']);
+  _gaq.push(['_trackPageview']);
+
+  (function() {
+    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+  })();
+</script>
+</body>
 </html>
+
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,21 @@
+.banner {
+  padding: 25px;
+  text-align: center;
+}
+
+.banner h1 {
+  font-size: 45px;
+  font-weight: bold;
+}
+
+.sidebar .toc ul {
+  margin-left: 18px;
+}
+
+.sidebar h3:first-child {
+  margin-top: 0;
+}
+
+body {
+  font-size: 16px;
+}