yagich/porom
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add font and acknowledgements

Browse Source
This commit is contained in:
Lera Elvoé
2025-05-25 21:07:21 +03:00
parent a4a79d964e
commit c426c8aa2a
10 changed files with 130 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
sass/style.scss
View File

@ -2,6 +2,45 @@
@use "sass:color";
@font-face {
font-family: "body-text";
src: url("/static/fonts/DINish[slnt,wdth,wght].woff2") format("woff2");
}
@font-face {
font-family: "site-title";
src: url("/static/fonts/ChicagoFLF.woff2");
}
@mixin cadman($var) {
font-family: "Cadman";
src: url("/static/fonts/Cadman_#{$var}.woff2");
}
@font-face {
@include cadman("Roman");
font-weight: normal;
font-style: normal;
}
@font-face {
@include cadman("Bold");
font-weight: bold;
font-style: normal;
}
@font-face {
@include cadman("Italic");
font-weight: normal;
font-style: italic;
}
@font-face {
@include cadman("BoldItalic");
font-weight: bold;
font-style: italic;
}
$accent_color: #c1ceb1;
$dark_bg: color.scale($accent_color, $lightness: -25%, $saturation: -97%);
@ -17,7 +56,8 @@ $button_color: color.adjust($accent_color, $hue: 90);
%button-base {
cursor: default;
color: black;
font-size: 0.9rem;
font-size: 0.9em;
font-family: "Cadman";
text-decoration: none;
border: 1px solid black;
border-radius: 3px;
@ -50,7 +90,8 @@ $button_color: color.adjust($accent_color, $hue: 90);
}
body {
font-family: sans-serif;
font-family: "Cadman";
// font-size: 18px;
margin: 20px 100px;
background-color: $main_bg;
}
@ -62,7 +103,7 @@ body {
#topnav {
@include navbar($accent_color);
justify-content: space-between;
align-items: center;
align-items: baseline;
}
#bottomnav {
@ -82,9 +123,9 @@ body {
}
.site-title {
padding-right: 30px;
font-size: 1.5rem;
font-weight: bold;
font-family: "site-title";
font-size: 3rem;
margin: 0 20px;
text-decoration: none;
color: black;
}
@ -120,7 +161,7 @@ body {
.post-content-container {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 0.2fr 2.5fr;
grid-template-rows: 70px 2.5fr;
gap: 0px 0px;
grid-auto-flow: row;
grid-template-areas:
@ -193,7 +234,7 @@ pre code {
display: flex;
justify-content: space-between;
align-items: last baseline;
font-family: sans-serif;
font-family: "Cadman";
border-top-right-radius: 8px;
border-top-left-radius: 8px;
background-color: $accent_color;