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

BIN
favicon/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.7 KiB

BIN
favicon/favicon-96x96.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

BIN
favicon/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

1
favicon/favicon.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

21
favicon/site.webmanifest Normal file
View File

@@ -0,0 +1,21 @@
{
"name": "David Madl",
"short_name": "Madl",
"icons": [
{
"src": "/web-app-manifest-192x192.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "maskable"
},
{
"src": "/web-app-manifest-512x512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}

BIN
favicon/web-app-manifest-192x192.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.5 KiB

BIN
favicon/web-app-manifest-512x512.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
font/Inter-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
font/Inter-BoldItalic.woff2 Normal file
View File

Binary file not shown.

BIN
font/Inter-Italic.woff2 Normal file
View File

Binary file not shown.

BIN
font/Inter-Regular.woff2 Normal file
View File

Binary file not shown.

BIN
font/SpaceGrotesk-Bold.woff2 Normal file
View File

Binary file not shown.

23
index.html
View File

@@ -6,6 +6,25 @@
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>David Madl</title> <title>David Madl</title>
<link rel="stylesheet" href="main.css"> <link rel="stylesheet" href="main.css">
<!-- Standard favicon -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- SVG favicon -->
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<!-- PNG favicons -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Apple / iOS home screen icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Web app manifest -->
<link rel="manifest" href="/site.webmanifest">
<!-- Optional browser UI color -->
<meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body>
@@ -39,11 +58,9 @@
</div> </div>
</div> </div>
<div class="cta"> <div class="cta">
<!--<p>Lorem ipsum</p>-->
<div class="cta-content"> <div class="cta-content">
<h2>Need results?</h2> <h2>Need results?</h2>
<p><svg style="height: 1.5em; vertical-align: -0.4em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z"/></svg> <a href="mailto:todo@example.com">todo@example.com</a></p> <p><svg style="height: 1.5em; vertical-align: -0.4em;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M125.4 128C91.5 128 64 155.5 64 189.4C64 190.3 64 191.1 64.1 192L64 192L64 448C64 483.3 92.7 512 128 512L512 512C547.3 512 576 483.3 576 448L576 192L575.9 192C575.9 191.1 576 190.3 576 189.4C576 155.5 548.5 128 514.6 128L125.4 128zM528 256.3L528 448C528 456.8 520.8 464 512 464L128 464C119.2 464 112 456.8 112 448L112 256.3L266.8 373.7C298.2 397.6 341.7 397.6 373.2 373.7L528 256.3zM112 189.4C112 182 118 176 125.4 176L514.6 176C522 176 528 182 528 189.4C528 193.6 526 197.6 522.7 200.1L344.2 335.5C329.9 346.3 310.1 346.3 295.8 335.5L117.3 200.1C114 197.6 112 193.6 112 189.4z"/></svg> <a href="mailto:hello@hexopt.com">hello@hexopt.com</a></p>
<!--<h2>cta</h2>-->
</div> </div>
</div> </div>
<div class="footer"> <div class="footer">

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 { body {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; 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-top: 2.25vw;
margin-bottom: 0; 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-repeat: no-repeat;
background-position: center top; background-position: center top;
background-size: 100% auto; background-size: 100% auto;
@@ -62,6 +68,10 @@ h1, h2, h3, h4, h5, h6 {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.cta {
padding-left: 13vw; /* for regular screen only */
}
/* Small screens */ /* Small screens */
@media (max-width: 960px) { @media (max-width: 960px) {
.blocks { .blocks {
@@ -91,18 +101,21 @@ h1, h2, h3, h4, h5, h6 {
.block:nth-child(3) { .block:nth-child(3) {
margin-bottom: 4.5vw; /* bottom 2.25vw + distance to cta, in responsive mode */ margin-bottom: 4.5vw; /* bottom 2.25vw + distance to cta, in responsive mode */
} }
.cta {
padding-left: 15.25vw; /* for small screen only */
}
} }
.cta { .cta {
margin-left: 0; margin-left: 0;
margin-top: -0.3vw; margin-top: -0.3vw;
padding-left: 13vw;
} }
div.cta { div.cta {
/*width: 100%;*/ /*width: 100%;*/
min-height: 5.95vw; min-height: 5.95vw;
background-image: url("https://abanbytes.eu/upload/cta.svg"); background-image: url("img/cta.svg");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left top; background-position: left top;
background-size: auto 5.95vw; background-size: auto 5.95vw;