{{ .Content }}
{{ $currentPage := . }}
{{ range .Site.Menus.social }}
{{ end }}
+
{{ end }}
diff --git a/static/css/style.css b/static/css/style.css
index b7376c6..a3e48a9 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -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 {