Bootstrap the project structure

4 years ago · 2ebb0b1f5b
parent c4f6274aa6
commit 2ebb0b1f5b
16 changed files with 625 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+.idea
+.DS_Store
+public
--- a/README.md
+++ b/README.md
@ -1,2 +1,5 @@
 # juice
+
+<img align="right" width="100" height="100" src="/static/juice.svg">
+
 A huhu.io's Zola™ theme built for product site 
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,18 @@
+# The URL the site will be built for
+base_url = "/"
+
+title = "Juice - A huhu.io's Zola™ theme built for product site"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = true
+highlight_theme = "inspired-github"
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = false
+
+[extra]
+# Put all your custom variables here
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,10 @@
+++
+title = "Juice"
+sort_by = "weight"
+++
+
+# Juice
+
+![](static/juice.svg)
+
+A [huhu.io](https://huhu.io)'s Zola™ theme built for product site
--- a/content/changelog.md
+++ b/content/changelog.md
@ -0,0 +1,62 @@
+++
+title = "Changelog"
+description = "Changelog"
+weight = 3
+++
+
+# v0.7 - 2020-07-01
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #10
+    - Fix bug #11 
+
+# v0.6 - 2020-06-01
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #8
+    - Fix bug #9
+    
+# v0.5 - 2020-05-01
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #6
+    - Fix bug #7
+    
+# v0.4 - 2020-04-01
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #4
+    - Fix bug #5
+
+# v0.3 - 2020-03-01
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #2
+    - Fix bug #3
+    
+# v0.2 - 2020-02-04
+
+- Introduction 1
+- New Features:
+    - feature 1
+- Bugfix:
+    - Fix bug #1
+    
+# v0.1 - 2020-01-01
+
+- First release!
--- a/content/faq.md
+++ b/content/faq.md
@ -0,0 +1,21 @@
+++
+title = "FAQ"
+description = "Frequently asked questions"
+weight = 2
+++
+
+# Permissions
+
+### Question 1
+
+Answer 1. 
+
+# Caveats
+
+### Question 2
+
+Answer 2.
+
+### Question 3
+
+Answer 2.
--- a/content/privacy.md
+++ b/content/privacy.md
@ -0,0 +1,25 @@
+++
+title = "Privacy"
+description = "Privacy Policy"
+weight = 3
+++
+
+
+-- Last updated: 2020-06-20
+
+[Juice](/), ("we",or "us") operates the **Product** and the website (collectively, the “Service” or “Products”). 
+We believe that your privacy is a fundamental right. This page informs you of our policies and practices regarding the collection, use and disclosure of information which personally identifies you ("Personal Information") when you use our Service.
+
+# Information collection
+
+No information do we collect.
+
+# Updates to this Privacy Policy
+
+We reserve the right to update or change our Privacy Policy at any time and you should check this Privacy Policy periodically. Your continued use of the Service after we post any modifications to the Privacy Policy on this page will constitute your acknowledgment of the modifications and your consent to abide and be bound by the modified Privacy Policy.
+
+The "Last updated" legend at the top of this Privacy Policy indicates when this Privacy Policy was last revised. Any changes are effective when we post the revised Privacy Policy on the Services.
+
+# Contact us
+
+If You have any questions about this Privacy Policy, please contact us at legal@example.com.
--- a/sass/_markdown.scss
+++ b/sass/_markdown.scss
@ -0,0 +1,37 @@
+@import "_variables.scss";
+
+.content {
+  padding: 0 40px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  overflow-x: auto;
+}
+
+.content pre {
+  overflow-x: auto;
+  padding: 1.25em 1.5em;
+  white-space: pre;
+  word-wrap: normal;
+  background-color: white;
+  color: #4a4a4a;
+  font-size: .875em;
+  font-family: monospace;
+}
+
+.content code {
+  background-color: white;
+  color: #4a4a4a;
+  font-size: .875em;
+  font-weight: normal;
+  padding: 0.25em 0.5em 0.25em;
+  font-family: monospace;
+}
+
+.content a {
+  color: #dd4814;
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
--- a/sass/_text.scss
+++ b/sass/_text.scss
@ -0,0 +1,41 @@
+@import "_variables.scss";
+
+.heading-text {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 32px;
+  font-weight: 600;
+  padding: 10px 0 25px 0;
+  color: $primary-text-color;
+  line-height: 2.5rem;
+}
+
+h1, .title-text {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 25px;
+  font-weight: 500;
+  color: $primary-text-color;
+  border-left: $primary-color 8px solid;
+  padding-left: 10px;
+}
+
+h2, .subtitle-text {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 20px;
+  font-weight: 500;
+  color: $primary-text-color;
+}
+
+.text {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 18px;
+  font-weight: 400;
+  line-height: 26px;
+  letter-spacing: 0.2px;
+}
+
+.subtext {
+  font-family: "Fira Sans", sans-serif;
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: 0.1px;
+}
--- a/sass/_ultility.scss
+++ b/sass/_ultility.scss
@ -0,0 +1,13 @@
+.text-center {
+  text-align: center;
+}
+
+.pos-absolute {
+  right: 0;
+  left: 0;
+  position: absolute;
+}
+
+.box-shadow {
+  box-shadow: 0 2px 10px 2px #ddd;
+}
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@ -0,0 +1,5 @@
+$primary-color: #F9BB2D;
+$primary-text-color: #121212;
+
+$secondary-color: #fcfaf6;
+$secondary-text-color: #303030;
--- a/sass/index.scss
+++ b/sass/index.scss
--- a/static/juice.svg
+++ b/static/juice.svg
@ -0,0 +1,48 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1592727113403" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1137" width="100" height="100" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><style type="text/css">@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Arabic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Arabic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Arabic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Arabic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-arabic/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Cyrillic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Cyrillic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Cyrillic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Cyrillic)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-cyrillic/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (East European)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (East European)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (East European)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (East European)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-easteuropean/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Greek)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Greek)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Greek)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Greek)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-greek/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Hebrew)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Hebrew)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Hebrew)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Hebrew)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-hebrew/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Vietnamese)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Vietnamese)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Vietnamese)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Vietnamese)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-vietnamese/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (West European)"; src: local("Segoe UI Light"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (West European)"; src: local("Segoe UI SemiLight"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (West European)"; src: local("Segoe UI"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (West European)"; src: local("Segoe UI SemiBold"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-westeuropean/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/selawik/selawik-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Armenian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Armenian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Armenian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Armenian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-armenian/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Georgian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-light.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-light.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Georgian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-semilight.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Georgian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-regular.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-regular.woff") format("woff"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "Segoe UI Web (Georgian)"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-semibold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/segoeui-georgian/segoeui-semibold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-semilight.woff") format("woff"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "Leelawadee UI Web"; src: url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff2") format("woff2"), url("https://static2.sharepointonline.com/files/fabric/assets/fonts/leelawadeeui-thai/leelawadeeui-bold.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; }
+@font-face { font-family: FabricMDL2Icons; src: url("fabric-icons.woff") format("woff"); }
+</style></defs><path d="M642.7 847.4l-79.2-31.3c-8-3.2-13.2-10.1-13.3-17.8L547 559.7h-70l-3.2 238.6c-0.1 7.7-5.3 14.7-13.3 17.8l-79.2 31.3c-18.7 7-22.7 26-7.1 37.5 34.6 25.5 85.8 33.6 137.7 33.4 51.9 0.2 103.1-7.9 137.7-33.4 15.7-11.5 11.8-30.5-6.9-37.5z" fill="#FFFFFF" p-id="1138"></path><path d="M513.9 928.3h-4c-62.1 0-109.8-11.9-141.7-35.3-10.1-7.4-15-18-13.5-28.9 1.6-11.5 10.1-21.2 22.9-26l79.1-31.3c4.2-1.7 6.9-5.1 7-8.7l3.2-238.6c0.1-5.5 4.5-9.9 10-9.9H547c5.5 0 9.9 4.4 10 9.9l3.2 238.6c0 3.6 2.8 7 7 8.7l79.1 31.3c12.7 4.8 21.3 14.5 22.9 26 1.5 10.9-3.4 21.5-13.5 28.9-31.9 23.4-79.6 35.3-141.8 35.3z m-1.9-20h1.9c57.9 0 101.6-10.6 129.9-31.4 4.1-3 6-6.6 5.5-10.1-0.6-4.1-4.4-7.9-10.2-10-0.1 0-0.1 0-0.2-0.1l-79.2-31.3c-11.8-4.6-19.5-15.2-19.6-27L537 569.7h-50.2l-3.1 228.7c-0.2 11.8-7.9 22.3-19.6 27L385 856.7c-0.1 0-0.1 0-0.2 0.1-5.8 2.2-9.6 5.9-10.2 10-0.5 3.5 1.5 7.1 5.5 10.1 28.7 21.1 73 31.7 131.9 31.4z" fill="#543630" p-id="1139"></path><path d="M521.9 675.2s-1.1 79.2-1.1 133.1c0 33 49 42.7 48.4 56.1-1.1 24.2-132 28.6-177.1 16.5-34-9.1-12.8 9.2 0.2 15 13 5.9 132 43 212.8 10.7 80.8-32.3 50.3-55.4 42.3-57.1-50.3-10.6-90.8-24.9-93.5-52.3-4.5-45-8.9-119.8-32-122z" fill="#EFE7DA" p-id="1140"></path><path d="M513.9 928.3h-4c-62.1 0-109.8-11.9-141.7-35.3-10.1-7.4-15-18-13.5-28.9 1.6-11.5 10.1-21.2 22.9-26l79.1-31.3c4.2-1.7 6.9-5.1 7-8.7l3.2-238.6c0.1-5.5 4.5-9.9 10-9.9H547c5.5 0 9.9 4.4 10 9.9l3.2 238.6c0 3.6 2.8 7 7 8.7l79.1 31.3c12.7 4.8 21.3 14.5 22.9 26 1.5 10.9-3.4 21.5-13.5 28.9-31.9 23.4-79.6 35.3-141.8 35.3z m-1.9-20h1.9c57.9 0 101.6-10.6 129.9-31.4 4.1-3 6-6.6 5.5-10.1-0.6-4.1-4.4-7.9-10.2-10-0.1 0-0.1 0-0.2-0.1l-79.2-31.3c-11.8-4.6-19.5-15.2-19.6-27L537 569.7h-50.2l-3.1 228.7c-0.2 11.8-7.9 22.3-19.6 27L385 856.7c-0.1 0-0.1 0-0.2 0.1-5.8 2.2-9.6 5.9-10.2 10-0.5 3.5 1.5 7.1 5.5 10.1 28.7 21.1 73 31.7 131.9 31.4z" fill="#543630" p-id="1141"></path><path d="M360 119.7c-21.7 0-41.4 12.8-50.3 32.7-31 69.4-84.3 221.3-84.3 289.7 0 152.2 120.5 238.2 286.6 238.2s286.6-86 286.6-238.2c0-69.3-53.3-220.2-84.3-289.7-8.9-19.8-28.5-32.7-50.3-32.7H360z" fill="#FFFFFF" p-id="1142"></path><path d="M512 690.2c-85.8 0-159.1-22.2-211.8-64.2-55.5-44.2-84.8-107.8-84.8-184 0-39.7 16.8-102 31-147.4 19-61 40.5-115.6 54.2-146.4 10.5-23.4 33.8-38.6 59.4-38.6h304c25.6 0 48.9 15.1 59.4 38.6 29.7 66.5 85.2 220.9 85.2 293.7 0 76.2-29.3 139.8-84.8 184-52.7 42.1-126 64.3-211.8 64.3zM360 129.7c-17.7 0-33.9 10.5-41.1 26.7-17 38-37.9 94.6-53.4 144.1-19.4 62.3-30.1 112.5-30.1 141.5 0 69.9 26.7 128.1 77.2 168.3 49.2 39.1 118.1 59.8 199.3 59.8s150.2-20.7 199.3-59.8c50.5-40.2 77.2-98.4 77.2-168.3 0-29.8-10.4-78.8-30.1-141.8-18.6-59.6-39.8-113.3-53.4-143.8-7.3-16.2-23.4-26.7-41.1-26.7H360z" fill="#543630" p-id="1143"></path><path d="M250.8 314.7c-14.6 49.3-25.3 96.7-25.3 127.3 0 152.2 120.5 238.2 286.6 238.2s286.6-86 286.6-238.2c0-31-10.7-78.3-25.2-127.3H250.8z" fill="#FFD527" p-id="1144"></path><path d="M512 690.2c-85.8 0-159.1-22.2-211.8-64.2-55.5-44.2-84.8-107.8-84.8-184 0-19.8 4.5-58.4 25.7-130.2 1.3-4.2 5.2-7.2 9.6-7.2h522.6c4.4 0 8.3 2.9 9.6 7.2 11.7 39.4 25.6 93.9 25.6 130.2 0 76.2-29.3 139.8-84.8 184-52.6 42-125.9 64.2-211.7 64.2zM258.3 324.7c-14.9 51.5-22.8 92-22.8 117.3 0 69.9 26.7 128.1 77.2 168.3 49.2 39.1 118.1 59.8 199.3 59.8s150.2-20.7 199.3-59.8c50.5-40.2 77.2-98.4 77.2-168.3 0-25.6-7.8-66.1-22.7-117.3H258.3z" fill="#543630" p-id="1145"></path><path d="M374 558.7c-3.1 0-6.3-1-9-3-33-24.6-50.3-60.8-50.2-104.5 0.1-32.1 9.7-57 10.2-58 3-7.7 11.7-11.5 19.4-8.5 7.7 3 11.5 11.7 8.5 19.4-0.1 0.3-8.2 21.6-8.1 48.2 0.1 33.9 12.9 60.6 38.1 79.4 6.6 5 8 14.4 3 21-2.8 3.9-7.3 6-11.9 6z" fill="#FFFFFF" p-id="1146"></path><path d="M768.3 324.4H254.6c-5.5 0-10-4.5-10-10s4.5-10 10-10h513.7c5.5 0 10 4.5 10 10s-4.5 10-10 10z" fill="#543630" p-id="1147"></path></svg>
--- a/templates/_macros.html
+++ b/templates/_macros.html
@ -0,0 +1,16 @@
+{% macro render_header() %}
+{% set section = get_section(path="_index.md") %}
+<a href="{{ section.permalink }}">
+    <div class="logo">
+        <img src="{{ get_url(path="juice.svg") }}" alt="logo">
+        Juice
+    </div>
+</a>
+
+<nav>
+    {% for page in section.pages %}
+    <a class="nav-item subtitle-text" href="{{ page.permalink }}">{{ page.title }}</a>
+    {% endfor %}
+    <a class="nav-item subtitle-text" href="https://github.com/huhu/juice">Github</a>
+</nav>
+{% endmacro render_header %}
--- a/templates/index.html
+++ b/templates/index.html
@ -0,0 +1,124 @@
+{% import "_macros.html" as macros %}
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>{% block title %}{{ config.title }}{% endblock title %}</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="theme-color" content="#F9BB2D">
+    {% block head %}
+    {% endblock head %}
+    <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ get_url(path="index.css") }}">
+</head>
+
+<body>
+    {% block header %}
+
+    <header class="pos-absolute" style="background-color: transparent" ;>
+        {{ macros::render_header() }}
+    </header>
+    {% block hero %}
+
+    <div class="hero">
+        <section style="padding:10px">
+            <h1 class="text-center heading-text">
+                Intuitive, elegant and lightweight Zola™ theme for product site.
+            </h1>
+            <h3 class="text" style="text-align: center;">
+                By Huhu.io.
+            </h3>
+        </section>
+        <img  src="{{ get_url(path="juice.svg") }}">
+
+        <div class="explore-more text"
+            onclick="document.getElementById('features').scrollIntoView({behavior: 'smooth'})">
+            Explore More ⇩
+        </div>
+    </div>
+    {% endblock hero %}
+
+    {% endblock header %}
+
+    <main>
+        {% block toc %}
+        <div class="toc">
+            <div class="toc-sticky">
+                {% if section.toc %}
+                {% set toc = section.toc %}
+                {% elif page.toc %}
+                {% set toc = page.toc %}
+                {% endif %}
+                {% if toc %}
+                {% for h in toc %}
+                <div class="toc-item">
+                    <a class="subtext" href="{{h.permalink | safe}}">{{ h.title }}</a>
+                </div>
+                {% if h.children %}
+                {% for h2 in h.children %}
+                <div class="toc-item-child">
+                    <a class="subtext" href="{{h2.permalink | safe}}"><small>- {{ h2.title }}</small></a>
+                </div>
+                {% endfor %}
+                {% endif %}
+                {% endfor %}
+                {% endif %}
+            </div>
+        </div>
+        {% endblock toc %}
+
+        <div class="content text">
+            {% block content %}
+            <div id="features" class="heading-text">Overview</div>
+            {{ section.content | safe }}
+            {% endblock content %}
+        </div>
+
+    </main>
+
+    {% block footer %}
+    <footer>
+        <small class="subtext">
+            <a href="https://huhu.io">Huhu.io</a> © 2020
+        </small>
+    </footer>
+    {% endblock footer %}
+</body>
+<script>
+    function highlightNav(heading) {
+        let pathname = location.pathname;
+        document.querySelectorAll(".toc a").forEach((item) => {
+            item.classList.remove("active")
+        });
+        document.querySelector(".toc a[href='" + pathname + "#" + heading + "']").classList.add("active");
+    }
+
+    let currentHeading = "";
+    window.onscroll = function () {
+        let h = document.querySelectorAll("h1,h2,h3,h4,h5,h6");
+        let elementArr = [];
+
+        h.forEach(item => {
+            if (item.id !== "") {
+                elementArr[item.id] = item.getBoundingClientRect().top;
+            }
+        });
+        elementArr.sort();
+        for (let key in elementArr) {
+            if (!elementArr.hasOwnProperty(key)) {
+                continue;
+            }
+            if (elementArr[key] > 0 && elementArr[key] < 300) {
+                if (currentHeading !== key) {
+                    highlightNav(key);
+                    currentHeading = key;
+                }
+                break;
+            }
+        }
+    }
+</script>
+
+</html>
--- a/templates/page.html
+++ b/templates/page.html
@ -0,0 +1,15 @@
+{% import "_macros.html" as macros %}
+{% extends "index.html" %}
+
+{% block title %}{{ page.title }} | {{ super() }} {% endblock title %}
+
+{% block header %}
+<header class="box-shadow">
+    {{ macros::render_header() }}
+</header>
+{% endblock header %}
+
+{% block content %}
+<div class="heading-text">{{ page.description }}</div>
+{{ page.content | safe }}
+{% endblock content %}