yadunut/yadunut.dev
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

feat: update site

Browse Source
This commit is contained in:
Yadunand Prem
2024-11-22 15:02:29 -05:00
parent 4b1b6b4369
commit 79327510d7
9 changed files with 124 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

86
site/static/css/main.css
View File

@@ -1,55 +1,77 @@
:root {
--font-family: "Comic Mono";
--line-height: 1.2rem;
--font-weight-normal: 500;
--font-weight-medium: 600;
--font-weight-bold: 800;
--font-family: "Comic Mono";
--line-height: 1.2rem;
--font-weight-normal: 500;
--font-weight-medium: 600;
--font-weight-bold: 800;
font-family: var(--font-family), monospace;
font-weight: var(--font-weight-normal);
font-size: 16px;
font-family: var(--font-family), monospace;
font-weight: var(--font-weight-normal);
font-size: 16px;
}
* {
box-sizing: border-box;
box-sizing: border-box;
}
body {
width: 100%;
margin: 0;
line-height: var(--line-height);
max-width: 100ch;
width: 100%;
margin: 0;
line-height: var(--line-height);
max-width: 100ch;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: calc(var(--line-height) * 2) 0 var(--line-height) 0;
font-weight: var(--font-weight-bold);
margin: calc(var(--line-height) * 2) 0 var(--line-height) 0;
font-weight: var(--font-weight-bold);
}
h1 {
font-size: 2rem;
margin-bottom: calc(var(--line-height) * 2);
text-transform: uppercase;
font-size: 2rem;
margin-bottom: calc(var(--line-height) * 2);
text-transform: uppercase;
}
h2 {
font-size: 1rem;
text-transform: uppercase;
font-size: 1rem;
text-transform: uppercase;
}
#grid {
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to right, #ccc 1px, transparent 1px),
linear-gradient(to bottom, #ccc 1px, transparent 1px);
background-size: 1ch var(--line-height); /* Adjust grid size */
background-position: top left;
margin: 0;
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to right, #ccc 1px, transparent 1px),
linear-gradient(to bottom, #ccc 1px, transparent 1px);
background-size: 1ch var(--line-height);
/* Adjust grid size */
background-position: top left;
margin: 0;
}
p {
margin-bottom: var(--line-height);
margin-bottom: var(--line-height);
}
li {
margin: 0;
padding: 0;
}
ul {
padding: 0 0 0 2ch;
margin: 0 0 var(--line-height);
list-style-type: square;
}
ul li ul {
margin-bottom: 0;
}