awstin/achubb_website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adding manual CSS

Browse source
This commit is contained in:
Awstin 2024-03-09 20:48:56 -05:00
parent 3ea5b80174
commit 0cf43e0c21
2 changed files with 109 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
assets/main.css
View file

@ -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 */
}
}

1
templates/base.html
View file

@ -3,7 +3,6 @@
<head> <head>
<link href="/assets/main.css" rel="stylesheet" /> <link href="/assets/main.css" rel="stylesheet" />
<link href="https://rsms.me/inter/inter.css" rel="stylesheet" />
<!-- Allow any inheriting page to set it's own title --> <!-- Allow any inheriting page to set it's own title -->
<title>{% block title %}{{ title }}{% endblock %}</title> <title>{% block title %}{{ title }}{% endblock %}</title>