Skip to content

Commit 96a5b50

Browse files
simodimasimodima
committed
Changes theme
1 parent 784d8a7 commit 96a5b50

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

65 files changed

+1853
-1
lines changed

‎static/images/simone.png

-60.5 MB
Loading

‎themes/hugo-winston-theme

-1
This file was deleted.

‎themes/hugo-winston-theme/.hugo_build.lock

Whitespace-only changes.

‎themes/hugo-winston-theme/LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) Robert Austin - [email protected] - github.com/zerostaticthemes
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎themes/hugo-winston-theme/README.md

+158
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,158 @@
1+
# Hugo Winston Theme
2+
3+
Hugo Winston is a bold minimal blogging theme.
4+
5+
[Live Demo](https://hugo-winston.netlify.app/) |
6+
[Zerostatic Themes](https://www.zerostatic.io/)
7+
8+
![Hugo Winston Theme screenshot](https://www.zerostatic.io/theme/hugo-winston/hugo-winston-screenshot.png)
9+
10+
## Theme features
11+
12+
- Posts (Markdown)
13+
- Basic Page (Markdown)
14+
- SCSS (Hugo Pipelines)
15+
- Responsive design
16+
- 100/100 Google Lighthouse speed score
17+
- 100/100 Google Lighthouse SEO score
18+
- 100/100 Google Lighthouse accessibility score
19+
- Google analytics configured in `config.toml`
20+
- Configure GID using env variable HUGO_GOOGLE_ANALYTICS_ID, compatible with Netlify.
21+
- Title, meta description and meta tags automatically generated for every page
22+
- OG Meta data for Facebook and Twitter
23+
- Semantic HTML document structure
24+
25+
## Installation
26+
27+
**1. Install Hugo**
28+
29+
To use this theme you will first need to have Hugo installed. Please follow the official [installation guide](https://gohugo.io/getting-started/installing/)
30+
31+
> ⚠️ **Note:** Check your Hugo version - **Hugo Extended** is required!
32+
33+
This theme uses [Hugo Pipes](https://gohugo.io/hugo-pipes/scss-sass/) to compile SCSS and minify assets which means if you are not using the Hugo extended version this theme will not work. To check your version of Hugo, run `hugo version`. 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, it just needs to have the _/extended_ part.
34+
35+
**2. Create a new Hugo site**
36+
37+
This will create a fresh Hugo site in the folder `mynewsite`.
38+
39+
```
40+
hugo new site mynewsite
41+
```
42+
43+
**3. Install the theme**
44+
45+
Download or git clone this theme into the sites themes folder `mynewsite/themes`. You should end up with the following folder structure `mynewsite/themes/hugo-winston-theme`
46+
47+
```
48+
cd mynewsite
49+
git clone https://github.com/zerostaticthemes/hugo-winston-theme.git themes/hugo-winston-theme
50+
```
51+
52+
**4. Copy the example content**
53+
54+
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.
55+
56+
```
57+
cp -a themes/hugo-winston-theme/exampleSite/. .
58+
```
59+
60+
**6. Run Hugo**
61+
62+
After installing the theme for the first time, generate the Hugo site.
63+
64+
You run this command from the root folder of your Hugo site ie `mynewsite`
65+
66+
```
67+
hugo
68+
```
69+
70+
For local development run Hugo's built-in local server.
71+
72+
```
73+
hugo server
74+
```
75+
76+
Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your browser.
77+
78+
# Localhost inside exampleSite
79+
80+
You can run this site without installing it as a hugo theme using the following command. I use this for theme development.
81+
82+
```
83+
hugo server --source=exampleSite --theme=../..
84+
```
85+
86+
# Configuration
87+
88+
### Config options
89+
90+
```toml
91+
# config.toml
92+
[params]
93+
google_analytics_id = ""
94+
twitter_handle = "@zerostaticio"
95+
showAuthorOnHomepage = true
96+
showAuthorOnPosts = false
97+
showIntroContentOnHomepage = true
98+
showPostsOnHomepage = true
99+
usePaginationOnHomepage = false
100+
limitPostsOnHomepage = 3 # only used if usePaginationOnHomepage is false
101+
sortPostsByDateOldestFirst = false
102+
addDot = true
103+
addFrame = true
104+
highlightColor = '#7b16ff'
105+
baseColor = "#ffffff"
106+
baseOffsetColor = "#eaeaea"
107+
headingColor = "#1c1b1d"
108+
textColor = "#4e5157"
109+
dotColor = "#7b16ff"
110+
enableGoogleFonts = true
111+
googleFontsUrl = "https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap"
112+
fontFamilyHeading = "Poppins"
113+
fontFamilyParagraph = "Helvetica"
114+
fontFamilyMonospace = "monospace"
115+
```
116+
117+
### Google Analytics
118+
119+
Add your google analytics ID to the `config.toml`
120+
121+
```toml
122+
# config.toml
123+
[params]
124+
google_analytics_id="UA-132398315-1"
125+
```
126+
127+
### Plausible Analytics
128+
129+
Add your plausible analytics domain to the `config.toml`.
130+
This is `data-domain` in your [tracking script code](https://plausible.io/docs/plausible-script).
131+
132+
```toml
133+
# config.toml
134+
[params]
135+
plausible_analytics_domain = "example.com"
136+
```
137+
138+
# Deploying to Netlify
139+
140+
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/zerostaticthemes/hugo-winston-theme)
141+
142+
This theme includes a `netlify.toml` which is [configured to deploy to Netlify](https://discourse.gohugo.io/t/deploy-your-theme-to-netlify/15508) from the `exampleSite` folder. If you have installed this theme into a new Hugo site and the exampleSite folder was copied or removed, you should delete the `netlify.toml` file.
143+
144+
145+
### More Hugo Themes by Zerostatic
146+
147+
- [Hugo Hero](https://github.com/zerostaticthemes/hugo-hero-theme) - Open-source business theme
148+
- [Hugo Whisper](https://github.com/zerostaticthemes/hugo-whisper-theme) - Open-source documentation theme
149+
- [Hugo Serif](https://github.com/zerostaticthemes/hugo-serif-theme) - Open-source business theme
150+
- [Hugo Winston](https://github.com/zerostaticthemes/hugo-winston-theme) - Open-source blog theme
151+
- [Hugo Advance](https://www.zerostatic.io/theme/hugo-advance/) - Premium advanced multi page business & marketing theme
152+
- [Hugo Paradigm](https://www.zerostatic.io/theme/hugo-paradigm/) - Premium landing page + site builder theme
153+
- [Hugo Lever](https://www.zerostatic.io/theme/hugo-lever/) - Premium personal / bio theme
154+
- [Hugo Shard](https://www.zerostatic.io/theme/hugo-lever/) - Premium SAAS / landing page theme
155+
156+
### Find hundreds more Hugo themes on Built At Lightspeed
157+
158+
[<img alt="Built At Lightspeed Hugo themes directory screenshot" width="400px" src="https://www.zerostatic.io/images/builtatlightspeed-hugo-themes.jpg" />](https://builtatlightspeed.com/category/hugo)

‎themes/hugo-winston-theme/assets/css/extended/blank.css

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.custom {
2+
background: red;
3+
}

‎themes/hugo-winston-theme/assets/js/scripts.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
var body = document.querySelector('body');
2+
var menuTrigger = document.querySelector('#toggle-menu-main-mobile');
3+
var menuContainer = document.querySelector('#menu-main-mobile');
4+
var hamburgerIcon = document.querySelector('.hamburger');
5+
6+
if (menuTrigger !== null) {
7+
menuTrigger.addEventListener('click', function(e) {
8+
menuContainer.classList.toggle('open');
9+
hamburgerIcon.classList.toggle('is-active');
10+
body.classList.toggle('lock-scroll');
11+
});
12+
}

‎themes/hugo-winston-theme/assets/scss/_author.scss

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
.author {
2+
margin-top: 30px;
3+
margin-bottom: 30px;
4+
color: var(--heading-color);
5+
img {
6+
width: 30px;
7+
height: 30px;
8+
border-radius: 50%;
9+
display: inline-block;
10+
vertical-align: middle;
11+
border: 2px solid var(--heading-color);
12+
}
13+
.author-name {
14+
display: inline-block;
15+
vertical-align: middle;
16+
font-weight: bold;
17+
margin-left: 5px;
18+
}
19+
.author-date {
20+
display: inline-block;
21+
vertical-align: middle;
22+
}
23+
}
24+
.author-large {
25+
font-size: 20px;
26+
img {
27+
width: 50px;
28+
height: 50px;
29+
}
30+
.author-name {
31+
display: inline-block;
32+
vertical-align: middle;
33+
font-weight: bold;
34+
margin-left: 5px;
35+
}
36+
.author-title {
37+
display: inline-block;
38+
vertical-align: middle;
39+
}
40+
}

‎themes/hugo-winston-theme/assets/scss/_breakpoints.scss

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
@mixin breakpoint($breakpoint) {
2+
// If the key exists in the map
3+
@if map-has-key($breakpoints, $breakpoint) {
4+
// Prints a media query based on the value
5+
@media (min-width: map-get($breakpoints, $breakpoint)) {
6+
@content;
7+
}
8+
}
9+
// If the key doesn't exist in the map
10+
@else {
11+
@warn "Unfortunately, no value could be retrieved from `#{$breakpoint}`. "
12+
+ "Available breakpoints are: #{map-keys($breakpoints)}.";
13+
}
14+
}

0 commit comments

Comments
 (0)