Oliver/lugo
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

master #1

Closed
Oliver wants to merge 49 commits from master into main
pull from: master
merge into: Oliver:main
Conversation 0 Commits 49 Files Changed 13 +163 -119
13 changed files with 163 additions and 119 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@ -1,6 +1,6 @@
# Lugo - a fork of Luke's theme
# Oliver's Hugo Theme
A basic hugo theme based off of [Luke Smith's](https://lukesmith.xyz) hugo theme. Quite a lot has been changed so it is barely a fork at this point.
Fork of [lugo](https://github.com/LukeSmithxyz/lugo). Used for my personal website(s).
## Get started

2
archetypes/default.md
View File

@ -2,6 +2,6 @@
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
description: "Example"
tags: ['']
tags: ['blog']
draft: true
---

5
config.toml
View File

@ -1,11 +1,12 @@
title = "Website Name"
baseURL = 'https://example.org'
languageCode = 'en-us'
enableRobotsTXT = true
[params]
# "relatedtext" is the text that appears above the tag list at the bottom of pages.
relatedtext = "Related"
favicon = "/favicon.ico"
relatedtext = "Tags:"
favicon = "favicon.ico"
#list items
datesinlist = true

4
layouts/_default/baseof.html
View File

@ -1,12 +1,12 @@
<!DOCTYPE html>
<html lang="{{ .Site.Language }}">
{{ partial "head.html" . }}
<body>
{{ block "header" . }}
{{ partial "header.html" . }}
{{ end }}
<main>
<section>
<div class="article-header">
<h3 class="spaced">
{{ .Page.Title }}
@ -17,10 +17,10 @@
{{ .Content }}
{{ end }}
</article>
</section>
{{ block "footer" . }}
{{ partial "footer.html" . }}
{{ end }}
</main>
</body>
</html>

2
layouts/_default/list.html
View File

@ -3,6 +3,7 @@
{{- end }}
{{ define "main" -}}
{{ .Content }}
{{ if not .IsHome }}
<ul>
{{- range.Pages }}
<li>
@ -18,3 +19,4 @@
{{- end }}
</ul>
{{- end }}
{{ end }}

7
layouts/partials/footer.html
View File

@ -1,8 +1,5 @@
<hr>
<footer>
<p>
Poem + Hugo = Pogo
<br><br>
Pogo by Oliver A
</p>
<a href="{{ .Site.BaseURL }}">{{ .Site.BaseURL }}</a>
{{- if .Param "showrss" }}<br><br><a href="/index.xml"><img src="/rss.svg" style="max-height:1.5em" alt="RSS Feed" title="Subscribe via RSS for updates." class="rss"></a>{{ end }}
</footer>

1
layouts/partials/head.html
View File

@ -3,6 +3,7 @@
<link rel="canonical" href="{{ .Site.BaseURL }}">
<link rel='alternate' type='application/rss+xml' title="{{ .Site.Title }} RSS" href='{{ .Site.BaseURL }}/index.xml'>
<link rel='stylesheet' type='text/css' media='screen' href='{{ .Site.BaseURL }}/style.css'>
<link rel='stylesheet' type='text/css' href='{{ .Site.BaseURL }}/lugo.css'>
{{ with .Site.Params.favicon }}
<link rel="icon" href="{{ . }}">
{{ end -}}

4
layouts/partials/header.html
View File

@ -1,5 +1,5 @@
<header>
<h2>
<h1>
<a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
</h2>
</h1>
</header>

13
layouts/partials/taglist.html Normal file
View File

@ -0,0 +1,13 @@
{{- if isset .Params "tags" -}}
{{- $tagsLen := len .Params.tags -}}
{{- if gt $tagsLen 0 -}}
<div style="clear:both" class=taglist>
{{- with .Site.Params.relatedtext }} <a href="/tags">{{ . }}</a> <br>{{ end -}}
{{- range $k, $v := .Params.tags -}}
{{- $url := printf "tags/%s" (. | urlize | lower) -}}
<a id="tag_{{ . | lower }}" href="{{ $url | absURL }}">{{ . | title }}</a>
{{- if lt $k (sub $tagsLen 1) }} &middot; {{ end -}}
{{- end -}}
</div>
{{- end -}}
{{- end }}

1
layouts/shortcodes/img.html
View File

@ -10,6 +10,7 @@
<img src='{{ .Get "src" }}'
{{- with .Get "mouse" }} title="{{.}}"{{ end -}}
{{- with .Get "alt" }} alt="{{.}}"{{ end -}}
loading="lazy"
>
{{- if .Get "link"}}</a>{{ end -}}
{{- with .Get "caption" -}}

67
static/lugo.css Normal file
View File

@ -0,0 +1,67 @@
/* Shortcode css*/
/* For NEXTPREV.HTML */
#nextprev {
/* The container for both the previous and next articles. */
color: black;
}
#nextprev a:any-link {
color: black;
}
#nextart {
float: left ;
text-align: left ;
}
#prevart {
float: right ;
text-align: right ;
}
#nextart,#prevart {
max-width: 33% ;
}
/* For TAGLIST.HTML */
.taglist {
text-align: center;
clear: both;
color: var(--bg-text);
}
/* For putting right / left boxes next to each other */
.left {
width: 45%;
padding-right: 5%;
float: left;
clear: both;
}
.right {
width: 45%;
padding-left: 5%;
float: right;
}
figure {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
figcaption {
color: var(--bg-text);
}
img {
max-width: 100%;
max-height: 50vh;
border-radius: var(--radius);
}
.rss {
border-radius: 0.25rem;
}

71
static/roller.css
View File

@ -1,71 +0,0 @@
.roller-container {display: grid; text-align: center;}
.roller0,.roller1,.roller2,.roller3,.roller4,.roller5{
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1, 0, 0, 1);
animation-duration: 6s;
animation-direction: normal;
transform-origin: center;
/* works with "display: grid" to have all the words in the same place on the screen. */
grid-row: 1;
grid-column: 1;
}
.roller0 { animation-name: roll0; color: rgb(0, 182, 182)}
.roller1 { animation-name: roll1; color: rgb(173, 3, 154)}
.roller2 { animation-name: roll2; color: rgb(6, 179, 0)}
.roller3 { animation-name: roll3; color: rgb(211, 189, 0)}
.roller4 { animation-name: roll4; color: rgb(171, 0, 0)}
.roller5 { animation-name: roll5; color: rgb(255, 247, 0)}
@keyframes roll0 {
100% { opacity: 1; transform: translateY(0) rotateX(0); }
0% { opacity: 1; transform: translateY(0) rotateX(0); }
17% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
34% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
51% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
68% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
85% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
}
@keyframes roll1 {
100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
0% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
17% { opacity: 1; transform: translateY(0) rotateX(0); }
34% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
51% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
68% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
85% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
}
@keyframes roll2 {
100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
0% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
17% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
34% { opacity: 1; transform: translateY(0) rotateX(0); }
51% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
68% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
85% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
}
@keyframes roll3 {
100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
0% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
17% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
34% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
51% { opacity: 1; transform: translateY(0) rotateX(0); }
68% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
85% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
}
@keyframes roll4 {
100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
0% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
17% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
34% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
51% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
68% { opacity: 1; transform: translateY(0) rotateX(0); }
85% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
}
@keyframes roll5 {
100% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
0% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
17% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
34% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
51% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
68% { opacity: 0; transform: translateY(2rem) rotateX(15deg); }
85% { opacity: 1; transform: translateY(0) rotateX(0); }
}

97
static/style.css
View File

@ -1,5 +1,46 @@
:root {
--bg: #222222;
--bg-text: #606060;
--text: #ffffff;
--header: #454545;
--header-text: #707070;
--content-bg: #303030;
--accent: #344a70;
--link: #3e765d;
--radius: 0.75rem;
font-family: Arial, Helvetica, sans-serif;
font-size: x-large;
}
blockquote {
background-color: var(--header);
/* border-radius: var(--radius); */
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
margin-top: 0;
margin-bottom: 0;
}
/* blockquote~blockquote {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
blockquote+blockquote {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} */
pre {
background-color: var(--bg);
padding: 1rem;
border-radius: var(--radius);
}
.copy:hover {
color: #344a70;
color: var(--accent);
cursor: copy;
}
::-webkit-scrollbar {
@ -7,29 +48,26 @@
}
body {
background-color: #222222;
color: #ffffff;
font-family: Arial, Helvetica, sans-serif;
background-color: var(--bg);
color: var(--text);
margin: 0;
font-size: x-large;
}
header {
background-color: #344a70;
margin-top: 0;
margin-left: 0;
background-color: var(--accent);
text-align: center;
padding: 0.75rem;
font-size: xx-large;
padding: 0.5rem;
}
.article-header {
background-color: #454545;
color: #707070;
background-color: var(--header);
color: var(--header-text);
}
section {
border-radius: var(--radius);
margin: 2rem;
margin-bottom: 0;
border-top-right-radius: 0.5rem;
border-top-left-radius: 0.5rem;
overflow: hidden;
}
.spaced {
@ -38,49 +76,44 @@ header {
}
article {
background-color: #303030;
background-color: var(--content-bg);
padding: 1.5rem;
margin-left: 2rem;
margin-right: 2rem;
text-align: left;
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5em;
}
hr {
margin: 2rem;
height: 1px;
border: 0;
border-top: 1px solid #454545;
border-top: 1px solid var(--header);
height: 1px;
}
footer {
color: #606060;
color: var(--bg-text);
text-align: center;
}
p {
margin-left: 1rem;
margin-right: 1rem;
margin-top: 0;
}
h1,h2,h3,h4,h5,h6 {
margin: 0;
margin: 1rem;
text-align: center;
}
header h1 {
margin: 0;
font-size: 2.5rem;
}
article h1 {
margin-bottom: 1rem;
}
a {
color: #3e765d;
color: var(--link);
}
a:hover {
color: #344a70;
color: var(--accent);
text-decoration-line: none;
}
@ -100,7 +133,7 @@ main {
margin: auto;
}
@media screen and (max-width: 900px) {
@media screen and (max-width: 1500px) {
main {
max-width: 100%;
margin: auto;