first commit

2022-06-02 16:23:38 +02:00 · 2022-06-02 16:23:38 +02:00 · 7ec55aa6dd
commit 7ec55aa6dd
87 changed files with 1660 additions and 0 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,3 @@
+# hugo
+resources
+public
--- a/.hugo_build.lock
+++ b/.hugo_build.lock
--- a/archetypes/default.md
+++ b/archetypes/default.md
@ -0,0 +1,6 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
--- a/archetypes/pages.md
+++ b/archetypes/pages.md
@ -0,0 +1,8 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+image: images/writer.jpeg
+menu:
+  main:
+    name: "About"
+---
--- a/archetypes/posts.md
+++ b/archetypes/posts.md
@ -0,0 +1,7 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+description: 'As soon as Winston had dealt with each of the messages, he clipped his speakwritten corrections to the appropriate copy of the Times and pushed them into the pneumatic tube. '
+image: images/cctv.jpeg
+draft: true
+---
--- a/config.toml
+++ b/config.toml
@ -0,0 +1,30 @@
+baseURL = "https://simon.constans.io"
+languageCode = "fr-fr"
+title = "Simon Constans"
+theme = "hugo-winston-theme"
+
+pygmentsCodeFences = true
+pygmentsCodefencesGuessSyntax = true
+pygmentsUseClasses = true
+paginate = 3
+
+[module]
+  [module.hugoVersion]
+    extended = true
+    min = "0.55.0"
+
+[params]
+  google_analytics_id = ""
+  twitter_handle = ""
+
+  showAuthorOnHomepage = true
+  showAuthorOnPosts = false
+  showPostsOnHomepage = false
+
+  addFrame = true
+  addDot = true
+
+  highlightColor = '#007a4b'
+
+[[deployment.targets]]
+URL = "s3://simon.constans.io?endpoint=http://roquette.resilien:3900&disableSSL=true&s3ForcePathStyle=true&region=garage"
--- a/content/_index.md
+++ b/content/_index.md
@ -0,0 +1,20 @@
+---
+title: La cohérence est nécessaire à l’éthique
+description: The hallway smelt of boiled cabbage and old rag mats.
+---
+
+Nous vivons une révolution sans précédente avec [le changement climatique](https://news.un.org/fr/news/topic/climate-change) et [l'extinction massive](https://fr.wikipedia.org/wiki/Extinction_massive). Nous devons faire des choix pour une société sobre et humble. Privilégions la coopération, l'intelligence collective, l'entraide et la mise en commun.
+
+## 💡 Projets
+
+Je m'engage dans des projets alternatifs permettant de tester le faire autrement, écologiquement et en collaboration 🧑‍🔧.
+
+{{< projects >}}
+
+En parallèle, je teste énormément de produit lowtech, j'imagine pouvoir un jour vous en parler sur un blog sur ce site.
+
+## 🤝 Services
+
+En utilisant des services qui respectent une logique écologique et/ou social forte, j'espère ainsi participer au minimum à l'exploitation d'humain ou de notre terre. Je ne recherche pas le prix le plus faible mais l'impact le moins élevé 😇.
+
+{{< services >}}
--- a/data/author.json
+++ b/data/author.json
@ -0,0 +1,5 @@
+{
+  "name": "kosssi",
+  "title": "🌱 Permaculteur, fan des lowtech, informaticien",
+  "image": "images/simon.png"
+}
--- a/data/projects.json
+++ b/data/projects.json
@ -0,0 +1,28 @@
+{
+    "links": [
+      {
+        "name": "Les Toits du Val",
+        "description": "une centrale électrique citoyenne",
+        "url": "https://lestoitsduval.fr/",
+        "image": "images/projects/lestoitsduval.png"
+      },
+      {
+        "name": "Weko",
+        "description": "pour un numérique responsable de proximité",
+        "url": "https://weko.io/",
+        "image": "images/projects/weko.svg"
+      },
+      {
+        "name": "RésiLien",
+        "description": "un hébergeur de services numériques alternatives",
+        "url": "https://resilien.fr/",
+        "image": "images/projects/resilien.svg"
+      },
+      {
+        "name": "P4pillon",
+        "description": "construisons l’avenir du système de santé",
+        "url": "https://www.p4pillon.org/",
+        "image": "images/projects/p4pillon.png"
+      }
+    ]
+  }
--- a/data/services.json
+++ b/data/services.json
@ -0,0 +1,40 @@
+{
+  "links": [
+    {
+      "name": "Crédit Coopératif",
+      "description": "banque engagée pour un monde plus durable et plus solidaire",
+      "url": "https://www.credit-cooperatif.coop/",
+      "image": "images/social/creditcoop.webp"
+    },
+    {
+      "name": "Enercoop",
+      "description": "l’énergie militante",
+      "url": "https://www.enercoop.fr/",
+      "image": "images/social/enercoop.png"
+    },
+    {
+      "name": "Illyse",
+      "description": "pour un Internet neutre, transparent et militant",
+      "url": "https://www.illyse.net/",
+      "image": "images/social/illyse.png"
+    },
+    {
+      "name": "TeleCoop",
+      "description": "opérateur télécom coopératif engagé dans la transition écologique et solidaire",
+      "url": "https://telecoop.fr/",
+      "image": "images/social/telecoop.png"
+    },
+    {
+      "name": "Commown",
+      "description": "la coopérative de l’électronique sobre et engagée",
+      "url": "https://commown.coop/",
+      "image": "images/social/commown.png"
+    },
+    {
+      "name": "MAIF",
+      "description": "assureur responsable",
+      "url": "https://www.maif.fr/",
+      "image": "images/social/maif.png"
+    }
+  ]
+}
--- a/data/social.json
+++ b/data/social.json
@ -0,0 +1,2 @@
+{
+}
--- a/layouts/partials/list.html
+++ b/layouts/partials/list.html
@ -0,0 +1,13 @@
+{{ if .links }}
+<ul class="list">
+  {{ range .links }}
+  <li>
+    <span class="social-icon social-icon-{{ .name | urlize }}">
+        <a href="{{ .url }}" target="_blank" rel="noopener">
+          <img src="{{ .image | relURL }}" width="32" height="32" alt="Logo {{ .name }}"/>  {{ .name -}}
+        </a>, {{ .description }}
+      </span>
+  </li>
+  {{ end }}
+</ul>
+{{ end }}
--- a/layouts/shortcodes/projects.html
+++ b/layouts/shortcodes/projects.html
@ -0,0 +1 @@
+{{ partial "list" .Site.Data.projects }}
--- a/layouts/shortcodes/services.html
+++ b/layouts/shortcodes/services.html
@ -0,0 +1 @@
+{{ partial "list" .Site.Data.services }}
--- a/static/favicon.png
+++ b/static/favicon.png
--- a/static/images/cctv.jpeg
+++ b/static/images/cctv.jpeg
--- a/static/images/cctv2.jpeg
+++ b/static/images/cctv2.jpeg
--- a/static/images/projects/lestoitsduval.png
+++ b/static/images/projects/lestoitsduval.png
--- a/static/images/projects/p4pillon.png
+++ b/static/images/projects/p4pillon.png
--- a/static/images/projects/resilien.svg
+++ b/static/images/projects/resilien.svg
@ -0,0 +1 @@
+<svg version="1.1" id="Calque_2" x="0" y="0" xml:space="preserve" width="100" height="100" xmlns="http://www.w3.org/2000/svg"><style type="text/css" id="style2">.st1{fill:#f9bc60}</style><g id="layer4" display="inline"><circle id="path1731" cy="50" cx="50" fill="#0f3433" fill-opacity="1" fill-rule="evenodd" stroke="none" stroke-width="1.035" stroke-linecap="round" stroke-linejoin="round" stroke-dashoffset="2.721" r="49.482"/></g><g id="g2890" display="inline"><path class="st1" d="M39.203 34.884c2.248 1.124 4.495 2.248 6.743 2.81 2.81.561 5.058 1.123 7.868 1.123 3.934 0 6.743-.562 8.991-2.247 2.248-1.686 3.372-4.496 3.372-8.43 0-2.248-.562-3.934-1.686-5.62-1.124-1.685-2.81-3.371-5.058-5.057-2.247-1.686-4.495-2.81-6.743-3.372-2.248-.562-4.496-1.124-6.744-1.124-2.81 0-4.495 0-7.305 1.686-3.372 2.248-4.496 3.934-5.058 5.62-.562 2.247-1.124 4.495-1.124 6.743 0 1.124.562 2.248 1.686 3.372 1.686 2.248 2.81 3.372 5.058 4.496z" id="path2888" fill="#f9bc60" fill-opacity="1" stroke-width="5.62"/></g><g id="layer3" display="inline"><path class="st1" d="M32.65 236.506c-1.106-1.662-2.214-3.876-2.214-6.091 0-7.198.554-23.809.554-33.775.554-12.181 1.66-26.023 2.768-41.526 3.322-37.097 4.43-36.544 4.43-53.154 0-5.537 0-11.074-.554-16.61 0-4.43-.554-8.86-.554-12.736 0-1.66.554-3.322 2.215-4.43 2.215-1.66 4.983-2.214 8.305-2.214 8.306 0 13.289 3.322 14.95 9.413 0 2.215.554 12.18.554 14.95 0 8.858 0 18.825-.554 29.345-.554 6.644-3.322 39.311-3.876 51.493-.553 12.18-.553 22.7-.553 31.56v13.288c0 1.108 1.107 2.215 2.214 2.215 9.413-1.661 35.99-9.413 38.758-9.966 2.769-.554 4.984-.554 6.09-.554 4.43 0 7.752 1.66 9.414 5.537 1.107 2.768 1.66 3.876 2.214 6.09.554 2.215.554 4.983-2.214 6.09l-25.47 9.413c-11.627 4.984-43.188 13.289-44.849 13.289-3.322 0-6.09-2.215-8.859-6.09z" id="path14" display="inline" fill="#f9bc60" fill-opacity="1" stroke-width="5.537"/></g><script xmlns=""/></svg>
--- a/static/images/projects/weko.svg
+++ b/static/images/projects/weko.svg
@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><path d="M28.2 31c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.6.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.5.2-4.9 1.6C.8 9.4.5 11.3.9 13.2c.6 2.9 1.7 5.8 2.6 8.6C5.2 26.9 6.9 32 8.6 37.2 12.2 48.1 16 59 19.7 69.8c.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.1-.5-.3-.9-.4-1.4 0-.1-.1-.3-.1-.4-.1-.3.1.4.1.4 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.6 18.3-.8 15.1-.7 30.3-1.4 45.4-2 1.7-.1 3.4-.1 5.1-.2-1.1-1.4-2.2-2.8-3.3-4.3-2.3 5.6-4.5 11.3-6.7 17-3.5 9-6.9 18.1-10.4 27.1l-2.4 6.3c2.1-.3 4.1-.5 6.2-.8-3.6-8.4-7.1-16.8-10.7-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5c-3.1-8.9-6.3-17.8-9.3-26.8-.6-1.7-2.3-2.9-4.2-2.4-1.5.5-2.7 2.5-2.2 4.2z" fill="#00ebc7"/><script xmlns=""/></svg>
--- a/static/images/simon.png
+++ b/static/images/simon.png
--- a/static/images/social/commown.png
+++ b/static/images/social/commown.png
--- a/static/images/social/creditcoop.webp
+++ b/static/images/social/creditcoop.webp
--- a/static/images/social/enercoop.png
+++ b/static/images/social/enercoop.png
--- a/static/images/social/github.svg
+++ b/static/images/social/github.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
--- a/static/images/social/illyse.png
+++ b/static/images/social/illyse.png
--- a/static/images/social/linkedin.svg
+++ b/static/images/social/linkedin.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
--- a/static/images/social/maif.png
+++ b/static/images/social/maif.png
--- a/static/images/social/telecoop.png
+++ b/static/images/social/telecoop.png
--- a/static/images/social/twitter.svg
+++ b/static/images/social/twitter.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
--- a/static/images/writer.jpeg
+++ b/static/images/writer.jpeg
--- a/themes/hugo-winston-theme/.gitignore
+++ b/themes/hugo-winston-theme/.gitignore
@ -0,0 +1,5 @@
+.DS_Store
+node_modules
+.idea
+resources
+public
--- a/themes/hugo-winston-theme/LICENSE
+++ b/themes/hugo-winston-theme/LICENSE
@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) Robert Austin - rob@zerostatic.io - github.com/zerostaticthemes
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/themes/hugo-winston-theme/README.md
+++ b/themes/hugo-winston-theme/README.md
@ -0,0 +1,139 @@
+# Hugo Winston Theme
+
+Hugo Winston is a bold minimal blogging theme.
+
+[Live Demo](https://hugo-winston.netlify.app/) |
+[Zerostatic Themes](https://www.zerostatic.io/)
+
+<a href="https://www.buymeacoffee.com/zerostatic" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" style="height: 60px !important;width: 217px !important;" ></a>
+
+![Hugo Winston Theme screenshot](https://www.zerostatic.io/theme/hugo-winston/hugo-winston-screenshot.png)
+
+## Theme features
+
+- Posts (Markdown)
+- Basic Page (Markdown)
+- SCSS (Hugo Pipelines)
+- Responsive design
+- 100/100 Google Lighthouse speed score
+- 100/100 Google Lighthouse SEO score
+- 100/100 Google Lighthouse accessibility score
+- Google analytics configured in `config.toml`
+- Configure GID using env variable HUGO_GOOGLE_ANALYTICS_ID, compatible with Netlify.
+- Title, meta description and meta tags automatically generated for every page
+- OG Meta data for Facebook and Twitter
+- Semantic HTML document structure
+
+# Installation
+### Install Hugo
+
+To use this theme you will need to have Hugo installed. If you don't already have Hugo installed please follow the official [installation guide](https://gohugo.io/getting-started/installing/)
+
+### Check Hugo version (Hugo 0.51+ Extended is required)
+
+This theme uses [Hugo Pipes](https://gohugo.io/hugo-pipes/scss-sass/) to compile SCSS and minify assets. Please make sure you have the **Hugo Extended** version installed. If you are not using the extended version this theme will not not compile.
+
+To check your version of Hugo, run:
+
+```
+hugo version
+```
+
+This will output the currently installed version of Hugo. Make sure you see `/extended` after the version number, for example `Hugo Static Site Generator v0.51/extended darwin/amd64 BuildDate: unknown` You do not need to use version v0.51 specifically, you can use any version of Hugo above 0.51. It just needs to have the `/extended` part
+
+### Create a new Hugo site
+
+```
+hugo new site mynewsite
+```
+
+This will create a fresh Hugo site in the folder `mynewsite`.
+
+### Install theme with Git
+
+Clone this repo into the themes folder
+```
+cd mynewsite
+git clone https://github.com/zerostaticthemes/hugo-winston-theme.git themes/hugo-winston-theme
+```
+
+### Copy example content
+
+Copy the entire contents of the `mynewsite/themes/hugo-winston-theme/exampleSite/` folder to root folder of your Hugo site, ie `mynewsite/`
+
+To copy the files using terminal, make sure you are still in the projects root, ie the `mynewsite` folder.
+
+```
+cp -a themes/hugo-winston-theme/exampleSite/. .
+```
+
+### Update config.toml
+
+After you copy the `config.toml` into the root folder of your Hugo site you will need to update the `baseURL`, `themesDir` and `theme` values in `mynewsite/config.toml`
+
+```
+baseURL = "/"
+themesDir = "themes"
+theme = "hugo-winston-theme"
+```
+
+### Run Hugo
+
+After installing the theme for the first time, generate the Hugo site.
+
+You run this command from the root folder of your Hugo site ie `mynewsite/`
+
+```
+hugo
+```
+
+For local development run Hugo's built-in local server.
+
+```
+hugo server
+```
+
+Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.
+
+# Configuration
+
+### Config options
+
+```
+// config.toml
+[params]
+  google_analytics_id = ""
+  twitter_handle = "@zerostaticio"
+  showAuthorOnHomepage = true
+  showAuthorOnPosts = false
+  showPostsOnHomepage = false
+  addFrame = true
+  addDot = true
+```
+
+### Google Analytics
+
+Add you google analytics ID to the `config.toml`
+
+```
+// config.toml
+[params]
+  google_analytics_id="UA-132398315-1"
+```
+
+# Deploying to Netlify
+
+This theme includes a `netlify.toml` which is configured to deploy to Netlify from the `exampleSite` folder. See this discussion on how to deploy your site on Netlify from the `exampleSite` folder - https://discourse.gohugo.io/t/deploy-your-theme-to-netlify/15508
+
+Most likely if you are deploying to Netlify and created a new Hugo site or added this theme to an existing Hugo site then you are not deploying from the `exampleSite` directory and you can delete the `netlify.toml` file.
+
+### Other Hugo Themes by Zerostatic
+
+- [Hugo Whisper](https://github.com/zerostaticthemes/hugo-whisper-theme)
+- [Hugo Serif](https://github.com/zerostaticthemes/hugo-serif-theme)
+- [Hugo Winston](https://github.com/zerostaticthemes/hugo-winston-theme)
+- [Hugo Advance](https://www.zerostatic.io/theme/hugo-advance/)
+- [Hugo Paradigm](https://www.zerostatic.io/theme/hugo-paradigm/)
+
+
+🇦🇺 **Made in Australia** by Robert Austin - leave a star mate!
--- a/themes/hugo-winston-theme/archetypes/default.md
+++ b/themes/hugo-winston-theme/archetypes/default.md
@ -0,0 +1,2 @@
+++
+++
--- a/themes/hugo-winston-theme/assets/js/scripts.js
+++ b/themes/hugo-winston-theme/assets/js/scripts.js
@ -0,0 +1,12 @@
+var body = document.querySelector('body');
+var menuTrigger = document.querySelector('#toggle-menu-main-mobile');
+var menuContainer = document.querySelector('#menu-main-mobile');
+var hamburgerIcon = document.querySelector('.hamburger');
+
+if (menuTrigger !== null) {
+  menuTrigger.addEventListener('click', function(e) {
+    menuContainer.classList.toggle('open');
+    hamburgerIcon.classList.toggle('is-active');
+    body.classList.toggle('lock-scroll');
+  });
+}
--- a/themes/hugo-winston-theme/assets/scss/_author.scss
+++ b/themes/hugo-winston-theme/assets/scss/_author.scss
@ -0,0 +1,40 @@
+.author {
+  margin-top: 30px;
+  margin-bottom: 30px;
+  color: var(--heading-color);
+  img {
+    width: 30px;
+    height: 30px;
+    border-radius: 50%;
+    display: inline-block;
+    vertical-align: middle;
+    border: 2px solid var(--heading-color);
+  }
+  .author-name {
+    display: inline-block;
+    vertical-align: middle;
+    font-weight: bold;
+    margin-left: 5px;
+  }
+  .author-date {
+    display: inline-block;
+    vertical-align: middle;
+  }
+}
+.author-large {
+  font-size: 20px;
+  img {
+    width: 50px;
+    height: 50px;
+  }
+  .author-name {
+    display: inline-block;
+    vertical-align: middle;
+    font-weight: bold;
+    margin-left: 5px;
+  }
+  .author-title {
+    display: inline-block;
+    vertical-align: middle;
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_breakpoints.scss
+++ b/themes/hugo-winston-theme/assets/scss/_breakpoints.scss
@ -0,0 +1,14 @@
+@mixin breakpoint($breakpoint) {
+  // If the key exists in the map
+  @if map-has-key($breakpoints, $breakpoint) {
+    // Prints a media query based on the value
+    @media (min-width: map-get($breakpoints, $breakpoint)) {
+      @content;
+    }
+  }
+  // If the key doesn't exist in the map
+  @else {
+    @warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
+        + "Available breakpoints are: #{map-keys($breakpoints)}.";
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_content.scss
+++ b/themes/hugo-winston-theme/assets/scss/_content.scss
@ -0,0 +1,157 @@
+a {
+  color: var(--highlight-color);
+  text-decoration: none;
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+h1,
+h2,
+h3 {
+  margin-top: 20px;
+  margin-bottom: 20px;
+  color: var(--heading-color);
+  font-family: var(--font-family-heading);
+}
+p {
+  color: var(--text-color);
+  font-family: var(--font-family-paragraph);
+  font-size: 18px;
+  line-height: 24px;
+}
+
+ol,
+ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  li {
+    list-style: none;
+  }
+}
+
+.content {
+  font-size: 18px;
+  p {
+    font-size: 18px;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    margin-bottom: 20px;
+  }
+  h1 {
+    font-size: 40px;
+    line-height: 1.6;
+    font-weight: bold;
+    margin-top: 30px;
+    margin-bottom: 20px;
+    &:first-of-type {
+      margin-top: 0;
+    }
+  }
+  h2 {
+    font-size: 28px;
+    line-height: 1.4;
+    font-weight: bold;
+    margin-top: 30px;
+    margin-bottom: 20px;
+    &:first-of-type {
+      margin-top: 0;
+    }
+    @include breakpoint('small') {
+      font-size: 30px;
+      line-height: 1.4;
+    }
+  }
+  h3 {
+    font-size: 22px;
+    line-height: 1.4;
+    font-weight: bold;
+    margin-top: 30px;
+    margin-bottom: 20px;
+  }
+  ul,
+  ol {
+    margin-left: 0;
+    margin-top: 10px;
+    margin-bottom: 20px;
+    list-style: disc;
+    li {
+      font-size: 18px;
+      line-height: 20px;
+      margin-bottom: 10px;
+      margin-left: 0;
+      @include breakpoint('small') {
+        margin-left: 20px;
+      }
+    }
+    @include breakpoint('small') {
+      margin-left: 20px;
+    }
+  }
+  a {
+    text-decoration: underline;
+    &:hover {
+    }
+  }
+  blockquote {
+    border-left: 5px solid var(--highlight-color);
+    margin: 30px 0;
+    padding: 20px;
+  }
+  blockquote p {
+    font-size: 20px;
+    display: inline;
+    color: var(--color-base-text);
+  }
+  img {
+    margin: 40px 0 40px 0;
+    max-width: 100%;
+    height: auto;
+  }
+  figure {
+    margin: 2.6rem 0 1.18rem;
+    img {
+      margin: 0;
+    }
+    figcaption {
+      margin-top: 10px;
+      h4 {
+        margin: 0;
+        font-size: 1rem;
+        font-weight: bold;
+      }
+      p {
+        margin: 0;
+      }
+    }
+  }
+  code,
+  pre {
+    font-family: var(--font-family-monospace);
+  }
+  .highlight {
+    pre {
+      border-radius: 3px;
+      font-size: 14px;
+      line-height: 18px;
+      padding: 30px;
+      overflow: auto;
+      font-family: var(--font-family-monospace);
+    }
+  }
+}
+
+.dot {
+  color: var(--highlight-color);
+}
+
+.footnotes {
+  ol {
+    list-style: decimal;
+    li {
+      list-style: decimal;
+    }
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_footer.scss
+++ b/themes/hugo-winston-theme/assets/scss/_footer.scss
@ -0,0 +1,20 @@
+.footer {
+    margin-top: 30px;
+    @include breakpoint('small') {
+      padding-top: 40px;
+    }
+  }
+  
+  .social-icon {
+    margin-right: 10px;
+    a {
+      text-decoration: none;
+      &:hover {
+        text-decoration: none;
+        img {
+          opacity: 0.7;
+        }
+      }
+    }
+  }
+  
--- a/themes/hugo-winston-theme/assets/scss/_header.scss
+++ b/themes/hugo-winston-theme/assets/scss/_header.scss
@ -0,0 +1,72 @@
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 30px;
+  font-size: 16px;
+  @include breakpoint('small') {
+    padding-bottom: 5px;
+    margin-bottom: 40px;
+  }
+  a.header-logo {
+    font-weight: bold;
+    text-transform: uppercase;
+    margin-right: 30px;
+  }
+}
+
+
+.hamburger-trigger {
+  height: 30px;
+  display: flex;
+  align-items: center;
+  @include breakpoint('medium') {
+    display: none;
+  }
+}
+
+.hamburger {
+  border: none;
+  cursor: pointer;
+  outline: none;
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 20px;
+  background: transparent;
+  border-top: 2px solid;
+  border-bottom: 2px solid;
+  font-size: 0;
+  transition: all 0.25s ease-in-out;
+  color: var(--highlight-color);
+  &:before,
+  &:after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background: currentColor;
+    transform: translate(-50%, -50%);
+    transition: transform 0.25s ease-in-out;
+  }
+  &:hover {
+    opacity: 0.7;
+  }
+  &.is-active {
+    border-color: transparent;
+    z-index: 100;
+    color: var(--base-color);
+    &:hover {
+      opacity: 1;
+    }
+    &:before {
+      transform: translate(-50%, -50%) rotate(45deg);
+    }
+    &:after {
+      transform: translate(-50%, -50%) rotate(-45deg);
+    }
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_intro.scss
+++ b/themes/hugo-winston-theme/assets/scss/_intro.scss
@ -0,0 +1,57 @@
+.intro {
+  margin-bottom: 60px;
+  h1 {
+    font-size: 48px;
+    line-height: 56px;
+    margin-top: 0;
+    margin-bottom: 30px;
+    @include breakpoint('small') {
+      width: 80%;
+      font-size: 88px;
+      line-height: 94px;
+      margin-bottom: 50px;
+    }
+    strong {
+      color: var(--highlight-color);
+    }
+  }
+  h2 {
+    font-size: 50px;
+    line-height: 56px;
+    @include breakpoint('small') {
+      width: 80%;
+    }
+  }
+  p {
+    font-size: 20px;
+    line-height: 26px;
+    @include breakpoint('small') {
+      width: 80%;
+      font-size: 22px;
+      line-height: 32px;
+    }
+  }
+  .read-more {
+    font-size: 20px;
+    line-height: 26px;
+    font-weight: bold;
+    @include breakpoint('small') {
+      font-size: 22px;
+      line-height: 32px;
+    }
+  }
+  img {
+    max-width: 100%;
+  }
+  // img {
+  //   margin-right: -30px;
+  //   width: 100vw;
+  //   vertical-align: bottom;
+  //   @include breakpoint('small') {
+  //     margin-left: -100px;
+  //     margin-right: -100px;
+  //     margin-bottom: 50px;
+  //     width: auto;
+  //   }
+  // }
+}
--- a/themes/hugo-winston-theme/assets/scss/_main-menu-mobile.scss
+++ b/themes/hugo-winston-theme/assets/scss/_main-menu-mobile.scss
@ -0,0 +1,137 @@
+.menu-main-mobile {
+  position: fixed;
+  background: var(--highlight-color);
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100vh;
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
+  overflow: hidden;
+  display: none;
+  justify-content: center;
+  flex-direction: column;
+  &.open {
+    opacity: 1;
+    visibility: visible;
+    height: 100%;
+    z-index: 10;
+    display: flex;
+    li {
+      animation: fadeInTop 0.5s ease forwards;
+      animation-delay: 0.1s;
+      &:nth-of-type(2) {
+        animation-delay: 0.15s;
+      }
+      &:nth-of-type(3) {
+        animation-delay: 0.20s;
+      }
+      &:nth-of-type(4) {
+        animation-delay: 0.25s;
+      }
+      &:nth-of-type(5) {
+        animation-delay: 0.30s;
+      }
+      &:nth-of-type(6) {
+        animation-delay: 0.35s;
+      }
+    }
+  }
+  ul {
+    font-size: 2rem;
+    font-family: var(--font-family-heading);
+    text-align: center;
+    list-style: none;
+    margin: 0;
+    flex: 0;
+    li {
+      display: block;
+      position: relative;
+      opacity: 0;
+      a {
+        display: block;
+        position: relative;
+        color: var(--base-color);
+        text-decoration: none;
+        &:hover {
+          opacity: 0.7;
+        }
+      }
+      ul.sub-menu {
+        font-size: 1.2rem;
+        li {
+          a {
+
+          }
+        }
+      }
+    }
+  }
+}
+
+.hamburger-trigger {
+  height: 30px;
+  display: flex;
+  align-items: center;
+  @include breakpoint('medium') {
+    display: none;
+  }
+}
+
+.hamburger {
+  border: none;
+  cursor: pointer;
+  outline: none;
+  position: relative;
+  display: block;
+  width: 30px;
+  height: 20px;
+  background: transparent;
+  border-top: 2px solid;
+  border-bottom: 2px solid;
+  font-size: 0;
+  transition: all 0.25s ease-in-out;
+  color: var(--highlight-color);
+  &:before,
+  &:after {
+    content: '';
+    display: block;
+    width: 100%;
+    height: 2px;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    background: currentColor;
+    transform: translate(-50%, -50%);
+    transition: transform 0.25s ease-in-out;
+  }
+  &:hover {
+    opacity: 0.7;
+  }
+  &.is-active {
+    border-color: transparent;
+    z-index: 100;
+    color: var(--base-color);
+    &:hover {
+      opacity: 1;
+    }
+    &:before {
+      transform: translate(-50%, -50%) rotate(45deg);
+    }
+    &:after {
+      transform: translate(-50%, -50%) rotate(-45deg);
+    }
+  }
+}
+
+@keyframes fadeInTop {
+  0% {
+    opacity: 0;
+    top: 20%;
+  }
+  100% {
+    opacity: 1;
+    top: 0;
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_main-menu.scss
+++ b/themes/hugo-winston-theme/assets/scss/_main-menu.scss
@ -0,0 +1,32 @@
+
+.menu-main {
+  display: none;
+  flex: 0;
+  @include breakpoint('medium') {
+    display: block;
+  }
+  > ul {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    > li {
+      margin-right: 10px;
+      > a {
+        display: inline-block;
+        text-decoration: none;
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+      &.active {
+        > a {
+          display: inline-block;
+          font-weight: bold;
+        }
+      }
+      &:last-of-type {
+        margin-right: 0;
+      }
+    }
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_normalize.scss
+++ b/themes/hugo-winston-theme/assets/scss/_normalize.scss
@ -0,0 +1,18 @@
+body, html {
+  margin: 0;
+  padding: 0;
+}
+
+ol,ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  li {
+    list-style: none;
+  }
+}
+
+h1, h2, h3 {
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
--- a/themes/hugo-winston-theme/assets/scss/_pagination.scss
+++ b/themes/hugo-winston-theme/assets/scss/_pagination.scss
@ -0,0 +1,25 @@
+ul.pagination {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  li {
+    display: inline-block;
+    a {
+      display: inline-block;
+      text-decoration: none;
+      padding: 5px 8px;
+      border: 2px solid var(--heading-color);
+      border-right: none;
+    }
+    &.active {
+      a {
+      }
+    }
+    &:last-of-type {
+      a {
+        border-right: 2px solid var(--heading-color);
+      }
+    }
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/_summary.scss
+++ b/themes/hugo-winston-theme/assets/scss/_summary.scss
@ -0,0 +1,28 @@
+.summary {
+  margin-bottom: 50px;
+  font-size: 18px;
+  line-height: 24px;
+  @include breakpoint('small') {
+    margin-bottom: 80px;
+    font-size: 18px;
+    line-height: 26px;
+  }
+  .summary-date {
+    font-weight: bold;
+    color: var(--heading-color);
+  }
+  .summary-title {
+    margin: 16px 0 16px 0;
+    width: 80%;
+    font-size: 34px;
+    line-height: 38px;
+    @include breakpoint('small') {
+      width: 80%;
+      font-size: 52px;
+      line-height: 58px;
+    }
+  }
+  .summary-description {
+    width: 80%;
+  }
+}
--- a/themes/hugo-winston-theme/assets/scss/pygments/github.scss
+++ b/themes/hugo-winston-theme/assets/scss/pygments/github.scss
@ -0,0 +1,62 @@
+.highlight  { background: #f5f5f5;  }
+.highlight .hll { background-color: #ffffcc }
+.highlight .c { color: #999988; font-style: italic } /* Comment */
+.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
+.highlight .k { color: #000000; font-weight: bold } /* Keyword */
+.highlight .o { color: #000000; font-weight: bold } /* Operator */
+.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */
+.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */
+.highlight .ge { color: #000000; font-style: italic } /* Generic.Emph */
+.highlight .gr { color: #aa0000 } /* Generic.Error */
+.highlight .gh { color: #999999 } /* Generic.Heading */
+.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */
+.highlight .go { color: #888888 } /* Generic.Output */
+.highlight .gp { color: #555555 } /* Generic.Prompt */
+.highlight .gs { font-weight: bold } /* Generic.Strong */
+.highlight .gu { color: #aaaaaa } /* Generic.Subheading */
+.highlight .gt { color: #aa0000 } /* Generic.Traceback */
+.highlight .kc { color: #000000; font-weight: bold } /* Keyword.Constant */
+.highlight .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */
+.highlight .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */
+.highlight .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */
+.highlight .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */
+.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */
+.highlight .m { color: #009999 } /* Literal.Number */
+.highlight .s { color: #d01040 } /* Literal.String */
+.highlight .na { color: #008080 } /* Name.Attribute */
+.highlight .nb { color: #0086B3 } /* Name.Builtin */
+.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */
+.highlight .no { color: #008080 } /* Name.Constant */
+.highlight .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */
+.highlight .ni { color: #800080 } /* Name.Entity */
+.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */
+.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */
+.highlight .nl { color: #990000; font-weight: bold } /* Name.Label */
+.highlight .nn { color: #555555 } /* Name.Namespace */
+.highlight .nt { color: #000080 } /* Name.Tag */
+.highlight .nv { color: #008080 } /* Name.Variable */
+.highlight .ow { color: #000000; font-weight: bold } /* Operator.Word */
+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
+.highlight .mf { color: #009999 } /* Literal.Number.Float */
+.highlight .mh { color: #009999 } /* Literal.Number.Hex */
+.highlight .mi { color: #009999 } /* Literal.Number.Integer */
+.highlight .mo { color: #009999 } /* Literal.Number.Oct */
+.highlight .sb { color: #d01040 } /* Literal.String.Backtick */
+.highlight .sc { color: #d01040 } /* Literal.String.Char */
+.highlight .sd { color: #d01040 } /* Literal.String.Doc */
+.highlight .s2 { color: #d01040 } /* Literal.String.Double */
+.highlight .se { color: #d01040 } /* Literal.String.Escape */
+.highlight .sh { color: #d01040 } /* Literal.String.Heredoc */
+.highlight .si { color: #d01040 } /* Literal.String.Interpol */
+.highlight .sx { color: #d01040 } /* Literal.String.Other */
+.highlight .sr { color: #009926 } /* Literal.String.Regex */
+.highlight .s1 { color: #d01040 } /* Literal.String.Single */
+.highlight .ss { color: #990073 } /* Literal.String.Symbol */
+.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #008080 } /* Name.Variable.Class */
+.highlight .vg { color: #008080 } /* Name.Variable.Global */
+.highlight .vi { color: #008080 } /* Name.Variable.Instance */
+.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */
--- a/themes/hugo-winston-theme/assets/scss/style.scss
+++ b/themes/hugo-winston-theme/assets/scss/style.scss
@ -0,0 +1,63 @@
+:root {
+  --font-family-heading: 'Poppins', sans-serif;
+  --font-family-paragraph: Helvetica, sans-serif;
+  --font-family-mono: monospace;
+  --base-color: #ffffff;
+  --base-offset-color: #eaeaea;
+  --highlight-color: {{ .Site.Params.highlightColor | default "#7b16ff" }};
+  --heading-color: #1c1b1d;
+  --text-color: #4e5157;
+}
+
+$breakpoints: (
+  'small': 767px,
+  'medium': 992px,
+  'large': 1200px,
+);
+
+@import 'normalize';
+@import 'breakpoints';
+@import 'header';
+@import 'footer';
+@import 'content';
+@import 'intro';
+@import 'summary';
+@import 'author';
+@import 'pagination';
+@import 'main-menu';
+@import 'main-menu-mobile';
+@import 'pygments/github';
+
+html, body {
+  box-sizing: border-box;
+}
+
+body {
+  background: var(--base-color);
+  font-family: var(--font-family-paragraph);
+  color: var(--text-color);
+  margin: 0;
+  padding: 20px;
+  overflow-x: hidden;
+  @include breakpoint('small') {
+    padding: 50px;
+  }
+  &.frame {
+    min-height: 100vh;
+    border: 18px solid var(--highlight-color);
+  }
+}
+
+.wrapper {
+  max-width: 1000px;
+  margin: 0 auto;
+}
+
+.list {
+  margin-left: 1rem;
+  list-style: inherit;
+  li {
+    padding-left: .5rem;
+    list-style: inherit;
+  }
+}
--- a/themes/hugo-winston-theme/exampleSite/.hugo_build.lock
+++ b/themes/hugo-winston-theme/exampleSite/.hugo_build.lock
--- a/themes/hugo-winston-theme/exampleSite/archetypes/default.md
+++ b/themes/hugo-winston-theme/exampleSite/archetypes/default.md
@ -0,0 +1,6 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
--- a/themes/hugo-winston-theme/exampleSite/archetypes/pages.md
+++ b/themes/hugo-winston-theme/exampleSite/archetypes/pages.md
@ -0,0 +1,8 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+image: images/writer.jpeg
+menu:
+  main:
+    name: "About"
+---
--- a/themes/hugo-winston-theme/exampleSite/archetypes/posts.md
+++ b/themes/hugo-winston-theme/exampleSite/archetypes/posts.md
@ -0,0 +1,7 @@
+---
+title: "{{ replace .TranslationBaseName "-" " " | title }}"
+date: {{ .Date }}
+description: 'As soon as Winston had dealt with each of the messages, he clipped his speakwritten corrections to the appropriate copy of the Times and pushed them into the pneumatic tube. '
+image: images/cctv.jpeg
+draft: true
+---
--- a/themes/hugo-winston-theme/exampleSite/config.toml
+++ b/themes/hugo-winston-theme/exampleSite/config.toml
@ -0,0 +1,28 @@
+baseURL = "https://example.com"
+languageCode = "en-us"
+title = "Hugo Winston"
+themesDir = "../.."
+theme = "hugo-winston-theme"
+
+pygmentsCodeFences = true
+pygmentsCodefencesGuessSyntax = true
+pygmentsUseClasses = true
+paginate = 3
+
+[module]
+  [module.hugoVersion]
+    extended = true
+    min = "0.55.0"
+
+[params]
+  google_analytics_id = ""
+  twitter_handle = "@zerostaticio"
+
+  showAuthorOnHomepage = true
+  showAuthorOnPosts = false
+  showPostsOnHomepage = false
+
+  addFrame = true
+  addDot = true
+
+  highlightColor = '#7b16ff'
--- a/themes/hugo-winston-theme/exampleSite/content/_index.md
+++ b/themes/hugo-winston-theme/exampleSite/content/_index.md
@ -0,0 +1,6 @@
+---
+title: You don't start out writing good stuff
+description: The hallway smelt of boiled cabbage and old rag mats.
+---
+
+The hallway smelt of boiled cabbage and old rag mats. At one end of it a coloured poster, too large for indoor display, had been tacked to the wall. It depicted simply an enormous face, more than a metre wide: the face of a man of about forty-five, with a heavy black moustache and ruggedly handsome features. Winston made for the stairs. It was no use trying the lift. 
--- a/themes/hugo-winston-theme/exampleSite/content/pages/about.md
+++ b/themes/hugo-winston-theme/exampleSite/content/pages/about.md
@ -0,0 +1,49 @@
+---
+title: 'About'
+image: images/writer.jpeg
+menu:
+  main:
+    name: "About"
+---
+
+## Contra vagos
+
+Lorem _markdownum notam si_ lintea meque certa [en meumque
+illis](#cohibentem-iuvenaliter), diu fatigant, nec praedae concustodita arcet.
+[Paviunt castris](#nemorisque-urimur-violentus) cur errat ventis causa! Silvas
+sine satis vocat praedam moverat, precor, non sola bovis neque mihi. Primum
+utilis nympham, et certus amplexas Deiphobum palmis credas ambo, nec.
+
+> Excidit gente, si orat suo quaeque dura Calydon nata? Pars auro post stetit
+> adfusique imis amplexus. Agmina per fabricator
+> mittere Erymanthon habetque tot.
+
+**Cineres Nile ipsa** origine discurrunt adest Unde, et quem clausus, imo,
+virens quoque tales, potuit. Ingentes insilit corpore nutricis praebebat roganti
+licuit. Denique a vestros adulantum in bella lina parte et arte generi di igitur
+quis, digitis pedes. Cum resonant tamen, namque in anxia. Non nostri trahens
+ancora.
+
+## Ducem oculos pallor tale quoque
+
+Pectora de Hebe veste mansit nemorisque oppugnare deos, interea eo calescit
+**invita insidiae** Amymonen, semper respiciens vocato, illis! Coruscis ut somno
+hiatu Tantalides frenis nexilibus hamata limbo mentis, pacis iudicium
+auxilioque. Genus dolori, me ira hae inpediunt tellus, nascendi Boreas!
+Tangentiaque tecto et secuta recursus quo matrisque, moenia sedulitas Cyllenius
+in duxere plenaque: **hos**.
+
+1. Olim pulvere
+2. Verus ego ovantem mihi
+3. Tenuit erat semina superari
+4. Dabis natis hoc genu in quidem dumque
+
+Per tenuata [potiora](#inmeritae-discordemque-iterum) dedit caelo admota
+iniustus decipere do loca multa non parat. Ingratos his ut inde credite sensit
+sorte. Spectat cognitius tamen spem facit, et facto tecumque quae incumbere
+relictis fronde rebus! Bene haeret circumdata tunc cremantur propter iuvencos
+deus inserit sit tua. Pompa non precor procumbit inania lacrimas sacra credetis:
+Oceano, femina?
+
+Bacchantum neque. Humum ut violasse quam inmotos! Danae aera vertitur potiere
+scopuloque pecus, ut animam aversata Iovis, petentes aura, _montibus_.
--- a/themes/hugo-winston-theme/exampleSite/content/posts/_index.md
+++ b/themes/hugo-winston-theme/exampleSite/content/posts/_index.md
@ -0,0 +1,7 @@
+---
+title: 'Blog'
+date: 2019-02-24
+menu:
+  main:
+    name: "Posts"
+---
--- a/themes/hugo-winston-theme/exampleSite/content/posts/destruction-of-words.md
+++ b/themes/hugo-winston-theme/exampleSite/content/posts/destruction-of-words.md
@ -0,0 +1,73 @@
+---
+title: It's a beautiful thing, the destruction of words
+date: 2018-10-30
+description: 'As soon as Winston had dealt with each of the messages, he clipped his speakwritten corrections to the appropriate copy of the Times and pushed them into the pneumatic tube. '
+image: images/cctv.jpeg
+---
+
+## He moved over to the window
+
+
+Lorem markdownum comes; pro est [modo famulus](#pervenerat), quo quod neu
+manibus aether his nomine, Aurora, voce. Ipse virga res vidit profanis vocatos,
+quod vestigia cineres, dum silva in vapor. Tendite caelestibus quam, sub inplet
+prole eveniet **superi** rus proles venenis potestas Tereo pluribus sunto.
+
+Perque cessisse, hoc tum auras sinuosa. Pressant nec vinci primoque quoque
+funibus est: et tempore vetitorum? Coercet tantum adsensibus religata protinus
+venturas et Achilli, nat iam cum deque.
+
+## Heading 2
+
+Is polus Hymenaeus extrema communes, nos versus gramen, fervet: sincera quati.
+Dixit extulerat; iunctas et [Aeaciden Illa](http://egofateri.net/), visa
+[viris](http://euntemcrepuscula.com/subiecta.html). Ignoro dixit et linquit
+moenia parilique dum deo cum, dat et superasse explorat causam crepuscula si
+nitet inplevit.
+
+- Saxum sustinuit pugnatum medere temptamenta vellera mihi
+- Verbis meorum canes intraverat simul in quem
+- Cutis mirabile tandemque ut in dominis Abarin
+- Marmore deus orant
+
+### Heading 3
+
+Oriente nec radios nurus, quod undas, occupat conpescit femina est; resistite
+regno armenta suspirat. Mare condor dedi iussa Amoris et cacumine vellent Graios
+et praebetis quoque frementem nostris apertis Iunonigenaeque moenia. Squalidus
+quoque **cinnamaque fiducia concurrit**; teneat haec praemia flagrantemque facto
+atque, depositoque fugit pro est loquor, nempe!
+
+## Ocior saxa Phoebus placet
+
+Enim acclinia opera; _ea gemit_. Cervice sine tibi forma; non inde rubescere
+usque fixurus Echione, ut. Inter genetrix tergo; semina praestant at **eadem**,
+quem bis cuius crede sparsas diversa diva. A inquit cingebant. Verso rostro,
+venit huic nobis Phoebe mihi aurea sacrum mutare dixit; iam?
+
+```javascript
+$(window).scroll(function() {
+  // this will work when your window scrolled.
+  var scroll = $(window).scrollTop(); //getting the scrolling height of window
+  if (scroll > 100) {
+    $('.header').addClass('header-scrolled');
+  } else {
+    $('.header').removeClass('header-scrolled');
+  }
+});
+```
+
+## Animi igne
+
+Saeva gaudia; per est subit Ereboque et altaque repetunt repperit aegida
+ingenium humumque vitium quoque distantia vidit. Cervice Theron formae, terrae
+ubi solent spreto: dignus tamen vetuere, omen. Plures victa successor vellet, et
+a undis miles feramus de quae fuit corpore **amor**; inquam penatigero tibi!
+
+> At germana illo undique ducis et utque leti apta amictu, ego avibus. Viridis
+> Munus est tutos posse sede, et est inquit, iussis. Ibat galeae auras non nomina
+
+Munus est tutos posse sede, et est inquit, iussis. Ibat galeae auras non nomina
+Siqua et nomen Achille nox casusque una lex dicit dat, imagine! Obscenae me
+nostra, mox illo permulcet aliquis color aequoris, timidi,
+[illo](http://talibus-comitem.org/invia)?
--- a/themes/hugo-winston-theme/exampleSite/content/posts/language-perfect.md
+++ b/themes/hugo-winston-theme/exampleSite/content/posts/language-perfect.md
@ -0,0 +1,69 @@
+---
+title: The revolution will be complete when the language is perfect
+date: 2019-08-07
+description: 'As soon as Winston had dealt with each of the messages, he clipped his speakwritten corrections to the appropriate copy of the Times and pushed them into the pneumatic tube. Then, with a movement which was as nearly as possible unconscious, he crumpled up the original message and any notes that he himself had made, and dropped them into the memory hole to be devoured by the flames.'
+image: images/cctv2.jpeg
+---
+
+## He moved over to the window
+
+Since about that time, war had been literally continuous, though strictly speaking it had not always been the same war. For several months during his childhood there had been confused street fighting in London itself, some of which he remembered vividly.
+
+Inside the flat a fruity voice was reading out a list of figures which had something to do with the production of pig iron. The voice came from an oblong metal plaque like a dulled mirror which formed part of the surface of the right-hand wall. Winston turned a switch and the voice sank somewhat, though the words were still distinguishable. The instrument (the telescreen, it was called) could be dimmed) but there was no way of shutting it off completely.
+
+He moved over to the window: a smallish, frail figure, the meagerness of his body merely emphasized by the blue overalls which were the uniform of the Party. His hair was very fair, his face naturally sanguine, his skin roughened by coarse soap and blunt razor blades and the cold of the winter that had just ended.
+
+- Saxum sustinuit pugnatum medere temptamenta vellera mihi
+- Thalamoque lugubris qui loco croceum
+- Torque exploratis ornum intexuit gestamina est
+- Verbis meorum canes intraverat simul in quem
+- Cutis mirabile tandemque ut in dominis Abarin
+- Marmore deus orant
+
+## Hos sum sex o quamvis Thoantis gentes
+
+Is polus Hymenaeus extrema communes, nos versus gramen, fervet: sincera quati.
+Dixit extulerat; iunctas et [Aeaciden Illa](http://egofateri.net/), visa
+[viris](http://euntemcrepuscula.com/subiecta.html). Ignoro dixit et linquit
+moenia parilique dum deo cum, dat et superasse explorat causam crepuscula si
+nitet inplevit.
+
+Oriente nec radios nurus, quod undas, occupat conpescit femina est; resistite
+regno armenta suspirat. Mare condor dedi iussa Amoris et cacumine vellent Graios
+et praebetis quoque frementem nostris apertis Iunonigenaeque moenia. Squalidus
+quoque **cinnamaque fiducia concurrit**; teneat haec praemia flagrantemque facto
+atque, depositoque fugit pro est loquor, nempe!
+
+## Ocior saxa Phoebus placet
+
+Enim acclinia opera; _ea gemit_. Cervice sine tibi forma; non inde rubescere
+usque fixurus Echione, ut. Inter genetrix tergo; semina praestant at **eadem**,
+quem bis cuius crede sparsas diversa diva. A inquit cingebant. Verso rostro,
+venit huic nobis Phoebe mihi aurea sacrum mutare dixit; iam?
+
+```javascript
+$(window).scroll(function() {
+  // this will work when your window scrolled.
+  var scroll = $(window).scrollTop(); //getting the scrolling height of window
+  if (scroll > 100) {
+    $('.header').addClass('header-scrolled');
+  } else {
+    $('.header').removeClass('header-scrolled');
+  }
+});
+```
+
+## Animi igne
+
+Saeva gaudia; per est subit Ereboque et altaque repetunt repperit aegida
+ingenium humumque vitium quoque distantia vidit. Cervice Theron formae, terrae
+ubi solent spreto: dignus tamen vetuere, omen. Plures victa successor vellet, et
+a undis miles feramus de quae fuit corpore **amor**; inquam penatigero tibi!
+
+> At germana illo undique ducis et utque leti apta amictu, ego avibus. Viridis
+> Munus est tutos posse sede, et est inquit, iussis. Ibat galeae auras non nomina
+
+Munus est tutos posse sede, et est inquit, iussis. Ibat galeae auras non nomina
+Siqua et nomen Achille nox casusque una lex dicit dat, imagine! Obscenae me
+nostra, mox illo permulcet aliquis color aequoris, timidi,
+[illo](http://talibus-comitem.org/invia)?
--- a/themes/hugo-winston-theme/exampleSite/content/posts/sanity-not-statistical.md
+++ b/themes/hugo-winston-theme/exampleSite/content/posts/sanity-not-statistical.md
@ -0,0 +1,49 @@
+---
+title: Sanity is not statistical
+date: 2018-12-29
+description: 'Once again he glanced at his rival in the opposite cubicle. Something seemed to tell him with certainty that Tillotson was busy on the same job as himself. There was no way of knowing whose version would finally be adopted, but he felt a profound conviction that it would be his own'
+image: images/cctv2.jpeg
+---
+
+## There was no way of knowing whose version would finally be adopted
+
+Once again he glanced at his rival in the opposite cubicle. Something seemed to tell him with certainty that Tillotson was busy on the same job as himself. There was no way of knowing whose version would finally be adopted, but he felt a profound conviction that it would be his own
+
+## Mare torrentur
+
+Mare torrentur tenuerunt Iovemque crudelis erat non manuque nullaque Pyreneus,
+evocet pectus, _nube_. In templo taedia [socerumque moenibus](#dat) alter sic
+regina pulchra rexerat. Corbe est et, **invectae** pariter ignara quod senes:
+sectus his tamen. Hora graves iam prospiciunt, subito spargit germanam _utve_,
+inmeritas frontemque tempora. Frustra stratosque possim trepidare squamis, os,
+tum ipse prodesse acuta Phobetora e viscera, munera!
+
+- Peraravit Themis deserat et stetit taedae quodcumque
+- Grave invitae usque et terraque
+- Spargitque hi dixi
+- Danais oris Ulixes
+
+![Street Art Image](https://source.unsplash.com/GqpbdngfiLo/600x400)
+
+## Siqua transieram in parte
+
+Relicto solusque saepe dato imas [ea](#non-mea) dixit nullum, rumor addit in
+lacertos. Sparsos ceu geminam crimen femineae mater Minervae.
+
+### Utinam fratresque quem
+
+posuitque** nitenti utinam fratresque quem accede **tibi** et semianimes. Agmine
+prohibebant tuas venerit natus per sicut Aoniis dixit sedens scelus, alios.
+Segetes et **ora mala\*\* Iuppiter remotus, non penates quam pro, urbis repulsae
+insolida tantis sacerdos: et.
+
+- Vultum superatus Baccho ferre
+- Massa arreptamque fluet portas
+- Quaesita si medio virtute nunc ipse extremum
+- Gaudet bubo factorum
+
+Dona domus, certe populis, herbas rettulit curvantur Aeneas sequentur inferiora
+rupit, inque illa [passibus grave coronantur](#horto-in-te) nectare. Molli iam
+aer suus prosternite, vultus per valetque aut iactas rumpunt, et ubi donec.
+Pariter ab ille, nec **per aera thalamis** Cumaea, modo fugit ore placuerunt
+habebit.
--- a/themes/hugo-winston-theme/exampleSite/data/author.json
+++ b/themes/hugo-winston-theme/exampleSite/data/author.json
@ -0,0 +1,5 @@
+{
+  "name": "Sam Stone",
+  "title": "Writer & Futurist",
+  "image": "images/author.jpg"
+}
--- a/themes/hugo-winston-theme/exampleSite/data/social.json
+++ b/themes/hugo-winston-theme/exampleSite/data/social.json
@ -0,0 +1,19 @@
+{
+  "links": [
+    {
+      "name": "twitter",
+      "url": "https://twitter.com/zerostaticio",
+      "image": "images/social/twitter.svg"
+    },
+    {
+      "name": "github",
+      "url": "https://github.com/zerostaticthemes",
+      "image": "images/social/github.svg"
+    },
+    {
+      "name": "linkedin",
+      "url": "https://www.linkedin.com",
+      "image": "images/social/linkedin.svg"
+    }
+  ]
+}
--- a/themes/hugo-winston-theme/exampleSite/static/favicon.png
+++ b/themes/hugo-winston-theme/exampleSite/static/favicon.png
--- a/themes/hugo-winston-theme/exampleSite/static/images/author.jpg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/author.jpg
--- a/themes/hugo-winston-theme/exampleSite/static/images/cctv.jpeg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/cctv.jpeg
--- a/themes/hugo-winston-theme/exampleSite/static/images/cctv2.jpeg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/cctv2.jpeg
--- a/themes/hugo-winston-theme/exampleSite/static/images/social/github.svg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/social/github.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
--- a/themes/hugo-winston-theme/exampleSite/static/images/social/linkedin.svg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/social/linkedin.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
--- a/themes/hugo-winston-theme/exampleSite/static/images/social/twitter.svg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/social/twitter.svg
@ -0,0 +1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
--- a/themes/hugo-winston-theme/exampleSite/static/images/writer.jpeg
+++ b/themes/hugo-winston-theme/exampleSite/static/images/writer.jpeg
--- a/themes/hugo-winston-theme/images/screenshot.png
+++ b/themes/hugo-winston-theme/images/screenshot.png
--- a/themes/hugo-winston-theme/images/tn.png
+++ b/themes/hugo-winston-theme/images/tn.png
--- a/themes/hugo-winston-theme/layouts/_default/baseof.html
+++ b/themes/hugo-winston-theme/layouts/_default/baseof.html
@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="fr">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="x-ua-compatible" content="ie=edge">
+  <title>{{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }}</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="icon" href="{{ .Site.BaseURL }}favicon.png">
+
+  {{ if .Site.IsServer }}
+  {{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" true) }}
+  <link rel="stylesheet" href="{{ ($style).RelPermalink }}">
+  {{ else }}
+  {{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" false) }}
+  <link rel="stylesheet" href="{{ ($style | minify | fingerprint).RelPermalink }}">
+  {{ end }}
+
+  {{ block "meta_tags" . }}
+    {{ if .Params.description }}<meta name="description" content="{{ .Params.description }}"/>{{ end }}
+    <meta property="og:title" content="{{ .Title }}"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:url" content="{{ .Permalink }}"/>
+    {{ if .Params.image }}<meta property="og:image" content="{{ .Params.image | absURL }}"/>{{ end }}
+    {{ if .Params.description }}<meta property="og:description" content="{{ .Params.description }}"/>{{ end }}
+    <meta name="twitter:card" content="summary"/>
+    {{ if .Site.Params.twitter_handle }}<meta name="twitter:site" content="{{ .Site.Params.twitter_handle }}"/>{{ end }}
+    {{ if .Site.Params.twitter_handle }}<meta name="twitter:creator" content="{{ .Site.Params.twitter_handle }}"/>{{ end }}
+  {{ end }}
+
+  <link rel="preconnect" href="https://fonts.gstatic.com">
+  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet"> 
+</head>
+
+{{ $themeStyle := slice "" }}
+{{ if eq .Site.Params.addFrame true }}{{ $themeStyle = $themeStyle | append "frame" }}{{ end }}
+
+<body class='page{{ delimit $themeStyle " " }} {{ block "body_classes" . }}{{ end }}'>
+  {{ partial "menu-main-mobile.html" . }}
+  <div id="wrapper" class="wrapper">
+    {{ partial "header.html" . }}
+    {{ block "main" . }}
+    {{ end }}
+    {{ partial "footer.html" . }}
+  </div>
+
+  {{ $scripts := resources.Get "js/scripts.js" }}
+
+  {{ $js := slice $scripts | resources.Concat "js/bundle.js" }}
+
+  {{ if .Site.IsServer }}
+  <script type="text/javascript" src="{{ $js.RelPermalink }}"></script>
+  {{ else }}
+  <script type="text/javascript" src="{{ ($js | minify | fingerprint).RelPermalink }}"></script>
+  {{ end }}
+
+  {{ block "footer_js" . }}
+  {{ end }}
+
+  {{ partial "google-analytics.html" . }}
+
+</body>
+</html>
--- a/themes/hugo-winston-theme/layouts/_default/list.html
+++ b/themes/hugo-winston-theme/layouts/_default/list.html
@ -0,0 +1,12 @@
+{{ define "body_classes" }}page-default-list{{ end }}
+
+{{ define "main" }}
+  <div class="intro">
+    <h1>{{ .Title }}{{ if .Site.Params.addDot }}<span class="dot">.</span>{{ end }}</h1>
+    {{ if .Params.description }}<p>{{ .Params.description }}</p>{{ end }}
+  </div>
+  {{ .Content }}
+  {{ range.Pages }}
+    {{ .Render "summary" }}
+  {{ end }}
+{{ end }}
--- a/themes/hugo-winston-theme/layouts/_default/single.html
+++ b/themes/hugo-winston-theme/layouts/_default/single.html
@ -0,0 +1,14 @@
+{{ define "body_classes" }}page-default-single{{ end }}
+
+{{ define "main" }}
+<div class="intro">
+  <h1>{{ .Title }}{{ if .Site.Params.addDot }}<span class="dot">.</span>{{ end }}</h1>
+  {{ if .Params.image }}
+  <img src="{{ .Params.image | relURL }}" />
+  {{ end }}
+</div>
+
+<div class="content">
+  {{ .Content }}
+</div>
+{{ end }}
--- a/themes/hugo-winston-theme/layouts/_default/summary.html
+++ b/themes/hugo-winston-theme/layouts/_default/summary.html
@ -0,0 +1,9 @@
+<div class="summary">
+  {{ if .Site.Params.showAuthorOnPosts }}
+    {{ partial "author.html" . }}
+  {{ else }}
+    <div class="summary-date">{{ dateFormat "Jan 2, 2006" .Date }}</div>
+  {{ end }}
+  <h2 class="summary-title"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
+  <p class="summary-description">{{ .Params.description }}</p>
+</div>
--- a/themes/hugo-winston-theme/layouts/index.html
+++ b/themes/hugo-winston-theme/layouts/index.html
@ -0,0 +1,26 @@
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}page-home{{ end }}
+
+{{ define "main" }}
+  <main>
+  {{ if .Site.Params.showAuthorOnHomepage }}
+    {{ partial "author-large.html" . }}
+  {{ end }}
+
+  <div class="intro">
+    <h1>{{ .Title }}{{ if .Site.Params.addDot }}<span class="dot">.</span>{{ end }}</h1>
+    <div class="intro-content">{{ .Content }}</div>
+  </div>
+  </main>
+  {{ if .Site.Params.showPostsOnHomepage }}
+  {{ $paginator := .Paginate (where .Site.RegularPages "Type" "posts") }}
+    {{ range $paginator.Pages }}
+      {{ .Render "summary" }}
+    {{ end }}
+    {{ template "_internal/pagination.html" . }}
+  {{ end }}
+
+{{ end }}
+
+{{ define "footer_js" }}
+{{ end }}
--- a/themes/hugo-winston-theme/layouts/partials/author-large.html
+++ b/themes/hugo-winston-theme/layouts/partials/author-large.html
@ -0,0 +1,5 @@
+<div class="author author-large">
+  <img width="50" class="author-image" src="{{ .Site.Data.author.image | relURL }}" alt="{{ .Site.Data.author.name }}" />
+  <span class="author-name">{{ .Site.Data.author.name }}</span>
+  <span class="author-title">{{ .Site.Data.author.title }}</span>
+</div>
--- a/themes/hugo-winston-theme/layouts/partials/author.html
+++ b/themes/hugo-winston-theme/layouts/partials/author.html
@ -0,0 +1,6 @@
+<div class="author">
+  <img width="30" class="author-image" src="{{ .Site.Data.author.image | relURL }}" />
+  <span class="author-name">{{ .Site.Data.author.name }}</span>
+  <span class="author-divider"></span>
+  <span class="author-date">{{ dateFormat "January 2, 2006" .Date }}</span>
+</div>
--- a/themes/hugo-winston-theme/layouts/partials/footer.html
+++ b/themes/hugo-winston-theme/layouts/partials/footer.html
@ -0,0 +1,13 @@
+{{ if .Site.Data.social.links }}
+<footer class="footer">
+  <div class="footer-social">
+    {{ range .Site.Data.social.links }}
+      <span class="social-icon social-icon-{{ .name | urlize }}">
+        <a href="{{ .url }}" title="{{ .name }}" target="_blank" rel="noopener">
+          <img src="{{ .image | relURL }}" width="32" height="32" alt="{{ .name }}"/>
+        </a>
+      </span>
+    {{ end }}
+  </div>
+</footer>
+{{ end }}
--- a/themes/hugo-winston-theme/layouts/partials/google-analytics.html
+++ b/themes/hugo-winston-theme/layouts/partials/google-analytics.html
@ -0,0 +1,26 @@
+{{- if .Site.IsServer -}}
+  <!-- Dont add Google analytics to localhost -->
+{{ else }}
+  {{ $gid := (getenv "HUGO_GOOGLE_ANALYTICS_ID") }}
+  {{ if $gid }}
+    <!-- Global site tag (gtag.js) - Google Analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{- $gid -}}"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', '{{- $gid -}}');
+    </script>
+  {{ else }}
+    {{ if .Site.Params.google_analytics_id }}
+      <!-- Global site tag (gtag.js) - Google Analytics -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{- .Site.Params.google_analytics_id -}}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', '{{- .Site.Params.google_analytics_id -}}');
+      </script>
+    {{ end }}
+  {{ end}}
+{{ end }}
--- a/themes/hugo-winston-theme/layouts/partials/header.html
+++ b/themes/hugo-winston-theme/layouts/partials/header.html
@ -0,0 +1,18 @@
+<header class='header'>
+  <a class="header-logo" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+{{ if .Site.Menus }}
+  <div class="menu-main">
+    <ul>
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+            <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
+                <a href="{{ .URL | relLangURL }}">{{ .Name }}</a>
+            </li>
+        {{end}}
+    </ul>
+  </div>
+  <div id="toggle-menu-main-mobile" class="hamburger-trigger">
+    <button class="hamburger">Menu</button>
+  </div>
+  {{ end }}
+</header>
--- a/themes/hugo-winston-theme/layouts/partials/menu-main-mobile.html
+++ b/themes/hugo-winston-theme/layouts/partials/menu-main-mobile.html
@ -0,0 +1,25 @@
+<div id="menu-main-mobile" class="menu-main-mobile">
+    <ul class="menu">
+        {{ $currentPage := . }}
+        {{ range .Site.Menus.main }}
+            {{ if .HasChildren }}
+                <li class="menu-item-{{ .Name | lower }}{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{ end }}">
+                    <a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+                    <div class="dropdown">
+                        <ul class="sub-menu">
+                            {{ range .Children }}
+                                <li class="{{ if $currentPage.IsMenuCurrent "main" . }}active{{ end }}">
+                                    <a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+                                </li>
+                            {{ end }}
+                        </ul>
+                    </div>
+                </li>
+            {{else}}
+                <li class="menu-item-{{ .Name | lower }}{{ if $currentPage.IsMenuCurrent "main" . }} active{{ end }}">
+                    <a href="{{ .URL | absLangURL }}">{{ .Name }}</a>
+                </li>
+            {{end}}
+        {{end}}
+    </ul>
+</div>
--- a/themes/hugo-winston-theme/layouts/posts/single.html
+++ b/themes/hugo-winston-theme/layouts/posts/single.html
@ -0,0 +1,19 @@
+{{ define "header_css" }}{{ end }}
+{{ define "body_classes" }}page-blog-single{{ end }}
+
+{{ define "main" }}
+  <div class="blog">
+    {{ if .Site.Params.showAuthorOnPosts }}
+      {{ partial "author.html" . }}
+    {{ end }}
+    <div class="intro">
+      <h1>{{ .Title }}{{ if .Site.Params.addDot }}<span class="dot">.</span>{{ end }}</h1>
+      {{ if .Params.image }}
+      <img src="{{ .Params.image | relURL }}" />
+      {{ end }}
+    </div>
+    <div class="content">
+      {{ .Content }}
+    </div>
+  </div>
+{{ end }}
--- a/themes/hugo-winston-theme/netlify.toml
+++ b/themes/hugo-winston-theme/netlify.toml
@ -0,0 +1,8 @@
+[build]
+  publish = "exampleSite/public"
+  command = "cd exampleSite && hugo --themesDir ../.."
+
+[build.environment]
+  HUGO_VERSION = "0.80.0"
+  HUGO_THEME = "repo"
+  HUGO_BASEURL = "/"
--- a/themes/hugo-winston-theme/theme.toml
+++ b/themes/hugo-winston-theme/theme.toml
@ -0,0 +1,14 @@
+name = "Hugo Winston"
+license = "MIT"
+licenselink = "https://github.com/zerostaticthemes/hugo-winston/blob/master/LICENSE"
+description = "Hugo Winston is a bold minimal blogging theme"
+
+homepage = "https://github.com/zerostaticthemes/hugo-winston-theme"
+demosite = "https://hugo-winston.netlify.app"
+
+tags = ["blog", "minimal", "clean", "Google analytics", "bootstrap", "zerostatic"]
+features = ["blog"]
+
+[author]
+  name = "Robert Austin"
+  homepage = "https://www.zerostatic.io"
				`@ -0,0 +1 @@`
				<svg version="1.1" id="Calque_2" x="0" y="0" xml:space="preserve" width="100" height="100" xmlns="http://www.w3.org/2000/svg"><style type="text/css" id="style2">.st1{fill:#f9bc60}</style><g id="layer4" display="inline"><circle id="path1731" cy="50" cx="50" fill="#0f3433" fill-opacity="1" fill-rule="evenodd" stroke="none" stroke-width="1.035" stroke-linecap="round" stroke-linejoin="round" stroke-dashoffset="2.721" r="49.482"/></g><g id="g2890" display="inline"><path class="st1" d="M39.203 34.884c2.248 1.124 4.495 2.248 6.743 2.81 2.81.561 5.058 1.123 7.868 1.123 3.934 0 6.743-.562 8.991-2.247 2.248-1.686 3.372-4.496 3.372-8.43 0-2.248-.562-3.934-1.686-5.62-1.124-1.685-2.81-3.371-5.058-5.057-2.247-1.686-4.495-2.81-6.743-3.372-2.248-.562-4.496-1.124-6.744-1.124-2.81 0-4.495 0-7.305 1.686-3.372 2.248-4.496 3.934-5.058 5.62-.562 2.247-1.124 4.495-1.124 6.743 0 1.124.562 2.248 1.686 3.372 1.686 2.248 2.81 3.372 5.058 4.496z" id="path2888" fill="#f9bc60" fill-opacity="1" stroke-width="5.62"/></g><g id="layer3" display="inline"><path class="st1" d="M32.65 236.506c-1.106-1.662-2.214-3.876-2.214-6.091 0-7.198.554-23.809.554-33.775.554-12.181 1.66-26.023 2.768-41.526 3.322-37.097 4.43-36.544 4.43-53.154 0-5.537 0-11.074-.554-16.61 0-4.43-.554-8.86-.554-12.736 0-1.66.554-3.322 2.215-4.43 2.215-1.66 4.983-2.214 8.305-2.214 8.306 0 13.289 3.322 14.95 9.413 0 2.215.554 12.18.554 14.95 0 8.858 0 18.825-.554 29.345-.554 6.644-3.322 39.311-3.876 51.493-.553 12.18-.553 22.7-.553 31.56v13.288c0 1.108 1.107 2.215 2.214 2.215 9.413-1.661 35.99-9.413 38.758-9.966 2.769-.554 4.984-.554 6.09-.554 4.43 0 7.752 1.66 9.414 5.537 1.107 2.768 1.66 3.876 2.214 6.09.554 2.215.554 4.983-2.214 6.09l-25.47 9.413c-11.627 4.984-43.188 13.289-44.849 13.289-3.322 0-6.09-2.215-8.859-6.09z" id="path14" display="inline" fill="#f9bc60" fill-opacity="1" stroke-width="5.537"/></g><script xmlns=""/></svg>
				`@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 85 85"><path d="M28.2 31c3 9 6.1 17.9 9.3 26.8 1.1 3.3 5.3 3.1 6.5 0 3.2-8.4 6.7-16.8 10.1-25.1-2.1.3-4.1.5-6.2.8 3.6 8.4 7.1 16.8 10.7 25.2.5 1.2 2.2 1.8 3.4 1.6 1.4-.2 2.3-1.1 2.8-2.4l6.6-17.1c3.5-9 6.9-18.1 10.4-27.1l2.4-6.3c.8-2-1.2-4.4-3.3-4.3-15.6.7-31.3 1.4-46.9 2.1-6.6.3-13.3.6-19.9.9-2.3.1-4.6.2-7 .3-1.8.1-3.5.2-4.9 1.6C.8 9.4.5 11.3.9 13.2c.6 2.9 1.7 5.8 2.6 8.6C5.2 26.9 6.9 32 8.6 37.2 12.2 48.1 16 59 19.7 69.8c.6 1.8 1.2 3.6 1.8 5.3.5 1.4 1 2.8 2.1 3.9 1.8 1.8 4.6 1.5 7 1.6 7 .4 13.9.8 20.9 1.3.4 0 .9.1 1.3.1 1.8.1 3.4-1.6 3.4-3.4 0-1.9-1.5-3.3-3.4-3.4l-15-.9c-2-.1-4-.2-6-.4-1-.1-1.9-.1-2.9-.2-.3 0-1.3-.2-1.5-.1.2-.1 1.1.4 1.1.8.1-.5-.5-1.6-.7-2-.3-.8-.6-1.6-.8-2.4-3.5-10.2-7-20.4-10.4-30.6-2.9-8.7-6-17.5-8.6-26.3-.1-.5-.3-.9-.4-1.4 0-.1-.1-.3-.1-.4-.1-.3.1.4.1.4 0 .5-.3 1.1-.8 1.4-.1.1-1.2.1-.6.2 1.9.2 4.1-.2 6-.3 6.1-.3 12.2-.6 18.3-.8 15.1-.7 30.3-1.4 45.4-2 1.7-.1 3.4-.1 5.1-.2-1.1-1.4-2.2-2.8-3.3-4.3-2.3 5.6-4.5 11.3-6.7 17-3.5 9-6.9 18.1-10.4 27.1l-2.4 6.3c2.1-.3 4.1-.5 6.2-.8-3.6-8.4-7.1-16.8-10.7-25.2-.5-1.2-2.2-1.8-3.4-1.6-1.4.2-2.3 1.1-2.8 2.4-3.4 8.4-6.8 16.7-10.1 25.1h6.5c-3.1-8.9-6.3-17.8-9.3-26.8-.6-1.7-2.3-2.9-4.2-2.4-1.5.5-2.7 2.5-2.2 4.2z" fill="#00ebc7"/><script xmlns=""/></svg>
				`@ -0,0 +1 @@`
				<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>