add new layout with sidebar

zamronypj · zamronypj · commit 4a6864bb8af1 · 2018-11-08T18:09:18.000+08:00
diff --git a/_includes/header.html b/_includes/header.html
@@ -1,27 +1,4 @@
-<!DOCTYPE html>
-<!--
-Hyperspace by HTML5 UP
-html5up.net | @ajlkn
-Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
--->
-<html>
-<head>
-    <title>{% if page.url != '/index.html' %}{{ page.title }} - {% endif %}{{ site.title }}</title>
-    <meta charset="utf-8" />
-    <meta name="description" content="{{ page.description|strip_html }}">
-    <meta name="keywords" content="fano, web application, framework, pascal, programming, language, free pascal">
-    <meta name="robots" content="index, follow"/>
-    <meta property="og:title" content="{{ page.title }}"/>
-    <meta property="og:site_name" content="{{ site.title }}"/>
-    <meta property="og:url" content="{{ site.url }}{{ page.url }}"/>
-    <meta property="og:description" content="{{ page.description }}"/>
-    <meta property="og:type" content="website"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
-    <link rel="shortcut icon" href="{{ "/assets/images/favicon.png" | relative_url }}" type="image/x-icon">
-    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
-    <noscript><link rel="stylesheet" href="{{ "/assets/css/noscript.css" | relative_url }}" /></noscript>
-</head>
-<body class="is-preload">
+{% include plain.header.html %}
 
     <!-- Header -->
     <header id="header">
diff --git a/_includes/plain.header.html b/_includes/plain.header.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<!--
+Hyperspace by HTML5 UP
+html5up.net | @ajlkn
+Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+-->
+<html>
+<head>
+    <title>{% if page.url != '/index.html' %}{{ page.title }} - {% endif %}{{ site.title }}</title>
+    <meta charset="utf-8" />
+    <meta name="description" content="{{ page.description|strip_html }}">
+    <meta name="keywords" content="fano, web application, framework, pascal, programming, language, free pascal">
+    <meta name="robots" content="index, follow"/>
+    <meta property="og:title" content="{{ page.title }}"/>
+    <meta property="og:site_name" content="{{ site.title }}"/>
+    <meta property="og:url" content="{{ site.url }}{{ page.url }}"/>
+    <meta property="og:description" content="{{ page.description }}"/>
+    <meta property="og:type" content="website"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+    <link rel="shortcut icon" href="{{ "/assets/images/favicon.png" | relative_url }}" type="image/x-icon">
+    <link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}" />
+    <noscript><link rel="stylesheet" href="{{ "/assets/css/noscript.css" | relative_url }}" /></noscript>
+</head>
+<body class="is-preload">
diff --git a/_layouts/contentsidebar.html b/_layouts/contentsidebar.html
@@ -0,0 +1,27 @@
+{% include plain.header.html %}
+
+<!-- Sidebar -->
+<section id="sidebar">
+    <div class="inner">
+        <nav>
+            <ul>
+                <li><a href="#intro">Intro</a></li>
+                <li><a href="#feature">Features</a></li>
+                <li><a href="/getting-started">Getting Started</a></li>
+                <li><a href="/documentation">Documentation</a></li>
+            </ul>
+        </nav>
+    </div>
+</section>
+
+<!-- Wrapper -->
+<div id="wrapper">
+    <!-- Main -->
+    <section id="main" class="wrapper">
+        <div class="inner">
+            {{ content }}
+        </div>
+    </section>
+</div>
+
+{% include footer.html %}
diff --git a/documentation/index.md b/documentation/index.md
@@ -13,3 +13,11 @@ description: Documentation and developer's resources for Fano Framework, web app
 
 
 ## Dependency Container
+
+## Request
+
+## Response
+
+## Routing
+
+## Error Handling
