master #1
@ -1,6 +1,6 @@
|
||||
# Luke's Hugo Theme
|
||||
|
||||
A simple Hugo theme I plan on using for my personal website, [Based.Cooking](https://based.cooking) and [LandChad.net](https://landchad.net).
|
||||
# Oliver's Hugo Theme
|
||||
Fork of [lugo](https://github.com/LukeSmithxyz/lugo). Used for my personal website(s).
|
||||
|
||||
## get started
|
||||
|
||||
|
@ -17,7 +17,16 @@
|
||||
<body>
|
||||
{{ if .Site.Menus.main }}{{ partial "nav.html" . }}{{ end -}}
|
||||
<main>
|
||||
<header><h1 id="tag_{{ .Title }}">{{ block "title" . }}{{ end }}</h1></header>
|
||||
<header>
|
||||
<h1 id="tag_{{ .Title }}">
|
||||
{{ if .IsHome }} {{ .Site.Title }} {{ end }}
|
||||
{{ block "title" . }}
|
||||
{{ end }}</h1>
|
||||
<h4 id="tag_{{ .Title }}">
|
||||
{{ if not .IsHome }} {{ .Params.description }} {{ end }}
|
||||
</h4>
|
||||
|
||||
</header>
|
||||
<article>
|
||||
{{ block "main" . }}
|
||||
{{ .Content }}
|
||||
|
@ -8,10 +8,28 @@ main {
|
||||
max-width: 75%;
|
||||
margin: auto;
|
||||
}
|
||||
header h1 {
|
||||
h1 {
|
||||
text-align: center;
|
||||
}
|
||||
h2 {
|
||||
text-align: center;
|
||||
}
|
||||
h3 {
|
||||
text-align: center;
|
||||
}
|
||||
h4 {
|
||||
text-align: center;
|
||||
}
|
||||
header h1 {
|
||||
color: white;
|
||||
}
|
||||
header h4 {
|
||||
/*
|
||||
The color half-way between the
|
||||
background color and pure white
|
||||
*/
|
||||
color: rgb(163, 163, 163);
|
||||
}
|
||||
a:link {
|
||||
color: white;
|
||||
}
|
||||
@ -34,6 +52,9 @@ hr {
|
||||
border-top: 2px solid cadetblue;
|
||||
border-radius: 4px;
|
||||
}
|
||||
br {
|
||||
clear: both;
|
||||
}
|
||||
pre {
|
||||
/*
|
||||
This has to be flagged important because somewhere in hugo a style
|
||||
@ -61,14 +82,21 @@ code {
|
||||
border-radius: 4px;
|
||||
}
|
||||
img {
|
||||
border-radius: 4px;
|
||||
}
|
||||
article img {
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
outline: cadetblue solid 3px;
|
||||
}
|
||||
figure {
|
||||
margin: 2%;
|
||||
}
|
||||
footer {
|
||||
padding-top: 2%;
|
||||
text-align: center;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
footer a:any-link {
|
||||
color: white;
|
||||
}
|
||||
@ -101,3 +129,22 @@ footer a:any-link {
|
||||
clear: both;
|
||||
color: rgb(64, 64, 64);
|
||||
}
|
||||
|
||||
/* 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;
|
||||
}
|
||||
|
||||
.subtext {
|
||||
color: rgb(69, 69, 69);
|
||||
font-style: italic;
|
||||
}
|
Loading…
Reference in New Issue
Block a user