commit 7ec55aa6dd25a742dc3a8bd2bf00cee200ddb39f Author: Simon C Date: Thu Jun 2 16:23:38 2022 +0200 first commit diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..632919c --- /dev/null +++ b/.gitignore @@ -0,0 +1,3 @@ +# hugo +resources +public diff --git a/.hugo_build.lock b/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..f5a9e45 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .TranslationBaseName "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/archetypes/pages.md b/archetypes/pages.md new file mode 100644 index 0000000..45b67f5 --- /dev/null +++ b/archetypes/pages.md @@ -0,0 +1,8 @@ +--- +title: "{{ replace .TranslationBaseName "-" " " | title }}" +date: {{ .Date }} +image: images/writer.jpeg +menu: + main: + name: "About" +--- diff --git a/archetypes/posts.md b/archetypes/posts.md new file mode 100644 index 0000000..0a0407f --- /dev/null +++ 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 +--- \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..243e437 --- /dev/null +++ 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®ion=garage" diff --git a/content/_index.md b/content/_index.md new file mode 100644 index 0000000..5ece591 --- /dev/null +++ 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 >}} diff --git a/data/author.json b/data/author.json new file mode 100644 index 0000000..3c5c58d --- /dev/null +++ b/data/author.json @@ -0,0 +1,5 @@ +{ + "name": "kosssi", + "title": "🌱 Permaculteur, fan des lowtech, informaticien", + "image": "images/simon.png" +} \ No newline at end of file diff --git a/data/projects.json b/data/projects.json new file mode 100644 index 0000000..b339185 --- /dev/null +++ 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" + } + ] + } diff --git a/data/services.json b/data/services.json new file mode 100644 index 0000000..e5ca1ea --- /dev/null +++ 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" + } + ] +} diff --git a/data/social.json b/data/social.json new file mode 100644 index 0000000..7a73a41 --- /dev/null +++ b/data/social.json @@ -0,0 +1,2 @@ +{ +} \ No newline at end of file diff --git a/layouts/partials/list.html b/layouts/partials/list.html new file mode 100644 index 0000000..1534bfa --- /dev/null +++ b/layouts/partials/list.html @@ -0,0 +1,13 @@ +{{ if .links }} + +{{ end }} diff --git a/layouts/shortcodes/projects.html b/layouts/shortcodes/projects.html new file mode 100644 index 0000000..0c27432 --- /dev/null +++ b/layouts/shortcodes/projects.html @@ -0,0 +1 @@ +{{ partial "list" .Site.Data.projects }} \ No newline at end of file diff --git a/layouts/shortcodes/services.html b/layouts/shortcodes/services.html new file mode 100644 index 0000000..faacbeb --- /dev/null +++ b/layouts/shortcodes/services.html @@ -0,0 +1 @@ +{{ partial "list" .Site.Data.services }} \ No newline at end of file diff --git a/static/favicon.png b/static/favicon.png new file mode 100755 index 0000000..8f0dbd9 Binary files /dev/null and b/static/favicon.png differ diff --git a/static/images/cctv.jpeg b/static/images/cctv.jpeg new file mode 100644 index 0000000..2128f30 Binary files /dev/null and b/static/images/cctv.jpeg differ diff --git a/static/images/cctv2.jpeg b/static/images/cctv2.jpeg new file mode 100644 index 0000000..28d5c1d Binary files /dev/null and b/static/images/cctv2.jpeg differ diff --git a/static/images/projects/lestoitsduval.png b/static/images/projects/lestoitsduval.png new file mode 100644 index 0000000..9ee5b99 Binary files /dev/null and b/static/images/projects/lestoitsduval.png differ diff --git a/static/images/projects/p4pillon.png b/static/images/projects/p4pillon.png new file mode 100644 index 0000000..82dc164 Binary files /dev/null and b/static/images/projects/p4pillon.png differ diff --git a/static/images/projects/resilien.svg b/static/images/projects/resilien.svg new file mode 100644 index 0000000..ddd947f --- /dev/null +++ b/static/images/projects/resilien.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/projects/weko.svg b/static/images/projects/weko.svg new file mode 100644 index 0000000..0eef2ec --- /dev/null +++ b/static/images/projects/weko.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/simon.png b/static/images/simon.png new file mode 100755 index 0000000..8f0dbd9 Binary files /dev/null and b/static/images/simon.png differ diff --git a/static/images/social/commown.png b/static/images/social/commown.png new file mode 100644 index 0000000..86afc07 Binary files /dev/null and b/static/images/social/commown.png differ diff --git a/static/images/social/creditcoop.webp b/static/images/social/creditcoop.webp new file mode 100644 index 0000000..21e6c91 Binary files /dev/null and b/static/images/social/creditcoop.webp differ diff --git a/static/images/social/enercoop.png b/static/images/social/enercoop.png new file mode 100644 index 0000000..e00fd58 Binary files /dev/null and b/static/images/social/enercoop.png differ diff --git a/static/images/social/github.svg b/static/images/social/github.svg new file mode 100755 index 0000000..3899712 --- /dev/null +++ b/static/images/social/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/static/images/social/illyse.png b/static/images/social/illyse.png new file mode 100644 index 0000000..57a3b9c Binary files /dev/null and b/static/images/social/illyse.png differ diff --git a/static/images/social/linkedin.svg b/static/images/social/linkedin.svg new file mode 100755 index 0000000..3dc9f68 --- /dev/null +++ b/static/images/social/linkedin.svg @@ -0,0 +1 @@ +LinkedIn icon \ No newline at end of file diff --git a/static/images/social/maif.png b/static/images/social/maif.png new file mode 100644 index 0000000..11efcfa Binary files /dev/null and b/static/images/social/maif.png differ diff --git a/static/images/social/telecoop.png b/static/images/social/telecoop.png new file mode 100644 index 0000000..b9eb1f3 Binary files /dev/null and b/static/images/social/telecoop.png differ diff --git a/static/images/social/twitter.svg b/static/images/social/twitter.svg new file mode 100755 index 0000000..af5b7c3 --- /dev/null +++ b/static/images/social/twitter.svg @@ -0,0 +1 @@ +Twitter icon \ No newline at end of file diff --git a/static/images/writer.jpeg b/static/images/writer.jpeg new file mode 100644 index 0000000..ee8e71c Binary files /dev/null and b/static/images/writer.jpeg differ diff --git a/themes/hugo-winston-theme/.gitignore b/themes/hugo-winston-theme/.gitignore new file mode 100644 index 0000000..20721b7 --- /dev/null +++ b/themes/hugo-winston-theme/.gitignore @@ -0,0 +1,5 @@ +.DS_Store +node_modules +.idea +resources +public \ No newline at end of file diff --git a/themes/hugo-winston-theme/LICENSE b/themes/hugo-winston-theme/LICENSE new file mode 100644 index 0000000..a223a99 --- /dev/null +++ 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. diff --git a/themes/hugo-winston-theme/README.md b/themes/hugo-winston-theme/README.md new file mode 100644 index 0000000..404cc5e --- /dev/null +++ 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/) + +Buy Me A Coffee + +![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! diff --git a/themes/hugo-winston-theme/archetypes/default.md b/themes/hugo-winston-theme/archetypes/default.md new file mode 100644 index 0000000..ac36e06 --- /dev/null +++ b/themes/hugo-winston-theme/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/themes/hugo-winston-theme/assets/js/scripts.js b/themes/hugo-winston-theme/assets/js/scripts.js new file mode 100644 index 0000000..d8234c5 --- /dev/null +++ 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'); + }); +} diff --git a/themes/hugo-winston-theme/assets/scss/_author.scss b/themes/hugo-winston-theme/assets/scss/_author.scss new file mode 100644 index 0000000..fdc869b --- /dev/null +++ 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; + } +} diff --git a/themes/hugo-winston-theme/assets/scss/_breakpoints.scss b/themes/hugo-winston-theme/assets/scss/_breakpoints.scss new file mode 100644 index 0000000..6cfbf63 --- /dev/null +++ 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)}."; + } +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/_content.scss b/themes/hugo-winston-theme/assets/scss/_content.scss new file mode 100644 index 0000000..aa522ef --- /dev/null +++ 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; + } + } +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/_footer.scss b/themes/hugo-winston-theme/assets/scss/_footer.scss new file mode 100644 index 0000000..4770efa --- /dev/null +++ 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; + } + } + } + } + \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/_header.scss b/themes/hugo-winston-theme/assets/scss/_header.scss new file mode 100644 index 0000000..add5467 --- /dev/null +++ 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); + } + } +} diff --git a/themes/hugo-winston-theme/assets/scss/_intro.scss b/themes/hugo-winston-theme/assets/scss/_intro.scss new file mode 100644 index 0000000..9a49530 --- /dev/null +++ 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; + // } + // } +} diff --git a/themes/hugo-winston-theme/assets/scss/_main-menu-mobile.scss b/themes/hugo-winston-theme/assets/scss/_main-menu-mobile.scss new file mode 100644 index 0000000..72b2d61 --- /dev/null +++ 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; + } +} diff --git a/themes/hugo-winston-theme/assets/scss/_main-menu.scss b/themes/hugo-winston-theme/assets/scss/_main-menu.scss new file mode 100644 index 0000000..31fa050 --- /dev/null +++ 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; + } + } + } +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/_normalize.scss b/themes/hugo-winston-theme/assets/scss/_normalize.scss new file mode 100644 index 0000000..98590a5 --- /dev/null +++ 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; +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/_pagination.scss b/themes/hugo-winston-theme/assets/scss/_pagination.scss new file mode 100644 index 0000000..daf1339 --- /dev/null +++ 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); + } + } + } +} diff --git a/themes/hugo-winston-theme/assets/scss/_summary.scss b/themes/hugo-winston-theme/assets/scss/_summary.scss new file mode 100644 index 0000000..5c7db31 --- /dev/null +++ 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%; + } +} diff --git a/themes/hugo-winston-theme/assets/scss/pygments/github.scss b/themes/hugo-winston-theme/assets/scss/pygments/github.scss new file mode 100644 index 0000000..16e727f --- /dev/null +++ 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 */ \ No newline at end of file diff --git a/themes/hugo-winston-theme/assets/scss/style.scss b/themes/hugo-winston-theme/assets/scss/style.scss new file mode 100755 index 0000000..8796a4d --- /dev/null +++ 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; + } +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/.hugo_build.lock b/themes/hugo-winston-theme/exampleSite/.hugo_build.lock new file mode 100644 index 0000000..e69de29 diff --git a/themes/hugo-winston-theme/exampleSite/archetypes/default.md b/themes/hugo-winston-theme/exampleSite/archetypes/default.md new file mode 100644 index 0000000..f5a9e45 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/archetypes/default.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .TranslationBaseName "-" " " | title }}" +date: {{ .Date }} +draft: true +--- + diff --git a/themes/hugo-winston-theme/exampleSite/archetypes/pages.md b/themes/hugo-winston-theme/exampleSite/archetypes/pages.md new file mode 100644 index 0000000..45b67f5 --- /dev/null +++ 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" +--- diff --git a/themes/hugo-winston-theme/exampleSite/archetypes/posts.md b/themes/hugo-winston-theme/exampleSite/archetypes/posts.md new file mode 100644 index 0000000..0a0407f --- /dev/null +++ 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 +--- \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/config.toml b/themes/hugo-winston-theme/exampleSite/config.toml new file mode 100644 index 0000000..dd2f442 --- /dev/null +++ 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' \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/content/_index.md b/themes/hugo-winston-theme/exampleSite/content/_index.md new file mode 100644 index 0000000..0ed4271 --- /dev/null +++ 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. diff --git a/themes/hugo-winston-theme/exampleSite/content/pages/about.md b/themes/hugo-winston-theme/exampleSite/content/pages/about.md new file mode 100644 index 0000000..2047429 --- /dev/null +++ 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_. diff --git a/themes/hugo-winston-theme/exampleSite/content/posts/_index.md b/themes/hugo-winston-theme/exampleSite/content/posts/_index.md new file mode 100644 index 0000000..eec07e0 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/content/posts/_index.md @@ -0,0 +1,7 @@ +--- +title: 'Blog' +date: 2019-02-24 +menu: + main: + name: "Posts" +--- diff --git a/themes/hugo-winston-theme/exampleSite/content/posts/destruction-of-words.md b/themes/hugo-winston-theme/exampleSite/content/posts/destruction-of-words.md new file mode 100644 index 0000000..65d1892 --- /dev/null +++ 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)? diff --git a/themes/hugo-winston-theme/exampleSite/content/posts/language-perfect.md b/themes/hugo-winston-theme/exampleSite/content/posts/language-perfect.md new file mode 100644 index 0000000..233a67e --- /dev/null +++ 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)? diff --git a/themes/hugo-winston-theme/exampleSite/content/posts/sanity-not-statistical.md b/themes/hugo-winston-theme/exampleSite/content/posts/sanity-not-statistical.md new file mode 100644 index 0000000..aad0b9f --- /dev/null +++ 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. diff --git a/themes/hugo-winston-theme/exampleSite/data/author.json b/themes/hugo-winston-theme/exampleSite/data/author.json new file mode 100644 index 0000000..7a03583 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/data/author.json @@ -0,0 +1,5 @@ +{ + "name": "Sam Stone", + "title": "Writer & Futurist", + "image": "images/author.jpg" +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/data/social.json b/themes/hugo-winston-theme/exampleSite/data/social.json new file mode 100644 index 0000000..9b4d3fd --- /dev/null +++ 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" + } + ] +} \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/static/favicon.png b/themes/hugo-winston-theme/exampleSite/static/favicon.png new file mode 100644 index 0000000..0ebfd0b Binary files /dev/null and b/themes/hugo-winston-theme/exampleSite/static/favicon.png differ diff --git a/themes/hugo-winston-theme/exampleSite/static/images/author.jpg b/themes/hugo-winston-theme/exampleSite/static/images/author.jpg new file mode 100644 index 0000000..ab99d26 Binary files /dev/null and b/themes/hugo-winston-theme/exampleSite/static/images/author.jpg differ diff --git a/themes/hugo-winston-theme/exampleSite/static/images/cctv.jpeg b/themes/hugo-winston-theme/exampleSite/static/images/cctv.jpeg new file mode 100644 index 0000000..2128f30 Binary files /dev/null and b/themes/hugo-winston-theme/exampleSite/static/images/cctv.jpeg differ diff --git a/themes/hugo-winston-theme/exampleSite/static/images/cctv2.jpeg b/themes/hugo-winston-theme/exampleSite/static/images/cctv2.jpeg new file mode 100644 index 0000000..28d5c1d Binary files /dev/null and b/themes/hugo-winston-theme/exampleSite/static/images/cctv2.jpeg differ diff --git a/themes/hugo-winston-theme/exampleSite/static/images/social/github.svg b/themes/hugo-winston-theme/exampleSite/static/images/social/github.svg new file mode 100755 index 0000000..3899712 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/static/images/social/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/static/images/social/linkedin.svg b/themes/hugo-winston-theme/exampleSite/static/images/social/linkedin.svg new file mode 100755 index 0000000..3dc9f68 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/static/images/social/linkedin.svg @@ -0,0 +1 @@ +LinkedIn icon \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/static/images/social/twitter.svg b/themes/hugo-winston-theme/exampleSite/static/images/social/twitter.svg new file mode 100755 index 0000000..af5b7c3 --- /dev/null +++ b/themes/hugo-winston-theme/exampleSite/static/images/social/twitter.svg @@ -0,0 +1 @@ +Twitter icon \ No newline at end of file diff --git a/themes/hugo-winston-theme/exampleSite/static/images/writer.jpeg b/themes/hugo-winston-theme/exampleSite/static/images/writer.jpeg new file mode 100644 index 0000000..ee8e71c Binary files /dev/null and b/themes/hugo-winston-theme/exampleSite/static/images/writer.jpeg differ diff --git a/themes/hugo-winston-theme/images/screenshot.png b/themes/hugo-winston-theme/images/screenshot.png new file mode 100644 index 0000000..e078567 Binary files /dev/null and b/themes/hugo-winston-theme/images/screenshot.png differ diff --git a/themes/hugo-winston-theme/images/tn.png b/themes/hugo-winston-theme/images/tn.png new file mode 100644 index 0000000..d6e7723 Binary files /dev/null and b/themes/hugo-winston-theme/images/tn.png differ diff --git a/themes/hugo-winston-theme/layouts/_default/baseof.html b/themes/hugo-winston-theme/layouts/_default/baseof.html new file mode 100644 index 0000000..eb05b9d --- /dev/null +++ b/themes/hugo-winston-theme/layouts/_default/baseof.html @@ -0,0 +1,63 @@ + + + + + + + {{ block "title" . }}{{ .Title }} - {{ .Site.Title }}{{ end }} + + + + {{ if .Site.IsServer }} + {{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" true) }} + + {{ else }} + {{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" false) }} + + {{ end }} + + {{ block "meta_tags" . }} + {{ if .Params.description }}{{ end }} + + + + {{ if .Params.image }}{{ end }} + {{ if .Params.description }}{{ end }} + + {{ if .Site.Params.twitter_handle }}{{ end }} + {{ if .Site.Params.twitter_handle }}{{ end }} + {{ end }} + + + + + +{{ $themeStyle := slice "" }} +{{ if eq .Site.Params.addFrame true }}{{ $themeStyle = $themeStyle | append "frame" }}{{ end }} + + + {{ partial "menu-main-mobile.html" . }} +
+ {{ partial "header.html" . }} + {{ block "main" . }} + {{ end }} + {{ partial "footer.html" . }} +
+ + {{ $scripts := resources.Get "js/scripts.js" }} + + {{ $js := slice $scripts | resources.Concat "js/bundle.js" }} + + {{ if .Site.IsServer }} + + {{ else }} + + {{ end }} + + {{ block "footer_js" . }} + {{ end }} + + {{ partial "google-analytics.html" . }} + + + \ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/_default/list.html b/themes/hugo-winston-theme/layouts/_default/list.html new file mode 100644 index 0000000..3aea5f8 --- /dev/null +++ b/themes/hugo-winston-theme/layouts/_default/list.html @@ -0,0 +1,12 @@ +{{ define "body_classes" }}page-default-list{{ end }} + +{{ define "main" }} +
+

{{ .Title }}{{ if .Site.Params.addDot }}.{{ end }}

+ {{ if .Params.description }}

{{ .Params.description }}

{{ end }} +
+ {{ .Content }} + {{ range.Pages }} + {{ .Render "summary" }} + {{ end }} +{{ end }} \ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/_default/single.html b/themes/hugo-winston-theme/layouts/_default/single.html new file mode 100644 index 0000000..50e5681 --- /dev/null +++ b/themes/hugo-winston-theme/layouts/_default/single.html @@ -0,0 +1,14 @@ +{{ define "body_classes" }}page-default-single{{ end }} + +{{ define "main" }} +
+

{{ .Title }}{{ if .Site.Params.addDot }}.{{ end }}

+ {{ if .Params.image }} + + {{ end }} +
+ +
+ {{ .Content }} +
+{{ end }} \ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/_default/summary.html b/themes/hugo-winston-theme/layouts/_default/summary.html new file mode 100644 index 0000000..e4d989f --- /dev/null +++ b/themes/hugo-winston-theme/layouts/_default/summary.html @@ -0,0 +1,9 @@ +
+ {{ if .Site.Params.showAuthorOnPosts }} + {{ partial "author.html" . }} + {{ else }} +
{{ dateFormat "Jan 2, 2006" .Date }}
+ {{ end }} +

{{ .Title }}

+

{{ .Params.description }}

+
\ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/index.html b/themes/hugo-winston-theme/layouts/index.html new file mode 100644 index 0000000..3daaa37 --- /dev/null +++ b/themes/hugo-winston-theme/layouts/index.html @@ -0,0 +1,26 @@ +{{ define "header_css" }}{{ end }} +{{ define "body_classes" }}page-home{{ end }} + +{{ define "main" }} +
+ {{ if .Site.Params.showAuthorOnHomepage }} + {{ partial "author-large.html" . }} + {{ end }} + +
+

{{ .Title }}{{ if .Site.Params.addDot }}.{{ end }}

+
{{ .Content }}
+
+
+ {{ 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 }} diff --git a/themes/hugo-winston-theme/layouts/partials/author-large.html b/themes/hugo-winston-theme/layouts/partials/author-large.html new file mode 100644 index 0000000..2ae60d0 --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/author-large.html @@ -0,0 +1,5 @@ +
+ {{ .Site.Data.author.name }} + {{ .Site.Data.author.name }} + {{ .Site.Data.author.title }} +
\ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/partials/author.html b/themes/hugo-winston-theme/layouts/partials/author.html new file mode 100644 index 0000000..c1297c2 --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/author.html @@ -0,0 +1,6 @@ +
+ + {{ .Site.Data.author.name }} + + {{ dateFormat "January 2, 2006" .Date }} +
\ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/partials/footer.html b/themes/hugo-winston-theme/layouts/partials/footer.html new file mode 100644 index 0000000..1b91fff --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/footer.html @@ -0,0 +1,13 @@ +{{ if .Site.Data.social.links }} + +{{ end }} diff --git a/themes/hugo-winston-theme/layouts/partials/google-analytics.html b/themes/hugo-winston-theme/layouts/partials/google-analytics.html new file mode 100644 index 0000000..63c84ab --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/google-analytics.html @@ -0,0 +1,26 @@ +{{- if .Site.IsServer -}} + +{{ else }} + {{ $gid := (getenv "HUGO_GOOGLE_ANALYTICS_ID") }} + {{ if $gid }} + + + + {{ else }} + {{ if .Site.Params.google_analytics_id }} + + + + {{ end }} + {{ end}} +{{ end }} \ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/partials/header.html b/themes/hugo-winston-theme/layouts/partials/header.html new file mode 100644 index 0000000..ad95cad --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/header.html @@ -0,0 +1,18 @@ +
+ +{{ if .Site.Menus }} +
+
    + {{ $currentPage := . }} + {{ range .Site.Menus.main }} +
  • + {{ .Name }} +
    • + {{end}} +
+
+
+ +
+ {{ end }} +
\ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/partials/menu-main-mobile.html b/themes/hugo-winston-theme/layouts/partials/menu-main-mobile.html new file mode 100644 index 0000000..2e8d76b --- /dev/null +++ b/themes/hugo-winston-theme/layouts/partials/menu-main-mobile.html @@ -0,0 +1,25 @@ + \ No newline at end of file diff --git a/themes/hugo-winston-theme/layouts/posts/single.html b/themes/hugo-winston-theme/layouts/posts/single.html new file mode 100644 index 0000000..787ee4c --- /dev/null +++ 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" }} +
+ {{ if .Site.Params.showAuthorOnPosts }} + {{ partial "author.html" . }} + {{ end }} +
+

{{ .Title }}{{ if .Site.Params.addDot }}.{{ end }}

+ {{ if .Params.image }} + + {{ end }} +
+
+ {{ .Content }} +
+
+{{ end }} \ No newline at end of file diff --git a/themes/hugo-winston-theme/netlify.toml b/themes/hugo-winston-theme/netlify.toml new file mode 100644 index 0000000..c5eb69e --- /dev/null +++ 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 = "/" diff --git a/themes/hugo-winston-theme/theme.toml b/themes/hugo-winston-theme/theme.toml new file mode 100644 index 0000000..3c3a00b --- /dev/null +++ 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" \ No newline at end of file