david/portfolio-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

favicons, fonts

Browse Source
This commit is contained in:
David Madl
2026-05-08 23:21:05 +02:00
parent 00fde85f39
commit 6c99b8a812
14 changed files with 59 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
main.css
View File

@@ -1,4 +1,10 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");
/* @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap"); */
@font-face { font-family:Inter; font-style:normal; font-weight:400; font-display:swap; src:url("font/Inter-Regular.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:400; font-display:swap; src:url("font/Inter-Italic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:normal; font-weight:700; font-display:swap; src:url("font/Inter-Bold.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Inter; font-style:italic; font-weight:700; font-display:swap; src:url("font/Inter-BoldItalic.woff2?v=4.1") format("woff2"); }
@font-face { font-family:Space Grotesk; font-style:normal; font-weight:700; font-display:swap; src:url("font/SpaceGrotesk-Bold.woff2?v=4.1") format("woff2"); }
body {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
@@ -15,7 +21,7 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 2.25vw;
margin-bottom: 0;
background-image: url("https://abanbytes.eu/upload/hero_bg_2_plain.svg");
background-image: url("img/hero_bg_2_plain.svg");
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
@@ -62,6 +68,10 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 0.5rem;
}
.cta {
padding-left: 13vw; /* for regular screen only */
}
/* Small screens */
@media (max-width: 960px) {
.blocks {
@@ -91,18 +101,21 @@ h1, h2, h3, h4, h5, h6 {
.block:nth-child(3) {
margin-bottom: 4.5vw; /* bottom 2.25vw + distance to cta, in responsive mode */
}
.cta {
padding-left: 15.25vw; /* for small screen only */
}
}
.cta {
margin-left: 0;
margin-top: -0.3vw;
padding-left: 13vw;
}
div.cta {
/*width: 100%;*/
min-height: 5.95vw;
background-image: url("https://abanbytes.eu/upload/cta.svg");
background-image: url("img/cta.svg");
background-repeat: no-repeat;
background-position: left top;
background-size: auto 5.95vw;