Compare commits
3 Commits
0bf34f4ab1
...
24f284b325
Author | SHA1 | Date |
---|---|---|
Dorian Wood | 24f284b325 | |
Dorian Wood | bb44a4b856 | |
Dorian Wood | 0a526bfc96 |
|
@ -1,3 +1,3 @@
|
|||
{{ partial "head.html" . }}
|
||||
{{ define "main" }}
|
||||
<p> Well. Looks like we can't find the page you were looking for. One of us (probably me) typed something wrong. If it was me, send me an email so I can fix it please.</p>
|
||||
{{ partial "footer.html" . }}
|
||||
{{ end }}
|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
{{ .Title }}
|
||||
{{ end }}
|
||||
{{ define "main" }}
|
||||
<section id="list">
|
||||
{{- range first 10 .Data.Pages }}
|
||||
<a href="{{ .Permalink }}" class="button">
|
||||
<section class="list-item">
|
||||
<a href="{{- .Permalink }}" class="button"><h2>{{ .Title }}</h2></a>
|
||||
{{ .Plain | truncate 500 | htmlUnescape | safeHTML }}
|
||||
</section>
|
||||
</a>
|
||||
{{- end }}
|
||||
<main class="main-content">
|
||||
{{ .Content }}
|
||||
<section id="list">
|
||||
{{- range .Data.Pages }}
|
||||
<section class="list-item">
|
||||
{{ .Date.Format "2006-01-02" }} <a href="{{- .Permalink }}">{{ .Title }}</a>
|
||||
</section>
|
||||
{{- end }}
|
||||
</section>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,7 +1,9 @@
|
|||
{{ define "main" }}
|
||||
<div class="main-content">
|
||||
{{ .Content }}
|
||||
{{ $currentPage := . }}
|
||||
{{ range .Site.Menus.social }}
|
||||
<a class="{{if or ($currentPage.IsMenuCurrent "social" .) ($currentPage.HasMenuCurrent "social" .) }} active{{end}} button" rel="me" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a><br>
|
||||
{{ end }}
|
||||
<div>
|
||||
{{ end }}
|
||||
|
|
|
@ -1,44 +1,65 @@
|
|||
:root {
|
||||
--base03: #002b36;
|
||||
--base02: #073642;
|
||||
--base01: #586e75;
|
||||
--base00: #657b83;
|
||||
--base0: #839496;
|
||||
--base1: #93a1a1;
|
||||
--base2: #eee8d5;
|
||||
--base3: #fdf6e3;
|
||||
--yellow: #b58900;
|
||||
--orange: #cb4b16;
|
||||
--red: #dc322f;
|
||||
--magenta: #d33682;
|
||||
--violet: #6c71c4;
|
||||
--blue: #268bd2;
|
||||
--cyan: #2aa198;
|
||||
--green: #859900;
|
||||
/* --base03: #002b36; */
|
||||
/* --base02: #073642; */
|
||||
/* --base01: #586e75; */
|
||||
/* --base00: #657b83; */
|
||||
/* --base0: #839496; */
|
||||
/* --base1: #93a1a1; */
|
||||
/* --base2: #eee8d5; */
|
||||
/* --base3: #fdf6e3; */
|
||||
/* --yellow: #b58900; */
|
||||
/* --orange: #cb4b16; */
|
||||
/* --red: #dc322f; */
|
||||
/* --magenta: #d33682; */
|
||||
/* --violet: #6c71c4; */
|
||||
/* --blue: #268bd2; */
|
||||
/* --cyan: #2aa198; */
|
||||
/* --green: #859900; */
|
||||
|
||||
--background: var(--base3);
|
||||
--color: var(--base02);
|
||||
--highlight: var(--base2);
|
||||
--accent: var(--base01);
|
||||
--black: #42395D;
|
||||
--dark-grey: #75507B;
|
||||
--red: #A8757B;
|
||||
--light-red: #FFB8D1;
|
||||
--green: #FF857F;
|
||||
--light-green: #F1568E;
|
||||
--brown: #E6C000;
|
||||
--yellow: #D5A425;
|
||||
--blue: #AE81FF;
|
||||
--light-blue: #C5A3FF;
|
||||
--magenta: #716799;
|
||||
--light-magenta: #8077A8;
|
||||
--cyan: #C2FFDF;
|
||||
--light-cyan: #C2FFFF;
|
||||
--light-grey: #F8F8F2;
|
||||
--white: #F8F8F0;
|
||||
|
||||
--background: var(--magenta);
|
||||
--color: var(--light-grey);
|
||||
--highlight: var(--brown);
|
||||
--accent: var(--light-green);
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
font-size: 1.8em;
|
||||
font-family: serif;
|
||||
background-color: var(--background);
|
||||
color: var(--color);
|
||||
width: 99vw;
|
||||
/* width: 99vw; */
|
||||
}
|
||||
|
||||
.main-content {
|
||||
max-width: 40em;
|
||||
margin: auto;
|
||||
background-color: var(--light-magenta);
|
||||
padding: 1em;
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
a, a:visited {
|
||||
color: var(--blue);
|
||||
color: var(--cyan);
|
||||
}
|
||||
|
||||
#navbar {
|
||||
|
@ -46,7 +67,8 @@ a, a:visited {
|
|||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-end;
|
||||
margin-top: 10px;
|
||||
margin-top: 1em;
|
||||
margin-bottom: 1em;
|
||||
padding: 10px 0px;
|
||||
border-width: 0 0 1px 0;
|
||||
border-color: var(--accent);
|
||||
|
@ -110,14 +132,21 @@ h1, h2 {
|
|||
h1 {
|
||||
font-size: 3em;
|
||||
text-align: center;
|
||||
margin: auto;
|
||||
padding: 0.5em;
|
||||
border-color: var(--brown);
|
||||
border-style: double;
|
||||
border-width: 0.1em;
|
||||
box-shadow: 0.1em 0.1em 0.2em var(--accent);
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.5em;
|
||||
text-align: right;
|
||||
border-width: 0 0 4px 0;
|
||||
border-style: dashed;
|
||||
border-color: var(--accent);
|
||||
border-width: 0 0 0.2em 0;
|
||||
border-style: double;
|
||||
border-color: var(--highlight);
|
||||
}
|
||||
|
||||
h3 {
|
||||
|
@ -133,21 +162,21 @@ h4 {
|
|||
}
|
||||
|
||||
#list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-evenly;
|
||||
/* display: flex; */
|
||||
/* flex-wrap: wrap; */
|
||||
/* justify-content: space-evenly; */
|
||||
}
|
||||
|
||||
.list-item{
|
||||
max-width: 25em;
|
||||
margin: 1em;
|
||||
padding: 1em;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: var(--accent);
|
||||
border-radius: 20px;
|
||||
/* box-shadow: 1em 1em var(--highlight); */
|
||||
color: var(--color);
|
||||
/* max-width: 25em; */
|
||||
margin: .25em;
|
||||
padding: .25em;
|
||||
/* border-width: 2px; */
|
||||
/* border-style: solid; */
|
||||
/* border-color: var(--accent); */
|
||||
/* border-radius: 20px; */
|
||||
/* /\* box-shadow: 1em 1em var(--highlight); *\/ */
|
||||
/* color: var(--color); */
|
||||
}
|
||||
|
||||
.button {
|
||||
|
|
Loading…
Reference in New Issue