Big reorganization and retheme of the website

Shuffle all the files around, and completely redo the theme. Remove any
trace of the blog, we'll probably never get to it.

Signed-off-by: Robert Young <[email protected]>

.gitignore

@@ -1,7 +1,7 @@
 ###  B9 ###
 
 node_modules
-build*
+build
 
 # clang
 compile_commands.json

README.md

@@ -1,5 +1,5 @@
 <figure class="image">
-  <img src="./docs/assets/images/logoREADME.png" width="100%"/>
+  <img src="{{"/docs/assets/images/logoREADME.png" width="100%"/>
 </figure>
 
 # Welcome to base9!

docs/_config.yml

@@ -11,3 +11,20 @@ sass:
 include: ['_pages']
 markdown: kramdown
 highlighter: rouge
+collections:
+  - build-a-runtime
+  - docs
+  - setup
+defaults:
+  - scope:
+      path: docs
+    values:
+      section: docs
+  - scope:
+      path: setup
+    values:
+      section: setup
+  - scope:
+      path: build-a-runtime
+    values:
+      section: build-a-runtime

docs/_data/sections.yaml

@@ -0,0 +1,4 @@
+- title: Build a Runtime
+- title: Setup
+- title: Docs
+- title: About

docs/_includes/sideNavbar.liquid

@@ -1,48 +1,19 @@
-<div id="dev-journey-sidenav" class="sidenav">
-  <nav class="nav nav-pills flex-column">
-
-    <a class="nav-link" href="#introduction">Introduction</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#base9-setup">Base9 Setup</a>
-      <a class="nav-link ml-3 my-1" href="#base9-overview">Base9 Overview</a>
-    </nav>
-
-    <a class="nav-link" href="#the-base9-frontend">The Base9 Frontend</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#frontend-language">Frontend Language</a>
-      <a class="nav-link ml-3 my-1" href="#frontend-compiler">Frontend Compiler</a>
-    </nav>
-
-    <a class="nav-link" href="#the-base9-backend">The Base9 Backend</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#the-deserializer">The Deserializer</a>
-      <a class="nav-link ml-3 my-1" href="#the-base9-bytecodes">The Base9 Bytecodes</a>
-      <a class="nav-link ml-3 my-1" href="#the-stack">The Stack</a>
-      <a class="nav-link ml-3 my-1" href="#the-virtual-machine">The Virtual Machine</a>
-      <a class="nav-link ml-3 my-1" href="#the-interpreter">The Interpreter</a>
-    </nav>
-
-    <a class="nav-link" href="#base9-implementation">Base9 Implementation</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#the-main-function">The "main" Function</a>
-      <a class="nav-link ml-3 my-1" href="#the-run-function">The "run" Function</a>
-      <a class="nav-link ml-3 my-1" href="#the-in-memory-module">The in memory module</a>
-      <a class="nav-link ml-3 my-1" href="#the-interpreter-loop">The Interpreter Loop</a>
-      <a class="nav-link ml-3 my-1" href="#implementation-summary">Implementation Summary</a>
-    </nav>
-
-    <a class="nav-link" href="#omr-and-jitbuilder">OMR and JitBuilder</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#omr">OMR</a>
-      <a class="nav-link ml-3 my-1" href="#jitbuilder">JitBuilder</a>
-    </nav>
-
-    <a class="nav-link" href="#integrate-the-jit-compiler">Integrate The Jit Compiler</a>
-    <nav class="nav nav-pills flex-column">
-      <a class="nav-link ml-3 my-1" href="#the-jit-compiler">The Jit Compiler</a>
-      <a class="nav-link ml-3 my-1" href="#plugging-in-the-jit">Plugging in the JIT</a>
-      <a class="nav-link ml-3 my-1" href="#jit-features">JIT Features</a>
-    </nav>
-  </nav>
-</div>
-
+<nav class="sidebar col-md-3 col-lg-2 col-xl-2">
+  <a class="navbar-brand">Contents</a>
+  <ul class="nav flex-column nav-pills">
+    {% for entry in page.toc %}
+      <li class="nav-item">
+        <a class="nav-link text-secondary" href="#{{ entry.ref | default: entry.title | slugify }}">{{entry.title}}</a>
+        {% if entry.subsections %}
+          <ul class="nav flex-column ml-3">
+            {% for subentry in entry.subsections %}
+              <li class="nav-item">
+                <a class="nav-link text-secondary" href="#{{ subentry.ref | default: subentry.title | slugify }}">{{subentry.title}}</a>
+              </li>
+            {% endfor %}
+          </ul>
+        {% endif %}
+      </li>
+    {% endfor %}
+  </ul>
+</nav>

docs/_includes/topNavbar.liquid

@@ -1,41 +1,35 @@
 <!-- Navigation Bar -->
-<nav class="navbar navbar-expand-lg navbar-light bg-light">
+<nav class="navbar navbar-expand-md navbar-light bg-light mb-4">
 
-	<!-- Collapsed Navbar Button -->
-	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggler" aria-controls="navbarToggler" aria-expanded="false">
+	<a class="navbar-brand mr-md-4" href="{{ "/index.html" | relative_url}}">
+		<img src={{ "/assets/images/logoIcon.png" | relative_url }} height="30" title="Home" alt="Icon">
+		Base9
+	</a>
+	<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#topNavBarContent" aria-controls="navbarToggler"
+	 aria-expanded="false">
 		<span class="navbar-toggler-icon"></span>
-	</button>
-
-	<!-- Make Navbar Collapsable in Resize  -->
-	<div class="collapse navbar-collapse" id="navbarToggler">
+</button>
+	<div class="collapse navbar-collapse" id="topNavBarContent">
 		<ul class="navbar-nav mr-auto mt-2 mt-lg-0">
-
-			<!-- Navbar Items -->
-			<li class="nav-item active">
-				<a class="nav-link" href="./index.html">
-					<img src="./assets/images/logoIcon.png" width="40" height="40" title="Home" alt="Base9 Icon">
-				</a>
-			<li class="nav-item active">
-				<a class="nav-link" href="./AboutBase9.html">About base9</a>
-			</li>
-			<li class="nav-item active">
-				<a class="nav-link" href="./SetupBase9.html">Setup base9</a>
-			</li>
-			<li class="nav-item active">
-				<a class="nav-link" href="./BuildARuntime.html">Build a Language Runtime</a>
-			</li>
-			<li class="nav-item active">
-				<a class="nav-link" href="./Documentation.html">Docs</a>
-			</li>
-			<li class="nav-item active">
-				<a class="nav-link" href="./Blog.html">Blog</a>
-			</li>
-			<li class="nav-item active">
-				<a class="nav-link" href="https://github.com/b9org/b9">
-					<img src="./assets/images/logoGitHub.svg" width="40" height="40" title="Base9 on GitHub" alt="GitHub Icon">
+			{% for section in site.data.sections %}
+				<li class="nav-item">
+					{% assign section_name = section.name | default: section.title | slugify %}
+					{% assign section_url = section.url | default: section_name | relative_url %}
+					{% if section_name == page.section %}
+						<a class="nav-link active" href="{{section_url}}">{{section.title}}</a>
+					{% else %}
+						<a class="nav-link" href="{{section_url}}">{{section.title}}</a>
+					{% endif %}
+				</li>
+			{% endfor %}
+		</ul>
+		<ul class=navbar-nav>
+			<li class="nav-item link mr-sm-2">
+				<a class="btn btn-outline-primary" href="https://github.com/b9org/b9">
+					<span class="nav-item mr-2">GitHub</span>
+					<img class="align-middle" src={{ "/assets/images/logoGitHub.svg" | relative_url }} height="20" title="Base9 on GitHub" alt="GitHub Icon">
 				</a>
 			</li>
-
 		</ul>
 	</div>
 </nav>

docs/_layouts/default.liquid

@@ -3,11 +3,7 @@
   {%- include head.liquid -%}
   <body>
     {%- include topNavbar.liquid -%}
-    <main class="page-content" aria-label="Content">
-      <div class="wrapper">
-        {{ content }}
-      </div>
-    </main>
+    {{ content }}
     {%- include footer.liquid -%}
   </body>
 </html>

docs/_layouts/devJourney.liquid

@@ -1,6 +1,4 @@
 ---
-layout: default
+layout: page
 ---
-  {%- include sideNavbar.liquid -%}
-  <h1>{{page.title}}</h2>
-    {{ content }}
+{{ content }}

docs/_layouts/index.liquid

@@ -1,5 +1,11 @@
 ---
 layout: default
 ---
-<center> {%- include logo.liquid -%} </center>
-{{ content }}
+<div class=container>
+	<main class="page-content" aria-label="Content">
+	<div class="col-md-10 col-xl-9">
+		<center> {%- include logo.liquid -%} </center>
+		{{ content }}
+	</div>
+	</main>
+</div>

docs/_layouts/page.liquid

@@ -0,0 +1,19 @@
+---
+layout: default
+---
+<div class="container-fluid">
+<div class="row">
+  {% if page.toc %}
+    {%- include sideNavbar.liquid -%}
+    {% else %}
+      <div class="col-md-1">
+      </div>
+  {% endif %}
+  <div class="col-md-9 col-xl-7 mx-md-4">
+    <main role="main" class="col-justify-content-md-center">
+      <h1>{{page.title}}</h1>
+      {{ content }}
+    </main>
+  </div>
+</div>
+</div>

docs/_sass/minima/_base.scss

@@ -11,21 +11,7 @@ $link-clicked: #8c8c8c;
 $light: #e7edf4;
 $header:  #ffffff;
 
-/* Website Fonts */
-$font-style: 'Open Sans', sans-serif;
-$heading-font: 'Muli', sans-serif;
-
-/* Other */
-$content-width: 800px;
 
 %vertical-rhythm {
 	margin-bottom: $spacing-unit / 2;
 }
-
-*,
-*::before,
-*::after {
-	-webkit-box-sizing: border-box;
-	-moz-box-sizing: border-box;
-	box-sizing: border-box;
-}

docs/_sass/minima/_layout.scss

@@ -1,105 +1,2 @@
-/* top navigation bar*/
-.navbar-nav{
-	z-index: 1; //appear on top of everything else
-  background-color: $top-nav;
-}
-
-.navbar{
-	z-index: 1;
-}
-
-
-/* Navigation Bar list item */
-.navbar-nav > li{
-  	padding-left:30px;
-  	padding-right:30px;
-  	margin-left:-10px;
-	margin-right:-10px;
-	z-index: 1;
-}
-
-/* Sidenav menu for dev journey */
-.sidenav {
-	height: 100%;
-	width: 15%;
-	position: fixed; //stay fixed to left side
-	top: 0;
-	left: 0;
-	background-color: $side-nav;
-	overflow-x: hidden; /* disable horizontal scroll */
-	padding-top: 70px; /* place sidenav contents 60px from the top */
-}
-
-.sidenav a {
-	font-size: 14px;
-	line-height: 1;
-}
 
 /* Defaults */
-.container {
-	max-width: $content-width;
-	margin: 0 auto;
-}
-main {
-	padding: 0 auto;
-	max-width: $content-width;
-	margin: 0 auto;
-}
-body {
-	margin: 0;
-	padding-left: auto;
-	color: $main;
-	font-family: $font-style;
-	font-size: 1.1em;
-	line-height: 1.6;
-	-webkit-font-smoothing: antialiased;
-}
-footer {
-	text-align: center;
-	padding: 40px;
-}
-
-/* Headings  */
-h1,h2,h3 {
-	font-weight: 600;
-	color: $main;
-	font-family: $heading-font;
-	line-height: 1.5;
-}
-h1 {
-	font-size: 2.5em;
-	a {
-    text-decoration: none;
-    color: $main;
-  }
-	a:visited {
-		text-decoration: none;
-		color: $link-clicked;
-	}
-}
-h2 {
-	font-size: 2em;
-}
-
-/* Hyperlinks */
-a:link {
-  color: $main;
-  text-decoration: none;
-  font-weight: bold;
-}
-a:visited {
-	color: $main;
-	text-decoration: underline;
-	font-weight: bold;
-}
-a:hover {
-	color: $link-hover;
-	text-decoration: underline;
-}
-
-/* Image Captions  */
-figcaption {
-  color: $caption;
-  caption-side: top;
-  text-align: left;
-}