diff --git a/favicon/apple-touch-icon.png b/favicon/apple-touch-icon.png new file mode 100644 index 0000000..6f417ce Binary files /dev/null and b/favicon/apple-touch-icon.png differ diff --git a/favicon/favicon-96x96.png b/favicon/favicon-96x96.png new file mode 100644 index 0000000..1f74da2 Binary files /dev/null and b/favicon/favicon-96x96.png differ diff --git a/favicon/favicon.ico b/favicon/favicon.ico new file mode 100644 index 0000000..176f210 Binary files /dev/null and b/favicon/favicon.ico differ diff --git a/favicon/favicon.svg b/favicon/favicon.svg new file mode 100644 index 0000000..f009ede --- /dev/null +++ b/favicon/favicon.svg @@ -0,0 +1 @@ +RealFaviconGeneratorhttps://realfavicongenerator.net \ No newline at end of file diff --git a/favicon/site.webmanifest b/favicon/site.webmanifest new file mode 100644 index 0000000..5ac73ca --- /dev/null +++ b/favicon/site.webmanifest @@ -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" +} \ No newline at end of file diff --git a/favicon/web-app-manifest-192x192.png b/favicon/web-app-manifest-192x192.png new file mode 100644 index 0000000..8f8fd80 Binary files /dev/null and b/favicon/web-app-manifest-192x192.png differ diff --git a/favicon/web-app-manifest-512x512.png b/favicon/web-app-manifest-512x512.png new file mode 100644 index 0000000..09cf858 Binary files /dev/null and b/favicon/web-app-manifest-512x512.png differ diff --git a/font/Inter-Bold.woff2 b/font/Inter-Bold.woff2 new file mode 100644 index 0000000..b9e3cb3 Binary files /dev/null and b/font/Inter-Bold.woff2 differ diff --git a/font/Inter-BoldItalic.woff2 b/font/Inter-BoldItalic.woff2 new file mode 100644 index 0000000..31cd052 Binary files /dev/null and b/font/Inter-BoldItalic.woff2 differ diff --git a/font/Inter-Italic.woff2 b/font/Inter-Italic.woff2 new file mode 100644 index 0000000..9a1ad21 Binary files /dev/null and b/font/Inter-Italic.woff2 differ diff --git a/font/Inter-Regular.woff2 b/font/Inter-Regular.woff2 new file mode 100644 index 0000000..2bcd222 Binary files /dev/null and b/font/Inter-Regular.woff2 differ diff --git a/font/SpaceGrotesk-Bold.woff2 b/font/SpaceGrotesk-Bold.woff2 new file mode 100644 index 0000000..6025ccf Binary files /dev/null and b/font/SpaceGrotesk-Bold.woff2 differ diff --git a/index.html b/index.html index 7c8a9d0..19ef4fc 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,25 @@ David Madl + + + + + + + + + + + + + + + + + + + @@ -39,11 +58,9 @@
-

Need results?

-

todo@example.com

- +

hello@hexopt.com

diff --git a/main.css b/main.css index 4c8a00d..20bb067 100644 --- a/main.css +++ b/main.css @@ -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;