diff options
Diffstat (limited to 'resources/views/index.blade.php')
| -rw-r--r-- | resources/views/index.blade.php | 244 |
1 files changed, 189 insertions, 55 deletions
diff --git a/resources/views/index.blade.php b/resources/views/index.blade.php index 5eda16c..7104e7b 100644 --- a/resources/views/index.blade.php +++ b/resources/views/index.blade.php @@ -1,56 +1,121 @@ @extends('layouts.base') @section('header') -Angebote +Startseite @endsection @section('css') <style> - .card { - box-shadow: inherit !important; + .card { + box-shadow: inherit !important; + } + /* + .text-dark { + color: black !important; + } + */ + .form-text { + color: rgba(0,0,0,.7); + } + h2 { + font-size: 1.8rem !important; + } + #cocktail_search_form_field > input { + /*font-size: 1.2rem !important;*/ + font-size: 18px !important; } </style> -@endsection - -@section('description') -Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Lass dich inspirieren und schaue, was momentan im Angebot ist. Stöbere unter {{$hits->count }} verschiedenen Sonderangeboten. @endsection @section('content') <main class="site-main" id="main"> - <div class="container"> - <nav class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/" aria-label="breadcrumb"> - <ol class="breadcrumb"> - <!-- Breadcrumb NavXT 6.2.1 --> -<li class="home breadcrumb-item"><span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Gehe zur Startseite: Fuselkönig.de" href="https://www.fuselkoenig.de" class="home"><span property="name">Startseite</span></a><meta property="position" content="1"></span></li> -<li class="archive taxonomy type current-item breadcrumb-item active" aria-current="page"><span property="itemListElement" typeof="ListItem"><span property="name">Angebote</span><meta property="position" content="2"></span></li> - </ol> - </nav> - </div> -<div class="container"> + <div class="container"> + <nav class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/" aria-label="breadcrumb"> + <ol class="breadcrumb"> + <!-- Breadcrumb NavXT 6.2.1 --> +<li class="home breadcrumb-item"><span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Gehe zur Startseite" href="{{ route('index') }}" class="home"><span property="name">Startseite</span></a><meta property="position" content="1"></span></li> +<li class="archive taxonomy type current-item breadcrumb-item active" aria-current="page"><span property="itemListElement" typeof="ListItem"><span property="name">Willkommen!</span><meta property="position" content="2"></span></li> + </ol> + </nav> + </div> + + <div class="container" style="padding: 0"> + +<!-- Fuselkönig.de --> <header class="page-header"> <div class="card taxonomy-card"> + <div class="col-md-12 px-10"> + <div class="card-header"> +<!-- + <p><strong> + <a style="color: inherit;" href="{{ env('BLOG_URL') }}" title="" rel="nofollow">Fuselkönig.de</a> + </strong></p> +--> + <a style="color: inherit;" href="{{ env('BLOG_URL') }}" title="Zum Blog: Fuselkönig.de"> + <h2 id="blog" class="card-title">Rezensionen über Spirituosen</h2> + </a> + </div> +<!-- + <div class="card-block card-body px-3"> + <a class="text-dark card-link" href="{{ env('BLOG_URL') }}"> + <h3 class="card-title">Rezensionen über Spirituosen</h3> + <p>Mehr lesen auf Fuselkönig.de</p> + </a> + </div> +--> + </div> <div class="card-body"> - <h1 class="card-title page-title">Topaktuelle Sonderangebote und Rabattaktionen</h1> - <p class="lead my-3"> - Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? - <br> - <strong>Lass dich inspirieren und schaue, was momentan im Angebot ist.</strong> - </p> - <p class="lead my-3"> - Stöbere unter <strong>{{$hits->count }} verschiedenen Sonderangeboten</strong> und finde vielleicht deine neue Lieblingsspirituose. - </p> - <p class="lead my-3"> - Täglich neue Schnäppchen. Finde jetzt den besten Deal! - </p> - <p class="lead my-3"> - <a href="#erfahremehr">Erfahre mehr…</a> - </p> + <div class="col-md-12 col-sm-12"> + <div class="card"> + <div class="row "> + <div class="col-md-8 offer-index"> + <a href="{{ env('BLOG_URL') }}"> + <img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2021/09/DinnerForTwo.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy"> + </a> + </div> + <div class="col-md-4 offer-index"> + <a href="{{ env('BLOG_URL') }}"> + <img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2021/07/TrevisoInAshes.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy"> + </a> + <br> + <a href="{{ env('BLOG_URL') }}"> + <img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2022/01/BananaChai.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy"> + </a> + </div> +<!-- + <div class="col-md-6 px-10"> + <div class="card-header card-header-dp-none"> + <p><strong> + <a style="color: inherit;" href="" title="" rel="nofollow">Fuselkönig</a> + </strong></p> + </div> + <div class="card-block card-body px-3"> + <a class="text-dark card-link" href="{{ env('BLOG_URL') }}"> + <h3 class="card-title">Rezensionen über Spirituosen</h3> + <p>Mehr lesen auf Fuselkönig.de</p> + </a> + </div> + </div> +--> + </div> + </div> + </div> </div> </div> -</header><!-- .page-header --> +</header> + +<!-- Sonderangebote --> +<header class="page-header"> + <div class="card taxonomy-card"> + <div class="col-md-12 px-10"> + <div class="card-header"> + + <a style="color: inherit;" href="{{ route('angebote_index') }}" title="Suchmaschine für Spirituosenangebote"> + <h2 class="card-title" style="margin-bottom: 1rem;">Topaktuelle Sonderangebote von Spirituosen</h2> + </div> + </div> @if ( empty($data) ) <div class="alert alert-error"> @@ -73,6 +138,7 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las } ?> @if ( $loop->index % 2 == 0) + <div class="container"> <div class="row mb-2"> @endif @@ -83,19 +149,19 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las <div class="card-img-overlay card-img-overlay-badge" > <p class="card-text float-right rounded off-badge" >{{ $offer->procent}} %</p> </div> - <a href="{{ $offer->url }}"> + <a href="/angebote/{{ $offer->url }}"> <img width=280 height=400 src="{{ TF::Camo($offer->image_url) }}" class="card-img img-fluid mx-auto d-block" loading="lazy"> </a> </div> <div class="col-md-8 px-10"> <div class="card-header card-header-dp-none"> <p><strong> - <a style="color: inherit;" href="{{ route('search', [ 'q' => ucfirst($offer->spirit_type) ] ) }}" title="Alle {{ ucfirst($offer->spirit_type) }} anzeigen" rel="nofollow">{{ ucfirst($offer->spirit_type) }}</a> + <a style="color: inherit;" href="{{ route('angebote_search', [ 'q' => ucfirst($offer->spirit_type) ] ) }}" title="Alle {{ ucfirst($offer->spirit_type) }} anzeigen" rel="nofollow">{{ ucfirst($offer->spirit_type) }}</a> </strong></p> </div> <div class="card-block card-body px-3"> - <a class="text-dark card-link" href="/{{ $offer->url }}"> + <a class="text-dark card-link" href="/angebote/{{ $offer->url }}"> <h3 class="card-title">Hier geht es zu {{ $offer->angebotsname }}</h3> <p>{{ $offer->linktext }}</p> </a> @@ -109,6 +175,7 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las @if ( $loop->index % 2 == 1 ) </div> + </div> @endif @if ( $loop->last && ($loop->index % 2 == 0) ) @@ -119,24 +186,91 @@ Auf der Suche nach einem Gin, Whisky oder vielleicht einem guten Champagner? Las @endforeach <!-- end check for empty --> @endif + <p class="lead my-3" style="padding-left: 20px"> + <a href="{{ route('angebote_index') }}/#erfahremehr">Erfahre mehr…</a> + </p> + </div> +</header> + +<!-- Cocktailsuche --> +<header class="page-header"> + <div class="card taxonomy-card"> + <div class="col-md-12 px-10"> + <div class="card-header"> + + <a style="color: inherit;" href="{{ route('cocktail_index') }}" title="Suchmaschine für Cocktails"> + <h2 id="cocktails" class="card-title">Cocktaildatenbank</h2> + </a> + </div> + <div class="card-block card-body px-3"> + <div class="row"> + <div class="col-md-6 offer-index"> + <img wwidth=280 hheight=400 src="https://www.fuselkoenig.de/wp-content/uploads/sites/6/2022/01/MaiTai2.jpg" class="card-img img-fluid mx-auto d-block" loading="lazy"> + </div> + <div class="col-md-6 offer-index"> + <p> + Suche nach deinen Zutaten in über {{ $cocktail_count }} Cocktails. + </p> + + + <form class="form-search" id="form-search" action="{{ route('cocktail_search') }}"> + <div class="form-group"> + <label for=""></label> + <div id="cocktail_search_form_field"> + <input type="text" class="form-control" id=ingredient_search name="i[]" id="front_search_form" aria-describedby="suchform-help" placeholder="Hier nach der gewünschten Zutat suchen..." required> + </div> + <p id="front_search_help" class="form-text">Wie wäre es zum Beispiel mit einem Cocktail aus Gin und Eiweiß?</p> + </div> + <button class="btn btn-primary" type="button" onclick="addField()">Zutat hinzufügen</button> + <button type="submit" class="btn btn-secondary">Suchen</button> + </form> + </div> + </div> + </div> + </div> + </div> +</header> + +<!-- + <h1 class="card-title page-title">Blog über Spirituosen auf Fuselkönig.de</h1> + + <p> + <a href="{{ route('angebote_index') }}" title="Sonderangebote">Hier geht es zu den Sonderangeboten</a> + </p> + <p> + <a href="{{ route('cocktail_index') }}" title="Sonderangebote">Hier lang zur Cocktailsuche</a> + </p> + </div> + </div> +</header> +--> -<h3 id="erfahremehr">Was passiert hier?</h3> -<p> -Auf dieser Webseite kuratiere ich die aktuellen Sonderangebote der wichtigsten Spirituosenhändler. Neue Angebote werden automatisch erkannt und hinzugefügt; nicht mehr gültige Angebote werden entfernt. -</p> -<h3>Wie häufig werden die Angebote aktualisiert?</h3> -<p> -Mehrmals täglich. -</p> -<h3>Gibt es Push-Nachrichten?</h3> -<p> -Noch nicht. Momentan ist die einzige Möglichkeit den Angeboten via RSS-Feed zu folgen. Mitteilungen per Push, E-Mail oder Twitter sind jedoch geplant. -<br> -Wenn du Interesse an einem Twitter-Feed, Newsletter oder ähnliches hast, schreib mir doch eine <a href="https://www.fuselkoenig.de/kontakt/">kurze, formlose Mail</a>. Je mehr Leute mir schreiben, desto eher kann ich die Wünsche auch umsetzen. -</p> -<p> -Anregungen? Kritik? Wünsche? <a href="https://www.fuselkoenig.de/kontakt/">Einfach mir eine Mail schreiben.</a> -</p> - </div> -</main> + </div> +<!--div class="container"> + +<header class="page-header"> + +<div class="alert alert-error"> + +<h1 class>Cocktailsuche!</h1> + <p style="font-size: 17px;"> + </p> + + + <form class="form-search" id="form-search" action="{{ route('cocktail_search') }}"> + <div class="form-group"> + <label for=""></label> + <div id="cocktail_search_form_field"> + <input type="text" class="form-control" id=i name="i[]" id="front_search_form" aria-describedby="suchform-help" placeholder="Hier nach der gewünschten Zutat suchen..."> + </div> + <p id="front_search_help" class="form-text">Wie wäre es zum Beispiel mit einem Cocktail aus Gin und Wermut?</p> + </div> + <button class="btn btn-primary" type="button" onclick="addField()">Zutat hinzufügen</button> + <button type="submit" class="btn btn-secondary">Suchen</button> + </form> + + +</div> +</header> +</div--> @endsection |
