From 28f2122ce73f197bf28d062f1e6c2bea366bf078 Mon Sep 17 00:00:00 2001 From: Andinus Date: Sat, 9 Oct 2021 18:33:40 +0530 Subject: Initialize Application --- public/global.css | 98 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ public/index.html | 18 ++++++++++ 2 files changed, 116 insertions(+) create mode 100644 public/global.css create mode 100644 public/index.html (limited to 'public') diff --git a/public/global.css b/public/global.css new file mode 100644 index 0000000..d63c896 --- /dev/null +++ b/public/global.css @@ -0,0 +1,98 @@ +/* Colors from Modus theme. **************************************************/ +/* Stylesheets used on https://andinus.unfla.me ******************************/ +:root { + --bg-main: #ffffff; + --bg-dim: #f8f8f8; + --bg-alt: #f0f0f0; + + --blue-subtle-bg: #b5d0ff; + --cyan-subtle-bg: #c0efff; + --bg-hl-alt-intense: #e8dfd1; + + --fg-main: #000000; + --fg-dim: #282828; + --fg-alt: #505050; + + --fg-special-cold: #093060; + --fg-special-mild: #184034; + --fg-special-warm: #5d3026; + --fg-special-calm: #61284f; + + --red: #a60000; + --green: #005e00; + --yellow: #813e00; + --blue: #0031a9; + --magenta: #721045; + --cyan: #00538b; + + --blue-alt-other: #0000c0; + --yellow-nuanced-fg: #3f3000; +} +@media (prefers-color-scheme: dark) { + :root { + --bg-main: #000000; + --bg-dim: #100f10; /* #110b11 */ + --bg-alt: #191a1b; /* #181a20 */ + + --blue-subtle-bg: #10387c; + --cyan-subtle-bg: #00415e; + --bg-hl-alt-intense: #282e46; + + --fg-main: #ffffff; + --fg-dim: #e0e6f0; + --fg-alt: #a8a8a8; + + --fg-special-cold: #c6eaff; + --fg-special-mild: #bfebe0; + --fg-special-warm: #f8dec0; + --fg-special-calm: #fbd6f4; + + --red: #ff8059; + --green: #44bc44; + --yellow: #eecc00; + --blue: #2fafff; + --magenta: #feacd0; + --cyan: #00d3d0; + + --blue-alt-other: #00bcff; + --yellow-nuanced-fg: #dfdfb0; + + } +} + +::selection { background-color: var(--bg-hl-alt-intense); } + +html { + color: var(--fg-main); + background-color: var(--bg-main); + font-family: "Iosevka Aile", sans-serif; +} + +body { + margin: 2ch; + line-height: 1.5; +} + +h1 { color: var(--fg); } +h2 { color: var(--fg-special-warm); } +h3 { color: var(--fg-special-cold); } +h4 { color: var(--fg-special-mild); } +h5 { color: var(--fg-special-calm); } +h6 { color: var(--yellow-nuanced-fg); } +h1, h2, h3, h4, h5, h6, .title { font-family: "Iosevka Etoile", serif; } +.title { + color: var(--fg-special-cold); + border-bottom: 1px solid var(--bg-alt); +} + +a { color: var(--blue-alt-other); } +a:hover, a:focus { + color: var(--fg-dim); + background-color: var(--blue-subtle-bg); +} + +a:visited { color: var(--cyan); } +a:visited:hover, a:visited:focus { + color: var(--fg-dim); + background-color: var(--cyan-subtle-bg); +} diff --git a/public/index.html b/public/index.html new file mode 100644 index 0000000..526a8cd --- /dev/null +++ b/public/index.html @@ -0,0 +1,18 @@ + + + + + + + CG Algorithms + + + + + + + + + + + -- cgit 1.4.1-2-gfad0