glenn/glenn.coffee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Initial commit after copying site from glennrice.net

Browse Source
This commit is contained in:
Glenn 2021-01-31 21:33:47 +10:00
commit 0067890b53
63 changed files with 819 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
.gitmodules vendored Normal file
View 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
View File

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

40
config.toml Normal file
View 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
View File

@ -0,0 +1 @@
I'm an IT Pro & software developer working in Far North Queensland.

BIN
public/android-chrome-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
public/android-chrome-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

14
public/categories/index.xml Normal file
View 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
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 B

BIN
public/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 705 B

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
public/images/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

BIN
public/images/portrait.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

60
public/index.html Normal file
View 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 &amp; 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
View 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
View 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
View 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
View 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>

77
resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.content Normal file
View File

@ -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 */

1
resources/_gen/assets/scss/scss/stip.scss_11dec6d354e63d78237f08052de7276c.json Normal file
View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

1
resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.content Normal file
View 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}

1
resources/_gen/assets/scss/scss/stip.scss_d4f8b6498aaf27d34862c7e8a62b88f3.json Normal file
View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

BIN
static/images/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 810 KiB

BIN
static/images/portrait.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

2
themes/stip/.gitattributes vendored Normal file
View File

@ -0,0 +1,2 @@
resources/** -diff -merge
resources/** linguist-generated=true

19
themes/stip/.travis.yml Normal file
View 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
View 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
View File

@ -0,0 +1,149 @@
# Stip
[![Build Status](https://travis-ci.com/EmielH/stip-hugo.svg?branch=master)](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/).
![Stip screenshot](https://raw.githubusercontent.com/EmielH/stip-hugo/master/images/screenshot.png)
## 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
View File

@ -0,0 +1,2 @@
+++
+++

9
themes/stip/assets/scss/stip.scss Normal file
View 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
View 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
View 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
View 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
View 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
View File

2
themes/stip/i18n/de.toml Normal file
View 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
View 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
View 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
View 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
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
themes/stip/images/tn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 426 KiB

0
themes/stip/layouts/404.html Normal file
View File

8
themes/stip/layouts/_default/baseof.html Normal file
View 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
View 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
View File

@ -0,0 +1,3 @@
<div class="footer">
{{ i18n "generator" | safeHTML }}
</div>

43
themes/stip/layouts/partials/head.html Normal file
View 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 }} &middot; {{ .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
View File

2
themes/stip/layouts/partials/introduction.html Normal file
View 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
View 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
View 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
View 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
View File

@ -0,0 +1 @@
{"Target":"css/style.css","MediaType":"text/css","Data":{}}

BIN
themes/stip/static/android-chrome-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
themes/stip/static/android-chrome-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
themes/stip/static/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.2 KiB

BIN
themes/stip/static/favicon-16x16.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 365 B

BIN
themes/stip/static/favicon-32x32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 705 B

BIN
themes/stip/static/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
themes/stip/static/images/background.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 904 KiB

BIN
themes/stip/static/images/portrait.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

19
themes/stip/static/site.webmanifest Normal file
View 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
View 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"