<!DOCTYPE html> <html lang="en"> <head> <title>@yield("title")</title> <meta name="viewport" content="width=device-width, initial-scale=1"> @if(request()->cookie("mode") == "dark") <link type="text/css" rel="stylesheet" href="{{ mix("/css/webappdark.css") }}"> @else <link type="text/css" rel="stylesheet" href="{{ mix("/css/webapp.css") }}"> @endif </head> <body> <header class="row align-items-center" id="header"> @if(request()->cookie("mode") == "dark") <img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-hvid.svg')}}" onclick="location.href = '{{ route("root.index") }}';" alt="Syddansk Erhvervsskole"> @else <img class="w-50" id="sdeLogo" src="{{URL::asset('/images/logos/Logo-normal.svg')}}" onclick="location.href = '{{ route("root.index") }}';" alt="Syddansk Erhvervsskole"> @endif <button class="ml-auto" id="toggle"> <i id="icon" class="fas fa-bars" style="color: black;"></i> </button> </header> <div class="d-none bg-sde-blue col" id="menu"> <a href="{{ route("root.index") }}"> <img src="{{URL::asset('/images/icons/Home.svg')}}" alt="Home"> Home </a> <a href="{{ route("menu-plans.index") }}"> <img src="{{URL::asset('/images/icons/Menuplan.svg')}}" alt="Menuplan"> Menuplan </a> <a href="{{ route("events.index") }}"> <img src="{{URL::asset('/images/icons/Aktiviteter.svg')}}" alt="Aktiviteter"> Aktiviteter </a> <a href="{{ route("washing-reservations.appindex") }}"> <img src="{{URL::asset('/images/icons/Vaske booking liste.svg')}}" alt="Reservationer"> Reservationer </a> {{-- MÅ IKKE SLETTES!!!! --}} {{-- <a href="# ">--}} {{-- <img src="{{URL::asset('/images/icons/Galleri.svg')}}" alt="Galleri">--}} {{-- Galleri--}} {{-- </a>--}} <a href="{{ route("contacts.index") }}"> <img src="{{URL::asset('/images/icons/Kontoret.svg')}}" alt="Kontoret"> Kontoret </a> <a href="{{ route("phones.index") }}"> <img src="{{URL::asset('/images/icons/Vagttelefon-hvid.svg')}}" alt="Vagttelefon"> Vagttelefon </a> <a href="{{ route("guides.index") }}"> <img src="{{URL::asset('/images/icons/Vejledninger.svg')}}" alt="Guide"> Vejledninger </a> <a href="{{ route("users.account") }}"> <img src="{{URL::asset('/images/icons/user-hvid.svg')}}" alt="Konto"> Konto </a> <a href="{{ route('users.logout') }}"> <img src="{{URL::asset('/images/icons/Logout.svg')}}" alt="Logud"> Log Ud </a> </div> <style> div.card { margin-top: 1rem; margin-bottom: 30px; width: auto; heigt: auto; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } div.header { background-color: #00788a; color: white; padding: 8px; font-size: 10px; text-align: center; } div.container { padding: 8px; text-align: justify; line-height: 1.5; } ol { padding-right: 8px; } </style> <main> @foreach(\App\News::query()->orderBy("created_at", "desc")->get() as $new) <div class="card"> <div class="header"> <p><b>{{ $new->name }}</b></p> <h3>{{ $new->subname }}</h3> </div> <div class="container"> {!! $new->content !!} </div> </div> @endforeach @if(count(\App\News::query()->orderBy("created_at", "desc")->get()) == 0) <p class="text-center">{{__('msg.ingennyheder')}}</p> @endif </main> <script src="{{ mix("/js/app.js") }}"></script> @yield("scripts") @if(request()->cookie("mode") == "dark") <script type="text/javascript"> function toggleMenu(menu) { let menuElement = document.getElementById(menu); let logoElement = document.getElementById("sdeLogo"); let htmlElement = document.getElementsByTagName('html')[0]; let bodyElement = document.getElementsByTagName('body')[0]; let mainElement = document.getElementsByTagName('main')[0]; let iconElement = document.getElementById("icon"); let headerElement = document.getElementById("header"); if(menuElement.classList.contains("hide")) { menuElement.classList.remove("hide"); mainElement.classList.remove("d-none"); htmlElement.style.backgroundColor = ''; bodyElement.style.backgroundColor = '#666666'; logoElement.src = '/images/logos/Logo-hvid.svg'; iconElement.classList.remove("fa-times"); iconElement.classList.add("fa-bars"); headerElement.style.backgroundColor = ''; } else { menuElement.classList.add("hide"); mainElement.classList.add("d-none"); htmlElement.style.backgroundColor = 'rgb(0, 120, 138)'; bodyElement.style.backgroundColor = 'rgb(0, 120, 138)'; logoElement.src = '/images/logos/Logo-hvid.svg'; iconElement.classList.remove("fa-bars"); iconElement.classList.add("fa-times"); headerElement.style.backgroundColor = 'rgb(0, 120, 138)'; } } if(document.getElementById("toggle")) document.getElementById("toggle").onclick = function () { toggleMenu('menu'); }; </script> @endif </body> </html>