diff --git a/public/InputMono-Regular.ttf b/public/InputMono-Regular.ttf new file mode 100644 index 0000000..43a0761 Binary files /dev/null and b/public/InputMono-Regular.ttf differ diff --git a/public/emacs-logo.png b/public/emacs-logo.png new file mode 100644 index 0000000..56faf58 Binary files /dev/null and b/public/emacs-logo.png differ diff --git a/public/style.css b/public/style.css new file mode 100644 index 0000000..1f80e40 --- /dev/null +++ b/public/style.css @@ -0,0 +1,84 @@ +/* // Config ----------------------------------- */ +/* @syntax-hue: 220; */ +/* @syntax-saturation: 13%; */ +/* @syntax-brightness: 18%; */ + + +/* // Monochrome ----------------------------------- */ +/* @mono-1: hsl(@syntax-hue, 14%, 71%); // default text */ +/* @mono-2: hsl(@syntax-hue, 9%, 55%); */ +/* @mono-3: hsl(@syntax-hue, 10%, 40%); */ + +/* // Colors ----------------------------------- */ +/* @hue-1: hsl(187, 47%, 55%); // <-cyan */ +/* @hue-2: hsl(207, 82%, 66%); // <-blue */ +/* @hue-3: hsl(286, 60%, 67%); // <-purple */ +/* @hue-4: hsl( 95, 38%, 62%); // <-green */ + +/* @hue-5: hsl(355, 65%, 65%); // <-red 1 */ +/* @hue-5-2: hsl( 5, 48%, 51%); // <-red 2 */ + +/* @hue-6: hsl( 29, 54%, 61%); // <-orange 1 */ +/* @hue-6-2: hsl( 39, 67%, 69%); // <-orange 2 */ + + +/* // Base colors ----------------------------------- */ +/* @syntax-fg: @mono-1; */ +/* @syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness); */ +/* @syntax-gutter: darken(@syntax-fg, 26%); */ +/* @syntax-guide: fade(@syntax-fg, 15%); */ +/* @syntax-accent: hsl(@syntax-hue, 100%, 66% ); */ + +@font-face { + font-family: Input; + src: url('InputMono-Regular.ttf'); + font-weight: normal; +} + +body { + font-family: Input, sans-serif; + background-color: hsl(220, 13%, 18%); +} +p { + color: hsl(220, 14%, 71%); +} +h1 { + color: hsl( 29, 54%, 61%); +} +h2 { + color: hsl(187, 47%, 55%); +} +h3 { + color: hsl(286, 60%, 67%); +} +h4 { + color: hsl(286, 60%, 77%); +} +h5 { + color: hsl(286, 60%, 87%); +} +#table-of-contents h2 { + color: hsl( 95, 38%, 62%); +} +ul > li, ul > li a { + color: hsl(187, 47%, 55%); + /* color: hsl(286, 60%, 57%); */ +} +ul > li > ul > li, ul > li > ul > li a { + color: hsl(286, 60%, 67%) +} +ul > li > ul > li > ul > li, ul > li > ul > li > ul > li a { + color: hsl(286, 60%, 77%) +} +ul > li > ul > li > ul > li > ul > li, ul > li > ul > li > ul > li > ul > li a { + color: hsl(286, 60%, 87%) +} +.org-src-container pre { + background-color: hsl(220, 14%, 95%); +} +#postamble p:nth-child(3) { + display: none; +} +p.validation { + display: none; +}