added page layout and example to create sub pages

lordblendi · Nov 17, 2017 · 322103f · 322103f
1 parent b271336
commit 322103f
Show file tree

Hide file tree

Showing 5 changed files with 48 additions and 1 deletion.
diff --git a/README.md b/README.md
@@ -54,3 +54,22 @@ In the `scripts` folder simply add a new js file. To include it, modify the `_in
 ```
 
 Example is in `test.js`.
+
+## How to add a new subpage
+
+Add a new html file in the `pages` folder. It has to start like this:
+```
+---
+permalink: /name-of-your-link
+---
+
+<!-- content of your html file-->
+```
+
+If you want it to have a default look, you can add the `_layouts/page.html` layout to it, that includes the header and the js files.
+```
+---
+permalink: /name-of-your-link
+layout: page
+---
+```
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -0,0 +1,10 @@
+<!DOCTYPE html>
+<html lang="en-us">
+  {% include head.html %}
+
+  <body>
+    {{content}}
+
+    {% include js_files.html %}
+  </body>
+</html>
diff --git a/pages/example.html b/pages/example.html
@@ -0,0 +1,13 @@
+---
+permalink: /first-example
+---
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Example page</title>
+  </head>
+  <body>
+    This is an example page
+  </body>
+</html>
diff --git a/pages/example_with_layout.html b/pages/example_with_layout.html
@@ -0,0 +1,5 @@
+---
+permalink: /first-example-layout
+layout: page
+---
+<h1>This is an example page</h1>
diff --git a/sass/default.scss b/sass/default.scss
@@ -4,6 +4,6 @@
 body {
   color: blue;
   h1 {
-    color: red;
+    color: green;
   }
 }