diff --git a/app/Http/Controllers/tmp/test.png b/app/Http/Controllers/tmp/test.png
index 6bf34b4..6645ccf 100644
Binary files a/app/Http/Controllers/tmp/test.png and b/app/Http/Controllers/tmp/test.png differ
diff --git a/public/css/glitch.css b/public/css/glitch.css
index bb6cfec..25d024c 100644
--- a/public/css/glitch.css
+++ b/public/css/glitch.css
@@ -866,4 +866,8 @@ a.rainbow:hover {
     background: none;
     border: none;
     margin: 0;
+}
+
+.bootstrap-tagsinput input {
+    vertical-align: bottom;
 }
\ No newline at end of file
diff --git a/public/css/w0bmcustom.css b/public/css/w0bmcustom.css
index 9b7aa2b..a2178da 100644
--- a/public/css/w0bmcustom.css
+++ b/public/css/w0bmcustom.css
@@ -3829,9 +3829,29 @@ button#layout4:before {
     margin: 5px;
     border-radius: 5px;
     display: flex;
-    justify-content: center;
+    justify-content: start;
+}
+
+.media-koerper {
+    width: 100%;
 }
 
 .sees.panel.panel-default {
     padding-bottom: 5px;
+}
+
+video#placeholder {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    width: 100%;
+    height: 100%;
+    opacity: 0.2;
+    object-fit: cover;
+}
+
+.modal-content {
+    padding-top: 10px;
 }
\ No newline at end of file
diff --git a/public/njum/css/cstms.css b/public/njum/css/cstms.css
index 79b627b..741b88a 100644
--- a/public/njum/css/cstms.css
+++ b/public/njum/css/cstms.css
@@ -1103,4 +1103,26 @@ div#list {
 
 div#message {
     padding-right: 0px;
+}
+
+/* Cat */
+div#categories {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+    grid-gap: 20px;
+    align-items: stretch;
+    margin-bottom: 5px;
+}
+
+.thumbnail img {
+  max-width: 100%;
+}
+
+.category-box {
+    background: #282828;
+    border: 2px solid black;
+}
+
+.caption {
+    padding: 5px;
 }
\ No newline at end of file
diff --git a/public/placeholder.webm b/public/placeholder.webm
new file mode 100644
index 0000000..2cefba2
Binary files /dev/null and b/public/placeholder.webm differ
diff --git a/resources/views/layout1/layout.blade.php b/resources/views/layout1/layout.blade.php
index 16dd0e7..a1602a5 100644
--- a/resources/views/layout1/layout.blade.php
+++ b/resources/views/layout1/layout.blade.php
@@ -44,14 +44,18 @@
         @include('partials.frontendedit')
 	@endif
 @endif
+@if(auth()->check())
 <canvas class="hidden-xs" id="bg"></canvas>
+@else
+<video id="placeholder" src="placeholder.webm" autoplay="" muted="" loop=""></video>
+@endif
 
 @include('partials.navigation')
 
 <div class="wrapper">
     @yield('aside')
     <div style="width: auto; overflow: hidden; position: relative;">
-	<noscript><div class="no-js">Javascript is disabled, you may want to use our nojs frontend? Click <a href="/api/user/layout?layout=4">here</a></div></noscript>
+	<noscript><div class="no-js-mode" style="position: fixed;bottom: 0;right: 0;">nojs</div></noscript>
         <div class=" container">
 	    @yield('content')
 	</div>
@@ -67,7 +71,6 @@
 <script src="/js/jquery.timeago.js"></script>
 <script src="/js/jquery.detectmobilebrowser.js"></script>
 <script src="/js/video.min.js"></script>
-<script src="/js/raven.min.js"></script>
 <script src="/js/simplebar.js"></script>
 <script src="/js/clipboard.min.js"></script>
 <script>
diff --git a/resources/views/layout1/login.blade.php b/resources/views/layout1/login.blade.php
index c86ddb7..d5f9d5c 100644
--- a/resources/views/layout1/login.blade.php
+++ b/resources/views/layout1/login.blade.php
@@ -1,33 +1,25 @@
 @extends('layout')
 @section('content')
 @include('partials.flash')
-    <div class="page-header">
-        <h5>Spurleys Super Dooper Login Screen</h5>
-        <p>Log into your w0bm.com Account</p>
+<div class="centered">
+        <div class="modal-content col-md-5">
+            <div class="modal-header">
+                <h4 class="modal-title" id="filterModalTitle">Login</h4>
+            </div>
+            @include('partials.flash')
+            <div class="login_wrapper">
+              <div class="col-md">
+          <form action="{{action('UserController@login')}}" method="post" class="navbar-form">
+            {!! csrf_field() !!}
+                       <input type="text" name="identifier" placeholder="Username" class="form-control usernamelogin"><br>
+                       <input type="password" name="password" placeholder="Password" class="form-control passwordlogin"><br>
+                       <button type="submit" class="btn btn-primary">Login</button> <input id="rememberme" checked type="checkbox" name="remember"> <span id="rember">Remember me?</span>
+          </form>
+        </div>
+        </div>
+        <div class="modal-footer">
+          <a href="/contact">Contact</a> | <a href="/irc">IRC</a>
+        </div>
+      </div>
     </div>
-<div hiden class="nodisplay">
-  
-<div class="wrap-collabsible">
-  <input id="collapsible" class="toggle" type="checkbox">
-  <label for="collapsible" class="lbl-toggle">Login</label>
-  <div class="collapsible-content">
-    <div class="content-inner">
-        <div class="centered">
-  <form action="{{action('UserController@login')}}" method="post" class="form-signin">
-        {!! csrf_field() !!}
-        <input type="text" name="identifier" placeholder="Username" class="form-control">
-        <input type="password" name="password" placeholder="Password" class="form-control">
-        <input type="checkbox" name="remember" checked> Remember me<br>
-        <button type="submit" class="btn btn-primary">Login</button>
-        <a href="{{url('register')}}" class="btn btn-success disabled">Register</a>
-  </form>
-</div>
-    <p>w0bm now supports a javascript free experience, check it out if you dont like js that much</p>
-    </div>
-  </div>
-</div>
-
-</div>
-
-</div>
 @endsection
\ No newline at end of file
diff --git a/resources/views/layout1/profilelayout.blade.php b/resources/views/layout1/profilelayout.blade.php
index c7ed579..f6e6473 100644
--- a/resources/views/layout1/profilelayout.blade.php
+++ b/resources/views/layout1/profilelayout.blade.php
@@ -18,39 +18,48 @@
     <link rel="stylesheet" href="/css/w0bmfonts.css">
     <link rel="stylesheet" href="/css/font-awesome.min.css">
     <link rel="stylesheet" href="/css/bootstrap-tagsinput.css">
+    <link rel="stylesheet" href="/css/w0bmcustom.css?v={{ filemtime("css/w0bmcustom.css") }}">
+    @if(auth()->check())
     <link rel="stylesheet" href="/css/video-js.min.css">
     <link rel="stylesheet" href="/css/simplebar.css" />
     <link rel="stylesheet" href="/css/vjsnew.css?v=1.1.1">
-    <link rel="stylesheet" href="/css/w0bmcustom.css?v={{ filemtime("css/w0bmcustom.css") }}">
     <link rel="stylesheet" type="text/css" href="/css/perfect-scrollbar.css">
     <link rel="alternate stylesheet" href="/css/chilledblue.css?v={{ filemtime("css/chilledblue.css") }}" title="Chilledblue">
     <link rel="alternate stylesheet" href="/css/xayd.css?v={{ filemtime("css/xayd.css") }}" title="Xayd">
     <link rel="alternate stylesheet" href="/css/glitch.css?v={{ filemtime("css/glitch.css") }}" title="Glitch">
     <link rel="alternate stylesheet" href="/css/epilepsie.css?v={{ filemtime("css/epilepsie.css") }}" title="Epilepsie">
     <script src="/js/styleswitcher.js"></script>
+    @else
+    @endif
 </head>
 <body>
+@if(auth()->check())
 @include('partials.handlebars')
+@else
+@endif
 @if(auth()->check())
     @include('partials.filterselect')
     @if(isset($user) && auth()->user()->can('edit_user'))
         @include('partials.banmenu')
     @endif
 @endif
+@if(auth()->check())
 <canvas id="bg" @if(!Session::get('background', true)) style="display: none;"@endif></canvas>
-
+@else
+@endif
 @include('partials.navigation')
 
 <div class="wrapper">
     @yield('aside')
     <div style="width: auto; overflow: hidden; position: relative;">
 	<div class="fucklaravel">
-	    <noscript><div class="no-js-profile">Javascript is disabled, enable to use all of w0bms features!</div></noscript>
+	    <noscript><div class="no-js-mode" style="position: fixed;bottom: 0;right: 0;">nojs</div></noscript>
             @yield('content')
         </div>
     </div>
 
 </div>
+@if(auth()->check())
 <script src="/js/jquery.min.js"></script>
 <script src="/js/bootstrap.min.js"></script>
 <script src="/js/bootstrap-tagsinput.min.js"></script>
@@ -58,12 +67,8 @@
 <script src="/js/imagesloaded.pkgd.min.js"></script>
 <script src="/js/handlebars.min.js"></script>
 <script src="/js/jquery.timeago.js"></script>
-<script src="/js/raven.min.js"></script>
-@if(env('SENTRY_PUBLIC'))
-<script>
-    Raven.config('{{ env("SENTRY_PUBLIC") }}').install()
-</script>
-@endif
 <script src="/js/w0bmscript.js?v={{ filemtime("js/w0bmscript.js") }}"></script>
+@else
+@endif
 </body>
 </html>
diff --git a/resources/views/layout1/video.blade.php b/resources/views/layout1/video.blade.php
index 7f59782..ef2ab87 100644
--- a/resources/views/layout1/video.blade.php
+++ b/resources/views/layout1/video.blade.php
@@ -139,10 +139,13 @@
 {{$video->tesThumb()}}
 <div class="centered">
         <div class="modal-content col-md-5">
+        	<div class="alert alert-info" role="alert">
+  				Accepting z0rfugees, please visit us in the <a href="/irc">IRC</a>
+			</div>
             <div class="modal-header">
                 <h4 class="modal-title" id="filterModalTitle">Login</h4> <span>to watch this webbum</span>
             </div>
-            
+            @include('partials.flash')
             <div class="login_wrapper">
             	<div class="col-md">
 					<form action="{{action('UserController@login')}}" method="post" class="navbar-form">
@@ -174,9 +177,9 @@
         </div>
   </div>
 </div>
-        		<div class="modal-footer">
-			<p>Enjoy your stay! :3</p>
-        	</div>
+<div class="modal-footer">
+	<a href="/contact">Contact</a> | <a href="/irc">IRC</a>
+</div>
         </div>
     </div>
 @endif
diff --git a/resources/views/layout2/categories.blade.php b/resources/views/layout2/categories.blade.php
index 892e2fd..32a2317 100644
--- a/resources/views/layout2/categories.blade.php
+++ b/resources/views/layout2/categories.blade.php
@@ -1,17 +1,18 @@
 @extends('profilelayout')
 @section('novidcontent')
     <div class="page-header">
-        <h3>Categories</h3>
+        <h4>Categories</h4>
     </div>
     <div class="" id="categories">
         @foreach($categories as $category)
-            <div id="category_box_{{$category->shortname}}" class="col-sm-6 col-md-4 category">
+            <div id="category_box_{{$category->shortname}}" class="category-box">
                 <div class="thumbnail">
                     <img src="{{ asset('/images/cat/' . $category->shortname . '.webp') }}" alt="{{$category->name}}">
                     <div class="caption">
-                        <h3>{{$category->name}} <small>{{$category->videos()->count()}}</small></h3>
-                        <p>{{$category->description}}</p>
-                        <p><a href="{{$category->shortname}}" class="btn btn-primary" role="button">View</a></p>
+                        <h5>{{$category->name}} <small><b>{{$category->videos()->count()}}</b></small></h5>
+                        <span class="cat-desc"><i>{{$category->description}}</i></span>
+                        <br>
+                        <span class="cat-button"><a href="{{$category->shortname}}" class="btn btn-dark" role="button">View</a></span>
                     </div>
                 </div>
             </div>
diff --git a/resources/views/layout2/partials/filterselect.blade.php b/resources/views/layout2/partials/filterselect.blade.php
index b1e6780..8759e59 100644
--- a/resources/views/layout2/partials/filterselect.blade.php
+++ b/resources/views/layout2/partials/filterselect.blade.php
@@ -1,18 +1,17 @@
 <div class="modal fade" id="filterselectmodal" tabindex="-1" role="dialog" aria-labelledby="Select filter">
     <div class="modal-dialog" role="document">
         <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-		<h4 class="modal-title" id="filterModalTitle">Add Tags to filter out</h4>
-		<p>When entering a tag you will no longer see videos with that tag.</p>
+            <div class="modal-head">
+		<h4 class="modal-title" id="filterModalTitle"><i class="fa fa-coffee"></i> Filter</h4>
+		<span>When entering a tag you will no longer see videos with that tag.</span>
             </div>
             <div class="modal-body">
                 <input id="filter" type="text" class="form-control" placeholder="Input tags…" name="filter" data-role="tagsinput" value="{{ implode(',', auth()->user()->categories) }}">
                 {{--<input class="form-control" type="text" id="filter" data-role="tagsinput" value="{{ implode(',', auth()->user()->categories) }}">--}}
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
-                <button href="/filter" type="submit" id="submitfilter" class="btn btn-primary" value="Save">Save</button>
+                <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>
+                <button href="/filter" type="submit" id="submitfilter" class="btn btn-dark" value="Save">Save</button>
             </div>
         </div>
     </div>