Commit ad6eb402 authored by David Pedersen's avatar David Pedersen

Switched to lithium theme

parent 8b60db1d
Pipeline #72991923 passed with stages
in 27 seconds
# All available Hugo versions are listed here: https://gitlab.com/pages/hugo/container_registry
image: registry.gitlab.com/pages/hugo:latest
variables:
GIT_SUBMODULE_STRATEGY: recursive
test:
script:
- hugo
except:
- master
pages:
script:
- hugo
artifacts:
paths:
- public
only:
- master
[submodule "themes/natrium"]
path = themes/natrium
url = https://github.com/mobybit/hugo-natrium-theme.git
baseURL = "http://example.org/"
baseURL = "https://limero.gitlab.io"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "natrium"
title = "Limero"
theme = "lithium"
[permalinks]
post = "/:year/:month/:day/:title/"
page = "/:title/"
#[[menu.main]]
# name = "About"
# url = "/about/"
[[menu.main]]
name = "Contact"
url = "/contact/"
[params]
description = ""
# path to the favicon, under "static"
favicon = "favicon.ico"
[params.logo]
url = "logo.png"
width = 50
height = 50
alt = "Logo"
[params.icon]
url = "favicon.ico"
---
title: "About"
draft: true
---
Welcome to my website!
---
title: "Contact"
---
Send me an e-mail at limero (at) pm (dot) me
The MIT License (MIT)
Copyright (c) 2016 Jonathan Rutheiser
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.
{{ partial "header.html" . }}
<main class="content" role="main">
<article class="article">
{{ if eq .Section "post" }}
<span class="article-duration">{{ .ReadingTime }} min read</span>
{{ end }}
<h1 class="article-title">{{ .Title }}</h1>
{{ if eq .Section "post" }}
<span class="article-date">{{ .Date.Format "January 2, 2006" }}</span>
{{ end }}
<div class="article-content">
{{ .Content }}
</div>
</article>
</main>
{{ partial "footer.html" . }}
{{ partial "header.html" . }}
<main class="content" role="main">
<div class="archive">
{{ range (where .Data.Pages "Type" "post").GroupByDate "2006" }}
<h2 class="archive-title">{{ .Key }}</h2>
{{ range .Pages }}
<article class="archive-item">
<a href="{{ .Permalink }}" class="archive-item-link">{{ .Title }}</a>
<span class="archive-item-date">
{{ .Date.Format "January 2, 2006" }}
</span>
</article>
{{ end }}
{{ end }}
</div>
</main>
{{ partial "footer.html" . }}
<footer class="footer">
<ul class="footer-links">
<li>
<a href="{{ .Site.RSSLink }}" type="application/rss+xml" target="_blank">RSS feed</a>
</li>
<li>
<a href="" class="footer-links-kudos">Source code</a>
</li>
</ul>
</footer>
</div>
</body>
</html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{ .Hugo.Generator }}
{{ if eq .URL "/" }}
<title>{{ .Title }}</title>
<meta property="og:title" content="{{ .Title }}">
<meta property="og:type" content="website">
{{ else }}
<title>{{ .Title }} - {{ .Site.Title }}</title>
<meta property="og:title" content="{{ .Title }} - {{ .Site.Title }}">
{{ end }}
{{ with .Site.Params.favicon }}
<link href='{{ . | absURL }}' rel='icon' type='image/x-icon'/>
{{ end }}
{{ if eq .URL "/" }}
<meta property="description" content="{{ .Site.Params.description }}">
{{ else }}
{{ if .Description }}
<meta property="description" content="{{ .Description }}">
{{ end }}
{{ end }}
{{ if .Keywords }}
<meta property="keywords" content ="{{ delimit .Keywords ", " }}">
{{ end }}
{{ if .RSSLink }}
<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
{{ end }}
<link rel="icon" href="{{ .Site.BaseURL }}images/{{ .Site.Params.icon.url }}" type="image/x-icon"/>
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css" media="all">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Merriweather:400|Lato:400,400italic,700">
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
{{ partial "head.html" . }}
</head>
<body>
<div class="wrapper">
<header class="header">
{{ partial "nav.html" . }}
</header>
<nav class="nav">
<a href="{{ .Site.BaseURL }}" class="nav-logo">
<img src="{{ .Site.BaseURL }}images/{{ .Site.Params.logo.url }}"
width="{{ .Site.Params.logo.width }}"
height="{{ .Site.Params.logo.height }}"
alt="{{ .Site.Params.logo.alt }}">
</a>
<ul class="nav-links">
{{ range .Site.Menus.main }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }}
</ul>
</nav>
html,
body {
margin: 0;
padding: 0;
position: relative;
}
body {
font-family: 'Merriweather', serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga" on;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Lato', sans-serif;
color: #222;
}
a {
outline: none;
}
img {
max-width: 100%;
height: auto;
}
.wrapper {
overflow: hidden;
position: relative;
}
.header {
padding: 20px 0;
position: relative;
background: #f5f5f5;
border-bottom: 1px solid #eaeaea;
}
.nav {
max-width: 800px;
margin: 0 auto;
padding: 0 15px;
font-family: 'Lato', sans-serif;
text-align: right;
}
.nav-logo {
float: left;
margin-top: -11px;
transition: transform 150ms ease-out;
}
.nav-logo:hover {
transform: scale(1.1);
}
.nav-logo img {
display: block;
max-height: 40px;
width: auto;
}
.nav-links {
margin: 0;
padding: 0;
font-size: 14px;
list-style: none;
}
.nav-links li {
display: inline-block;
margin: 0 0 0 15px;
}
.nav-links li:first-child {
margin-left: 0;
}
.nav-links a {
text-decoration: none;
color: #111;
}
.nav-links a:hover {
color: #000;
}
.content {
max-width: 700px;
margin: 60px auto 80px;
padding: 0 15px;
font-size: 16px;
line-height: 1.7;
color: #555;
}
.article-title {
font-size: 34px;
color: #222;
margin: 0;
line-height: 1.3;
}
.article-date {
color: #ccc;
}
.article-duration {
margin-top: 12px;
float: right;
font-size: 10px;
font-family: 'Lato', sans-serif;
padding: 1px 5px;
font-weight: bold;
border-radius: 3px;
background: #bbb;
color: #fff
}
.article-content p {
margin: 15px 0 25px;
}
.article-content a {
text-decoration: none;
color: inherit;
border-bottom: 3px solid #CBF8DF;
box-shadow: inset 0 -4px 0 #CBF8DF;
background: transparent;
transition: background 150ms ease;
}
.article-content a:hover,
.article-content a:focus {
background: #CBF8DF;
}
.article-content hr {
width: 150px;
margin: 50px auto;
height: 1px;
overflow: hidden;
border: none;
background: #e5e5e5;
}
.highlight {
border-radius: 3px;
position: relative;
margin: 40px 0;
font-size: 14px;
}
.highlight pre {
padding: 10px;
}
.archive {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.3em;
text-align: center;
color: #111;
}
.archive-title {
font-size: 32px;
margin-top: 60px;
}
.archive-item {
margin: 5px 0 15px;
padding: 0;
}
.archive-item-date {
color: #ccc;
font-size: 14px;
padding: 5px 0;
margin-top: 5px;
display: block;
}
.archive-item-link {
display: inline-block;
text-decoration: none;
font-size: 21px;
font-family: 'Lato', sans-serif;
font-weight: bold;
color: #222;
padding: 5px 0;
border-bottom: 1px solid #ddd;
}
.archive-item-link:hover {
border-bottom-color: #222;
}
.footer {
padding: 25px 0;
text-align: center;
font-family: 'Lato', sans-serif;
}
.footer-links {
list-style: none;
margin: 0;
padding: 0;
color: #ccc;
font-size: 14px;
}
.footer-links li {
margin: 0;
padding: 0;
display: inline-block;
}
.footer-links a {
color: #888;
text-decoration: none;
transition: color 150ms ease;
margin: 0 15px;
}
.footer-links a:hover,
.footer-links a:focus {
color: #222;
}
.footer-links li::before {
content: '/';
position: relative;
left: -2px;
}
.footer-links li:first-child::before {
display: none;
}
.footer-links-kudos img {
position: relative;
top: 6px;
margin-left: 2px;
}
@media (min-width: 600px) {
.header {
padding: 25px 0;
}
.nav-logo {
margin-top: -13px;
}
.nav-logo img {
max-height: 50px;
}
.nav-links {
font-size: 18px;
}
.nav-links li {
margin: 0 0 0 30px;
}
.content {
font-size: 19px;
line-height: 1.8;
margin: 100px auto;
}
.highlight {
font-size: 16px;
margin: 40px -20px;
}
.archive {
text-align: left;
}
.archive-title {
font-size: 38px;
}
.archive-item-date {
font-size: 19px;
text-align: right;
float: right;
}
.article-title {
font-size: 42px;
}
.article-duration {
font-size: 12px;
}
.footer-links {
font-size: inherit;
}
}
# theme.toml template for a Hugo theme
# See https://github.com/spf13/hugoThemes#themetoml for an example
name = "Lithium"
license = "MIT"
licenselink = "https://github.com/jrutheiser/hugo-lithium-theme/blob/master/LICENSE.md"
description = "Lithium minimal theme"
homepage = "https://github.com/jrutheiser/hugo-lithium-theme"
tags = ["blog"]
features = ["blog", "google analytics"]
min_version = 0.15
[author]
name = "Jonathan Rutheiser"
homepage = "http://jrutheiser.com/"
Subproject commit c0906c9ec0878985af4cd86b0b083c5b8f1f78df
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment