30 lines
1.1 KiB
HTML
30 lines
1.1 KiB
HTML
<header>
|
|
<div class="container">
|
|
<div class="top-bar">
|
|
<a class="brand" href="/">
|
|
<img class="brand-logo" src="//via.placeholder.com/256" alt="Brand Logo">
|
|
<span class="brand-name">Daniel de Cloet</span>
|
|
</a>
|
|
<nav class="site-nav">
|
|
<ul class="nav-items">
|
|
<li class="nav-item"><a href="/snippets">Snippets</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
|
|
|
|
{{ if $.Params.hero }}
|
|
<section class="hero">
|
|
<h1>{{ safeHTML $.Params.heroMain }}</h1>
|
|
<p>{{ safeHTML $.Params.heroSub }}</p>
|
|
</section>
|
|
{{ end }}
|
|
</div>
|
|
|
|
{{ if $.Params.hero }}
|
|
<div class="wave">
|
|
<svg preserveAspectRatio="none" width="1440" height="74" viewBox="0 0 1440 74"><path d="M456.464 0.0433865C277.158 -1.70575 0 50.0141 0 50.0141V74H1440V50.0141C1440 50.0141 1320.4 31.1925 1243.09 27.0276C1099.33 19.2816 1019.08 53.1981 875.138 50.0141C710.527 46.3727 621.108 1.64949 456.464 0.0433865Z"></path></svg>
|
|
</div>
|
|
{{ end }}
|
|
</header>
|