diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/bg.webp | bin | 6874 -> 0 bytes | |||
| -rw-r--r-- | static/code.webp | bin | 0 -> 396 bytes | |||
| -rw-r--r-- | static/fineburlap.gif | bin | 15851 -> 0 bytes | |||
| -rw-r--r-- | static/mail.webp | bin | 0 -> 382 bytes | |||
| -rw-r--r-- | static/multi055.gif | bin | 0 -> 3235 bytes | |||
| -rw-r--r-- | static/rss.webp | bin | 0 -> 358 bytes | |||
| -rw-r--r-- | static/style.css | 85 | ||||
| -rw-r--r-- | static/wool3.gif | bin | 28643 -> 0 bytes |
8 files changed, 61 insertions, 24 deletions
diff --git a/static/bg.webp b/static/bg.webp Binary files differdeleted file mode 100644 index 36ca46a..0000000 --- a/static/bg.webp +++ /dev/null diff --git a/static/code.webp b/static/code.webp Binary files differnew file mode 100644 index 0000000..9cd5ef1 --- /dev/null +++ b/static/code.webp diff --git a/static/fineburlap.gif b/static/fineburlap.gif Binary files differdeleted file mode 100644 index 100ccc5..0000000 --- a/static/fineburlap.gif +++ /dev/null diff --git a/static/mail.webp b/static/mail.webp Binary files differnew file mode 100644 index 0000000..51c5016 --- /dev/null +++ b/static/mail.webp diff --git a/static/multi055.gif b/static/multi055.gif Binary files differnew file mode 100644 index 0000000..11bea18 --- /dev/null +++ b/static/multi055.gif diff --git a/static/rss.webp b/static/rss.webp Binary files differnew file mode 100644 index 0000000..e6c1707 --- /dev/null +++ b/static/rss.webp diff --git a/static/style.css b/static/style.css index c2ca2ef..dc8c347 100644 --- a/static/style.css +++ b/static/style.css @@ -1,54 +1,91 @@ +/* Variable declaration */ :root { - /* - --primary-bg-color: rgb(58, 169, 159); - --secondary-bg-color: rgb(36, 131, 123); - */ - --primary-bg-color: black; - --secondary-bg-color: rgb(16, 15, 15); + --primary-header-color: black; + --secondary-header-color: rgb(232, 112, 95); + --bg-color: white; + } html { /* overflow-y needed for chromium browsers to not shift */ overflow-y: scroll; - background-image: url("/wool3.gif"); - background-repeat: repeat; + /*background-image: url("/misc021.jpg");*/ + /*background-repeat: repeat;*/ + background-color: white; } header { display: flex; - flex-direction: column; + flex-direction: row; } - +/* part of header w/ title and nav */ +#left-header { + display: flex; + flex-direction: column; + flex-grow: 4;} #site-title { margin: 0px; font-family: sans-serif; padding-left: 0.4rem; - background-color: var(--primary-bg-color); - color: white; -} - + background-color: var(--primary-header-color); + color: white;} nav { + display: flex; padding-left: 0.2rem; padding-bottom: 3px; display: inline; - background-color: var(--secondary-bg-color); -} + background-color: var(--primary-header-color);} + + +/* The image portion of the header */ +#right-header { + background-image: url("/multi055.gif"); + display: flex; + background-repeat: repeat; + min-width: 25rem;} +#image-gradient { + flex-grow: 1; + min-height: 0.4rem; + background: linear-gradient(to right, var(--primary-header-color) 0%, var(--primary-header-color) 20%, rgba(255,0,0,0));} .nav-item { - font-style: italic; - color: white; -} + color: white;} -body { /* everything */ - /* margin: 0 auto; */ - background-color: white; - box-shadow: 5px 5px 3px black; + + +/* everything */ +body { + margin-top: 1rem; + background-color: var(--bg-color); max-width: 60%; } -main { /* main content */ + /* main content */ +main { padding: 1rem; padding-top: 0rem; } +/* images are centered and fixed-width */ +img { + max-width: 50%; + display: block; + margin: 0 auto; +} + + +/* Code */ +pre { + border-radius: 2px; + background-color: rgb(16, 15, 15); + padding: 1rem; + overflow-x: scroll; + background-color: black; + color: white; +} + +footer { + text-align: center; +} + diff --git a/static/wool3.gif b/static/wool3.gif Binary files differdeleted file mode 100644 index 5c0a854..0000000 --- a/static/wool3.gif +++ /dev/null |
