added main page

This commit is contained in:
Oliver Atkinson 2023-01-07 14:09:01 -07:00
parent 108aad06bc
commit 5a26286c0c
3 changed files with 61 additions and 5 deletions

View File

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

View File

@ -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 }}

View File

@ -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;
}
@ -100,4 +128,23 @@ footer a:any-link {
text-align: center;
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;
}