Initial commit after copying site from glennrice.net
This commit is contained in:
commit
0067890b53
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[submodule "themes/stip"]
|
||||
path = themes/stip
|
||||
url = https://github.com/EmielH/stip-hugo.git
|
||||
6
archetypes/default.md
Normal file
6
archetypes/default.md
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
||||
40
config.toml
Normal file
40
config.toml
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
baseURL = "/"
|
||||
languageCode = "en-us"
|
||||
title = "glennrice.net"
|
||||
theme = "stip"
|
||||
|
||||
[Author]
|
||||
name = "Glenn Rice"
|
||||
bio = "Professional coffee drinker"
|
||||
|
||||
|
||||
[params.colors]
|
||||
background = "#000000"
|
||||
circle = "#4f2523"
|
||||
foreground = "#c7d0fc"
|
||||
hover = "#cd6cf7"
|
||||
|
||||
[params]
|
||||
|
||||
[[params.links]]
|
||||
icon = "github"
|
||||
title = "Github"
|
||||
url = "https://github.com/"
|
||||
|
||||
[[params.links]]
|
||||
|
||||
icon = "keybase"
|
||||
title = "Keybase"
|
||||
url = "https://keybase.io/glennr"
|
||||
|
||||
# [[params.links]]
|
||||
# iconset = "fas"
|
||||
# icon = "envelope"
|
||||
# title = "E-mail"
|
||||
# url = "mailto:mail@example.org"
|
||||
|
||||
[[params.links]]
|
||||
iconset = "fas"
|
||||
icon = "blog"
|
||||
title = "Blog"
|
||||
url = "https://caffeinated.blog"
|
||||
1
layouts/partials/introduction.html
Normal file
1
layouts/partials/introduction.html
Normal file
|
|
@ -0,0 +1 @@
|
|||
I'm an IT Pro & software developer working in Far North Queensland.
|
||||
BIN
public/android-chrome-192x192.png
Normal file
BIN
public/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
public/android-chrome-512x512.png
Normal file
BIN
public/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
public/apple-touch-icon.png
Normal file
BIN
public/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
14
public/categories/index.xml
Normal file
14
public/categories/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Categories on glennrice.net</title>
|
||||
<link>/categories/</link>
|
||||
<description>Recent content in Categories on glennrice.net</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
|
||||
<atom:link href="/categories/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
1
public/css/style.css
Normal file
1
public/css/style.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
html,body{color:#c7d0fc;margin:0;padding:1rem}html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}body{background-color:#000;background-repeat:no-repeat;background-attachment:fixed}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#c7d0fc}a:hover{color:#cd6cf7}h1{font-size:9rem;font-weight:100}@media screen and (max-width: 980px){h1{font-size:6rem}}h2{font-size:3rem;font-weight:100}p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7}img.portrait{border-radius:50%;border:20px solid #c7d0fc;width:300px;height:300px}.portrait-container{border-radius:50%;border:65vw solid #4f2523;margin:-63vw;height:340px;width:340px}main{display:flex;flex-direction:row}@media screen and (max-width: 980px){main{flex-direction:column}}.content{margin-left:1rem;max-width:50vw}@media screen and (max-width: 980px){.content{margin-left:0;max-width:100vw}}.content .links{margin-top:2.5rem;font-size:1.5rem}.content .links a{margin-right:0.5rem;text-decoration:none}.footer{margin-top:3rem;font-size:0.75rem}
|
||||
BIN
public/favicon-16x16.png
Normal file
BIN
public/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 365 B |
BIN
public/favicon-32x32.png
Normal file
BIN
public/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
BIN
public/favicon.ico
Normal file
BIN
public/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
public/images/background.jpg
Normal file
BIN
public/images/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 810 KiB |
BIN
public/images/portrait.jpg
Normal file
BIN
public/images/portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
60
public/index.html
Normal file
60
public/index.html
Normal file
|
|
@ -0,0 +1,60 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en-us"><head>
|
||||
<meta name="generator" content="Hugo 0.56.3" />
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="description" content="">
|
||||
|
||||
<title>
|
||||
glennrice.net
|
||||
</title>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/css/style.css">
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: url('/images/background.jpg');
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
|
||||
|
||||
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
|
||||
<link rel="manifest" href="/site.webmanifest">
|
||||
|
||||
|
||||
<link href="/index.xml" rel="alternate" type="application/rss+xml" title="glennrice.net" />
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<main>
|
||||
<div class="portrait-container">
|
||||
<img src="/images/portrait.jpg" width="300" height="300" class="portrait" alt="Portrait" />
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h1>Glenn Rice</h1>
|
||||
<h2>Professional coffee drinker</h2>
|
||||
<p>I'm an IT Pro & software developer working in Far North Queensland.
|
||||
</p>
|
||||
|
||||
<div class="links"><a rel="me" href="https://github.com/" title="Github">
|
||||
<span class="fab fa-github"></span>
|
||||
</a><a rel="me" href="https://keybase.io/glennr" title="Keybase">
|
||||
<span class="fab fa-keybase"></span>
|
||||
</a><a rel="me" href="https://caffeinated.blog" title="Blog">
|
||||
<span class="fas fa-blog"></span>
|
||||
</a></div><div class="footer">
|
||||
Made with <a href='https://gohugo.io'>Hugo</a> using the <a href='https://github.com/EmielH/stip-hugo/'>Stip</a> theme.
|
||||
</div></div>
|
||||
</main>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
14
public/index.xml
Normal file
14
public/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>glennrice.net</title>
|
||||
<link>/</link>
|
||||
<description>Recent content on glennrice.net</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
|
||||
<atom:link href="/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
19
public/site.webmanifest
Normal file
19
public/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
20
public/sitemap.xml
Normal file
20
public/sitemap.xml
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
|
||||
xmlns:xhtml="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<url>
|
||||
<loc>/categories/</loc>
|
||||
<priority>0</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>/tags/</loc>
|
||||
<priority>0</priority>
|
||||
</url>
|
||||
|
||||
<url>
|
||||
<loc>/</loc>
|
||||
<priority>0</priority>
|
||||
</url>
|
||||
|
||||
</urlset>
|
||||
14
public/tags/index.xml
Normal file
14
public/tags/index.xml
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
|
||||
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
|
||||
<channel>
|
||||
<title>Tags on glennrice.net</title>
|
||||
<link>/tags/</link>
|
||||
<description>Recent content in Tags on glennrice.net</description>
|
||||
<generator>Hugo -- gohugo.io</generator>
|
||||
<language>en-us</language>
|
||||
|
||||
<atom:link href="/tags/index.xml" rel="self" type="application/rss+xml" />
|
||||
|
||||
|
||||
</channel>
|
||||
</rss>
|
||||
|
|
@ -0,0 +1,77 @@
|
|||
html,
|
||||
body {
|
||||
color: #c7d0fc;
|
||||
margin: 0;
|
||||
padding: 1rem; }
|
||||
|
||||
html {
|
||||
font-family: "Roboto", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
overflow-y: auto; }
|
||||
|
||||
body {
|
||||
background-color: #000000;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed; }
|
||||
|
||||
a {
|
||||
-webkit-transition: color 0.2s ease-out;
|
||||
-moz-transition: color 0.2s ease-out;
|
||||
transition: color 0.2s ease-out;
|
||||
color: #c7d0fc; }
|
||||
a:hover {
|
||||
color: #cd6cf7; }
|
||||
|
||||
h1 {
|
||||
font-size: 9rem;
|
||||
font-weight: 100; }
|
||||
@media screen and (max-width: 980px) {
|
||||
h1 {
|
||||
font-size: 6rem; } }
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
font-weight: 100; }
|
||||
|
||||
p {
|
||||
font-family: "Lora", "Times", "Times New Roman", serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.7; }
|
||||
|
||||
img.portrait {
|
||||
border-radius: 50%;
|
||||
border: 20px solid #c7d0fc;
|
||||
width: 300px;
|
||||
height: 300px; }
|
||||
|
||||
.portrait-container {
|
||||
border-radius: 50%;
|
||||
border: 65vw solid #4f2523;
|
||||
margin: -63vw;
|
||||
height: 340px;
|
||||
width: 340px; }
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
@media screen and (max-width: 980px) {
|
||||
main {
|
||||
flex-direction: column; } }
|
||||
.content {
|
||||
margin-left: 1rem;
|
||||
max-width: 50vw; }
|
||||
@media screen and (max-width: 980px) {
|
||||
.content {
|
||||
margin-left: 0;
|
||||
max-width: 100vw; } }
|
||||
.content .links {
|
||||
margin-top: 2.5rem;
|
||||
font-size: 1.5rem; }
|
||||
.content .links a {
|
||||
margin-right: 0.5rem;
|
||||
text-decoration: none; }
|
||||
|
||||
.footer {
|
||||
margin-top: 3rem;
|
||||
font-size: 0.75rem; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
|
|
@ -0,0 +1 @@
|
|||
html,body{color:#c7d0fc;margin:0;padding:1rem}html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}body{background-color:#000;background-repeat:no-repeat;background-attachment:fixed}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#c7d0fc}a:hover{color:#cd6cf7}h1{font-size:9rem;font-weight:100}@media screen and (max-width: 980px){h1{font-size:6rem}}h2{font-size:3rem;font-weight:100}p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7}img.portrait{border-radius:50%;border:20px solid #c7d0fc;width:300px;height:300px}.portrait-container{border-radius:50%;border:65vw solid #4f2523;margin:-63vw;height:340px;width:340px}main{display:flex;flex-direction:row}@media screen and (max-width: 980px){main{flex-direction:column}}.content{margin-left:1rem;max-width:50vw}@media screen and (max-width: 980px){.content{margin-left:0;max-width:100vw}}.content .links{margin-top:2.5rem;font-size:1.5rem}.content .links a{margin-right:0.5rem;text-decoration:none}.footer{margin-top:3rem;font-size:0.75rem}
|
||||
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
BIN
static/images/background.jpg
Normal file
BIN
static/images/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 810 KiB |
BIN
static/images/portrait.jpg
Normal file
BIN
static/images/portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.7 KiB |
2
themes/stip/.gitattributes
vendored
Normal file
2
themes/stip/.gitattributes
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
resources/** -diff -merge
|
||||
resources/** linguist-generated=true
|
||||
19
themes/stip/.travis.yml
Normal file
19
themes/stip/.travis.yml
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
env:
|
||||
- HUGO_VERSION="0.50"
|
||||
- HUGO_VERSION="0.51"
|
||||
- HUGO_VERSION="0.52"
|
||||
- HUGO_VERSION="0.53"
|
||||
- HUGO_VERSION="0.54.0"
|
||||
- HUGO_VERSION="0.55.0"
|
||||
|
||||
install:
|
||||
- wget https://github.com/gohugoio/hugo/releases/download/v${HUGO_VERSION}/hugo_${HUGO_VERSION}_Linux-64bit.tar.gz
|
||||
- tar xf hugo_${HUGO_VERSION}_Linux-64bit.tar.gz
|
||||
- mv hugo ~/bin/
|
||||
- hugo version
|
||||
- gem install html-proofer
|
||||
|
||||
script:
|
||||
- cd exampleSite
|
||||
- hugo -t stip-hugo --themesDir ../..
|
||||
- htmlproofer public --check-html --disable-external
|
||||
20
themes/stip/LICENSE
Normal file
20
themes/stip/LICENSE
Normal file
|
|
@ -0,0 +1,20 @@
|
|||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2019 Emiel Hollander
|
||||
|
||||
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.
|
||||
149
themes/stip/README.md
Normal file
149
themes/stip/README.md
Normal file
|
|
@ -0,0 +1,149 @@
|
|||
# Stip
|
||||
|
||||
[](https://travis-ci.com/EmielH/stip-hugo)
|
||||
|
||||
Stip is a single-page Hugo theme to introduce yourself. Add a portrait, an introduction, several links, and you're set. The theme was inspired by Material Design's tap target design pattern. [An implementation of this design pattern](https://sjwall.github.io/MaterialTapTargetPrompt/).
|
||||
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
### 1. Install the theme
|
||||
|
||||
If your site is also under version control using git, the easiest way to install this theme is to add it as a submodule. If you have not created a git repo for your project yet, you need to run `git init` beforehand. Inside the folder of your Hugo site, run the following command.
|
||||
|
||||
```
|
||||
git submodule add https://github.com/EmielH/stip-hugo.git themes/stip
|
||||
```
|
||||
|
||||
Alternatively, you can clone the theme into your project.
|
||||
|
||||
```
|
||||
git clone https://github.com/EmielH/stip-hugo.git themes/stip
|
||||
```
|
||||
|
||||
### 2. Configure Hugo
|
||||
|
||||
Add the following line to `config.toml` to tell Hugo to use the theme.
|
||||
|
||||
```
|
||||
theme = "stip"
|
||||
```
|
||||
|
||||
Alternatively, you can tell Hugo to use the theme with the `server` command.
|
||||
|
||||
```
|
||||
hugo server -t stip
|
||||
```
|
||||
|
||||
_[Hugo setup guide](https//gohugo.io/overview/installing/)_
|
||||
|
||||
### Update the theme
|
||||
|
||||
If you have installed the theme as a git submodule, you can update the theme by issuing the following command inside your project folder.
|
||||
|
||||
```
|
||||
git submodule update --remote --rebase
|
||||
```
|
||||
|
||||
If you have cloned the theme, you can run `git pull` inside the theme folder.
|
||||
|
||||
## Configuration
|
||||
|
||||
### Images
|
||||
|
||||
Put your own portrait in `/static/images/portrait.jpg` of your own site, and/or put your own background in `/static/images/background.jpg` of your own site and Hugo wil automatically use those images instead of the standard one. It's not necessary to alter the theme.
|
||||
|
||||
### Introduction
|
||||
|
||||
Put your own introduction text in `/layouts/partials/introduction.html` of your own site and Hugo wil automatically use that introduction instead of the standard one. It's not necessary to alter the theme.
|
||||
|
||||
### Name and bio
|
||||
|
||||
Stip will use the name and bio of the author that has been configured in the `Author` section of your site's `config.toml`. Add the lines below to your `config.toml` to configure these.
|
||||
|
||||
```
|
||||
[Author]
|
||||
name = "Jane Doe"
|
||||
bio = "Professional coffee drinker"
|
||||
```
|
||||
|
||||
### Links
|
||||
|
||||
You can put your own links below the introduction text, for example to link to your social media accounts or to include your e-mail address. These links use icons from FontAwesome. The links can be configured in the `params` section of your site's `config.toml`. This is an example configuration for a link to Github:
|
||||
|
||||
```
|
||||
[params]
|
||||
[[params.links]]
|
||||
icon = "github"
|
||||
title = "Github"
|
||||
url = "https://github.com/"
|
||||
```
|
||||
|
||||
Stip by default allows you to choose an icon from [the brands set](https://fontawesome.com/icons?d=gallery&s=brands&m=free). Put the name of the icon in the `icon` parameter. This set is the default set because these links will mostly be used for links to social media.
|
||||
|
||||
It is possible to use an icon from [the solid set](https://fontawesome.com/icons?d=gallery&s=solid&m=free). To do this, specify the icon set, like this:
|
||||
|
||||
```
|
||||
[[params.links]]
|
||||
iconset = "fas"
|
||||
icon = "envelope"
|
||||
title = "E-mail"
|
||||
url = "mailto:mail@example.org"
|
||||
```
|
||||
|
||||
### Internationalisation (i18n)
|
||||
|
||||
Stip supports using other languages than English. Language files for the texts Stip uses are provided in the `i18n` directory. The default language is English. To switch languages, add the key `defaultContentLanguage` to your `config.toml` file. For example:
|
||||
|
||||
```
|
||||
defaultContentLanguage = "nl"
|
||||
```
|
||||
|
||||
To translate texts your site uses, add an `i18n` folder to your site.
|
||||
|
||||
Feel free to submit pull requests for other translations of Stip's texts.
|
||||
|
||||
_[Hugo documentation for multilingual sites](//gohugo.io/content-management/multilingual/)_
|
||||
|
||||
### Colors
|
||||
|
||||
You can alter the colors of your website using configuration options. Add the following to the `[params]` section of your `config.toml` for an alternate color scheme:
|
||||
|
||||
```
|
||||
[params.colors]
|
||||
background = "#000000"
|
||||
circle = "#3942ba"
|
||||
foreground = "#c7d0fc"
|
||||
hover = "#cd6cf7"
|
||||
```
|
||||
|
||||
* `background`: Th background color of the site. Note that this color usually will not be visible because of the background image.
|
||||
* `circle`: The background color of the large circle.
|
||||
* `foreground`: The color of the text and the border of the portrait.
|
||||
* `hover`: The color of the hover of links.
|
||||
|
||||
> **Warning: When using Hugo Basic, you need to perform additional steps to make custom colors work.**
|
||||
>
|
||||
> If you get the following error message while building your site, you're using Hugo Basic:
|
||||
>
|
||||
> `error: failed to transform resource: TOCSS: failed to transform "style.stip.scss" (text/x-scss): this feature is not available in your current Hugo version`
|
||||
>
|
||||
> The SCSS needs to be transpiled for your custom colours, which is something Hugo Basic cannot do. For the standard colours, the transpiled SCSS comes with the theme.
|
||||
>
|
||||
> If you're stuck with Hugo Basic, e.g. because your Hugo site is generated on a server that only has Hugo Basic installed, you can get custom colours to work by performing the following steps.
|
||||
>
|
||||
> 1. Install Hugo Extended on your local machine.
|
||||
> 2. Generate your site locally by running `hugo` on your local machine.
|
||||
> 3. Commit the generated `resources` folder to the root folder of your site. This folder can be found inside the `public` folder after running `hugo`.
|
||||
>
|
||||
> Hugo Basic will then use this `resources` folder to find the transpiled SCSS.
|
||||
|
||||
## Acknowledgments
|
||||
|
||||
Stock portrait photo obtained [here](https://www.pexels.com/photo/woman-holding-disposable-cup-712513/).
|
||||
Stock background photo obtained [here](https://www.pexels.com/photo/trees-grass-lawn-park-2336/).
|
||||
|
||||
## License
|
||||
|
||||
See [LICENSE](https://github.com/EmielH/stip-hugo/blob/master/LICENSE).
|
||||
2
themes/stip/archetypes/default.md
Normal file
2
themes/stip/archetypes/default.md
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
+++
|
||||
+++
|
||||
9
themes/stip/assets/scss/stip.scss
Normal file
9
themes/stip/assets/scss/stip.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
// Colours
|
||||
$color-background: {{ .Site.Params.colors.background | default "#fff" }};
|
||||
$color-circle: {{ .Site.Params.colors.circle | default "#164972" }};
|
||||
$color-foreground: {{ .Site.Params.colors.foreground | default "#fff" }};
|
||||
$color-hover: {{ .Site.Params.colors.hover | default "#88fcf0" }};
|
||||
|
||||
@import 'stip/variables';
|
||||
@import 'stip/base';
|
||||
@import 'stip/layout';
|
||||
63
themes/stip/assets/scss/stip/_base.scss
Normal file
63
themes/stip/assets/scss/stip/_base.scss
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
html,
|
||||
body {
|
||||
color: $color-foreground;
|
||||
margin: 0;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: $sans-serif;
|
||||
font-size: 16px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: $color-background;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
}
|
||||
|
||||
a {
|
||||
@include transition(color .2s ease-out);
|
||||
color: $color-foreground;
|
||||
|
||||
&:hover {
|
||||
color: $color-hover;
|
||||
}
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 9rem;
|
||||
font-weight: 100;
|
||||
|
||||
@media screen and (max-width: $break-large) {
|
||||
font-size: 6rem;
|
||||
}
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
font-weight: 100;
|
||||
}
|
||||
|
||||
p {
|
||||
font-family: $serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
img.portrait {
|
||||
border-radius: 50%;
|
||||
border: $portrait-border-width solid $color-foreground;
|
||||
width: $portrait-size;
|
||||
height: $portrait-size;
|
||||
}
|
||||
|
||||
.portrait-container {
|
||||
border-radius: 50%;
|
||||
border: 65vw solid $color-circle;
|
||||
margin: -63vw;
|
||||
height: $portrait-size + 2 * $portrait-border-width;
|
||||
width: $portrait-size + 2 * $portrait-border-width;
|
||||
|
||||
}
|
||||
33
themes/stip/assets/scss/stip/_layout.scss
Normal file
33
themes/stip/assets/scss/stip/_layout.scss
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
main {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
||||
@media screen and (max-width: $break-large) {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
margin-left: 1rem;
|
||||
max-width: 50vw;
|
||||
|
||||
@media screen and (max-width: $break-large) {
|
||||
margin-left: 0;
|
||||
max-width: 100vw;
|
||||
}
|
||||
|
||||
.links {
|
||||
margin-top: 2.5rem;
|
||||
font-size: 1.5rem;
|
||||
|
||||
a {
|
||||
margin-right: 0.5rem;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 3rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
16
themes/stip/assets/scss/stip/_variables.scss
Normal file
16
themes/stip/assets/scss/stip/_variables.scss
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
// Fonts
|
||||
$sans-serif: 'Roboto', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
$serif: 'Lora', 'Times', 'Times New Roman', serif;
|
||||
|
||||
// Responsive breaks
|
||||
$break-large: 980px;
|
||||
|
||||
// Portrait size
|
||||
$portrait-size: 300px;
|
||||
$portrait-border-width: 20px;
|
||||
|
||||
@mixin transition($args...) {
|
||||
-webkit-transition: $args;
|
||||
-moz-transition: $args;
|
||||
transition: $args;
|
||||
}
|
||||
29
themes/stip/exampleSite/config.toml
Normal file
29
themes/stip/exampleSite/config.toml
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
baseURL = "https://example.com/"
|
||||
languageCode = "en"
|
||||
defaultContentLanguage = "en"
|
||||
title = "Stip"
|
||||
theme = "stip"
|
||||
disableKinds = ["page", "section", "taxonomy", "taxonomyTerm"]
|
||||
|
||||
[Author]
|
||||
name = "Jane Doe"
|
||||
bio = "Professional coffee drinker"
|
||||
|
||||
[params]
|
||||
|
||||
[[params.links]]
|
||||
iconset = "fas"
|
||||
icon = "envelope"
|
||||
title = "E-mail"
|
||||
url = "mailto:mail@example.org"
|
||||
|
||||
[[params.links]]
|
||||
icon = "github"
|
||||
title = "Github"
|
||||
url = "https://github.com/"
|
||||
|
||||
[[params.links]]
|
||||
icon = "twitter"
|
||||
title = "Twitter"
|
||||
url = "https://twitter.com/"
|
||||
|
||||
0
themes/stip/exampleSite/content/.gitkeep
Normal file
0
themes/stip/exampleSite/content/.gitkeep
Normal file
2
themes/stip/i18n/de.toml
Normal file
2
themes/stip/i18n/de.toml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[generator]
|
||||
other = "Gemacht mit <a href='https://gohugo.io'>Hugo</a> mit dem Thema <a href='https://github.com/EmielH/stip-hugo/'>Stip</a>."
|
||||
2
themes/stip/i18n/en.toml
Normal file
2
themes/stip/i18n/en.toml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[generator]
|
||||
other = "Made with <a href='https://gohugo.io'>Hugo</a> using the <a href='https://github.com/EmielH/stip-hugo/'>Stip</a> theme."
|
||||
2
themes/stip/i18n/fr.toml
Normal file
2
themes/stip/i18n/fr.toml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[generator]
|
||||
other = "Fabriqué avec <a href='https://gohugo.io'>Hugo</a> en utilisant le thème <a href='https://github.com/EmielH/stip-hugo/'>Stip</a>."
|
||||
2
themes/stip/i18n/nl.toml
Normal file
2
themes/stip/i18n/nl.toml
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
[generator]
|
||||
other = "Gemaakt met <a href='https://gohugo.io'>Hugo</a> en thema <a href='https://github.com/EmielH/stip-hugo/'>Stip</a>."
|
||||
BIN
themes/stip/images/screenshot.png
Normal file
BIN
themes/stip/images/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
themes/stip/images/tn.png
Normal file
BIN
themes/stip/images/tn.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 426 KiB |
0
themes/stip/layouts/404.html
Normal file
0
themes/stip/layouts/404.html
Normal file
8
themes/stip/layouts/_default/baseof.html
Normal file
8
themes/stip/layouts/_default/baseof.html
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.LanguageCode | default "en" }}">
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
{{- block "main" . }}{{- end }}
|
||||
</body>
|
||||
</html>
|
||||
25
themes/stip/layouts/index.html
Normal file
25
themes/stip/layouts/index.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{{ define "main" }}
|
||||
|
||||
<main>
|
||||
<div class="portrait-container">
|
||||
<img src="{{ "images/portrait.jpg" | relURL }}" width="300" height="300" class="portrait" alt="Portrait" />
|
||||
</div>
|
||||
|
||||
<div class="content">
|
||||
<h1>{{ .Site.Author.name | default "Stip" }}</h1>
|
||||
<h2>{{ .Site.Author.bio | default "Hugo theme to introduce yourself" }}</h2>
|
||||
<p>{{- partial "introduction.html" . -}}</p>
|
||||
|
||||
<div class="links">
|
||||
{{- range .Site.Params.links -}}
|
||||
<a rel="me" href="{{ .url }}" title="{{ .title }}">
|
||||
<span class="{{ .iconset | default "fab" }} fa-{{ .icon }}"></span>
|
||||
</a>
|
||||
{{- end -}}
|
||||
</div>
|
||||
|
||||
{{- partial "footer.html" . -}}
|
||||
</div>
|
||||
</main>
|
||||
|
||||
{{ end }}
|
||||
3
themes/stip/layouts/partials/footer.html
Normal file
3
themes/stip/layouts/partials/footer.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<div class="footer">
|
||||
{{ i18n "generator" | safeHTML }}
|
||||
</div>
|
||||
43
themes/stip/layouts/partials/head.html
Normal file
43
themes/stip/layouts/partials/head.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{{- if .IsHome }}
|
||||
<meta name="description" content="{{ .Site.Params.Description }}">
|
||||
{{- else if .Description }}
|
||||
<meta name="description" content="{{ .Description }}">
|
||||
{{- end }}
|
||||
|
||||
<title>
|
||||
{{- if .IsHome }}
|
||||
{{ .Site.Title }}
|
||||
{{- else }}
|
||||
{{ .Title }} · {{ .Site.Title }}
|
||||
{{- end }}
|
||||
</title>
|
||||
|
||||
<!-- CSS -->
|
||||
{{- $inServerMode := .Site.IsServer }}
|
||||
{{- $cssTarget := "css/style.css" }}
|
||||
{{- $cssOptions := cond ($inServerMode) (dict "targetPath" $cssTarget "enableSourceMap" true) (dict "targetPath" $cssTarget "outputStyle" "compressed") }}
|
||||
{{- $style := resources.Get "scss/stip.scss" | resources.ExecuteAsTemplate "style.hallo.scss" . | toCSS $cssOptions }}
|
||||
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
||||
|
||||
<style>
|
||||
body {
|
||||
background: url('{{ "images/background.jpg" | absURL }}');
|
||||
}
|
||||
</style>
|
||||
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ "apple-touch-icon.png" | relURL }}">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="{{ "favicon-32x32.png" | relURL }}">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="{{ "favicon-16x16.png" | relURL }}">
|
||||
<link rel="manifest" href="{{ "site.webmanifest" | relURL }}">
|
||||
|
||||
<!-- RSS -->
|
||||
<link href="{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
|
||||
</head>
|
||||
0
themes/stip/layouts/partials/header.html
Normal file
0
themes/stip/layouts/partials/header.html
Normal file
2
themes/stip/layouts/partials/introduction.html
Normal file
2
themes/stip/layouts/partials/introduction.html
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
<!--Stip is a single-page Hugo theme to introduce yourself. Add a portrait, an introduction, several links, and you're set. Create a partial called introduction.html on your own site to replace this standard introduction. Create a file called portrait.jpg in static/images to replace the standard portrait.-->
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque porta accumsan ex, eu auctor lacus condimentum ut. Suspendisse ut leo convallis risus fermentum blandit. Nam efficitur dui eros, nec fermentum lorem blandit at. Fusce tempus euismod arcu sed finibus.
|
||||
79
themes/stip/resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.content
generated
Normal file
79
themes/stip/resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.content
generated
Normal file
|
|
@ -0,0 +1,79 @@
|
|||
html,
|
||||
body {
|
||||
color: #fff;
|
||||
margin: 0;
|
||||
padding: 1rem; }
|
||||
|
||||
html {
|
||||
font-family: "Roboto", "Helvetica Neue", "Segoe UI", Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
overflow-y: auto; }
|
||||
|
||||
body {
|
||||
background-color: #fff;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed; }
|
||||
|
||||
a {
|
||||
-webkit-transition: color 0.2s ease-out;
|
||||
-moz-transition: color 0.2s ease-out;
|
||||
transition: color 0.2s ease-out;
|
||||
color: #fff; }
|
||||
a:hover {
|
||||
color: #88fcf0; }
|
||||
|
||||
h1 {
|
||||
font-size: 9rem;
|
||||
font-weight: 100; }
|
||||
@media screen and (max-width: 980px) {
|
||||
h1 {
|
||||
font-size: 6rem; } }
|
||||
|
||||
h2 {
|
||||
font-size: 3rem;
|
||||
font-weight: 100; }
|
||||
|
||||
p {
|
||||
font-family: "Lora", "Times", "Times New Roman", serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.7; }
|
||||
|
||||
img.portrait {
|
||||
border-radius: 50%;
|
||||
border: 20px solid #fff;
|
||||
width: 300px;
|
||||
height: 300px; }
|
||||
|
||||
.portrait-container {
|
||||
border-radius: 50%;
|
||||
border: 65vw solid #164972;
|
||||
margin: -63vw;
|
||||
height: 340px;
|
||||
width: 340px; }
|
||||
|
||||
main {
|
||||
display: flex;
|
||||
flex-direction: row; }
|
||||
@media screen and (max-width: 980px) {
|
||||
main {
|
||||
flex-direction: column; } }
|
||||
|
||||
.content {
|
||||
margin-left: 1rem;
|
||||
max-width: 50vw; }
|
||||
@media screen and (max-width: 980px) {
|
||||
.content {
|
||||
margin-left: 0;
|
||||
max-width: 100vw; } }
|
||||
.content .links {
|
||||
margin-top: 2.5rem;
|
||||
font-size: 1.5rem; }
|
||||
.content .links a {
|
||||
margin-right: 0.5rem;
|
||||
text-decoration: none; }
|
||||
|
||||
.footer {
|
||||
margin-top: 3rem;
|
||||
font-size: 0.75rem; }
|
||||
|
||||
/*# sourceMappingURL=style.css.map */
|
||||
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.json
generated
Normal file
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.json
generated
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content
generated
Normal file
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content
generated
Normal file
|
|
@ -0,0 +1 @@
|
|||
html,body{color:#fff;margin:0;padding:1rem}html{font-family:"Roboto","Helvetica Neue","Segoe UI",Helvetica,Arial,sans-serif;font-size:16px;overflow-y:auto}body{background-color:#fff;background-repeat:no-repeat;background-attachment:fixed}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;transition:color 0.2s ease-out;color:#fff}a:hover{color:#88fcf0}h1{font-size:9rem;font-weight:100}@media screen and (max-width: 980px){h1{font-size:6rem}}h2{font-size:3rem;font-weight:100}p{font-family:"Lora","Times","Times New Roman",serif;font-weight:300;line-height:1.7}img.portrait{border-radius:50%;border:20px solid #fff;width:300px;height:300px}.portrait-container{border-radius:50%;border:65vw solid #164972;margin:-63vw;height:340px;width:340px}main{display:flex;flex-direction:row}@media screen and (max-width: 980px){main{flex-direction:column}}.content{margin-left:1rem;max-width:50vw}@media screen and (max-width: 980px){.content{margin-left:0;max-width:100vw}}.content .links{margin-top:2.5rem;font-size:1.5rem}.content .links a{margin-right:0.5rem;text-decoration:none}.footer{margin-top:3rem;font-size:0.75rem}
|
||||
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.json
generated
Normal file
1
themes/stip/resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.json
generated
Normal file
|
|
@ -0,0 +1 @@
|
|||
{"Target":"css/style.css","MediaType":"text/css","Data":{}}
|
||||
BIN
themes/stip/static/android-chrome-192x192.png
Normal file
BIN
themes/stip/static/android-chrome-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 9.1 KiB |
BIN
themes/stip/static/android-chrome-512x512.png
Normal file
BIN
themes/stip/static/android-chrome-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
BIN
themes/stip/static/apple-touch-icon.png
Normal file
BIN
themes/stip/static/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.2 KiB |
BIN
themes/stip/static/favicon-16x16.png
Normal file
BIN
themes/stip/static/favicon-16x16.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 365 B |
BIN
themes/stip/static/favicon-32x32.png
Normal file
BIN
themes/stip/static/favicon-32x32.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 705 B |
BIN
themes/stip/static/favicon.ico
Normal file
BIN
themes/stip/static/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
BIN
themes/stip/static/images/background.jpg
Normal file
BIN
themes/stip/static/images/background.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 904 KiB |
BIN
themes/stip/static/images/portrait.jpg
Normal file
BIN
themes/stip/static/images/portrait.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 30 KiB |
19
themes/stip/static/site.webmanifest
Normal file
19
themes/stip/static/site.webmanifest
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "",
|
||||
"short_name": "",
|
||||
"icons": [
|
||||
{
|
||||
"src": "/android-chrome-192x192.png",
|
||||
"sizes": "192x192",
|
||||
"type": "image/png"
|
||||
},
|
||||
{
|
||||
"src": "/android-chrome-512x512.png",
|
||||
"sizes": "512x512",
|
||||
"type": "image/png"
|
||||
}
|
||||
],
|
||||
"theme_color": "#ffffff",
|
||||
"background_color": "#ffffff",
|
||||
"display": "standalone"
|
||||
}
|
||||
15
themes/stip/theme.toml
Normal file
15
themes/stip/theme.toml
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "Stip"
|
||||
license = "MIT"
|
||||
licenselink = "https://github.com/EmielH/stip-hugo/blob/master/LICENSE"
|
||||
description = "Stip is a single-page Hugo theme to introduce yourself."
|
||||
homepage = "https://github.com/EmielH/stip-hugo"
|
||||
tags = ["minimal", "clean", "responsive", "simple", "personal", "starter", "single page", "onepage", "Font Awesome", "landing page"]
|
||||
features = []
|
||||
min_version = "0.50"
|
||||
|
||||
[author]
|
||||
name = "Emiel Hollander"
|
||||
homepage = "https://www.emielhollander.nl"
|
||||
Loading…
Reference in New Issue
Block a user