samantha/personal-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adding fonts and css change

Browse Source
This commit is contained in:
samantha42
2026-08-28 11:10:00 +02:00
parent 3d3d87fad9
commit cd536b1c8f
9 changed files with 103 additions and 1931 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/input.css
+59 -14
View File
@@ -1,3 +1,35 @@
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
.ibm-plex-serif-thin {
font-family: "IBM Plex Serif", serif;
font-weight: 100;
font-style: normal;
}
.ibm-plex-serif-extralight {
font-family: "IBM Plex Serif", serif;
font-weight: 200;
font-style: normal;
}
.ibm-plex-serif-light {
font-family: "IBM Plex Serif", serif;
font-weight: 300;
font-style: normal;
}
.ibm-plex-serif-regular {
font-family: "IBM Plex Serif", serif;
font-weight: 400;
font-style: normal;
}
.ibm-plex-serif-medium {
font-family: "IBM Plex Serif", serif;
font-weight: 500;
font-style: normal;
}
.theme-root.night {
--bg: #1c1c1c;
--surface: #252525;
@@ -55,7 +87,6 @@ body::before{
position:fixed;inset:0;
background-image:radial-gradient(circle, var(--border) 1px, transparent 1px);
background-size:24px 24px;
opacity:0.5;
pointer-events:none;z-index:0;
}
@@ -74,6 +105,8 @@ nav{
}
.nav-logo::before{content:'>';color:var(--green);font-weight:500;}
.nav-logo.sub::before{content:'/';color:var(--green);font-weight:500;}
.nav-logo.back::before{content:'<-';color:var(--green);font-weight:500;}
.nav-links{display:flex;gap:0.2rem;align-items:center;}
.nav-links a{
@@ -96,15 +129,6 @@ nav{
}
.sidebar-links a.hidden {
opacity: 0;
transition: opacity 0.4s linear;
}
.sidebar-links:hover a.hidden {
opacity: 1;
}
aside{
border-right:1px solid var(--border);
padding:2.5rem 1.5rem;
@@ -149,9 +173,10 @@ main{
}
.hero-eyebrow::before{content:'';display:block;width:20px;height:1px;background:var(--green);}
h1{
font-family:var(--ff-mono);
font-size:clamp(1.8rem,4vw,2.8rem);
font-weight:500;color:var(--text);
font-family: "IBM Plex Serif", serif;
font-weight: 300;
font-style: normal;
font-size: 4rem;
letter-spacing:-0.02em;line-height:1.1;
}
h1 span{color:var(--accent);}
@@ -193,7 +218,13 @@ h1 span{color:var(--accent);}
}
.exp-title{font-family:var(--ff-mono);font-size:0.9rem;font-weight:500;color:var(--text);}
.exp-title{
font-family: "IBM Plex Serif", serif;
font-weight: 500;
font-style: normal;
color:var(--text);}
.exp-tag{
font-family:var(--ff-mono);font-size:0.65rem;
letter-spacing:0.1em;text-transform:uppercase;
@@ -201,6 +232,20 @@ h1 span{color:var(--accent);}
border:1px solid rgba(26,86,219,0.2);
padding:2px 8px;border-radius:3px;
}
.exp-tag.green{
color: green;
background:rgba(61, 219, 26, 0.07);
border:1px solid rgba(38, 103, 13, 0.2);
}
.exp-tag.red{
color: red;
background:rgba(219, 26, 26, 0.07);
border:1px solid rgba(219, 26, 26, 0.2);
}
.exp-body{font-size:0.85rem;color:var(--muted);line-height:1.8;}
.edu-grid{display:flex;flex-direction:column;gap:8px;}