mysticmode/website
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Design update

Browse Source
This commit is contained in:
Nirmal Kumar R
2025-11-08 20:45:45 +05:30
parent 740d2be3ed
commit 4a8c6516eb
5 changed files with 14 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
font/7a3dd69b88263136.woff2
BIN
View File
Binary file not shown.
font/JetBrainsMono-Bold.woff2
BIN
View File
Binary file not shown.
font/JetBrainsMono-ExtraBold.woff2
BIN
View File
Binary file not shown.
font/JetBrainsMono-Medium.woff2
BIN
View File
Binary file not shown.
style.css
+14 -26
View File
@@ -9,24 +9,8 @@
} }
@font-face { @font-face {
font-family: "JetBrains Mono Regular"; font-family: "Neue Haas Grotesk Display Pro";
font-style: normal; src: url(fonts/6e2df30bac10d3b6a0e5.woff2) format("woff2");
font-weight: var(--font-weight-normal);
src: url("/font/JetBrainsMono-Medium.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono Medium";
font-style: normal;
font-weight: var(--font-weight-medium);
src: url("/font/JetBrainsMono-Bold.woff2") format("woff2");
}
@font-face {
font-family: "JetBrains Mono Bold";
font-style: normal;
font-weight: var(--font-weight-bold);
src: url("/font/JetBrainsMono-ExtraBold.woff2") format("woff2");
} }
html, html,
@@ -36,16 +20,17 @@ body {
} }
body { body {
font-family: "JetBrains Mono Regular", monospace; font-family: "Neue Haas Grotesk Display Pro", serif;
font-feature-settings: "tnum"; font-feature-settings: "tnum";
font-variant-numeric: tabular-nums; font-variant-numeric: tabular-nums;
font-size: 16px; font-size: 24px;
font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal);
line-height: 1.5; line-height: 1.5;
text-decoration: none; text-decoration: none;
color: #333; color: #333;
width: 600px; width: 60ch;
margin: 1em auto; margin: 1em auto;
padding: 0 2em;
} }
a { a {
@@ -90,7 +75,7 @@ pre {
.header p { .header p {
font-size: 20px; font-size: 20px;
font-family: "JetBrains Mono Bold", monospace; font-family: "Neue Haas Grotesk Display Pro", serif;
color: #333; color: #333;
} }
@@ -107,11 +92,13 @@ pre {
nav { nav {
display: block; display: block;
margin: 2em 0; margin: 2em 0;
text-transform: uppercase;
} }
nav a { nav a {
margin-right: 1em; margin-right: 1em;
font-size: 21px;
color: #333;
text-transform: uppercase;
} }
nav a:last-child { nav a:last-child {
@@ -129,14 +116,14 @@ ul li {
} }
.content-wrapper .title { .content-wrapper .title {
font-size: 1.2rem; font-size: 2rem;
text-transform: uppercase; text-transform: uppercase;
font-family: "JetBrains Mono Bold", monospace; font-family: "Neue Haas Grotesk Display Pro", serif;
} }
.content-wrapper .title span, .content-wrapper .title span,
main ul li span { main ul li span {
font-size: 14px; font-size: 22px;
color: #555; color: #555;
font-weight: normal; font-weight: normal;
} }
@@ -166,6 +153,7 @@ hr::after {
} }
footer { footer {
font-size: 16px;
margin-bottom: 3em; margin-bottom: 3em;
} }