mirror of
https://github.com/Einundzwanzig-Podcast/einundzwanzig-portal.git
synced 2025-12-11 06:46:47 +00:00
124 lines
7.8 KiB
PHP
124 lines
7.8 KiB
PHP
<div class="bg-21gray flex flex-col h-screen justify-between">
|
|
<script src="{{ asset('earth/miniature.earth.js') }}"></script>
|
|
<style>
|
|
.earth-container::after {
|
|
content: "";
|
|
position: absolute;
|
|
height: 22%;
|
|
bottom: 4%;
|
|
left: 13%;
|
|
right: 13%;
|
|
}
|
|
</style>
|
|
{{-- HEADER --}}
|
|
<div>
|
|
<section class="w-full">
|
|
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10">
|
|
<div
|
|
class="relative sm:sticky sm:top-0 bg-21gray z-10 flex flex-col flex-wrap items-center justify-between py-7 mx-auto md:flex-row max-w-screen-2xl">
|
|
<div class="relative flex flex-col md:flex-row">
|
|
<a href="{{ route('search.city', ['country' => $c]) }}"
|
|
class="flex items-center mb-5 font-medium text-gray-900 lg:w-auto lg:items-center lg:justify-center md:mb-0">
|
|
<img src="{{ asset('img/einundzwanzig-horizontal-inverted.svg') }}">
|
|
</a>
|
|
<nav
|
|
class="flex flex-wrap items-center mb-5 text-lg md:mb-0 md:pl-8 md:ml-8 md:border-l md:border-gray-800">
|
|
<a href="{{ route('search.city', ['country' => $c, '#table']) }}"
|
|
class="{{ request()->routeIs('search.city') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Städte</a>
|
|
<a href="{{ route('search.lecturer', ['country' => $c, '#table']) }}"
|
|
class="{{ request()->routeIs('search.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten</a>
|
|
<a href="{{ route('search.venue', ['country' => $c, '#table']) }}"
|
|
class="{{ request()->routeIs('search.venue') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Veranstaltungs-Orte</a>
|
|
<a href="{{ route('search.course', ['country' => $c, '#table']) }}"
|
|
class="{{ request()->routeIs('search.course') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Kurse</a>
|
|
<a href="{{ route('search.event', ['country' => $c, '#table']) }}"
|
|
class="{{ request()->routeIs('search.event') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Termine</a>
|
|
<a href="{{ route('library', ['country' => $c]) }}"
|
|
class="{{ request()->routeIs('library') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Bibliothek</a>
|
|
@if(auth()->user()?->is_lecturer)
|
|
<a href="{{ route('library.lecturer', ['country' => $c]) }}"
|
|
class="{{ request()->routeIs('library.lecturer') ? 'text-amber-500 underline' : 'text-gray-400' }} mr-5 font-medium leading-6 hover:text-gray-300">Dozenten-Bibliothek</a>
|
|
@endif
|
|
</nav>
|
|
</div>
|
|
@auth
|
|
<div></div>
|
|
@else
|
|
<div class="inline-flex items-center ml-5 my-2 text-lg space-x-6 lg:justify-end">
|
|
<a href="{{ route('auth.ln') }}"
|
|
class="text-xs sm:text-base font-medium leading-6 text-gray-400 hover:text-gray-300 whitespace-no-wrap transition duration-150 ease-in-out">
|
|
Login
|
|
</a>
|
|
<a href="{{ route('auth.ln') }}"
|
|
class="text-xs sm:text-base inline-flex items-center justify-center px-4 py-2 font-medium leading-6 text-gray-200 hover:text-white whitespace-no-wrap bg-gray-800 border border-transparent rounded shadow-sm hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-800">
|
|
Registrieren
|
|
</a>
|
|
</div>
|
|
@endauth
|
|
</div>
|
|
<div class="flex lg:flex-row flex-col pt-4 md:pt-4 lg:pt-4">
|
|
<div
|
|
class="w-full lg:w-1/2 flex lg:px-0 px-5 flex-col md:items-center lg:items-start justify-center -mt-12">
|
|
|
|
<h1 class="text-white text-3xl sm:text-5xl lg:max-w-none max-w-4xl lg:text-left text-left md:text-center xl:text-7xl font-black">
|
|
Bitcoin <span
|
|
class="bg-clip-text text-transparent bg-gradient-to-br from-yellow-400 via-yellow-500 to-yellow-700 mt-1 lg:block">School
|
|
</span> <br class="lg:block sm:hidden"> Worldwide
|
|
</h1>
|
|
<p class="text-gray-500 sm:text-lg md:text-xl xl:text-2xl lg:max-w-none max-w-2xl md:text-center lg:text-left lg:pr-32 mt-6">
|
|
Finde einen Bücher-Schrank in deiner City</p>
|
|
<a href="#table"
|
|
class="whitespace-nowrap bg-white px-4 lg:px-16 py-2 text-center lg:py-5 font-bold rounded text-xs md:text-xl lg:text-2xl mt-8 inline-block w-auto">
|
|
👇 Bücher-Schrank finden 👇
|
|
</a>
|
|
<p class="text-gray-400 font-normal mt-4">{{-- TEXT --}}</p>
|
|
</div>
|
|
<div
|
|
x-data="{
|
|
earth: null,
|
|
init() {
|
|
this.earth = new Earth(this.$refs.myearth, {
|
|
location : {lat: {{ $bookCases->first()->lat }}, lng: {{ $bookCases->first()->lon }}},
|
|
zoom: 2,
|
|
light: 'sun',
|
|
polarLimit: 0.6,
|
|
|
|
transparent : true,
|
|
mapSeaColor : 'RGBA(34, 34, 34,0.76)',
|
|
mapLandColor : '#F7931A',
|
|
mapBorderColor : '#5D5D5D',
|
|
mapBorderWidth : 0.25,
|
|
mapHitTest : true,
|
|
|
|
autoRotate: true,
|
|
autoRotateSpeed: 0.7,
|
|
autoRotateDelay: 500,
|
|
});
|
|
this.earth.addEventListener('ready', function() {
|
|
@foreach($bookCases as $city)
|
|
this.addMarker( {
|
|
mesh : ['Needle'],
|
|
location : { lat: {{ $city->lat }}, lng: {{ $city->lon }} },
|
|
});
|
|
@endforeach
|
|
});
|
|
}
|
|
}" class="hidden sm:inline-block w-1/2">
|
|
{{--<img src="https://cdn.devdojo.com/images/march2022/mesh-gradient1.png"
|
|
class="absolute lg:max-w-none max-w-3xl mx-auto mt-32 w-full h-full inset-0">--}}
|
|
<div x-ref="myearth" class="earth-container"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
{{-- MAIN --}}
|
|
<section class="w-full mb-12">
|
|
<div class="max-w-screen-2xl mx-auto px-2 sm:px-10" id="table">
|
|
<livewire:tables.book-case-table/>
|
|
</div>
|
|
</section>
|
|
{{-- FOOTER --}}
|
|
<livewire:frontend.footer/>
|
|
</div>
|