diff --git a/skolehjem/resources/views/app/news/index.blade.php b/skolehjem/resources/views/app/news/index.blade.php
index bbda132..b2a725e 100644
--- a/skolehjem/resources/views/app/news/index.blade.php
+++ b/skolehjem/resources/views/app/news/index.blade.php
@@ -1,155 +1,47 @@
-<!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>
-    <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("settings.index") }}">
-        <img src="{{URL::asset('/images/icons/settings-hvid.svg')}}" alt="Indstillinger">
-        {{ __('msg.indstillinger') }}
-    </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)';
-            }
+@extends("app.layout.base")
+@section("content")
+    <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);
         }
 
-        if(document.getElementById("toggle"))
-            document.getElementById("toggle").onclick = function () {
-                toggleMenu('menu');
-            };
-    </script>
-@endif
-</body>
-</html>
+        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>
+@endsection
