From e38b73fde32804f8a9c230df89a8ab05b4bbaf83 Mon Sep 17 00:00:00 2001 From: Christopher Baines Date: Sun, 3 Nov 2019 08:27:05 +0000 Subject: Add static files These were copied/adjusted from the Guix website, contained in the guix-artwork git repository. --- static/css/base.css | 425 +++++++++++++++++++++++++++++++++++++++++++++++ static/img/guix-logo.png | Bin 0 -> 11749 bytes static/img/icon.png | Bin 0 -> 6912 bytes static/img/icon.svg | 220 ++++++++++++++++++++++++ 4 files changed, 645 insertions(+) create mode 100644 static/css/base.css create mode 100644 static/img/guix-logo.png create mode 100644 static/img/icon.png create mode 100644 static/img/icon.svg diff --git a/static/css/base.css b/static/css/base.css new file mode 100644 index 0000000..9d732bc --- /dev/null +++ b/static/css/base.css @@ -0,0 +1,425 @@ +/* Public domain 2017. All rights waived */ + +a:link, a:visited { + border-color: #F4BB15; + border-style: none none solid none; + border-width: thin; + color: #1A1A1A; + text-decoration: none; +} + +a:active, a:focus, a:hover { + border-color: #F49B15; + border-style: none none dashed none; + color: black; +} + +a img { + border-style: none; +} + +abbr { + cursor: help; +} + +blockquote { + color: #565656; + font-style: italic; +} + +body { + font-family: sans-serif; + font-size: 16px; + margin: 0; +} + +code { + color: maroon; + font-size: 0.8em; +} + +code, pre { + font-family: monospace; +} + +html { + background-color: #333; +} + +main { + background-color: white; +} + +pre { + background-color: #F2EFE4; + border-style: solid; + border-color: #D4CBB6; + border-radius: .3em; + border-width: thin; + overflow: auto; + padding: 2em; +} + +pre, +pre code { + color: inherit; + font-size: 0.9em; +} + +table { + border-collapse: collapse; + width: 100%; +} + +table, td, th { + border-color: gray; + border-style: solid; + border-width: thin; +} + +td, th { + padding: 5px 10px; +} + +td { + font-size: 0.9em; +} + +th { + background-color: #F5F5F5; +} + +.centered-block { + margin-left: auto; + margin-right: auto; +} + +.centered-text { + text-align: center; +} + +.fineprint { + font-size: small; +} + +.float-cleaner { + clear: both; +} + +.hidden { + visibility: hidden; +} + +.justify { + text-align: justify; +} + +.justify-left { + text-align: left; +} + +.justify-right { + text-align: right; +} + +.mono { + font-family: monospace; +} + +.light-text { + color: #E6E6E6; +} + +.limit-width { + max-width: 960px; +} + +.link-more:active, +.link-more:focus, +.link-more:hover { + color: black; +} + +.link-more-light:link, +.link-more-light:visited { + color: #E6E6E6; +} + +.link-light:active, +.link-light:focus, +.link-light:hover { + color: black; +} + +.link-light:link, +.link-light:visited { + border-style: none; + color: #E6E6E6; + font-size: 1.2em; + line-height: 20px; + margin: 20px 0; + padding-right: 30px; +} + +.link-subtle:link, +.link-subtle:visited { + border-color: transparent; + color: #4D4D4D; +} + +.link-subtle:active, +.link-subtle:focus, +.link-subtle:hover { + border-color: #4D4D4D; + color: black; +} + +.link-yellow:link, +.link-yellow:visited { + border-style: none; + color: #F4BB15; +} + +.link-yellow:active, +.link-yellow:focus, +.link-yellow:hover { + color: #F49B15; +} + +.page-number-indicator { + display: block; + font-size: 0.4em; + font-weight: normal; + padding: 10px 5px; +} + +.page-selector { + box-sizing: border-box; + padding: 20px; +} + +.unpadded { + padding: 0; +} + +.responsive-image { + display: block; + height: auto; + max-width: 100%; +} + +.sheet { + box-sizing: border-box; +} + +.table-box { + overflow-x: auto; +} + + +@media screen and (min-width: 1280px) { + .sheet { + display: inline-block; + vertical-align: top; + width: 75%; + } + + .sheet-padded { + padding-right: 20px; + } +} + +.bold { + font-weight: bold; +} + +.centered-block { + margin-left: auto; + margin-right: auto; +} + +.centered-text { + text-align: center; +} + +.fineprint { + font-size: small; +} + +.float-cleaner { + clear: both; +} + +.hidden { + visibility: hidden; +} + +.justify { + text-align: justify; +} + +.justify-left { + text-align: left; +} + +.justify-right { + text-align: right; +} + +.mono { + font-family: monospace; +} + +.light-text { + color: #E6E6E6; +} + +.limit-width { + max-width: 960px; +} + +.page-number-indicator { + display: block; + font-size: 0.4em; + font-weight: normal; + padding: 10px 5px; +} + +.page-selector { + box-sizing: border-box; + padding: 20px; +} + +.unpadded { + padding: 0; +} + +.responsive-image { + display: block; + height: auto; + max-width: 100%; +} + +.sheet { + box-sizing: border-box; +} + +.table-box { + overflow-x: auto; +} + +@media screen and (min-width: 1280px) { + .sheet { + display: inline-block; + vertical-align: top; + width: 75%; + } + + .sheet-padded { + padding-right: 20px; + } +} + +#post-list { + list-style: none; + padding-left: 11em; + font-size: 1.6em; +} + +#post-list li { + min-height: 3em; +} + +#post-list li time { + float: left; + font-size: 1em; + margin-left: -7em; + display: inline-block; + text-align: right; + width: 6em; +} + +#post-list li time div { + font-size: 0.7em; +} + +.draft-post { + font-style: italic; +} + +h1, +h2, +h3, +h4, +h5 { + color: #4D4D4D; + line-height: 1.2em; +} + +h2 { + font-size: 2.5em; + text-align: center; + line-height: 1.2em; +} + +h3 { + font-size: 1.5em; + line-height: 1.2em; +} + +.page { + background-color: white; + padding: 20px 20px; +} + +header div { + max-width: 960px; + margin-left: auto; + margin-right: auto; + color: #E6E6E6; + text-align: center; +} + +header div a { + color: #E6E6E6 !important; +} + +header h1 { + display: inline-block; + text-align: center; +} + +article #center { + display: inline-block; + text-align: center; + width: 70%; +} + +article #left-nav { + display: inline-block; + text-align: center; + width: 15%; +} + +article #right-nav { + display: inline-block; + text-align: center; + width: 15%; +} + +header h1 { + text-align: center; + color: #E6E6E6; +} + +footer { + background-color: #333; + color: white; + font-size: 0.8em; + padding: 20px; + text-align: center; +} + +.metta { + color: #F4BB15; +} diff --git a/static/img/guix-logo.png b/static/img/guix-logo.png new file mode 100644 index 0000000..256f49f Binary files /dev/null and b/static/img/guix-logo.png differ diff --git a/static/img/icon.png b/static/img/icon.png new file mode 100644 index 0000000..a76ef88 Binary files /dev/null and b/static/img/icon.png differ diff --git a/static/img/icon.svg b/static/img/icon.svg new file mode 100644 index 0000000..3aa54f2 --- /dev/null +++ b/static/img/icon.svg @@ -0,0 +1,220 @@ + + + + + GNU Guix Logotype + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + GNU Guix Logotype + 2016-12-16 + + + Luis Felipe López Acevedo + + + + + Luis Felipe López Acevedo + + + + + + + + + + + + + + + + + + + + + + + + + + + -- cgit v1.2.3