Add more to css

4 files changed, 258 insertions, 1 deletions

diff --git a/www/css/highlight.min.css b/www/css/highlight.min.css
new file mode 100644
index 0000000..8fc9a15
--- /dev/null
+++ b/www/css/highlight.min.css
@@ -0,0 +1 @@
+.hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0}.hljs,.hljs-subst{color:#444}.hljs-comment{color:#888}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:#800}.hljs-section,.hljs-title{color:#800;font-weight:700}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#bc6060}.hljs-literal{color:#78a960}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:#397300}.hljs-meta{color:#1f7199}.hljs-meta-string{color:#4d99bf}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
\ No newline at end of file
diff --git a/www/css/modern-normalize.min.css b/www/css/modern-normalize.min.css
new file mode 100644
index 0000000..aba965c
--- /dev/null
+++ b/www/css/modern-normalize.min.css
@@ -0,0 +1,9 @@
+/**
+ * Minified by jsDelivr using clean-css v4.2.3.
+ * Original file: /npm/modern-normalize@1.1.0/modern-normalize.css
+ *
+ * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
+ */
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+*,::after,::before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body{font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji'}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}
+/*# sourceMappingURL=/sm/b8ae781793ee4eb86edef3f2a2ac43a5575d063ed8cd287d7553f9f1b2776616.map */
\ No newline at end of file
diff --git a/www/css/railscasts.css b/www/css/railscasts.css
new file mode 100644
index 0000000..901eb94
--- /dev/null
+++ b/www/css/railscasts.css
@@ -0,0 +1,175 @@
+/*!
+  Theme: Railscasts
+  Author: Ryan Bates (http://railscasts.com)
+  License: ~ MIT (or more permissive) [via base16-schemes-source]
+  Maintainer: @highlightjs/core-team
+  Version: 2021.05.0
+*/
+
+/*
+  WARNING: DO NOT EDIT THIS FILE DIRECTLY.
+
+  This theme file was auto-generated from the Base16 scheme railscasts
+  by the Highlight.js Base16 template builder.
+
+  - https://github.com/highlightjs/base16-highlightjs
+*/
+
+/*
+base00  #2b2b2b  Default Background
+base01  #272935  Lighter Background (Used for status bars, line number and folding marks)
+base02  #3a4055  Selection Background
+base03  #5a647e  Comments, Invisibles, Line Highlighting
+base04  #d4cfc9  Dark Foreground (Used for status bars)
+base05  #e6e1dc  Default Foreground, Caret, Delimiters, Operators
+base06  #f4f1ed  Light Foreground (Not often used)
+base07  #f9f7f3  Light Background (Not often used)
+base08  #da4939  Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted
+base09  #cc7833  Integers, Boolean, Constants, XML Attributes, Markup Link Url
+base0A  #ffc66d  Classes, Markup Bold, Search Text Background
+base0B  #a5c261  Strings, Inherited Class, Markup Code, Diff Inserted
+base0C  #519f50  Support, Regular Expressions, Escape Characters, Markup Quotes
+base0D  #6d9cbe  Functions, Methods, Attribute IDs, Headings
+base0E  #b6b3eb  Keywords, Storage, Selector, Markup Italic, Diff Changed
+base0F  #bc9458  Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?>
+*/
+
+pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+
+code.hljs {
+  padding: 3px 5px;
+}
+
+.hljs {
+  color: #e6e1dc;
+  background: #2b2b2b;
+}
+
+.hljs ::selection {
+  color: #3a4055;
+}
+
+
+/* purposely do not highlight these things */
+.hljs-formula,
+.hljs-params,
+.hljs-property
+{}
+
+/* base03 - #5a647e -  Comments, Invisibles, Line Highlighting */
+.hljs-comment {
+  color: #5a647e;
+}
+
+/* base04 - #d4cfc9 -  Dark Foreground (Used for status bars) */
+.hljs-tag {
+  color: #d4cfc9;
+}
+
+/* base05 - #e6e1dc -  Default Foreground, Caret, Delimiters, Operators */
+.hljs-subst,
+.hljs-punctuation,
+.hljs-operator {
+  color: #e6e1dc;
+}
+
+.hljs-operator {
+  opacity: 0.7;
+}
+
+/* base08 - Variables, XML Tags, Markup Link Text, Markup Lists, Diff Deleted */
+.hljs-bullet,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-selector-tag,
+.hljs-name,
+.hljs-deletion {
+  color: #da4939;
+}
+
+/* base09 - Integers, Boolean, Constants, XML Attributes, Markup Link Url */
+.hljs-symbol,
+.hljs-number,
+.hljs-link,
+.hljs-attr,
+.hljs-variable.constant_,
+.hljs-literal {
+  color: #cc7833;
+}
+
+/* base0A - Classes, Markup Bold, Search Text Background */
+.hljs-title,
+.hljs-class .hljs-title,
+.hljs-title.class_
+{
+  color: #ffc66d;
+}
+
+.hljs-strong {
+  font-weight:bold;
+  color: #ffc66d;
+}
+
+/* base0B - Strings, Inherited Class, Markup Code, Diff Inserted */
+.hljs-code,
+.hljs-addition,
+.hljs-title.class_.inherited__,
+.hljs-string {
+  color: #a5c261;
+}
+
+/* base0C - Support, Regular Expressions, Escape Characters, Markup Quotes */
+.hljs-built_in,
+.hljs-doctag, /* guessing */
+.hljs-quote,
+.hljs-keyword.hljs-atrule,
+.hljs-regexp {
+  color: #519f50;
+}
+
+/* base0D - Functions, Methods, Attribute IDs, Headings */
+.hljs-function .hljs-title,
+.hljs-attribute,
+.ruby .hljs-property,
+.hljs-title.function_,
+.hljs-section {
+  color: #6d9cbe;
+}
+
+/* base0E - Keywords, Storage, Selector, Markup Italic, Diff Changed */
+.hljs-type,
+/* .hljs-selector-id, */
+/* .hljs-selector-class, */
+/* .hljs-selector-attr, */
+/* .hljs-selector-pseudo, */
+.hljs-template-tag,
+.diff .hljs-meta,
+.hljs-keyword {
+  color: #b6b3eb;
+}
+.hljs-emphasis {
+  color: #b6b3eb;
+  font-style: italic;
+}
+
+/* base0F - Deprecated, Opening/Closing Embedded Language Tags, e.g. <?php ?> */
+.hljs-meta,
+/*
+  prevent top level .keyword and .string scopes
+  from leaking into meta by accident
+*/
+.hljs-meta .hljs-keyword,
+.hljs-meta .hljs-string
+{
+  color: #bc9458;
+}
+
+.hljs-meta .hljs-keyword,
+/* for v10 compatible themes */
+.hljs-meta-keyword {
+  font-weight: bold;
+}
diff --git a/www/css/site.css b/www/css/site.css
index 8e80eca..9914445 100644
--- a/www/css/site.css
+++ b/www/css/site.css
@@ -1,3 +1,75 @@
-section a {
+@font-face {
+    font-family: 'comicsans';
+    src: url('/fonts/ComicMono.ttf') format('truetype'),
+    url("/fonts/ComicMono.ttf") format("truetype");
+}
+
+body {
+    background-color: #1a202c;
+    font-family: "comicsans", monospace;
+    color: #ffffff;
+    font-size: 1.125rem;
+    line-height: 1.75rem;
+}
+
+h1,
+h2,
+h3 {
+    font-weight: bold;
+    font-size: 1.125rem;
+}
+
+h1 {
+    color: #BEF264;
+    text-align: center;
+    width: 100%;
+}
+
+h2 {
+    color: #FCD34D;
+}
+
+h2:before {
+    content: "## ";
+}
+
+h3 {
+    color: #86EFAC;
+}
+
+h3:before {
+    content: "### ";
+}
+
+
+section {
+    padding: 1rem;
+}
+
+blockquote {
+    margin: 0;
+    font-weight: bold;
+}
+
+a {
     display: block;
+    color: #93C5FD;
+    text-decoration: none;
+}
+
+a:hover {
+    color: #3730A3;
+}
+
+a:before {
+    content: "=> ";
+}
+
+pre {
+    overflow-x: auto;
+}
+
+code.hljs {
+    background-color: #232323;
+    font-size: 1.125rem;
 }