karim
e7d820b83c
custom.css überarbeitet, hugo.yaml + Layouts angepasst, Logo (static/logo/) und static/index.html ergänzt, Content-Korrekturen in library/. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
115 lines
8.9 KiB
HTML
115 lines
8.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>OPENBUREAU — In Erstellung</title>
|
|
<meta name="robots" content="noindex" />
|
|
<link rel="preconnect" href="https://fonts.bunny.net" crossorigin />
|
|
<link rel="stylesheet" href="https://fonts.bunny.net/css?family=newsreader:400,400i,700,800|space-grotesk:500" />
|
|
<style>
|
|
:root {
|
|
--font-serif: 'Newsreader', Charter, Georgia, serif;
|
|
--font-display: 'Space Grotesk', system-ui, sans-serif;
|
|
--bg: hsl(35 14% 96%);
|
|
--ink: hsl(25 18% 10%);
|
|
--muted: hsl(25 8% 38%);
|
|
--dark: #191919;
|
|
--dark-muted: #a9a9a9;
|
|
--accent: #b54a2c;
|
|
}
|
|
* { box-sizing: border-box; }
|
|
html, body { height: 100%; }
|
|
body {
|
|
margin: 0;
|
|
font-family: var(--font-serif);
|
|
color: var(--ink);
|
|
background: var(--bg);
|
|
display: grid;
|
|
grid-template-rows: auto 1fr auto;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
header {
|
|
background: var(--dark);
|
|
padding: 1rem;
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.wordmark {
|
|
display: block;
|
|
width: clamp(140px, 22vw, 240px);
|
|
text-decoration: none;
|
|
}
|
|
.wordmark svg {
|
|
display: block;
|
|
width: 100%;
|
|
height: auto;
|
|
fill: #f0f0f0;
|
|
}
|
|
|
|
main {
|
|
display: grid;
|
|
place-items: center;
|
|
text-align: center;
|
|
padding: 2rem 1.5rem;
|
|
}
|
|
h1 {
|
|
font-family: var(--font-serif);
|
|
font-size: clamp(2.2rem, 5.5vw, 3.6rem);
|
|
font-weight: 800;
|
|
letter-spacing: -0.028em;
|
|
line-height: 1.05;
|
|
margin: 0;
|
|
font-style: italic;
|
|
}
|
|
.stamp {
|
|
font-family: var(--font-display);
|
|
font-size: 0.78rem;
|
|
font-weight: 500;
|
|
letter-spacing: 0.18em;
|
|
text-transform: uppercase;
|
|
color: var(--accent);
|
|
margin-bottom: 1.4rem;
|
|
}
|
|
|
|
footer {
|
|
background: var(--dark);
|
|
color: var(--dark-muted);
|
|
padding: 1.2rem 1.5rem;
|
|
text-align: center;
|
|
font-family: var(--font-display);
|
|
font-size: 0.82rem;
|
|
letter-spacing: 0.04em;
|
|
}
|
|
footer a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
border-bottom: 1px solid #444;
|
|
}
|
|
footer a:hover { border-bottom-color: var(--accent); color: var(--accent); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<a href="/" class="wordmark" aria-label="OPENBUREAU">
|
|
<svg viewBox="0 0 1772 284" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
|
|
<path d="m 88.282598,268.49619 c 53.539992,0 80.309982,-30.79424 80.309982,-93.25756 v -67.18744 c 0,-62.463325 -26.76999,-93.257568 -80.309982,-93.257568 -53.539991,0 -80.3099861,30.794243 -80.3099861,93.257568 v 67.18744 c 0,62.46332 26.7699951,93.25756 80.3099861,93.25756 z m 0,-18.54653 c -19.071435,0 -27.469865,-13.99738 -27.469865,-47.24117 V 82.330996 c 0,-34.643523 8.39843,-48.990841 27.469865,-48.990841 19.246402,0 27.469862,14.347318 27.469862,48.990841 V 202.70849 c 0,33.24379 -8.22346,47.24117 -27.469862,47.24117 z"/>
|
|
<path d="m 273.99089,264.12201 v -15.92202 c -23.27065,-1.04981 -25.54522,-2.79948 -25.54522,-18.1966 v -54.76476 h 27.11993 c 49.69071,0 74.53607,-23.27065 74.53607,-69.98692 V 89.679622 c 0,-47.066201 -24.84536,-70.511817 -74.53607,-70.511817 h -94.30737 v 15.922023 c 12.07274,1.049804 13.64745,3.149411 13.64745,15.572089 V 232.6279 c 0,12.42267 -1.57471,14.52228 -13.64745,15.57209 v 15.92202 z M 248.44567,38.764141 h 19.07143 c 21.34601,0 30.61928,12.072743 30.61928,40.942346 v 35.868293 c 0,28.51967 -9.27327,40.41744 -30.61928,40.41744 h -19.07143 z m 273.54189,225.357869 1.04981,-92.73266 h -17.1468 c -10.84797,59.66384 -24.84535,75.58586 -59.66384,75.58586 H 425.23065 V 145.49419 h 11.54784 c 16.09699,0 22.22085,9.97313 26.42006,42.16711 h 14.52229 V 88.629818 h -14.52229 c -4.19921,32.368952 -10.32307,42.167122 -26.42006,42.167122 H 425.23065 V 36.314599 h 19.77131 c 34.46855,0 47.94103,14.697252 58.43907,68.762141 h 17.32176 L 519.36305,19.167805 H 357.16838 v 15.747056 c 12.77261,0.874836 14.52228,3.149411 14.52228,16.271958 V 232.103 c 0,13.12254 -1.74967,15.39712 -14.52228,16.27195 v 15.74706 z m 79.67814,0 v -15.74706 c -23.09568,-15.92202 -34.64352,-48.29097 -34.64352,-90.28312 v -34.81849 c 0,-13.47248 -1.04981,-31.844045 -2.44954,-48.116003 l 3.67431,-0.524902 c 3.67431,14.87222 6.82372,25.370255 13.29751,40.942345 l 61.58849,148.54723 h 48.46594 V 91.07936 c 0,-24.49542 2.27457,-42.342083 11.37287,-56.164499 V 19.167805 H 638.5838 v 15.747056 c 19.7713,12.422677 30.61928,41.467247 30.61928,76.985609 v 34.11862 c 0,14.52228 1.0498,29.91941 2.6245,49.34077 l -3.67431,0.52491 c -4.19921,-15.57209 -7.34862,-26.59503 -12.94758,-40.06751 L 598.16636,19.167805 h -64.91287 v 15.922023 c 9.97314,1.049804 11.37288,3.149411 11.37288,14.347318 V 192.21045 c 0,24.49542 -2.27458,42.34209 -11.37288,56.1645 v 15.74706 z m 209.85377,0 c 43.91679,0 65.2628,-18.54653 65.2628,-58.08914 v -16.09699 c 0,-32.01902 -12.77261,-48.29097 -48.46594,-52.49019 v -3.49934 c 30.96921,-3.67432 42.86699,-18.54654 42.86699,-47.416139 V 72.532828 c 0,-36.568164 -20.12124,-53.365023 -62.28836,-53.365023 h -98.68155 v 15.922023 c 10.32307,1.049804 11.72281,2.974444 11.72281,14.522285 V 233.6777 c 0,11.54784 -1.39974,13.47248 -11.72281,14.52229 v 15.92202 z M 774.42641,38.589174 h 17.84666 c 19.2464,0 27.2949,9.623201 27.2949,32.193981 v 25.020322 c 0,22.045883 -8.22347,31.494113 -27.2949,31.494113 h -17.84666 z m 0,106.030176 h 19.07143 c 19.94627,0 28.51967,10.49804 28.51967,35.16843 v 28.8696 c 0,25.02032 -8.5734,35.86829 -28.51967,35.86829 h -19.07143 z m 197.08116,124.05181 c 48.46593,0 73.48623,-23.09568 73.48623,-68.41221 V 93.70387 c 0,-25.895159 2.6245,-44.091757 12.2477,-58.439075 v -16.09699 h -68.06224 v 16.09699 c 20.82114,12.422678 31.14414,42.692019 31.14414,84.334235 v 78.21038 c 0,27.8198 -11.5478,41.99215 -34.46852,41.99215 -22.92071,0 -34.64352,-14.17235 -34.64352,-41.99215 V 49.962048 c 0,-11.722809 1.74967,-13.822416 15.04719,-14.697253 v -16.09699 h -80.65992 v 16.09699 c 10.673,0.874837 12.24771,2.974444 12.24771,14.697253 V 200.25895 c 0,45.31653 25.02032,68.41221 73.66123,68.41221 z m 169.78523,-4.54915 v -16.09699 c -10.673,-1.04981 -12.0727,-3.14941 -12.0727,-14.69725 v -84.5092 h 11.8978 c 15.747,0 20.6461,9.09829 23.6206,37.443 l 2.9744,28.3447 c 2.9745,28.3447 5.424,40.59241 11.3729,49.51574 H 1237 l 0.5249,-16.09699 c -8.3985,-3.84928 -12.2478,-12.07274 -16.7969,-39.54261 l -4.3742,-26.94496 c -4.3742,-27.11993 -13.4725,-36.74313 -45.4915,-39.54261 v -3.32438 c 40.7674,-4.02424 55.9896,-22.22084 55.9896,-53.015085 v -9.448234 c 0,-36.918098 -24.1455,-57.039336 -70.5119,-57.039336 h -92.7326 v 16.09699 c 10.673,1.049804 12.2477,3.149412 12.2477,14.697253 V 233.32777 c 0,11.54784 -1.5747,13.64744 -12.2477,14.69725 v 16.09699 z M 1129.2201,39.289043 h 17.3218 c 18.8964,0 27.2949,8.748364 27.2949,32.019014 V 97.55315 c 0,23.44562 -8.3985,32.19398 -27.2949,32.19398 h -17.3218 z m 275.8164,224.832967 1.0498,-92.73266 h -17.1467 c -10.848,59.66384 -24.8454,75.58586 -59.6639,75.58586 h -20.9961 V 145.49419 h 11.5479 c 16.097,0 22.2208,9.97313 26.42,42.16711 h 14.5223 V 88.629818 h -14.5223 c -4.1992,32.368952 -10.323,42.167122 -26.42,42.167122 h -11.5479 V 36.314599 h 19.7713 c 34.4686,0 47.9411,14.697252 58.4391,68.762141 h 17.3218 l -1.3998,-85.908935 h -162.1946 v 15.747056 c 12.7726,0.874836 14.5222,3.149411 14.5222,16.271958 V 232.103 c 0,13.12254 -1.7496,15.39712 -14.5222,16.27195 v 15.74706 z m 68.1303,0 v -11.89778 c -19.7713,-2.79947 -24.6704,-17.49673 -20.2962,-37.9679 l 2.9744,-12.94758 h 59.314 l 6.6487,30.79425 c 2.9745,14.69725 0,19.07143 -14.1723,20.12123 v 11.89778 h 80.4849 v -16.09699 c -7.3486,-1.57471 -9.0983,-4.02425 -11.8978,-15.04719 L 1528.9814,19.167805 h -56.1645 L 1428.2002,223.0047 c -3.6743,15.74705 -6.9987,22.74574 -14.1723,25.02032 v 16.09699 z m 0.3499,-150.64684 c 4.1993,-20.296202 7.5236,-38.142866 10.3231,-55.464627 h 3.8493 c 2.6245,17.496729 5.5989,34.643523 9.4482,54.414827 l 14.5223,72.43646 h -52.3152 z m 204.4298,155.19599 c 48.466,0 73.4863,-23.09568 73.4863,-68.41221 V 93.70387 c 0,-25.895159 2.6245,-44.091757 12.2477,-58.439075 v -16.09699 h -68.0623 v 16.09699 c 20.8211,12.422678 31.1442,42.692019 31.1442,84.334235 v 78.21038 c 0,27.8198 -11.5478,41.99215 -34.4686,41.99215 -22.9207,0 -34.6435,-14.17235 -34.6435,-41.99215 V 49.962048 c 0,-11.722809 1.7497,-13.822416 15.0472,-14.697253 v -16.09699 h -80.6599 v 16.09699 c 10.673,0.874837 12.2477,2.974444 12.2477,14.697253 V 200.25895 c 0,45.31653 25.0203,68.41221 73.6612,68.41221 z"/>
|
|
</svg>
|
|
</a>
|
|
</header>
|
|
|
|
<main>
|
|
<div>
|
|
<p class="stamp">In Erstellung</p>
|
|
<h1>Bald hier.</h1>
|
|
</div>
|
|
</main>
|
|
|
|
<footer>
|
|
<a href="https://karimgabrielevarano.xyz">karimgabrielevarano.xyz</a>
|
|
</footer>
|
|
</body>
|
|
</html>
|