From 26b155290b1a2ac9084c1be731e4fc17acc03838 Mon Sep 17 00:00:00 2001
From: CallumDev <callum.mcging@gmail.com>
Date: Wed, 18 May 2022 18:47:15 +0930
Subject: [PATCH] Jekyll structure for docs

---
 _data/book.yml      |  4 ++++
 _layouts/book.html  | 14 ++++++++++++++
 assets/css/main.css | 20 ++++++++++++++++++++
 book/index.markdown | 36 ++++++++++++++++++++++++++++++++++++
 4 files changed, 74 insertions(+)
 create mode 100644 _data/book.yml
 create mode 100644 _layouts/book.html
 create mode 100644 book/index.markdown

diff --git a/_data/book.yml b/_data/book.yml
new file mode 100644
index 0000000..241c3c1
--- /dev/null
+++ b/_data/book.yml
@@ -0,0 +1,4 @@
+docs:
+
+  - title: WattleScript
+    url: /book/index
diff --git a/_layouts/book.html b/_layouts/book.html
new file mode 100644
index 0000000..8b220d5
--- /dev/null
+++ b/_layouts/book.html
@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<h1> {{ page.title }}</h1>
+<div id="booknav">
+        <h3>Contents</h3>
+<ul>
+{% for item in site.data.book.docs %}
+        <li><a href="{{ item.url }}">{{ item.title }}</a></li>
+{% endfor %}
+</ul>
+<br/>
+</div>
+{{ content }}
diff --git a/assets/css/main.css b/assets/css/main.css
index 5774b25..1155abf 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -196,6 +196,22 @@ pre.highlight code {
     margin: 0;
 }
 
+#booknav {
+	margin: 0.25em 0.5em; /*Provides space around the table of content*/
+	padding: 0.25 0.5em;
+	border: 1px solid grey; /* Adds a grey border with a size of one pixel. */
+	display: block; /* Makes the TOC an inline-block element to prevent it from taking the while space */
+	border-radius: 5px; /* Makes the element rounded by given a 5px radius*/
+    float: right;
+}
+#booknav h3 {
+    text-align: center;
+}
+#booknav ul {
+    padding: 0 1.5em;
+    margin: 0;
+}
+
 @media screen and (min-width: 980px) {
     .headerbottom {
         position: absolute;
@@ -288,6 +304,10 @@ pre.highlight code {
     nav ul.navChecked li {
         display: block;
     }
+
+    #booknav {
+        float: none;
+    }
 }
 
 @media (prefers-color-scheme: light) {
diff --git a/book/index.markdown b/book/index.markdown
new file mode 100644
index 0000000..5601e38
--- /dev/null
+++ b/book/index.markdown
@@ -0,0 +1,36 @@
+---
+layout: book
+title: WattleScript Syntax
+---
+
+
+
+## Comments
+
+Line comments start with `//` and go to the end of the line.
+
+```js
+//This is a comment
+
+print("Hello World!");
+```
+
+Block comments start with `/*` and end with `*/`. Like C, these cannot be nested
+
+```js
+/*
+ * This is a block comment
+ */
+```
+
+This is some output:
+
+```
+Block of unhighlighted output
+```
+
+Nulla ac condimentum est. Curabitur auctor accumsan felis, nec rhoncus eros ornare nec. Praesent sem mauris, faucibus id maximus sed, feugiat condimentum ex. Integer non orci sit amet odio faucibus placerat. Fusce et sem tortor. Nulla rutrum sagittis lacus id posuere. Nullam venenatis, arcu vitae egestas ullamcorper, purus purus laoreet ipsum, quis euismod sem felis ac neque. Morbi ut varius augue. Vestibulum ut malesuada dui, eget aliquet est.
+
+Proin ac vehicula erat. Quisque aliquam nibh eu faucibus semper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec convallis nulla sit amet mauris iaculis pellentesque. Interdum et malesuada fames ac ante ipsum primis in faucibus. In convallis in eros congue euismod. Vestibulum arcu ligula, accumsan vitae mi at, faucibus placerat nisi. Sed dui purus, sagittis non neque sit amet, blandit volutpat nunc. Nam rhoncus lorem vehicula metus viverra, in aliquet risus ornare. Maecenas sem leo, semper nec tempus quis, auctor ut nisi. Aenean blandit quam vel leo venenatis tempor. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
+
+Nam quis nibh sit amet urna tristique ultricies a nec ante. Nullam pretium ipsum tellus, quis molestie nisi tincidunt ac. Quisque gravida lobortis augue at dignissim. Mauris viverra efficitur euismod. Proin mollis risus id congue porta. Maecenas volutpat nisl vitae aliquam gravida. Phasellus maximus, felis id posuere malesuada, ligula ex mattis massa, eget iaculis turpis magna id ligula. Nullam condimentum lacus ut pulvinar placerat. Duis venenatis justo eu nunc posuere consectetur. Phasellus volutpat accumsan nibh id finibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque ac aliquam ipsum. 
\ No newline at end of file