rpqt/corner
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update css for resumé

Browse Source
This commit is contained in:
Romain Paquet
2025-10-25 00:15:22 +02:00
parent 391929926a
commit c3f4393f2e
2 changed files with 32 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
_config.ts
View File

@@ -12,8 +12,10 @@ site.use(codeHighlight());
site.use(googleFonts({ site.use(googleFonts({
cssFile: "/styles/main.css", cssFile: "/styles/main.css",
placeholder: "/* import fonts */", placeholder: "/* import fonts */",
// fonts: "https://fonts.google.com/share?selection.family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700", fonts: {
fonts: "https://fonts.google.com/share?selection.family=JetBrains+Mono:ital,wght@0,100..800;1,100..800", "Atkinson Hyperlegible": "https://fonts.google.com/share?selection.family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700",
"JetBrains Mono": "https://fonts.google.com/share?selection.family=JetBrains+Mono:ital,wght@0,100..800;1,100..800",
},
})); }));
site.copy("/styles"); site.copy("/styles");

33
styles/main.css
View File

@@ -5,7 +5,7 @@
--color-foreground-dimmed: color-mix(in srgb, var(--color-foreground), transparent 40%); --color-foreground-dimmed: color-mix(in srgb, var(--color-foreground), transparent 40%);
/* --color-accent: #0692aa; */ /* --color-accent: #0692aa; */
--max-width: 900px; --max-width: 900px;
--font-base-size: 16px; --font-base-size: 20px;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@@ -19,7 +19,8 @@
} }
body { body {
font-family: "JetBrains Mono"; /* font-family: "JetBrains Mono"; */
font-family: "Atkinson Hyperlegible";
display: grid; display: grid;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
min-height: 100svh; min-height: 100svh;
@@ -58,8 +59,7 @@ header>nav {
text-decoration: underline; text-decoration: underline;
} }
#site-root { #site-root {}
}
#header-nav-current { #header-nav-current {
font-weight: bold; font-weight: bold;
@@ -70,7 +70,9 @@ main {
width: 100%; width: 100%;
} }
h1, h2, h3 { h1,
h2,
h3 {
margin: 0.5em 0; margin: 0.5em 0;
} }
@@ -92,3 +94,24 @@ footer {
font-size: smaller; font-size: smaller;
color: var(--color-foreground-dimmed); color: var(--color-foreground-dimmed);
} }
.card {
border: 1px solid var(--color-foreground-dimmed);
border-radius: 16px;
padding: 0.5em 1em;
margin: 1em 0;
}
.card hr {
margin: 30px -1em 1em;
border: 0;
border-top: 1px solid var(--color-foreground-dimmed);
}
.pl-badge {
border: 1px solid;
border-radius: 8px;
padding: 0.5em;
margin: 0.25em;
display: inline-block;
}