From 0cf43e0c216e8b2bf4c51b7ea0b727f7f0f9a692 Mon Sep 17 00:00:00 2001 From: Awstin Date: Sat, 9 Mar 2024 20:48:56 -0500 Subject: [PATCH] Adding manual CSS --- assets/main.css | 109 ++++++++++++++++++++++++++++++++++++++++++++ templates/base.html | 1 - 2 files changed, 109 insertions(+), 1 deletion(-) diff --git a/assets/main.css b/assets/main.css index e69de29..e5a7778 100644 --- a/assets/main.css +++ b/assets/main.css @@ -0,0 +1,109 @@ +:root { + --bg_h: #1d2021; + --bg: #282828; + --bg_s: #32302f; + --bg1: #3c3836; + --bg2: #504945; + --bg3: #665c54; + --bg4: #7c6f64; + + --fg: #fbf1c7; + --fg1: #ebdbb2; + --fg2: #d5c4a1; + --fg3: #bdae93; + --fg4: #a89984; + + --red: #fb4934; + --green: #b8bb26; + --yellow: #fabd2f; + --blue: #83a598; + --purple: #d3869b; + --aqua: #8ec07c; + --gray: #928374; + --orange: #fe8019; + + --red-dim: #cc2412; + --green-dim: #98971a; + --yellow-dim: #d79921; + --blue-dim: #458588; + --purple-dim: #b16286; + --aqua-dim: #689d6a; + --gray-dim: #a89984; + --orange-dim: #d65d0e; +} + +html { + font-family: monospace; + background-color: var(--bg); + color: var(--fg); + font-size: 1.25rem; /* 20px */ + line-height: 1.75rem; /* 28px */ + padding: 0.25rem; +} + +body { + width: 60%; + margin: auto; +} + +h1 { + font-size: 2.25rem; /* 36px */ + line-height: 2.5rem; /* 40px */ + text-align: center; +} + +h2 { + font-size: 1.875rem; /* 30px */ + line-height: 2.25rem; /* 36px */ +} + +h3 { + font-size: 1.5rem; /* 24px */ + line-height: 2rem; /* 32px */ +} + +a { + color: var(--orange); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +p { + padding-top: 0.5rem; /* 8px */ + padding-bottom: 0.5rem; /* 8px */ +} + +code { + color: var(--blue); +} + +@media (max-width: 1024px) { + html { + line-height: 1.75rem; + font-size: 0.875rem; + padding: 0.25rem; + } + + body { + width: 90%; + } + + h1 { + font-size: 1.5rem; /* 24px */ + line-height: 2rem; /* 32px */ + } + + h2 { + font-size: 1.25rem; /* 20px */ + line-height: 1.75rem; /* 28px */ + } + + h3 { + font-size: 1rem; /* 16px */ + line-height: 1.5rem; /* 24px */ + } +} + diff --git a/templates/base.html b/templates/base.html index 490ab82..7db73fd 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,7 +3,6 @@ - {% block title %}{{ title }}{% endblock %}