Initial commit
This commit is contained in:
Joe Roe
commit
70f2d625fa
47 changed files with 1115 additions and 0 deletions
26
static/css/about.css
Normal file
26
static/css/about.css
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
/* About/bio section */
|
||||
.about__logo {
|
||||
height: 1.5rem;
|
||||
}
|
||||
|
||||
.about__title {
|
||||
display: inline;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.about__title::before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
/* Social media links */
|
||||
.aside__social-links {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.aside__social-links li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.aside__social-links li::marker {
|
||||
content: none;
|
||||
}
|
||||
7
static/css/colour/dark-mode.css
Normal file
7
static/css/colour/dark-mode.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
:root {
|
||||
--bg: var(--black);
|
||||
--dark-bg: var(--dark-black);
|
||||
--bright-bg: var(--bright-black);
|
||||
--fg: var(--white);
|
||||
--bright-fg: var(--bright-white);
|
||||
}
|
||||
22
static/css/colour/gruvbox-dark.css
Normal file
22
static/css/colour/gruvbox-dark.css
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
/* gruvbox dark mode
|
||||
* https://github.com/morhetz/gruvbox
|
||||
*/
|
||||
:root {
|
||||
--black: #282828;
|
||||
--red: #cc241d;
|
||||
--green: #98971a;
|
||||
--yellow: #d79921;
|
||||
--blue: #458588;
|
||||
--magenta: #b16286;
|
||||
--cyan: #689d6a;
|
||||
--white: #ebdbb2;
|
||||
--dark-black: #1d2021;
|
||||
--bright-black: #928374;
|
||||
--bright-red: #fb4934;
|
||||
--bright-green: #b8bb26;
|
||||
--bright-yellow: #fabd2f;
|
||||
--bright-blue: #83a598;
|
||||
--bright-magenta: #d3869b;
|
||||
--bright-cyan: #8ec07c;
|
||||
--bright-white: #fbf1c7;
|
||||
}
|
||||
23
static/css/colour/gruvbox-light.css
Normal file
23
static/css/colour/gruvbox-light.css
Normal file
|
|
@ -0,0 +1,23 @@
|
|||
/* gruvbox light mode
|
||||
* https://github.com/morhetz/gruvbox
|
||||
*/
|
||||
:root {
|
||||
--black: #3c3836;
|
||||
--red: #9d0006;
|
||||
--green: #79740e;
|
||||
--yellow: #b57614;
|
||||
--blue: #076678;
|
||||
--magenta: #8f3f71;
|
||||
--cyan: #427b58;
|
||||
--white: #fbf1c7;
|
||||
--dark-black: #282828;
|
||||
--dark-white: #f2e5bc;
|
||||
--bright-black: #928374;
|
||||
--bright-red: #cc241d;
|
||||
--bright-green: #98971a;
|
||||
--bright-yellow: #d79921;
|
||||
--bright-blue: #458588;
|
||||
--bright-magenta: #b16286;
|
||||
--bright-cyan: #689d6a;
|
||||
--bright-white: #f9f5d7;
|
||||
}
|
||||
7
static/css/colour/light-mode.css
Normal file
7
static/css/colour/light-mode.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
:root {
|
||||
--bg: var(--white);
|
||||
--dark-bg: var(--dark-white);
|
||||
--bright-bg: var(--bright-black);
|
||||
--fg: var(--black);
|
||||
--bright-fg: var(--bright-black);
|
||||
}
|
||||
1
static/css/custom.css
Normal file
1
static/css/custom.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
/* Override this file to customise the theme's CSS for your site */
|
||||
7
static/css/footer.css
Normal file
7
static/css/footer.css
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
.page__footer {
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
.page__footer p {
|
||||
margin: 0;
|
||||
}
|
||||
18
static/css/header.css
Normal file
18
static/css/header.css
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
/* Main menu */
|
||||
.main-nav ul {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
justify-content: flex-start;
|
||||
margin: 0;
|
||||
padding: 0.25rem 0;
|
||||
}
|
||||
|
||||
.main-nav li {
|
||||
margin-left: 2.5rem;
|
||||
text-transform: lowercase;
|
||||
}
|
||||
|
||||
.main-nav li::marker {
|
||||
content: "./";
|
||||
}
|
||||
|
||||
56
static/css/layout.css
Normal file
56
static/css/layout.css
Normal file
|
|
@ -0,0 +1,56 @@
|
|||
/* 1rem = 16px by default */
|
||||
|
||||
.page {
|
||||
max-width: 64rem;
|
||||
margin: 1rem auto;
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"header"
|
||||
"body"
|
||||
"aside"
|
||||
"footer";
|
||||
grid-template-columns: minmax(0, 1fr); /* https://css-tricks.com/preventing-a-grid-blowout/ */
|
||||
grid-row-gap: 2rem;
|
||||
}
|
||||
|
||||
@media (min-width: 45rem) {
|
||||
.page {
|
||||
grid-template-areas:
|
||||
"header header"
|
||||
"body aside"
|
||||
"footer footer";
|
||||
grid-template-columns: minmax(0, 1fr) 15rem;
|
||||
grid-column-gap: 2rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.page__header {
|
||||
grid-area: header;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.page__logo {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.page__nav {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
/* Body + aside */
|
||||
.page__body {
|
||||
grid-area: body;
|
||||
background-color: var(--bg);
|
||||
outline: 1rem solid var(--bg);
|
||||
}
|
||||
|
||||
.page__aside {
|
||||
grid-area: aside;
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.page__footer {
|
||||
grid-area: footer;
|
||||
}
|
||||
36
static/css/logo.css
Normal file
36
static/css/logo.css
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
.page__logo {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
font-weight: inherit;
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.page__logo:before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
.page__logo-inner {
|
||||
display: block;
|
||||
background: var(--green);
|
||||
padding: 0.25rem;
|
||||
}
|
||||
|
||||
a.page__logo-inner:link, a.page__logo-inner:visited {
|
||||
color: inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a.page__logo-inner:hover,
|
||||
a.page__logo-inner:active {
|
||||
background: var(--bright-green);
|
||||
}
|
||||
|
||||
.page__logo-inner:before {
|
||||
content: "[";
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
.page__logo-inner:after {
|
||||
content: "] $";
|
||||
color: var(--bg);
|
||||
}
|
||||
11
static/css/risotto.css
Normal file
11
static/css/risotto.css
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
@import 'typography.css';
|
||||
@import 'layout.css';
|
||||
@import 'header.css';
|
||||
@import 'logo.css';
|
||||
@import 'about.css';
|
||||
@import 'footer.css';
|
||||
|
||||
body {
|
||||
background-color: var(--dark-bg);
|
||||
color: var(--fg);
|
||||
}
|
||||
155
static/css/typography.css
Normal file
155
static/css/typography.css
Normal file
|
|
@ -0,0 +1,155 @@
|
|||
/* Fonts */
|
||||
:root {
|
||||
--font-monospace: "Fira Mono", monospace;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-monospace);
|
||||
font-size: 16px;
|
||||
line-height: 1.5rem;
|
||||
}
|
||||
|
||||
/* Headings */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 1rem;
|
||||
margin: 1.5rem 0 0 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
h1+h2,
|
||||
h1+h3,
|
||||
h1+h4,
|
||||
h1+h5,
|
||||
h1+h6,
|
||||
h2+h3,
|
||||
h2+h4,
|
||||
h2+h5,
|
||||
h2+h6,
|
||||
h3+h4,
|
||||
h3+h5,
|
||||
h3+h6,
|
||||
h4+h5,
|
||||
h4+h6,
|
||||
h5+h6 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
h1:before { content: "# "; }
|
||||
h2:before { content: "## "; }
|
||||
h3:before { content: "### "; }
|
||||
h4:before { content: "#### "; }
|
||||
h5:before { content: "##### "; }
|
||||
h6:before { content: "###### "; }
|
||||
|
||||
h1:before,
|
||||
h2:before,
|
||||
h3:before,
|
||||
h4:before,
|
||||
h5:before,
|
||||
h6:before {
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
h1:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* Paragraphs */
|
||||
p {
|
||||
margin: 0 0 1.5rem 0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
|
||||
a:link, a:visited {
|
||||
color: var(--fg);
|
||||
}
|
||||
|
||||
a:hover, a:active {
|
||||
color: var(--bright-fg);
|
||||
}
|
||||
|
||||
/* Lists */
|
||||
ul {
|
||||
margin: 1rem 0;
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
ol {
|
||||
margin: 1rem 0;
|
||||
padding-left: 1.75rem;
|
||||
}
|
||||
|
||||
ul ul,
|
||||
ul ol,
|
||||
ol ul,
|
||||
ol ol {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
ul li::marker {
|
||||
content: '∗ ';
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
ol li::marker {
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
/* Blockquotes */
|
||||
blockquote {
|
||||
position: relative;
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
blockquote::before {
|
||||
position: absolute;
|
||||
left: -1.5rem;
|
||||
content: ">";
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
.twitter-tweet::before {
|
||||
content: "\f099";
|
||||
font-family: "Font Awesome 5 Brands";
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/* Code */
|
||||
pre,
|
||||
code,
|
||||
kbd {
|
||||
overflow-x: scroll;
|
||||
background: var(--dark-bg);
|
||||
font-family: var(--font-monospace);
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
/* Emphasis */
|
||||
b,
|
||||
strong {
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Highlighting */
|
||||
::selection,
|
||||
mark {
|
||||
background-color: var(--yellow);
|
||||
color: var(--bg);
|
||||
}
|
||||
|
||||
/* Other typographic elements */
|
||||
hr {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
hr:after {
|
||||
content: '---';
|
||||
color: var(--bright-bg);
|
||||
}
|
||||
|
||||
1
static/images/rice.svg
Normal file
1
static/images/rice.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg height='100px' width='100px' fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 80.944" enable-background="new 0 0 100 80.944" xml:space="preserve"><path d="M49.674,40.911c-2.018-6.836,8.971-10.963,8.841-4.075c1.016,3.678,1.302,5.808-2.448,6.511 C52.754,43.964,50.684,44.329,49.674,40.911z"></path><path d="M57.63,18.274c-1.094,3.718,4.311,4.251,2.91,8.359c2.819,0,1.999-2.246,3.054-4.095c1.523-2.656,5.052-3.301,4.792-6.96 c0.267,6.726,4.004-0.495,6.523-0.762c0.137-1.256-0.449-2.819-0.586-3.665c-1.237-2.656-1.127-5.248-4.531-3.379 c-2.429,1.321-5.547,3.88-2.507,6.185C64.206,14.407,58.763,14.381,57.63,18.274z"></path><path d="M49.74,8.586c-1.4,0.794-2.129,3.861-2.448,5.312c-0.586,2.689-0.41,11.211,4.108,9.824 c2.558-0.774,2.103-4.674,3.092-6.719c0.671-1.36,1.634-1.139,1.992-2.584c0.261-1.061-0.345-2.721-0.508-3.802 c1.719,4.427,8.366,2.429,6.731-2.031c-1.341-1.224-3.965-1.985-5.696-1.074c-2.52,1.335-0.222,2.793-2.148,2.865 C53.542,10.416,52.487,7.037,49.74,8.586z"></path><path d="M57.012,27.454c-1.843-6.126-12.884,2.767-10.768,6.576c1.543,2.793,4.056-1.959,5.612-2.76 C53.991,30.175,57.474,31.158,57.012,27.454z"></path><path d="M61.179,4.993c1.692,0.697,3.633,0.599,3.053-1.907C61.726,1.061,54.7,0.5,54.929,5.117 C56.888,4.869,59.258,4.192,61.179,4.993z"></path><path d="M65.925,28.938c1.861-1.282,4.961-1.087,4.466-4.192c-3.093-7.058-8.854,6.973-9.343,9.381 C63.269,33.176,63.913,30.312,65.925,28.938z"></path><path d="M79.069,38.092c1.061,2.057,5.67,0.749,7.994-0.41c3.041-1.498,3.75-3.529,3.034-6.934 C88.008,22.115,76.165,32.467,79.069,38.092z"></path><path d="M71.973,41.536c2.571-2.161,1.96-9.167,1.536-12.024c-2.682-0.423-5.924,0.749-7.832,2.682 c-1.38,1.419-5.286,8.08-3.73,10.04C62.995,43.554,71.042,42.331,71.973,41.536z"></path><path d="M86.979,24.596c2.076-0.423,1.295-3.691,0.95-5.586c-0.163-5.026-5.527-0.996-4.577,2.617 C83.73,23.04,85.247,24.947,86.979,24.596z"></path><path d="M72.949,24.622c0.808,1.511,2.864,1.523,3.405,4.193c0.618,3.014-0.71,6.198-0.312,9.264 c1.939-1.582,1.621-7.285,3.326-9.941c0.99-1.556,2.155-1.784,2.188-3.613c0.026-1.276-1.224-2.942-1.861-3.991 c1.973-0.091,3.965-7.135,1.172-6.999c-1.433-2.097-3.054-2.422-3.764-0.137c-0.742,2.396,2.155,4.713,2.891,6.712 C76.556,18.15,70.319,19.674,72.949,24.622z"></path><path d="M31.172,23.834c1.374-0.072,1.152,1.224,2.506,0.651c1.374-0.573,2.331-3.079,3.21-4.225 c1.432-6.348-11.517-5.365-10.404,2.142C26.927,25.383,28.229,24.01,31.172,23.834z"></path><path d="M25.319,16.438c-0.352-2.656-4.29-3.405-5.391-0.833C19.121,17.486,24.844,22.779,25.319,16.438z"></path><path d="M23.945,31.992c-0.866,1.797-1.185,4.017-1.029,6.002c0.28,3.502,0.684,2.715,3.171,3.516 c1.354,0.423,3.613,1.705,5.039,1.484c2.91-0.476,1.569-1.322,1.022-3.354c-0.449-1.686-1.517-3.47-1.498-5.254 c0.026-2.454,2.097-4.127,1.855-6.647C30.586,22.167,25.02,29.726,23.945,31.992z"></path><path d="M13.366,25.019c1.302,0.553,1.784,2.786,3.027,3.105c1.087,0.267,2.312-1.309,4.102-1.022 c1.537,0.254,1.816,3.119,3.418,0.677c0.964-1.484,0.664-3.119,0.104-4.727c-3.281-3.197-7.409-4.844-11.589-2.708 c-0.872,0.449-4.453,1.445-2.799,2.956C11.367,24.882,11.881,24.387,13.366,25.019z"></path><path d="M52.259,2.773C50.13-1.082,39.557-1.368,41.595,4.804C42.91,8.782,52.969,7.675,52.259,2.773z"></path><path d="M12.845,26.803c-2.396,1.348-4.876,3.607-3.503,6.712c2.461,5.54,3.379,2.493,4.902-0.996 c0.417,2.317-0.091,4.739,2.351,5.898c2.649,1.243,3.737-0.078,4.017-2.78c0.189-1.784,1.387-6.289-0.957-6.862 c-1.673-0.397-3.561,2.467-5.137,2.904c0.267-0.794,0.41-1.758,0.833-2.48C14.876,28.04,13.854,27.454,12.845,26.803z"></path><path d="M40.176,17.089c0.508,2.454-2.838,5.963-4.037,7.793c0.97-0.449,0.931-0.098,1.693-0.859 c0.098,1.25,0.195,2.493,0.299,3.743c3.425-0.475,4.316,3.19,6.999-1.159c2.513-4.056-0.072-5.924-4.193-5.377 c0.794-2.331,2.956-0.163,3.49-2.708c0.527-2.494,0.514-5.039,1.028-7.533c-1.048-1.23-3.574-2.891-5.149-2.428 c-1.12,0.345-3.809,3.705-3.659,4.688C36.947,15.195,39.72,14.921,40.176,17.089z"></path><path d="M34.023,34.211c-2.474,3.418,0.912,3.457,2.201,4.916c1.341,1.51,0.866,3.62,2.624,3.939 c1.302,0.228,4.049,1.36,5.326,0.403c2.604-1.946-0.697-7.35-1.953-9.557C40.566,31.542,35.729,31.868,34.023,34.211z"></path><path d="M100,34.075c0-3.613-2.07-6.973-5.605-9.974c-1.491,0.983-3.093,1.842-4.739,2.532c2.291,1.719,3.574,3.613,3.574,5.612 c0,7.806-19.355,14.128-43.229,14.128c-23.874,0-43.229-6.322-43.229-14.128c0-2.201,1.614-4.291,4.388-6.152l-4.492-2.891 C2.455,26.406,0,30.11,0,34.075c0,0.215,0.013,0.437,0.026,0.651H0c0.326,8.444,2.943,17.298,7.259,25.579 c0,0,10.462,20.639,42.741,20.639c32.278,0,42.565-20.814,42.565-20.814c4.303-8.242,7.109-17.174,7.422-25.403h-0.014 C99.987,34.511,100,34.29,100,34.075z"></path><path d="M38.027,7.122c1.68-5.872-12.305-0.124-9.863,5.99C29.948,17.564,36.706,9.205,38.027,7.122z"></path></svg>
|
||||
|
After Width: | Height: | Size: 4.8 KiB |
Loading…
Add table
Add a link
Reference in a new issue