update heading
continuous-integration/drone/push Build is passing Details

This commit is contained in:
philipp lang 2024-09-21 03:19:37 +02:00
parent 08d3aeb04f
commit aa8e58a726
3 changed files with 29 additions and 15 deletions

View File

@ -6,12 +6,6 @@ is_hidden = 0
[anfrage] [anfrage]
== ==
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none" class="w-full h-10 text-rose-100 -mt-10 relative">
<path fill="currentColor" class="hidden lg:block" fill-opacity="1" d="M0,128L144,96L288,320L432,0L576,64L720,160L864,32L1008,64L1152,0L1296,128L1440,32L1440,320L1296,320L1152,320L1008,320L864,320L720,320L576,320L432,320L288,320L144,320L0,320Z"></path>
<path fill="currentColor" class="lg:hidden" fill-opacity="1" d="M0,160L288,192L576,256L864,128L1152,192L1440,96L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path>
</svg>
<div class="outer-container bg-rose-100" id="ausstattung"> <div class="outer-container bg-rose-100" id="ausstattung">
<div class="container"> <div class="container">
{% partial 'mainheading' title="Ausstattung" %} {% partial 'mainheading' title="Ausstattung" %}

View File

@ -3,9 +3,6 @@
<meta name="viewport" <meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&family=Lato:wght@300;400&display=swap" rel="stylesheet">
<title>Disco st. Katharina</title> <title>Disco st. Katharina</title>
{% styles %} {% styles %}
{% component 'headAssets' %} {% component 'headAssets' %}

View File

@ -1,12 +1,35 @@
{# Your header goes here #} {# Your header goes here #}
<div class="relative"> <div class="relative flex items-center justify-center">
<img src="{{'header.jpg' | media }}" class="w-full h-48 md:h-full object-cover" /> <img src="{{'header.jpg' | media }}" class="w-full h-48 md:h-full object-cover" />
<div class="absolute top-0 w-full h-full left-0 flex justify-center items-center"> <div class="absolute top-6 w-full left-0">
<div class="flex justify-center items-center rounded-full border-2 border-neutral-900 lg:text-xl font-bold overflow-hidden from-orange-300 to-amber-700 bg-gradient-to-tr"> <div class="container">
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#ausstattung">Ausstattung</a> <div class="flex justify-center items-center rounded-xl lg:text-xl font-bold overflow-hidden from-lime-300/60 to-rose-300/60 bg-gradient-to-tr backdrop-blur">
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#buchen">Buchungsanfrage</a> <a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#ausstattung">Ausstattung</a>
<a class="text-neutral-800 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="#faq">FAQ</a> <a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#buchen">Buchungsanfrage</a>
<a class="text-red-900 hover:text-neutral-900 py-2 lg:py-4 px-2 lg:px-6 hover:bg-neutral-500/40 transition duration-400" href="/#faq">FAQ</a>
</div>
</div>
</div>
<div class="hidden lg:block absolute left-0 w-full">
<div class="container flex justify-left">
<div class="bg-rose-300/80 py-4 px-6 backdrop-blur rounded-lg text-red-900">
<h1 class="text-red-900 text-2xl font-bold">
Discothek St. Katharina
</h1>
<p class="mt-2">
Veranstaltungsraum in Solingen Wald
</p>
<p>
Für Geburtstage, Firmenfeiern und Partys aller Art.
</p>
</div>
</div> </div>
</div> </div>
</div> </div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none" class="w-full h-10 text-rose-100 -mt-10 relative">
<path fill="currentColor" class="hidden lg:block" fill-opacity="1" d="M0,128L144,96L288,320L432,0L576,64L720,160L864,32L1008,64L1152,0L1296,128L1440,32L1440,320L1296,320L1152,320L1008,320L864,320L720,320L576,320L432,320L288,320L144,320L0,320Z"></path>
<path fill="currentColor" class="lg:hidden" fill-opacity="1" d="M0,160L288,192L576,256L864,128L1152,192L1440,96L1440,320L1152,320L864,320L576,320L288,320L0,320Z"></path>
</svg>