MORE LAYOUTgit add public/mobile public/nojs/ public/shoop.png resources/views/layout1/apply.blade.php resources/views/layout1/nojs.blade.php resources/views/layout1/tos.blade.php resources/views/layout4/ resources/views/layout5!

2019-09-02 19:15:37 +00:00
parent 8dd96f7d11
commit 4c21480392
201 changed files with 33473 additions and 59 deletions
--- a/public/css/w0bmcustom.css
+++ b/public/css/w0bmcustom.css
@@ -2687,6 +2687,17 @@ nsfw::after {
    content: "NSFW";
 }

+sfw {
+    color: #59d83bcc;
+    background: #0a090c;
+    border-radius: 5px;
+    padding: 2px;
+}
+
+sfw::after {
+    content: "SFW";
+}
+
 .copylink {
    border-radius: 5px;
    border: 0;
@@ -3753,4 +3764,18 @@ button#layout4 {

 div#parent {
    overflow-x: overlay;
+}
+
+a.not-safe-for-work {
+
+}
+
+a.safe-for-work {
+
+}
+
+button#layout4:before {
+    content: "nojs";
+    position: relative;
+    font-size: 8px;
 }
--- a/public/js/w0bmscript.js
+++ b/public/js/w0bmscript.js
@@ -1438,3 +1438,9 @@ document.querySelectorAll("#layoutSwitcher [id^=layout]").forEach(el => el.addEv
        else
                console.warn(response.status, await response.text());
 }));
+
+if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
+newlink = document.createElement('a');
+newlink.setAttribute('class', 'mobiledetected');
+newlink.setAttribute('href', '/api/user/layout?layout=5');
+}
--- a/public/mobile/css/bootstrap-tagsinput.css
+++ b/public/mobile/css/bootstrap-tagsinput.css
@@ -0,0 +1,55 @@
+.bootstrap-tagsinput {
+  background-color: #fff;
+  border: 1px solid #ccc;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  display: inline-block;
+  padding: 4px 6px;
+  color: #555;
+  vertical-align: middle;
+  border-radius: 4px;
+  max-width: 100%;
+  line-height: 22px;
+  cursor: text;
+}
+.bootstrap-tagsinput input {
+  border: none;
+  box-shadow: none;
+  outline: none;
+  background-color: transparent;
+  padding: 0 6px;
+  margin: 0;
+  width: auto;
+  max-width: inherit;
+}
+.bootstrap-tagsinput.form-control input::-moz-placeholder {
+  color: #777;
+  opacity: 1;
+}
+.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
+  color: #777;
+}
+.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
+  color: #777;
+}
+.bootstrap-tagsinput input:focus {
+  border: none;
+  box-shadow: none;
+}
+.bootstrap-tagsinput .tag {
+  margin-right: 2px;
+  color: white;
+}
+.bootstrap-tagsinput .tag [data-role="remove"] {
+  margin-left: 8px;
+  cursor: pointer;
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:after {
+  content: "x";
+  padding: 0px 2px;
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:hover {
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
+  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+}
--- a/public/mobile/css/chilledblue.css
+++ b/public/mobile/css/chilledblue.css
@@ -0,0 +1,281 @@
+/* Scrollbar */
+::-webkit-scrollbar-track-piece {
+    background-color: #1a1f22!important;
+}
+
+/* /Scrollbar */
+
+body {
+    background-color: #171d21;
+}
+
+.navbar-inverse {
+    background-color: rgba(33, 41, 47, 0.74);
+}
+
+.comments {
+    background: rgba(33, 41, 47, 0.71);
+}
+
+.panel.panel-default {
+    border: 1px solid #131619;
+    background: #21292f;
+    margin-top: 5px;
+}
+
+.onclick-menu-content {
+    border: 1px solid #131619;
+}
+
+.tagtest {
+    background: rgba(33, 41, 47, 0.71);
+}
+
+div#tag-display {
+    background: rgba(33, 41, 47, 0.71);
+}
+
+.label-default {
+    background-color: #21292f;
+    border: 1px solid #1fb2b0;
+}
+
+.modal-content {
+    background-color: #21292f;
+}
+
+.login_wrapper {
+    background: #1c2125;
+}
+
+select.form-control, input.form-control {
+    background-color: #21292f;
+    border: 1px solid #131619;
+}
+
+.btn-primary {
+    background-color: #21292f;
+}
+
+.btn-primary:hover {
+    background-color: #142121;
+}
+
+span.addtagsy>a:hover {
+    background: #33414c;
+}
+
+.popover {
+    background-color: #21292f;
+    border: 1px solid #131619;
+    padding: 0;
+}
+
+.popover.top>.arrow:after {
+    border-top-color: #131619;
+}
+
+.popover-title {
+    margin: 0;
+    padding: 8px 15px;
+    font-size: 14px;
+    background-color: #131619;
+    border-bottom: 1px solid #0b0b0b;
+    border-radius: 0;
+}
+
+.video-js .vjs-control-bar {
+    background-color: rgba(33, 41, 47, 0.93) !important;
+}
+
+.thumbnail {
+    background-color: #21292f;
+    border: 1px solid #131619;
+    border-radius: 0;
+}
+
+.caption small {
+    background: #142121;
+    color: #d000ff;
+    font-family: VCR;
+    text-shadow: 0px 0px 5px #d000ff;
+    border: 1px solid #1fb2b0;
+}
+
+.box {
+    background: #142121;
+    border: 2px solid #131619;
+}
+
+.navbar-fixed-bottom {
+    background: #21292f;
+}
+
+.bootstrap-tagsinput {
+    background: #21292f none repeat scroll 0 0;
+    border: 1px solid #131619;
+}
+
+.panel-default>.panel-heading {
+    background-color: #21292f;
+    border-color: #131619;
+}
+
+.list-group-item {
+    background-color: #131619;
+    border: 1px solid #21292f;
+}
+
+.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
+    background-color: #131619;
+    border-color: #282828;
+}
+
+.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
+    background-color: #142121;
+    border-color: #1fb2b0;
+    color: #1fb;
+}
+
+.pagination>li>a, .pagination>li>span {
+    background-color: #131619;
+}
+
+.blah {
+    background: #21292f;
+    border: 1px solid #131619;
+}
+
+#dragndrop {
+    background-color: #21292f !important;
+}
+
+.profilheader {
+    background: #21292f;
+}
+
+table {
+    background-color: #131619;
+}
+
+.table-hover>tbody>tr:hover {
+    background-color: #21292f;
+}
+
+a.list-group-item-info, button.list-group-item-info {
+    color: #fff;
+    background: #ff005d;
+}
+
+a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
+    color: #fff;
+    background-color: #2f3f4b;
+}
+
+.dropdown-menu {
+    border: 1px solid #131619!important;
+    padding: 5px!important;
+    margin: -15px 15px 0!important;
+    border-radius: 0px!important;
+    background-color: #21292f;
+    min-width: 100px;
+}
+
+button.w0bmcustom-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #232222;
+    padding: 5px;
+    border: 1px solid black;
+    margin-bottom: 5px;
+    color: #adadad;
+}
+
+button.w0bmcustom-css:hover {
+    background: rgba(84, 84, 84, 0.5);
+}
+
+button.chilledblue-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #142121;
+    border: 1px solid #131916;
+    margin-bottom: 5px;
+    color: #adadad;
+}
+button.chilledblue-css:hover {
+    background: #183333b8;
+}
+
+.suchleiste {
+    background: #21292f none;
+}
+
+button.epilepsie-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #ff0000;
+    padding: 5px;
+    border: 1px solid black;
+    margin-bottom: 5px;
+    color: #ffffff;
+    font-weight: bold;
+    text-transform: uppercase;
+    border: 1px dashed yellow;
+}
+
+button.epilepsie-css:hover {
+    background: rgba(84, 84, 84, 0.5);
+}
+
+.toggo {
+    background-color: #21292f;
+}
+
+.comments {
+    border: 1px solid #131619;
+    padding: 15px;
+}
+
+.tags-mobile {
+    margin-bottom: 0px;
+    border: 1px solid #131619;
+    padding: 5px;
+    background: #20282d;
+    margin-top: 10px;
+}
+
+.vidinfo {
+    position: unset;
+    padding: 5px;
+    background: #21292f;
+    border-right: 1px solid #131619;
+    border-left: 1px solid #131619;
+    border-bottom: 1px solid #131619;
+}
+
+.mobile-comments {
+    background: #21292f;
+    border-left: 1px solid #131619;
+    border-right: 1px solid #131619;
+    border-bottom: 1px solid #131619;
+    margin-bottom: 5px;
+    padding: 5px;
+}
+
+@media (max-width: 767px) {
+#sidebar, #motd, #commentForm, .tags, .comments {
+    display: block !important;
+    background: #21292f;
+}
+}
+
+@media (max-width: 690px) {
+a.last, a.first {
+background: #21292f;
+}
+}
+
+
+
+
--- a/public/mobile/css/clippy.css
+++ b/public/mobile/css/clippy.css
@@ -0,0 +1,62 @@
+.clippy, .clippy-balloon {
+    position: fixed;
+    z-index: 1000;
+    cursor: pointer;
+}
+
+.clippy-balloon {
+
+    background: #FFC;
+    color: black;
+    padding: 8px;
+    border: 1px solid black;
+    border-radius: 5px;
+
+}
+
+.clippy-content {
+    max-width: 200px;
+    min-width: 120px;
+    font-family: "Microsoft Sans", sans-serif;
+    font-size: 10pt;
+}
+
+.clippy-tip {
+    width: 10px;
+    height: 16px;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAgCAMAAAAlvKiEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAlQTFRF///MAAAA////52QwgAAAAAN0Uk5T//8A18oNQQAAAGxJREFUeNqs0kEOwCAIRFHn3//QTUU6xMyyxii+jQosrTPkyPEM6IN3FtzIRk1U4dFeKWQiH6pRRowMVKEmvronEynkwj0uZJgR22+YLopPSo9P34wJSamLSU7lSIWLJU7NkNomNlhqxUeAAQC+TQLZyEuJBwAAAABJRU5ErkJggg==) no-repeat;
+    position: absolute;
+}
+
+.clippy-top-left .clippy-tip {
+    top: 100%;
+    margin-top: 0px;
+    left: 100%;
+    margin-left: -50px;
+}
+
+.clippy-top-right .clippy-tip {
+    top: 100%;
+    margin-top: 0px;
+    left: 0;
+    margin-left: 50px;
+    background-position: -10px 0;
+
+}
+
+.clippy-bottom-right .clippy-tip {
+    top: 0;
+    margin-top: -16px;
+    left: 0;
+    margin-left: 50px;
+    background-position: -10px -16px;
+}
+
+.clippy-bottom-left .clippy-tip {
+    top: 0;
+    margin-top: -16px;
+    left: 100%;
+    margin-left: -50px;
+    background-position: 0px -16px;
+}
+
--- a/public/mobile/css/epilepsie.css
+++ b/public/mobile/css/epilepsie.css
@@ -0,0 +1,98 @@
+body {
+    animation: epilepsie 0.1s infinite;
+}
+
+@keyframes epilepsie {
+            0%   {background:red;}
+            25%  {background:yellow;}
+            50%  {background:#1FB2B0;}
+            75%  {background:#23dd06;}
+            100% {background:red;}
+}
+
+.embed-responsive-16by9 {
+    animation: megakrebs 0.1s infinite;
+}
+
+@keyframes megakrebs {
+            0%   {filter: invert(50%)}
+            25%  {filter: hue-rotate(90deg)}
+            50%  {filter: invert(100%)}
+            75%  {filter: hue-rotate(90deg)}
+            100% {filter: invert(50%)}
+}
+
+.navbar-inverse {
+    animation: megakrebs 0.1s infinite;
+    animation: epilepsie 0.1s infinite;
+}
+
+.navbar-brand > img {
+    animation: megakrebs 0.1s infinite;
+}
+
+a {
+    animation: swkrebs 0.1s infinite;
+}
+
+@keyframes swkrebs {
+    from { color: #f00;}
+    to { color: #0098ff; }
+}
+
+span.videoinfo {
+    animation: megakrebs 0.1s infinite;
+}
+
+#sidebar {
+    animation: megakrebs 0.1s infinite;
+}
+
+.dropdown-menu {
+    border: 1px solid #131619!important;
+    padding: 5px!important;
+    margin: -15px 15px 0!important;
+    border-radius: 0px!important;
+    background-color: #21292f;
+    min-width: 100px;
+}
+
+button.w0bmcustom-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #232222;
+    padding: 5px;
+    border: 1px solid black;
+    margin-bottom: 5px;
+    color: #adadad;
+}
+
+button.w0bmcustom-css:hover {
+    background: rgba(84, 84, 84, 0.5);
+}
+
+button.chilledblue-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #142121;
+    border: 1px solid #131916;
+    color: #adadad;
+    margin-bottom: 5px;
+}
+button.chilledblue-css:hover {
+    background: #183333b8;
+}
+
+button.epilepsie-css {
+    width: 100%;
+    padding-bottom: 5px;
+    background: #232222;
+    padding: 5px;
+    border: 1px solid black;
+    margin-bottom: 5px;
+    color: #adadad;
+}
+
+button.epilepsie-css:hover {
+    background: rgba(84, 84, 84, 0.5);
+}
--- a/public/mobile/css/font-awesome.min.css
+++ b/public/mobile/css/font-awesome.min.css
--- a/public/mobile/css/jquery.mCustomScrollbar.min.css
+++ b/public/mobile/css/jquery.mCustomScrollbar.min.css
--- a/public/mobile/css/simplebar.css
+++ b/public/mobile/css/simplebar.css
@@ -0,0 +1,108 @@
+[data-simplebar] {
+    position: relative;
+    z-index: 0;
+    overflow: hidden!important;
+    max-height: inherit;
+    -webkit-overflow-scrolling: touch; /* Trigger native scrolling for mobile, if not supported, plugin is used. */
+}
+
+[data-simplebar="init"] {
+    display: flex;
+}
+
+[data-simplebar] .simplebar-scroll-content,
+[data-simplebar] .simplebar-content {
+    overflow: hidden;
+}
+
+[data-simplebar="init"] .simplebar-scroll-content,
+[data-simplebar="init"] .simplebar-content {
+    overflow: scroll;
+}
+
+.simplebar-scroll-content {
+    overflow-x: hidden!important;
+    min-width: 100%!important;
+    max-height: inherit!important;
+    box-sizing: content-box!important;
+}
+
+.simplebar-content {
+    overflow-y: hidden!important;
+    box-sizing: border-box!important;
+    min-height: 100%!important;
+}
+
+.simplebar-track {
+    z-index: 1;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    width: 11px;
+    pointer-events: none;
+}
+
+.simplebar-scrollbar {
+    position: absolute;
+    right: 2px;
+    width: 7px;
+    min-height: 10px;
+}
+
+.simplebar-scrollbar:before {
+    position: absolute;
+    content: "";
+    background: black;
+    border-radius: 7px;
+    left: 0;
+    right: 0;
+    opacity: 0;
+    transition: opacity 0.2s linear;
+}
+
+.simplebar-track .simplebar-scrollbar.visible:before {
+    /* When hovered, remove all transitions from drag handle */
+    opacity: 0.5;
+    transition: opacity 0 linear;
+}
+
+.simplebar-track.vertical {
+    top: 0;
+}
+
+.simplebar-track.vertical .simplebar-scrollbar:before {
+    top: 2px;
+    bottom: 2px;
+}
+
+.simplebar-track.horizontal {
+    left: 0;
+    width: auto;
+    height: 11px;
+}
+
+.simplebar-track.horizontal .simplebar-scrollbar:before {
+    height: 100%;
+    left: 2px;
+    right: 2px;
+}
+
+.horizontal.simplebar-track .simplebar-scrollbar {
+    right: auto;
+    left: 0;
+    top: 2px;
+    height: 7px;
+    min-height: 0;
+    min-width: 10px;
+    width: auto;
+}
+
+/* Rtl support */
+[data-simplebar-direction="rtl"] .simplebar-track {
+    right: auto;
+    left: 0;
+}
+
+[data-simplebar-direction="rtl"] .simplebar-track.horizontal {
+    right: 0;
+}
--- a/public/mobile/css/style.css
+++ b/public/mobile/css/style.css
--- a/public/mobile/css/video-js.min.css
+++ b/public/mobile/css/video-js.min.css
--- a/public/mobile/css/vjsnew.css
+++ b/public/mobile/css/vjsnew.css
@@ -0,0 +1,323 @@
+.video-js .vjs-menu-button-inline.vjs-slider-active,
+.video-js .vjs-menu-button-inline:focus,
+.video-js .vjs-menu-button-inline:hover,
+.video-js.vjs-no-flex .vjs-menu-button-inline {
+    width: 10em
+}
+.video-js .vjs-controls-disabled .vjs-big-play-button {
+    display: none!important
+}
+.video-js .vjs-control {
+    width: 3em
+}
+.video-js .vjs-menu-button-inline:before {
+    width: 1.5em
+}
+.vjs-menu-button-inline .vjs-menu {
+    left: 3em
+}
+.video-js.vjs-paused .vjs-big-play-button,
+.vjs-paused.vjs-has-started.video-js .vjs-big-play-button {
+    display: block
+}
+.video-js .vjs-load-progress div,
+.vjs-seeking .vjs-big-play-button,
+.vjs-waiting .vjs-big-play-button {
+    display: none!important
+}
+.video-js .vjs-mouse-display:after,
+.video-js .vjs-play-progress:after {
+    padding: 0 .4em .3em
+}
+.video-js.vjs-ended .vjs-loading-spinner {
+    display: none
+}
+.video-js.vjs-ended .vjs-big-play-button {
+    display: block!important
+}
+.video-js *,
+.video-js:after,
+.video-js:before {
+    box-sizing: inherit;
+    font-size: inherit;
+    color: inherit;
+    line-height: inherit
+}
+.video-js.vjs-fullscreen,
+.video-js.vjs-fullscreen .vjs-tech {
+    width: 100%!important;
+    height: 100%!important
+}
+.video-js {
+    font-size: 14px;
+    overflow: hidden
+}
+.video-js .vjs-control {
+    color: inherit
+}
+.video-js .vjs-menu-button-inline:hover,
+.video-js.vjs-no-flex .vjs-menu-button-inline {
+    width: 8.35em
+}
+.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
+    height: 3em;
+    width: 6.35em
+}
+.video-js .vjs-control:focus:before,
+.video-js .vjs-control:hover:before {
+    text-shadow: 0 0 0.1em #1fb2b0, 0 0 0.1em #1fb2b0, 0 0 0.5em #1fb2b0;
+}
+.video-js .vjs-spacer,
+.video-js .vjs-time-control {
+    display: -webkit-box;
+    display: -moz-box;
+    display: -ms-flexbox;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-flex: 1 1 auto;
+    -moz-box-flex: 1 1 auto;
+    -webkit-flex: 1 1 auto;
+    -ms-flex: 1 1 auto;
+    flex: 1 1 auto
+}
+.video-js .vjs-time-control {
+    -webkit-box-flex: 0 1 auto;
+    -moz-box-flex: 0 1 auto;
+    -webkit-flex: 0 1 auto;
+    -ms-flex: 0 1 auto;
+    flex: 0 1 auto;
+    width: auto
+}
+.video-js .vjs-time-control.vjs-time-divider {
+    width: 14px
+}
+.video-js .vjs-time-control.vjs-time-divider div {
+    width: 100%;
+    text-align: center
+}
+.video-js .vjs-time-control.vjs-current-time {
+    margin-left: 1em
+}
+.video-js .vjs-time-control .vjs-current-time-display,
+.video-js .vjs-time-control .vjs-duration-display {
+    width: 100%
+}
+.video-js .vjs-time-control .vjs-current-time-display {
+    text-align: right
+}
+.video-js .vjs-time-control .vjs-duration-display {
+    text-align: left
+}
+.video-js .vjs-play-progress:before,
+.video-js .vjs-progress-control .vjs-play-progress:before,
+.video-js .vjs-remaining-time,
+.video-js .vjs-volume-level:after,
+.video-js .vjs-volume-level:before,
+.video-js.vjs-live .vjs-time-control.vjs-current-time,
+.video-js.vjs-live .vjs-time-control.vjs-duration,
+.video-js.vjs-live .vjs-time-control.vjs-time-divider,
+.video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
+    display: none
+}
+.video-js.vjs-no-flex .vjs-time-control {
+    display: table-cell;
+    width: 4em
+}
+.video-js .vjs-progress-control {
+    position: absolute;
+    left: 0;
+    right: 0;
+    width: 100%;
+    height: .5em;
+    top: -.5em
+}
+.video-js .vjs-progress-control .vjs-load-progress,
+.video-js .vjs-progress-control .vjs-play-progress,
+.video-js .vjs-progress-control .vjs-progress-holder {
+    height: 100%
+}
+.video-js .vjs-progress-control .vjs-progress-holder {
+    margin: 0
+}
+.video-js .vjs-progress-control:hover {
+    height: 1.5em;
+    top: -1.5em
+}
+.video-js .vjs-control-bar {
+    -webkit-transition: -webkit-transform .1s ease 0s;
+    -moz-transition: -moz-transform .1s ease 0s;
+    -ms-transition: -ms-transform .1s ease 0s;
+    -o-transition: -o-transform .1s ease 0s;
+    transition: transform .1s ease 0s
+}
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,
+.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
+    visibility: visible;
+    opacity: 1;
+    -webkit-backface-visibility: hidden;
+    -webkit-transform: translateY(3em);
+    -moz-transform: translateY(3em);
+    -ms-transform: translateY(3em);
+    -o-transform: translateY(3em);
+    transform: translateY(3em);
+    -webkit-transition: -webkit-transform 1s ease 0s;
+    -moz-transition: -moz-transform 1s ease 0s;
+    -ms-transition: -ms-transform 1s ease 0s;
+    -o-transition: -o-transform 1s ease 0s;
+    transition: transform 1s ease 0s
+}
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,
+.video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
+    height: .25em;
+    top: -.25em;
+    pointer-events: none;
+    -webkit-transition: height 1s, top 1s;
+    -moz-transition: height 1s, top 1s;
+    -ms-transition: height 1s, top 1s;
+    -o-transition: height 1s, top 1s;
+    transition: height 1s, top 1s
+}
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,
+.video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,
+.video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
+    opacity: 0;
+    -webkit-transition: opacity 1s ease 1s;
+    -moz-transition: opacity 1s ease 1s;
+    -ms-transition: opacity 1s ease 1s;
+    -o-transition: opacity 1s ease 1s;
+    transition: opacity 1s ease 1s
+}
+.video-js.vjs-live .vjs-live-control {
+    margin-left: 1em
+}
+.video-js .vjs-big-play-button {
+    top: 50%;
+    left: 50%;
+    margin-left: -1em;
+    width: 2em;
+    border: none;
+    color: #fff;
+    -webkit-transition: border-color .4s, outline .4s, background-color .4s;
+    -moz-transition: border-color .4s, outline .4s, background-color .4s;
+    -ms-transition: border-color .4s, outline .4s, background-color .4s;
+    -o-transition: border-color .4s, outline .4s, background-color .4s;
+    transition: border-color .4s, outline .4s, background-color .4s;
+    background-color: rgba(0, 0, 0, .45);
+    font-size: 2.5em;
+    border-radius: 50%;
+    height: 2em!important;
+    line-height: 2em!important;
+    margin-top: -1em!important
+}
+.video-js .vjs-menu-button-popup .vjs-menu {
+    left: -3em
+}
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: transparent;
+    width: 12em;
+    left: -1.5em;
+    padding-bottom: .5em
+}
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item,
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
+    background-color: #151b17;
+    margin: .3em 0;
+    padding: .5em;
+    border-radius: .3em
+}
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
+    background-color: #2483d5
+}
+.video-js .vjs-big-play-button:active,
+.video-js .vjs-big-play-button:focus,
+.video-js:hover .vjs-big-play-button {
+    background-color: #1fb2b0
+}
+.video-js .vjs-loading-spinner {
+    border-color: #1fb2b0
+}
+.video-js .vjs-control-bar2 {
+    background-color: #161618
+}
+.video-js .vjs-control-bar {
+    background-color: #161618!important;
+    color: #fff;
+    font-size: 11px
+}
+.video-js .vjs-play-progress,
+.video-js .vjs-volume-level {
+    background-color: #1fb2b0
+}
+
+/* Custom */
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: #161618;
+    width: 12em;
+    left: -1.5em;
+    padding-bottom: 0rem;
+}
+
+.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: #2B333F;
+    background-color: rgba(43,51,63,.7);
+    position: absolute;
+    width: 100%;
+    bottom: 1.5em;
+    max-height: none;
+}
+
+.vjs-volume-control.vjs-control {
+    width: 6rem;
+}
+
+.video-js .vjs-control-bar {
+    background-color: rgba(22, 22, 24, 0.89)!important;
+    color: #fff;
+    font-size: 13px;
+    font-family: "Oswald",sans-serif;
+}
+
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    background-color: #161618;
+    width: 5em;
+    left: 1.5em;
+    padding-bottom: 0rem;
+    padding-left: 5px;
+    padding-right: 5px;
+}
+
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
+    background-color: #3b3938;
+    margin: .3em 0;
+    padding: 0;
+    border-radius: 0;
+}
+
+.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item:hover, .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
+    background-color: #707070;
+}
+
+.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
+    display: none;
+    position: absolute;
+    top: -3em;
+    right: -1.5em;
+    font-size: .9em;
+    color: #fff;
+    content: attr(data-current-time);
+    padding: 6px 8px 8px;
+    background-color: #fff;
+    background-color: rgb(58, 57, 56);
+    -webkit-border-radius: .3em;
+    -moz-border-radius: .3em;
+    border-radius: .3em;
+    font-family: "Oswald",sans-serif;
+}
--- a/public/mobile/css/w0bmcustom.css
+++ b/public/mobile/css/w0bmcustom.css
--- a/public/mobile/css/w0bmfonts.css
+++ b/public/mobile/css/w0bmfonts.css
@@ -0,0 +1,107 @@
+/*Every font was taken from google.*/
+
+/* cyrillic */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Oswald';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}
+
+/* latin */
+@font-face {
+  font-family: 'UnifrakturCook';
+  font-style: normal;
+  font-weight: 700;
+  src: local('UnifrakturCook'), local('UnifrakturCook-Bold'), url(../fonts/ASwh69ykD8iaoYijVEU6RpMdj8Gkv7ccSfgBBVtwm5Y.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}
+
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
+}
+
+/* cyrillic */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+
+/* greek-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+
+/* greek */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+
+/* vietnamese */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
+}
+
+/* latin-ext */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
+  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
+}
+
+/* latin */
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
+}
+
--- a/public/mobile/css/xayd.css
+++ b/public/mobile/css/xayd.css
@@ -0,0 +1,441 @@
+::-webkit-scrollbar-thumb {
+    width: 15px;
+    background: #03dc03!important;
+}
+
+body {
+	background-color: #040404;
+    color: #fff;
+}
+
+.navbar-inverse {
+    background: #0b0b0b;
+}
+
+span.videoinfo {
+    background: #0b0b0b;
+}
+
+.vidinfo {
+    color: #03dc03;
+}
+
+.text-center {
+    color: rgb(3, 220, 3);
+}
+
+#dlbutton {
+    color: #03dc03;
+}
+
+a {
+    color: #03dc03;
+}
+
+a:hover, a:focus {
+    color: #03dc03;
+}
+
+.panel {
+    background-color: rgb(11, 11, 11);
+}
+
+.video-js .vjs-control-bar {
+    background-color: rgba(11, 11, 11, 0.91)!important;
+}
+
+.video-js .vjs-play-progress, .video-js .vjs-volume-level {
+    background-color: #03dc03;
+}
+
+.video-js .vjs-big-play-button:active, .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
+    background-color: #03dc03;
+}
+
+.video-js .vjs-loading-spinner {
+    border-color: #03dc03;
+}
+
+.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
+    text-shadow: 0 0 0.1em #03dc03, 0 0 0.1em #03dc03, 0 0 0.5em #03dc03;
+}
+
+#sidebar > #motd {
+    border: 4px solid #03dc03;
+}
+
+#sidebar > .comments, #sidebar > .tags {
+    border-bottom: 1px solid #03dc03;
+}
+
+.sponsored {
+    background: #0b0b0b;
+    border-top: 1px solid #03dc03;
+}
+
+.tags {
+    background: rgb(11, 11, 11);
+}
+
+div#tag-display {
+    border-top: 1px solid #03dc03;
+}
+
+.label-default {
+    background-color: #0b0b0b;
+    border: 1px solid #03dc03;
+}
+
+.comments {
+    background: rgb(11, 11, 11);
+}
+
+.navbar-inverse .navbar-nav > li > a {
+    color: #b5b5b5;
+}
+
+.navbar-inverse .navbar-nav > li > a:hover {
+    color: #03dc03;
+    text-shadow: 0 0 5px #03dc03;
+}
+
+.modal-content {
+    background-color: #0b0b0b;
+}
+
+.login_wrapper {
+    background: #0b0b0b;
+    border: 1px solid #03db03;
+}
+
+.btn-primary {
+    color: #fff;
+    background-color: #0b0b0b;
+    border-color: #03db03;
+}
+
+.btn-primary:hover {
+    color: #fff;
+    background-color: #1d1d1d;
+    border-color: #0b940b;
+}
+
+.btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
+    color: #fff;
+    background-color: #000;
+    border-color: #02d802;
+}
+
+.btn-primary:focus, .btn-primary.focus {
+    color: #fff;
+    background-color: #000;
+    border-color: #02d802;
+}
+
+.btn-primary:active:hover, .btn-primary.active:hover, .open>.dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open>.dropdown-toggle.btn-primary:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open>.dropdown-toggle.btn-primary.focus {
+    color: #fff;
+    background-color: #000;
+    border-color: #02d802;
+}
+
+span.addtagsy a {
+    text-decoration: none;
+}
+
+span.addtagsy a:hover {
+    color: #03dc03;
+    text-decoration: none;
+    background: #2f2f2f;
+
+}
+
+span.addtagsy {
+    font-family: Oswald;
+    letter-spacing: .4px;
+    cursor: pointer;
+}
+
+.navbar-brand>img {
+    filter: hue-rotate(290deg) saturate(1190%);
+}
+
+.thumbnail {
+    background-color: #0b0b0b;
+}
+
+.caption small {
+    background: #040404;
+    color: #03dc03;
+}
+
+.suchleiste {
+    background: #0b0b0b none;
+    border: 1px solid #03dc03;
+}
+
+.suchbutton {
+    background: #03c805 none;
+}
+
+table {
+    background-color: #0b0b0b;
+}
+
+.pagination>li>a, .pagination>li>span {
+    background-color: #0b0b0b;
+}
+
+.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
+    color: #000000;
+    background-color: #03dc03;
+}
+
+.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
+    background-color: #0b0b0b;
+}
+
+.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
+    background-color: rgba(3, 220, 3, 0.67);
+    border-color: #03dc03;
+}
+
+.box {
+    background: #0b0b0b;
+}
+
+code {
+    color: #03dc05;
+    background-color: #1d1919;
+}
+
+.anime-thumb-opener {
+    background: #0b0b0b;
+    border: 2px solid #03dc03;
+}
+
+.anime-thumb {
+    border: 2px solid #222;
+    background: #0b0b0b;
+}
+
+.onclick-menu-content {
+    background-color: #0b0b0b;
+    border: 1px solid;
+}
+
+#parent {
+    background: #0b0b0b;
+    border-radius: 0;
+    border: 1px solid #03dc03;
+    padding: 5px;
+    cursor: pointer;
+}
+
+.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
+    background-color: #006315;
+}
+
+.list-group-item {
+    background-color: #0b0b0b;
+}
+
+h3#upheader {
+    color: #03dc03;
+    text-shadow: 1px 1px 20px #03dc03;
+}
+
+select.form-control, input.form-control {
+    background-color: #0b0b0b;
+}
+
+.blah {
+    background: #0b0b0b;
+}
+
+.bootstrap-tagsinput {
+    background: rgb(11, 11, 11) none repeat scroll 0 0;
+    border: 1px solid #282828;
+}
+
+.label-info {
+    background-color: #0b0b0b;
+    border: 1px solid #03dc03;
+}
+
+#dragndrop {
+    background-color: #0b0b0b;
+}
+
+#dragndrop-text:hover {
+    color: #03db03;
+}
+
+#btn-upload:hover>span#laz0r-fire {
+    background: #03dc03;
+}
+
+#btn-upload:hover>span.laz0r {
+    text-shadow: 0 0 5px #03dc03;
+    color: #000000;
+}
+
+.onclick-menu:before {
+    color: #03dc03;
+}
+
+#commentForm textarea {
+    background: rgb(11, 11, 11) none repeat scroll 0 0;
+}
+
+label[for=tag-add-toggle] {
+    color: #03dc03;
+}
+
+label[for=tag-add-toggle]:hover {
+    text-decoration: none;
+    color: #03dc03;
+    text-shadow: 0 0 5px #03dc03;
+}
+
+a.delete-tag.default-link {
+    color: #c00;
+}
+
+a.navbar-brand {
+    content: "";
+    background-size: contain;
+    background-image: url(/w0bm-logo-green.png);
+    background-repeat: no-repeat;
+    background-position-x: 5px;
+}
+
+.navbar-brand>img {
+    filter: hue-rotate(290deg) saturate(1190%);
+    visibility: hidden;
+}
+
+.list-group-item-info {
+    background-color: #03dc03;
+    color: black !important;
+}
+
+a.list-group-item-info:hover, button.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:focus {
+    background-color: #03dc03ad;
+}
+
+.badge {
+    background-color: #03dc03;
+}
+
+.popover {
+	background-color: #0b0b0b;
+	padding: 0px;
+}
+
+.popover-title {
+    padding: 5px 15px;
+    border-radius: 0;
+}
+
+amount {
+    color: #03dc03;
+}
+
+.nav>li>a:hover, .nav>li>a:focus {
+    text-decoration: none;
+    background-color: #040404;
+}
+
+.strong-colored strong {
+    color: #03dc03;
+}
+
+.about-tags {
+    background: rgb(11, 11, 11) none repeat scroll 0 0;
+    border: 1px solid #282828;
+    margin-bottom: 10px;
+}
+
+hr {
+    border-top: 2px solid #03dc03;
+}
+
+@media (max-width: 690px) {
+a.first {
+border-bottom: 1px solid #03dc03;
+border-right: 1px solid #03dc03;
+background: #0b0b0b;
+}
+}
+
+@media (max-width: 690px) {
+a.last {
+border-bottom: 1px solid #03dc03;
+border-left: 1px solid #03dc03;
+background: #0b0b0b;
+}       
+}
+
+@media (max-width: 768px) {
+.navbar-inverse {
+    border-bottom: 1px solid #03dc03;
+}
+}
+
+@media (max-width: 767px) {
+aside#sidebar::before {
+	content: "";
+	border: none;
+}
+}
+
+@media (max-width: 767px) {
+#sidebar, #motd, #commentForm, .tags, .comments {
+	background: #0b0b0b;
+}
+}
+
+@media (max-width: 767px) {
+.vidinfo {
+    background: #0b0b0b;
+}
+}
+
+@media (max-width: 360px) {
+#sidebar > .tags {
+    background: rgb(11, 11, 11);
+    border-top: 1px solid #03dc03;
+    border-left: 0px solid #03dc03;
+}
+}
+
+.tags-mobile {
+    background: #0c0c0c;
+    padding: 5px;
+    margin-top: 5px;
+    border: 1px solid #383737;
+    margin-bottom: 0;
+}
+
+.vidinfo {
+    position: unset;
+    padding: 5px;
+    background: #0c0c0c;
+    border-right: 1px solid #383737;
+    border-left: 1px solid #383737;
+    border-bottom: 1px solid #383737;
+    border-radius: 0;
+}
+
+.mobile-comments {
+    background: #0c0c0c;
+    border-left: 1px solid #383737;
+    border-right: 1px solid #383737;
+    border-bottom: 1px solid #383737;
+    margin-bottom: 5px;
+    padding: 5px;
+}
+
+#commentAmount {
+    color: #03dc03;
+}
--- a/public/mobile/favicon.png
+++ b/public/mobile/favicon.png
--- a/public/mobile/fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/ASwh69ykD8iaoYijVEU6RpMdj8Gkv7ccSfgBBVtwm5Y.woff2
+++ b/public/mobile/fonts/ASwh69ykD8iaoYijVEU6RpMdj8Gkv7ccSfgBBVtwm5Y.woff2
--- a/public/mobile/fonts/CWB0XYA8bzo0kSThX0UTuA.woff2
+++ b/public/mobile/fonts/CWB0XYA8bzo0kSThX0UTuA.woff2
--- a/public/mobile/fonts/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/fontawesome-webfont.eot
+++ b/public/mobile/fonts/fontawesome-webfont.eot
--- a/public/mobile/fonts/fontawesome-webfont.svg
+++ b/public/mobile/fonts/fontawesome-webfont.svg
--- a/public/mobile/fonts/fontawesome-webfont.ttf
+++ b/public/mobile/fonts/fontawesome-webfont.ttf
--- a/public/mobile/fonts/fontawesome-webfont.woff
+++ b/public/mobile/fonts/fontawesome-webfont.woff
--- a/public/mobile/fonts/fontawesome-webfont.woff2
+++ b/public/mobile/fonts/fontawesome-webfont.woff2
--- a/public/mobile/fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/pEobIV_lL25TKBpqVI_a2w.woff2
+++ b/public/mobile/fonts/pEobIV_lL25TKBpqVI_a2w.woff2
--- a/public/mobile/fonts/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/fonts/vcr.ttf
+++ b/public/mobile/fonts/vcr.ttf
--- a/public/mobile/fonts/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2
+++ b/public/mobile/fonts/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2
--- a/public/mobile/js/animethumbnailer.js
+++ b/public/mobile/js/animethumbnailer.js
@@ -0,0 +1,18 @@
+window.onload = function (){
+    var video = document.getElementById('video_html5_api');
+    var thecanvas = document.getElementById('thecanvas');
+    var img = document.getElementById('thumbnail_img');
+
+    video.addEventListener('pause', function(){
+        draw( video, thecanvas, img);
+    }, false);
+};
+
+function draw( video, thecanvas, img ){
+    img.setAttribute('crossOrigin', 'anonymous');
+    var context = thecanvas.getContext('2d');
+    context.drawImage( video, 0, 0, thecanvas.width, thecanvas.height);
+    var dataURL = thecanvas.toDataURL();
+    img.setAttribute('src', dataURL);
+    video.setAttribute('crossOrigin', 'anonymous');
+}
--- a/public/mobile/js/bootstrap-tagsinput.min.js
+++ b/public/mobile/js/bootstrap-tagsinput.min.js
--- a/public/mobile/js/bootstrap.min.js
+++ b/public/mobile/js/bootstrap.min.js
--- a/public/mobile/js/clipboard.min.js
+++ b/public/mobile/js/clipboard.min.js
--- a/public/mobile/js/clippy.js
+++ b/public/mobile/js/clippy.js
--- a/public/mobile/js/handlebars.min.js
+++ b/public/mobile/js/handlebars.min.js
--- a/public/mobile/js/imagesloaded.pkgd.min.js
+++ b/public/mobile/js/imagesloaded.pkgd.min.js
--- a/public/mobile/js/isotope.pkgd.min.js
+++ b/public/mobile/js/isotope.pkgd.min.js
--- a/public/mobile/js/jquery-1.7.js
+++ b/public/mobile/js/jquery-1.7.js
--- a/public/mobile/js/jquery.detectmobilebrowser.js
+++ b/public/mobile/js/jquery.detectmobilebrowser.js
@@ -0,0 +1,7 @@
+/**
+ * jQuery.browser.mobile (http://detectmobilebrowser.com/)
+ *
+ * jQuery.browser.mobile will be true if the browser is a mobile device
+ *
+ **/
+(function(a){(jQuery.browser=jQuery.browser||{}).mobile=/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))})(navigator.userAgent||navigator.vendor||window.opera);
--- a/public/mobile/js/jquery.mCustomScrollbar.concat.min.js
+++ b/public/mobile/js/jquery.mCustomScrollbar.concat.min.js
--- a/public/mobile/js/jquery.min.js
+++ b/public/mobile/js/jquery.min.js
--- a/public/mobile/js/jquery.timeago.js
+++ b/public/mobile/js/jquery.timeago.js
@@ -0,0 +1,225 @@
+/**
+ * Timeago is a jQuery plugin that makes it easy to support automatically
+ * updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago").
+ *
+ * @name timeago
+ * @version 1.5.2
+ * @requires jQuery v1.2.3+
+ * @author Ryan McGeary
+ * @license MIT License - http://www.opensource.org/licenses/mit-license.php
+ *
+ * For usage and examples, visit:
+ * http://timeago.yarp.com/
+ *
+ * Copyright (c) 2008-2015, Ryan McGeary (ryan -[at]- mcgeary [*dot*] org)
+ */
+
+(function (factory) {
+  if (typeof define === 'function' && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(['jquery'], factory);
+  } else if (typeof module === 'object' && typeof module.exports === 'object') {
+    factory(require('jquery'));
+  } else {
+    // Browser globals
+    factory(jQuery);
+  }
+}(function ($) {
+  $.timeago = function(timestamp) {
+    if (timestamp instanceof Date) {
+      return inWords(timestamp);
+    } else if (typeof timestamp === "string") {
+      return inWords($.timeago.parse(timestamp));
+    } else if (typeof timestamp === "number") {
+      return inWords(new Date(timestamp));
+    } else {
+      return inWords($.timeago.datetime(timestamp));
+    }
+  };
+  var $t = $.timeago;
+
+  $.extend($.timeago, {
+    settings: {
+      refreshMillis: 60000,
+      allowPast: true,
+      allowFuture: false,
+      localeTitle: false,
+      cutoff: 0,
+      autoDispose: true,
+      strings: {
+        prefixAgo: null,
+        prefixFromNow: null,
+        suffixAgo: "ago",
+        suffixFromNow: "from now",
+        inPast: 'any moment now',
+        seconds: "less than a minute",
+        minute: "about a minute",
+        minutes: "%d minutes",
+        hour: "about an hour",
+        hours: "about %d hours",
+        day: "a day",
+        days: "%d days",
+        month: "about a month",
+        months: "%d months",
+        year: "about a year",
+        years: "%d years",
+        wordSeparator: " ",
+        numbers: []
+      }
+    },
+
+    inWords: function(distanceMillis) {
+      if (!this.settings.allowPast && ! this.settings.allowFuture) {
+          throw 'timeago allowPast and allowFuture settings can not both be set to false.';
+      }
+
+      var $l = this.settings.strings;
+      var prefix = $l.prefixAgo;
+      var suffix = $l.suffixAgo;
+      if (this.settings.allowFuture) {
+        if (distanceMillis < 0) {
+          prefix = $l.prefixFromNow;
+          suffix = $l.suffixFromNow;
+        }
+      }
+
+      if (!this.settings.allowPast && distanceMillis >= 0) {
+        return this.settings.strings.inPast;
+      }
+
+      var seconds = Math.abs(distanceMillis) / 1000;
+      var minutes = seconds / 60;
+      var hours = minutes / 60;
+      var days = hours / 24;
+      var years = days / 365;
+
+      function substitute(stringOrFunction, number) {
+        var string = $.isFunction(stringOrFunction) ? stringOrFunction(number, distanceMillis) : stringOrFunction;
+        var value = ($l.numbers && $l.numbers[number]) || number;
+        return string.replace(/%d/i, value);
+      }
+
+      var words = seconds < 45 && substitute($l.seconds, Math.round(seconds)) ||
+        seconds < 90 && substitute($l.minute, 1) ||
+        minutes < 45 && substitute($l.minutes, Math.round(minutes)) ||
+        minutes < 90 && substitute($l.hour, 1) ||
+        hours < 24 && substitute($l.hours, Math.round(hours)) ||
+        hours < 42 && substitute($l.day, 1) ||
+        days < 30 && substitute($l.days, Math.round(days)) ||
+        days < 45 && substitute($l.month, 1) ||
+        days < 365 && substitute($l.months, Math.round(days / 30)) ||
+        years < 1.5 && substitute($l.year, 1) ||
+        substitute($l.years, Math.round(years));
+
+      var separator = $l.wordSeparator || "";
+      if ($l.wordSeparator === undefined) { separator = " "; }
+      return $.trim([prefix, words, suffix].join(separator));
+    },
+
+    parse: function(iso8601) {
+      var s = $.trim(iso8601);
+      s = s.replace(/\.\d+/,""); // remove milliseconds
+      s = s.replace(/-/,"/").replace(/-/,"/");
+      s = s.replace(/T/," ").replace(/Z/," UTC");
+      s = s.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2"); // -04:00 -> -0400
+      s = s.replace(/([\+\-]\d\d)$/," $100"); // +09 -> +0900
+      return new Date(s);
+    },
+    datetime: function(elem) {
+      var iso8601 = $t.isTime(elem) ? $(elem).attr("datetime") : $(elem).attr("title");
+      return $t.parse(iso8601);
+    },
+    isTime: function(elem) {
+      // jQuery's `is()` doesn't play well with HTML5 in IE
+      return $(elem).get(0).tagName.toLowerCase() === "time"; // $(elem).is("time");
+    }
+  });
+
+  // functions that can be called via $(el).timeago('action')
+  // init is default when no action is given
+  // functions are called with context of a single element
+  var functions = {
+    init: function() {
+      var refresh_el = $.proxy(refresh, this);
+      refresh_el();
+      var $s = $t.settings;
+      if ($s.refreshMillis > 0) {
+        this._timeagoInterval = setInterval(refresh_el, $s.refreshMillis);
+      }
+    },
+    update: function(timestamp) {
+      var date = (timestamp instanceof Date) ? timestamp : $t.parse(timestamp);
+      $(this).data('timeago', { datetime: date });
+      if ($t.settings.localeTitle) $(this).attr("title", date.toLocaleString());
+      refresh.apply(this);
+    },
+    updateFromDOM: function() {
+      $(this).data('timeago', { datetime: $t.parse( $t.isTime(this) ? $(this).attr("datetime") : $(this).attr("title") ) });
+      refresh.apply(this);
+    },
+    dispose: function () {
+      if (this._timeagoInterval) {
+        window.clearInterval(this._timeagoInterval);
+        this._timeagoInterval = null;
+      }
+    }
+  };
+
+  $.fn.timeago = function(action, options) {
+    var fn = action ? functions[action] : functions.init;
+    if (!fn) {
+      throw new Error("Unknown function name '"+ action +"' for timeago");
+    }
+    // each over objects here and call the requested function
+    this.each(function() {
+      fn.call(this, options);
+    });
+    return this;
+  };
+
+  function refresh() {
+    var $s = $t.settings;
+
+    //check if it's still visible
+    if ($s.autoDispose && !$.contains(document.documentElement,this)) {
+      //stop if it has been removed
+      $(this).timeago("dispose");
+      return this;
+    }
+
+    var data = prepareData(this);
+
+    if (!isNaN(data.datetime)) {
+      if ( $s.cutoff == 0 || Math.abs(distance(data.datetime)) < $s.cutoff) {
+        $(this).text(inWords(data.datetime));
+      }
+    }
+    return this;
+  }
+
+  function prepareData(element) {
+    element = $(element);
+    if (!element.data("timeago")) {
+      element.data("timeago", { datetime: $t.datetime(element) });
+      var text = $.trim(element.text());
+      if ($t.settings.localeTitle) {
+        element.attr("title", element.data('timeago').datetime.toLocaleString());
+      } else if (text.length > 0 && !($t.isTime(element) && element.attr("title"))) {
+        element.attr("title", text);
+      }
+    }
+    return element.data("timeago");
+  }
+
+  function inWords(date) {
+    return $t.inWords(distance(date));
+  }
+
+  function distance(date) {
+    return (new Date().getTime() - date.getTime());
+  }
+
+  // fix for IE6 suckage
+  document.createElement("abbr");
+  document.createElement("time");
+}));
--- a/public/mobile/js/marderchen_cat.js
+++ b/public/mobile/js/marderchen_cat.js
@@ -0,0 +1,225 @@
+       /*MEOW  HTML5 /jquery browser CAT ANEKO by mardechen (png pictures from https://play.google.com/store/apps/details?id=skin.flower10&hl=de apk)  
+         script by me (not the soundcript) MEOW! other skins possible if batching pngs filnames with irfanview like "_#" after deleting icon.png don't forget the _bubble.png  i like flower CAT! png and sound
+         linked to marderchen.de so only need the script still writing on it hihi*/
+
+         //sound start
+        var html5_audiotypes={
+        "mp3": "audio/mpeg","mp4": "audio/mp4","ogg": "audio/ogg","wav": "audio/wav"}
+        function createsoundbite(sound){
+        var html5audio=document.createElement('audio')
+        if (html5audio.canPlayType){ //check support for HTML5 audio
+                for (var i=0; i<arguments.length; i++){
+                        var sourceel=document.createElement('source')
+                        sourceel.setAttribute('src', arguments[i])
+                        if (arguments[i].match(/\.(\w+)$/i))
+                        sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
+                        html5audio.appendChild(sourceel)
+                }
+                html5audio.load()
+                html5audio.playclip=function(){
+                        html5audio.pause()
+                        html5audio.currentTime=0
+                        html5audio.play()
+                }
+                return html5audio
+        }
+        else{
+                return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
+        }}       
+
+        //var mouseoversounds=createsoundbite("http://marderchen.de/wusel/Aneko_data/flower_pngs/meow_click.mp3")
+        //soundend
+
+        function leszeugs() {
+        t=1; daa=1; 
+        xm=Math.random()*640; ym=Math.random()*480; ymcach=0; xmcach=0;
+        zeit1=0; zeit3=0; istani=5; zeit4=0; zeit2=0; zeit1random=Math.random()*10; zeit5=0;
+        wohinrandomx=0; wohinrandomy=0; wohinzufallzeit=300+Math.random()*300+100; getnextt=0; xchaos=20;ychaos=20;
+        often=0; oftenist=Math.random()*7; durchlaufcounter=0; active =0;
+        tutrandom=0; tutcounter=0; suchminimumzeit=0; suchmaus=0; spooldone=1;
+        countz=0;katze=1;
+        speedz=5; //pixeldistanz für bewegung
+        meows = 36; //pngs
+        actionenrand=new Array([1,2],[12,21],[17,18],[19,20],[20,21],[19,1],[20,1],[24,25],[26,27],[34,35]); //png zuordnung \/
+        mup= new Array(28,29);
+        mupr= new Array(32,33);
+        mright= new Array(22,23);
+        mdownr= new Array(10,11);
+        mdown= new Array(4,5);
+        mdownl= new Array(8,9);
+        mleft= new Array(15,16);
+        mupl= new Array(30,31);
+        wohin= new Array(mup,mupr,mright,mdownr,mdown,mdownl,mleft,mupl);
+        // ram = document.getElementById('mCSB_2');
+        zeitstart=0; bleibneweile=0;
+        for(var i=1 ; i<meows; i++){    document.write("<SPAN id='a"+i+"' class='a"+i+"' onmouseover='fillmeowzbuffer(Math.round(Math.random()*13))' onmouseover='holdiemaus()'><img id='"+i+"' src='https://w0bm.com/wusel/meow_png/_"+i+".png' /></SPAN>");     } // onmouseover='mouseoversounds.playclip()'
+        kommeaufy=document.getElementById('commentForm').offsetHeight;// + document.getElementById('commentForm').innerHeight  ;
+        mittex=document.getElementById('mCSB_2').offsetLeft- document.getElementById('mCSB_2').scrollLeft+350;
+        x=0; y=kommeaufy;  xalt=0; yalt=kommeaufy;  xcatz=200; ycatz=kommeaufy; malkrier=0;
+        katzensagenmenge= 16;
+        katzensagen1 = "Think have seen movement there ";
+        katzensagen2 = "awesome scratching me with spiky mouscursor ***PURRRRRRRRRR*** ";
+        katzensagen3 = "~ ~  ~ MEOW ~  ~ ~ :3  ";
+        katzensagen4 = "mew MEW MEEEEW (>^.^<) ";
+        katzensagen5 = "Have you CATNIP?? *extremly cute look* ";
+        katzensagen6 = "I like you so much *hug* *";
+        katzensagen7 = "Iam dieing if you close page, not much lifes left *caterwaul* ";
+        katzensagen8 = "mew MIAUS MEOOOOW ... >Purrrrrr< ";
+        katzensagen9 = "Didyou know? Iam noxy =^.^= ";
+        katzensagen10 = "Oh look! webms with sound ~JOY~ ";
+        katzensagen11 = "I want to get invissible hihi *";
+        katzensagen12 = "here I go.. ,,,^.^.,,       ";
+        katzensagen13 = "lets take a look behind the w0bm banner";
+        katzensagen14 = "Iam wearily .. so wearily slepping a while..";
+        katzensagen15 = "You  terrify me hihihihihi    ";
+        katzensagen16 = "Wh00Oops! this is  s c a r r y  ";
+        katzensagen17 = "Need to catch mouse again its gone :> ";
+        document.write("<SPAN id='blubb' class='blubb'> <img id='blubber' src='https://w0bm.com/wusel/meow_png/_bubble.png' /></SPAN>");
+        document.write("<SPAN id='meowz' class='meowz' ><FONT><P><FONT SIZE=6 STYLE='font-size: 20pt;' >!MEOW!<p>thinking...</p></FONT>  </SPAN>");
+        meme=0; countyy=0; meowcach= new Array(); meme=0; zeit5=0; zeit6=0; showeran=Math.random()*500+100; showeraus=0; textposx=100;textposy=100;
+        cuteszeugs=8;fillmeowzbuffer(cuteszeugs);
+        }
+
+       function getmouse() { 
+                document.onmousemove = handleMouseMove;
+                function handleMouseMove(event) {
+                    xmcach = event.clientX+15 + document.body.scrollLeft;
+                    ymcach = event.clientY+15 + document.body.scrollTop ;
+                    if (ymcach <document.body.clientHeight){ym=ymcach;}
+                    if (xmcach <document.body.clientWidth){xm=ymcach;}
+                }
+        }
+        function bewegz(katze){
+            countz++;
+            if (countz >=2) {countz =0;}
+            for (t=1; t <meows; t++) {
+                if (t == katze){   
+                    document.all["a"+t].style.position = "absolute";               
+                    document.all["a"+t].style.left =  xcatz+'px';
+                    document.all["a"+t].style.top = ycatz+'px';
+                    //  document.all["a"+t].opacity = 0.6;
+                    // document.all["a"+t].style.opacity = 0.6+'opacity';
+                }
+                if (t != katze){       
+                    document.all["a"+t].style.position = "absolute";           
+                    document.all["a"+t].style.left =  -80+'px';
+                    document.all["a"+t].style.top = -80+'px';
+                }
+            }
+        }
+       function initdieCATZ(x2,y2){
+          if(zeitstart ==0){xalt=x2; yalt=y2;           xcatz=xalt-2;  ycatz=yalt+1;zeitstart =1;}
+          if(getnextt==0 && zeitstart==1) {wuseldahin(x2+mittex,y2,1);}
+          if(getnextt==0 && daa ==1){bleibneweile++; }
+          if (bleibneweile== 29) {active=1;spooldone=0;}
+          if (getnextt==0 && spooldone==1 &&bleibneweile >31 &&active==1) {getnextt=1;}
+       }
+       function wuseldahin(x,y,normal){ 
+
+          if(x >= (xalt+speedz*1.5) || x <= (xalt-speedz*1.5)  || y <= (yalt-speedz*1.5) ||y>= (yalt+speedz*1.5)){
+          daa=0; zeit3++; katze=3; }  else {daa=1; zeit3=0; }
+          if(zeit3 >50){
+               if(x < xalt && y < yalt){katze=wohin[7][countz]; xalt-=speedz; yalt-=speedz;  }//mupl
+               if(x > xalt && y > yalt){katze=wohin[3][countz]; xalt+=speedz; yalt+=speedz; }//mdownr
+               if(x < xalt && y > yalt){katze=wohin[5][countz];  yalt+=speedz; xalt-=speedz;}//mdownl
+               if(x > xalt && y < yalt){katze=wohin[1][countz];  yalt-=speedz; xalt+=speedz; }//mupr
+               if(x <= (xalt+speedz) && x >= (xalt-speedz)  && y < yalt){katze=wohin[0][countz]; yalt-=speedz;  }//mup
+               if(x <= (xalt+speedz) && x >= (xalt-speedz) && y > yalt){katze=wohin[4][countz];  yalt+=speedz; }//mdown
+               if(x < xalt&& y >= (yalt-speedz) &&y<= (yalt+speedz)) {katze=wohin[6][countz]; xalt-=speedz*1.5; } //mleft
+               if(x > xalt && y >= (yalt-speedz) &&y<= (yalt+speedz)){katze=wohin[2][countz]; xalt+=speedz;  }//mright
+          }
+          //   if (Math.round(tutrandom) ==8 && zeit3 ==48) {meme=0;}
+          //if (zeit3>120){meme=0;}
+          xcatz=xalt; ycatz=yalt;
+          bewegz(katze);
+        }
+
+        function animierzufallig() {
+                if(daa==1){
+                if( istani> 4) {katze=actionenrand[Math.round(tutrandom)][tutcounter];}
+                if( istani<=4) {katze=1;}
+        }}
+        function zeitreise() {
+                if (zeit6 <suchminimumzeit&& spooldone ==1) {zeit6++;getnextt=3;}
+                zeit1++;zeit2++;if (zeit3 <60) {zeit3++;} zeit4++; zeit5++;
+                if (zeit1 >=zeit1random ){tutrandom= Math.random()*9; zeit1=0; if (spooldone==1) {malkreier=0; fillmeowzbuffer(Math.round(Math.random()*(katzensagenmenge-3))); }
+                if (Math.round(tutrandom) !=8) {zeit1random=Math.random()*140+90; istani=Math.random()*10;}
+                if(zeit5 > showeran && spooldone ==1){ spooldone=0;  }
+             //   if (zeit6 > (suchminimumzeit-3)){zeit6++;}
+                if (zeit6 >showeraus &&spooldone==1){zeit5=0; zeit6=0; spooldone=0; showeran =Math.random()*400+300; showeraus=Math.random()*1+3;}}
+                if (Math.round(tutrandom) ==8) {if (malkreier ==0) {fillmeowzbuffer(13); malkreier=1;} zeit1random=Math.random()*300+650; istani=6; wohinzufallzeit=Math.random()*300+700;}
+                
+                if (zeit2 >=20){tutcounter++;if (tutcounter >=2) {tutcounter=0;}zeit2=0;}
+                setTimeout('zeitreise()',10);
+        }
+        function wuselirgentwohin() {
+                wohinrandomx=xcatz+Math.random()*400-200; wohinrandomy=ycatz+Math.random()*400-200;
+                if (zeit4 > wohinzufallzeit && getnextt==1){zeit4=0; getnextt=2; wohinzufallzeit=Math.random()*150+80; often=Math.random()*8+2;}
+                if (getnextt ==2) {zeit5++; if(daa==1){zeit5=100;}}
+             //  if (oftenist > often && getnextt==2 &&spooldone ==1) {getnextt=1;}
+                if (getnextt ==2 && (zeit5 > 40 || daa ==1)) {
+                if ((wohinrandomx)< (document.body.clientHeight-document.body.scrollTop-600) && (wohinrandomx)> 100 ) {xchaos=wohinrandomx;oftenist++;}
+                if ((wohinrandomy)< (document.body.clientWidth-document.body.scrollLeft-600) && (wohinrandomy)> 100 ) {ychaos=wohinrandomy;oftenist++;} zeit5=0;
+                }
+        }
+        function fillmeowzbuffer(cuteszeugs){
+           durchlaufcounter=0; color =0; countyy=1; zeit6=0;
+           //    if ((Math.random()*20) <6) { meme=1; } else{meme=0;}
+           if (getnextt ==0){cuteszeugs =8;}
+           meowcach ="";
+           if (cuteszeugs ==0) {meowcach = katzensagen1.split('');}
+           if (cuteszeugs ==1) {meowcach = katzensagen2.split('');}
+           if (cuteszeugs ==2) {meowcach = katzensagen3.split('');}
+           if (cuteszeugs ==3) {meowcach = katzensagen4.split('');}
+           if (cuteszeugs ==4) {meowcach = katzensagen5.split('');}
+           if (cuteszeugs ==5) {meowcach = katzensagen6.split('');}
+           if (cuteszeugs ==6) {meowcach = katzensagen7.split('');}
+           if (cuteszeugs ==7) {meowcach = katzensagen8.split('');}
+           if (cuteszeugs ==8) {meowcach = katzensagen9.split('');}
+           if (cuteszeugs ==9) {meowcach = katzensagen10.split('');}
+           if (cuteszeugs ==10) {meowcach = katzensagen11.split('');}
+           if (cuteszeugs ==11) {meowcach = katzensagen12.split('');}
+           if (cuteszeugs ==12) {meowcach = katzensagen13.split('');}
+           if (cuteszeugs ==13) {meowcach = katzensagen14.split('');}
+           if (cuteszeugs ==14) {meowcach = katzensagen15.split('');}
+           if (cuteszeugs ==15) {meowcach = katzensagen16.split('');}
+           if (cuteszeugs ==16) {meowcach = katzensagen17.split('');}
+        } 
+        function mewmewmew() {
+            if (spooldone==0) { document.all["blubb"].style.position = "absolute"; 
+               textposx= 20+Math.random()*2+xcatz;
+               textposy= -30+Math.random()*2+ycatz;
+               document.all["blubb"].style.left = textposx+'px';  document.all["blubb"].style.top = textposy+'px'; 
+               document.all["meowz"].style.left = 5+textposx+'px';  document.all["meowz"].style.top = textposy+'px';
+               haarkneul="";
+               for(var iy=0 ; iy< 18; iy++){ haarkneul +=meowcach[iy];} 
+               meowcach[meowcach.length]= meowcach[0];
+               meowcach.splice( 0,1);
+               document.all["meowz"].style.color="#00ff00"; //or use rainbowarray rainbow[chosencolor]
+               document.getElementById("meowz").textContent=haarkneul;
+               durchlaufcounter++; 
+               if (durchlaufcounter> (meowcach.length*3)){ spooldone=1;meme=0;}
+               if (cuteszeugs ==12){wuseldahin(0,0,0);}}//document.getElementById('commentForm').innerHeight;
+            if (meme ==0) { document.all["blubb"].style.position = "absolute"; document.all["meowz"].style.position = "absolute"; 
+                document.all["blubb"].style.left =  -120+'px';  document.all["blubb"].style.top = -120+'px'; 
+                document.all["meowz"].style.left =  -120+'px';  document.all["meowz"].style.top = -120+'px'; meme=1; }
+            setTimeout('mewmewmew()',100);
+        }
+        function holdiemaus() {
+            if (spooldone==1){fillmeowzbuffer(Math.round(Math.random()*2+(katzensagenmenge-2)));   getmouse();  getnextt=3; spooldone=0;  zeit6=0; suchminimumzeit= Math.random()*50+400; }
+        }
+        function wusel() {   
+            getmouse(); 
+            if (getnextt==0) {initdieCATZ(-40,kommeaufy);}
+            if (getnextt==1) {xchaos=ym; ychaos=xm; wuseldahin(xchaos,ychaos,0);}
+            if (getnextt==2) { wuselirgentwohin(); wuseldahin(xchaos,ychaos,0);}
+            if (getnextt==3)  {wuseldahin(xm,ym,0);}
+            animierzufallig();
+            setTimeout('wusel()',100);
+         }
+ 
+        getmouse(); 
+        leszeugs();
+        wusel();
+        mewmewmew();
+        zeitreise();
--- a/public/mobile/js/raven.min.js
+++ b/public/mobile/js/raven.min.js
--- a/public/mobile/js/simplebar.js
+++ b/public/mobile/js/simplebar.js
--- a/public/mobile/js/styleswitcher.js
+++ b/public/mobile/js/styleswitcher.js
@@ -0,0 +1,64 @@
+function setActiveStyleSheet(title) {
+  var i, a, main;
+  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
+    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
+      a.disabled = true;
+      if(a.getAttribute("title") == title) a.disabled = false;
+    }
+  }
+}
+
+function getActiveStyleSheet() {
+  var i, a;
+  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
+    if(a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title") && !a.disabled) return a.getAttribute("title");
+  }
+  return null;
+}
+
+function getPreferredStyleSheet() {
+  var i, a;
+  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
+    if(a.getAttribute("rel").indexOf("style") != -1
+       && a.getAttribute("rel").indexOf("alt") == -1
+       && a.getAttribute("title")
+       ) return a.getAttribute("title");
+  }
+  return null;
+}
+
+function createCookie(name,value,days) {
+  if (days) {
+    var date = new Date();
+    date.setTime(date.getTime()+(days*24*60*60*1000));
+    var expires = "; expires="+date.toGMTString();
+  }
+  else expires = "";
+  document.cookie = name+"="+value+expires+"; path=/";
+}
+
+function readCookie(name) {
+  var nameEQ = name + "=";
+  var ca = document.cookie.split(';');
+  for(var i=0;i < ca.length;i++) {
+    var c = ca[i];
+    while (c.charAt(0)==' ') c = c.substring(1,c.length);
+    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
+  }
+  return null;
+}
+
+window.onload = function(e) {
+  var cookie = readCookie("style");
+  var title = cookie ? cookie : getPreferredStyleSheet();
+  setActiveStyleSheet(title);
+}
+
+window.onunload = function(e) {
+  var title = getActiveStyleSheet();
+  createCookie("style", title, 365);
+}
+
+var cookie = readCookie("style");
+var title = cookie ? cookie : getPreferredStyleSheet();
+setActiveStyleSheet(title);
--- a/public/mobile/js/video.min.js
+++ b/public/mobile/js/video.min.js
--- a/public/mobile/js/w0bmscript.js
+++ b/public/mobile/js/w0bmscript.js
--- a/public/mobile/js/w0bmscript.min.js
+++ b/public/mobile/js/w0bmscript.min.js
--- a/public/mobile/js/w0bmscript.min.js.map
+++ b/public/mobile/js/w0bmscript.min.js.map
--- a/public/mobile/logo.svg
+++ b/public/mobile/logo.svg
@@ -0,0 +1,467 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="962.55719"
+   height="269.93427"
+   viewBox="0 0 770.04575 215.94742"
+   version="1.1"
+   id="svg3115"
+   inkscape:version="0.48.4 r"
+   sodipodi:docname="E:\Downloads\kmvmzs.svg"
+   inkscape:export-filename="E:\Downloads\Otter2.png"
+   inkscape:export-xdpi="163.74091"
+   inkscape:export-ydpi="163.74091">
+  <metadata
+     id="metadata3205">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs3203">
+    <clipPath
+       clipPathUnits="userSpaceOnUse"
+       id="clipPath3074">
+      <rect
+         style="fill:#0000ff;fill-rule:evenodd;stroke:#000000;stroke-width:0.83058417px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+         id="rect3076"
+         width="238.50562"
+         height="222.02641"
+         x="-6.1644015"
+         y="-6.0789886" />
+    </clipPath>
+    <filter
+       inkscape:collect="always"
+       id="filter3731"
+       color-interpolation-filters="sRGB">
+      <feGaussianBlur
+         inkscape:collect="always"
+         stdDeviation="0.82730657"
+         id="feGaussianBlur3733" />
+    </filter>
+    <linearGradient
+       id="linearGradient3600">
+      <stop
+         style="stop-color:#1fb2b0;stop-opacity:1;"
+         offset="0"
+         id="stop3602" />
+      <stop
+         style="stop-color:#2180ac;stop-opacity:1;"
+         offset="1"
+         id="stop3604" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3632"
+       id="linearGradient3050"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.0097425,0,0,2.0097425,409.81763,109.54288)"
+       x1="6.4826794"
+       y1="4.543263"
+       x2="25.363527"
+       y2="35.227882" />
+    <linearGradient
+       id="linearGradient3632">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.54901963;"
+         offset="0"
+         id="stop3634" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop3636" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3600"
+       id="linearGradient3477"
+       gradientUnits="userSpaceOnUse"
+       x1="20.256382"
+       y1="2.546674"
+       x2="20.256382"
+       y2="46.881901" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3632"
+       id="linearGradient3479"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.0097425,0,0,2.0097425,409.81763,109.54288)"
+       x1="6.4826794"
+       y1="4.543263"
+       x2="25.363527"
+       y2="35.227882" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3600"
+       id="linearGradient3044"
+       gradientUnits="userSpaceOnUse"
+       x1="20.256382"
+       y1="2.546674"
+       x2="20.256382"
+       y2="46.881901" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3632"
+       id="linearGradient3046"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(2.0097425,0,0,2.0097425,409.81763,109.54288)"
+       x1="6.4826794"
+       y1="4.543263"
+       x2="25.363527"
+       y2="35.227882" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3632"
+       id="linearGradient3049"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.7939383,0,0,1.7939383,158.70201,126.18867)"
+       x1="6.4826794"
+       y1="4.543263"
+       x2="25.363527"
+       y2="35.227882" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3600"
+       id="linearGradient3821"
+       gradientUnits="userSpaceOnUse"
+       x1="20.256382"
+       y1="2.546674"
+       x2="20.256382"
+       y2="46.881901" />
+  </defs>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1027"
+     id="namedview3201"
+     showgrid="false"
+     inkscape:zoom="0.97092189"
+     inkscape:cx="429.85351"
+     inkscape:cy="136.90003"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg3115"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     showborder="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3207"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       originx="-1.5251133e-005px"
+       originy="-73.815693px" />
+  </sodipodi:namedview>
+  <g
+     id="g3023"
+     clip-path="url(#clipPath3074)"
+     transform="translate(-1.2200907e-5,0)">
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3119"
+       d="m 110.21,0 13.57,0 c 4.77,1.95 10,0.41 14.95,1.24 6.21,1.14 12.59,1.5 18.64,3.39 10.45,3.65 20.58,8.68 28.79,16.19 2.24,3.06 3.94,6.68 7.36,8.65 3.7,3.24 9.26,3.6 12.26,7.78 5.5,7.04 4.9,16.69 2.27,24.75 1.55,8.75 6.35,16.86 5.98,25.95 -0.25,5.83 0.88,11.94 -1.64,17.44 -2.5,10.05 -7.17,19.34 -11.15,28.86 -3.48,6.39 -6.27,13.33 -6.99,20.62 0.86,3.57 1.77,7.14 2.06,10.82 1.25,5.19 -0.13,10.76 2.28,15.71 2.59,10.2 10.45,18.09 12.54,28.48 4.23,10.37 6.15,21.5 8.87,32.32 l 0,18.55 c -0.48,0.4 -1.43,1.21 -1.9,1.61 -1.3,-0.31 -2.59,-0.61 -3.88,-0.92 -0.37,-7.07 0.2,-14.23 -1.49,-21.18 -3.52,-14.8 -7.21,-29.87 -14.84,-43.19 -3.28,-5.23 -5.67,-11.09 -6.69,-17.19 -0.32,-6 -0.81,-12.02 -2.23,-17.88 -2.58,-9.47 0.21,-19.49 4.5,-28.02 3.09,-5.39 4.81,-11.41 7.54,-16.97 3.14,-6.13 4.33,-12.97 6.58,-19.43 2.48,-10.7 -3.02,-20.62 -5.45,-30.73 -0.87,-5.8 0.79,-11.5 0.92,-17.26 -0.31,-1.99 -0.89,-3.95 -1.85,-5.72 -2.01,-4.57 -7.54,-5.1 -11.1,-7.97 C 186.37,33.64 184,29.92 181.5,26.46 176.39,20.44 168.91,17.39 161.97,14.04 156.86,11.82 151.67,9.53 146.09,8.9 140.74,8.18 135.44,6.91 130.01,7 c -6.3,0.17 -12.62,-1.96 -18.84,-0.08 -3.69,0.14 -7.42,0.22 -11,1.21 -11.42,3.05 -22.85,6.35 -33.54,11.47 -6.36,2.95 -13.65,5.13 -18.12,10.89 -3.65,4.21 -6.27,9.14 -9.54,13.62 3.43,-0.5 6.86,-1.01 10.32,-1.28 0.34,1.69 0.65,3.38 0.95,5.07 -1.61,0.77 -3.23,1.56 -4.9,2.21 -4.67,1.35 -9.51,0.61 -14.27,0.47 -3.85,0.44 -7.57,1.81 -11.05,3.46 -3.41,1.52 -4.42,5.88 -3.32,9.19 2.04,8.99 10.34,14.12 15.44,21.21 -0.07,1.74 -0.08,3.47 -0.31,5.2 -1.11,0.85 -2.42,1.39 -3.67,2.02 0.91,3.97 1.6,8 2.02,12.06 -0.03,3.44 -0.1,6.89 -0.16,10.34 0,7.44 -3.12,14.38 -4.28,21.65 -1.2,7.7 -2.02,15.49 -1.76,23.29 -0.06,6.27 0.65,12.7 -1.21,18.8 -1.94,5.98 -1.77,12.37 -3.58,18.38 -2.79,9.75 0.29,20.05 -2.14,29.85 -1.34,5.96 -3.01,11.86 -5.56,17.42 -2.56,5.71 -3.02,12.54 -7.57,17.2 C 2.63,260.05 1.3,259.53 0,258.96 l 0,-2.95 c 1,-3.04 1.82,-6.12 2.86,-9.15 2.36,-7.53 6.42,-14.53 7.59,-22.42 2.8,-8.52 0.98,-17.55 1.65,-26.32 0.83,-5.38 2.44,-10.64 2.94,-16.08 0.42,-4.49 2.2,-8.71 2.88,-13.15 0.25,-4.63 0.01,-9.26 0.08,-13.89 -0.35,-12.23 1.42,-24.43 4.83,-36.18 2.89,-9.28 0.3,-18.93 -1.5,-28.13 C 20.21,87.7 19.82,84.56 19.91,81.39 11.33,74.04 6.7,60.74 12.3,50.3 15.75,47.21 20.63,46.43 24.89,44.9 27.61,43.76 31.57,44.09 32.98,41 37.62,32.45 43.22,23.87 51.69,18.71 62.54,14.06 73.01,8.33 84.57,5.57 89.74,3.91 94.93,2.31 100.25,1.22 103.57,0.77 107.05,1.4 110.21,0 z" />
+    <path
+       style="fill:#c57a43"
+       inkscape:connector-curvature="0"
+       id="path3123"
+       d="m 111.17,6.92 c 6.22,-1.88 12.54,0.25 18.84,0.08 5.43,-0.09 10.73,1.18 16.08,1.9 5.58,0.63 10.77,2.92 15.88,5.14 6.94,3.35 14.42,6.4 19.53,12.42 2.5,3.46 4.87,7.18 8.61,9.44 3.56,2.87 9.09,3.4 11.1,7.97 -1.94,-1.25 -3.98,-2.35 -6.02,-3.42 1.31,5.18 3.52,10.07 6.29,14.64 0.53,-1.83 1.09,-3.66 1.58,-5.5 -0.13,5.76 -1.79,11.46 -0.92,17.26 -3.85,-2.45 -8.02,-4.42 -11.53,-7.37 -3.07,-2.47 -5.76,-5.36 -7.99,-8.61 -4.23,-0.2 -9.11,0.47 -11.38,4.55 -0.73,3.6 -0.39,7.6 1.52,10.79 1.69,2.69 4.84,3.6 7.61,4.73 3.04,2.22 5.96,4.62 9.32,6.34 2.63,1.56 6.09,2.82 6.97,6.1 0.72,3.11 1.34,7.37 -2.01,9.19 -5.82,-2.11 -10.98,-5.92 -17.25,-6.78 -0.17,-0.72 -0.51,-2.17 -0.68,-2.89 -2.53,0.38 -5.03,1.08 -7.6,0.97 -4.92,-0.51 -9.38,-2.93 -14.23,-3.73 -3.2,-0.33 -6.47,-0.43 -9.66,0.09 -2.63,0.82 -4.8,2.61 -7.35,3.61 -3.85,1.67 -8.14,1.09 -12.21,1.28 0.41,1.12 0.82,2.25 1.25,3.37 -0.34,0.33 -1.02,1 -1.36,1.33 -9.75,5.54 -20.3,12.31 -32.06,10.02 -1.6,-0.26 -3.21,-0.12 -4.78,0.18 -1.54,-1.01 -3.42,-1.82 -4.35,-3.5 -0.43,-2 -0.41,-4.06 -0.51,-6.09 4.58,-2.1 9.26,-4.16 13.27,-7.28 3.27,-2.55 5.82,-5.86 8.55,-8.96 3.72,-2.05 5.1,-6.82 4.04,-10.77 -1.62,-3.51 -4.58,-6.53 -8.13,-8.11 -4.56,-1.03 -9.72,-0.1 -13.4,2.88 -3.67,2.75 -8.07,4.44 -11.32,7.77 -2,1.39 -4.15,2.55 -6.32,3.65 -6.65,2.59 -13.1,6.68 -20.49,6.37 -4.7,-0.01 -10.39,-0.8 -13.46,3.68 l -0.46,0.49 c 3.4,-5.95 5.48,-12.52 8.33,-18.74 1.76,-3.53 1.55,-7.53 0.87,-11.3 1.67,-0.65 3.29,-1.44 4.9,-2.21 -0.3,-1.69 -0.61,-3.38 -0.95,-5.07 3.56,-4.89 5.71,-11.21 11.24,-14.31 4.42,-2.51 8.76,-5.15 13.04,-7.9 11.68,-6.69 25.45,-8.13 37.6,-13.7 z" />
+    <path
+       style="fill:#a36638"
+       inkscape:connector-curvature="0"
+       id="path3125"
+       d="m 100.17,8.13 c 3.58,-0.99 7.31,-1.07 11,-1.21 -12.15,5.57 -25.92,7.01 -37.6,13.7 -4.28,2.75 -8.62,5.39 -13.04,7.9 -5.53,3.1 -7.68,9.42 -11.24,14.31 -3.46,0.27 -6.89,0.78 -10.32,1.28 3.27,-4.48 5.89,-9.41 9.54,-13.62 4.47,-5.76 11.76,-7.94 18.12,-10.89 10.69,-5.12 22.12,-8.42 33.54,-11.47 z" />
+    <path
+       style="fill:#ffa6a5"
+       inkscape:connector-curvature="0"
+       id="path3127"
+       d="m 195.19,40.45 c 2.04,1.07 4.08,2.17 6.02,3.42 0.96,1.77 1.54,3.73 1.85,5.72 -0.49,1.84 -1.05,3.67 -1.58,5.5 -2.77,-4.57 -4.98,-9.46 -6.29,-14.64 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3129"
+       d="m 168.97,50.1 c 4.36,-2.1 8.5,-5.31 13.56,-5.25 -0.71,1.15 -1.18,2.62 -2.54,3.16 -3.64,1.78 -7.33,3.42 -10.89,5.35 -0.03,-0.81 -0.1,-2.44 -0.13,-3.26 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3131"
+       d="m 91.11,45.63 c 5.97,1.59 11.51,4.51 16.96,7.36 -0.05,0.86 -0.15,2.57 -0.2,3.42 -5.76,-2.19 -11.36,-4.77 -16.91,-7.44 0.04,-0.83 0.11,-2.51 0.15,-3.34 z" />
+    <path
+       style="fill:#a36638"
+       inkscape:connector-curvature="0"
+       id="path3133"
+       d="m 20.02,54.04 c 3.48,-1.65 7.2,-3.02 11.05,-3.46 4.76,0.14 9.6,0.88 14.27,-0.47 0.68,3.77 0.89,7.77 -0.87,11.3 -2.85,6.22 -4.93,12.79 -8.33,18.74 -1.29,1.47 -2.65,2.88 -4,4.29 -5.1,-7.09 -13.4,-12.22 -15.44,-21.21 -1.1,-3.31 -0.09,-7.67 3.32,-9.19 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3135"
+       d="m 171.24,55.42 c 2.27,-4.08 7.15,-4.75 11.38,-4.55 2.23,3.25 4.92,6.14 7.99,8.61 -3.62,3.66 -5.37,9.15 -10.24,11.46 -2.77,-1.13 -5.92,-2.04 -7.61,-4.73 -1.91,-3.19 -2.25,-7.19 -1.52,-10.79 z" />
+    <path
+       style="fill:#ffa6a5"
+       inkscape:connector-curvature="0"
+       id="path3137"
+       d="m 28.44,53.41 c 2.3,-0.76 5.31,-0.91 6.9,1.29 3.53,3.2 2.99,8.37 1.96,12.55 -0.74,3.36 -1.81,7.5 -5.67,8.41 -1.52,0.91 -2.8,-0.49 -3.98,-1.28 -4.84,-3.23 -6.94,-9.07 -8.4,-14.44 0.92,-3.99 5.97,-4.9 9.19,-6.53 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3139"
+       d="m 174.28,58.34 c 1.39,-1.82 3.18,-3.28 4.87,-4.83 1.71,2.12 3.26,4.36 4.73,6.66 -1.16,2.39 -2.3,4.79 -3.42,7.2 -3.05,-2.07 -6.44,-4.98 -6.18,-9.03 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3141"
+       d="m 88.19,58.19 c 3.68,-2.98 8.84,-3.91 13.4,-2.88 3.55,1.58 6.51,4.6 8.13,8.11 1.06,3.95 -0.32,8.72 -4.04,10.77 -3.61,1.02 -7.2,4 -11.07,2.29 -3.02,-0.6 -4.88,-3.23 -6.7,-5.46 -0.98,-1.94 -1.89,-3.9 -2.86,-5.84 -2.58,1.22 -5.47,2.53 -8.18,0.78 3.25,-3.33 7.65,-5.02 11.32,-7.77 z" />
+    <path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path3143"
+       d="m 179.14,56.38 c 1.17,-0.64 2.57,1.25 1.72,2.24 -1.16,0.64 -2.57,-1.27 -1.72,-2.24 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3145"
+       d="m 96.39,58.3 c 2.98,-0.93 5.39,2.09 7.43,3.85 2.44,1.85 3.53,6.38 0.35,8.03 -2.57,1.5 -5.62,3.61 -8.71,2.53 -2.47,-1.6 -4.5,-4 -5.46,-6.8 0.34,-3.55 2.87,-6.74 6.39,-7.61 z" />
+    <path
+       style="fill:#fbca92"
+       inkscape:connector-curvature="0"
+       id="path3147"
+       d="m 190.61,59.48 c 3.51,2.95 7.68,4.92 11.53,7.37 2.43,10.11 7.93,20.03 5.45,30.73 -2.25,6.46 -3.44,13.3 -6.58,19.43 -2.73,5.56 -4.45,11.58 -7.54,16.97 -3.25,0.8 -6.77,1.84 -8.69,4.82 -4.24,6.04 -6.43,13.23 -10.23,19.54 -4.03,-0.55 -7.51,2.03 -11.32,2.85 -5.01,1.18 -9.96,3.05 -15.18,2.84 -6.62,-0.14 -13.36,0.57 -19.82,-1.25 -9.8,-2.83 -19.22,-7.22 -29.4,-8.61 C 87.86,153 76.85,149 68.9,141.14 c -1.53,-2.15 -2.59,-4.75 -5.15,-5.91 0.35,1.97 0.8,3.92 1.45,5.81 -8.8,-4.59 -17.44,-9.71 -24.66,-16.59 -3.11,-2.99 -4.88,-7 -6.58,-10.88 -0.09,-0.39 -0.26,-1.15 -0.35,-1.53 0.73,-6.33 1.86,-12.66 1.3,-19.06 -0.39,-4.5 -0.11,-9.12 1.69,-13.32 3.07,-4.48 8.76,-3.69 13.46,-3.68 7.39,0.31 13.84,-3.78 20.49,-6.37 5.71,1.73 11.87,-1.47 17.36,1.41 1.82,2.23 3.68,4.86 6.7,5.46 3.87,1.71 7.46,-1.27 11.07,-2.29 -2.73,3.1 -5.28,6.41 -8.55,8.96 -4.01,3.12 -8.69,5.18 -13.27,7.28 0.1,2.03 0.08,4.09 0.51,6.09 0.93,1.68 2.81,2.49 4.35,3.5 -0.64,1.63 -1.39,3.22 -1.82,4.92 -1.17,6.18 -1.87,12.81 0.29,18.84 1.73,4.86 6.79,7.05 11.23,8.8 7.08,2.63 13.75,6.2 20.58,9.39 0.74,0.49 1.49,0.98 2.24,1.46 1.46,4.75 4.11,9.27 8.39,11.98 4.66,3.38 10.74,2.93 16.14,2.24 5.41,-0.79 11.09,-1.45 15.81,-4.45 2.54,-2.83 2.27,-6.8 3.43,-10.21 0.81,-2.47 1.19,-5.05 1.77,-7.57 1.28,-2.51 3.39,-4.44 5.86,-5.75 4.04,-2.21 7.83,-4.83 11.52,-7.58 3.1,-2.22 6.98,-3.5 9.49,-6.43 2.71,-4.84 4.77,-11.05 2.06,-16.34 -0.61,-2.2 -0.87,-4.48 -1.06,-6.75 3.35,-1.82 2.73,-6.08 2.01,-9.19 -0.88,-3.28 -4.34,-4.54 -6.97,-6.1 -3.36,-1.72 -6.28,-4.12 -9.32,-6.34 4.87,-2.31 6.62,-7.8 10.24,-11.46 z" />
+    <path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path3149"
+       d="m 99.07,61.42 c 1.21,-0.52 3.03,1.3 2.51,2.5 -1.31,0.65 -3.15,-1.19 -2.51,-2.5 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3151"
+       d="m 76.87,65.96 c 2.71,1.75 5.6,0.44 8.18,-0.78 0.97,1.94 1.88,3.9 2.86,5.84 -5.49,-2.88 -11.65,0.32 -17.36,-1.41 2.17,-1.1 4.32,-2.26 6.32,-3.65 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3153"
+       d="m 36.14,80.15 0.46,-0.49 c -1.8,4.2 -2.08,8.82 -1.69,13.32 0.56,6.4 -0.57,12.73 -1.3,19.06 -1.04,-2.82 -2.38,-5.51 -3.43,-8.32 -0.42,-4.06 -1.11,-8.09 -2.02,-12.06 1.25,-0.63 2.56,-1.17 3.67,-2.02 0.23,-1.73 0.24,-3.46 0.31,-5.2 1.35,-1.41 2.71,-2.82 4,-4.29 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3155"
+       d="m 137.88,83.84 c 2.55,-1 4.72,-2.79 7.35,-3.61 3.19,-0.52 6.46,-0.42 9.66,-0.09 4.85,0.8 9.31,3.22 14.23,3.73 2.57,0.11 5.07,-0.59 7.6,-0.97 0.17,0.72 0.51,2.17 0.68,2.89 -1.14,0.52 -2.3,1 -3.47,1.44 -4.81,0.08 -9.69,-0.34 -14.25,-1.97 -3.41,-1.03 -6.86,-2.78 -10.52,-2.19 -2.74,0.65 -5.08,2.29 -7.64,3.39 -4.57,2.12 -9.74,1.46 -14.6,2.03 -0.43,-1.12 -0.84,-2.25 -1.25,-3.37 4.07,-0.19 8.36,0.39 12.21,-1.28 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3157"
+       d="m 141.52,86.46 c 2.56,-1.1 4.9,-2.74 7.64,-3.39 3.66,-0.59 7.11,1.16 10.52,2.19 4.56,1.63 9.44,2.05 14.25,1.97 -0.47,0.91 -0.93,1.82 -1.39,2.74 -0.55,-0.66 -1.1,-1.32 -1.66,-1.98 -1.73,3.47 -4.48,6.25 -8.18,7.57 2.35,-2.29 4.81,-4.6 5.93,-7.78 -2.52,0.59 -5.26,0.85 -7.43,2.38 -1.52,1.34 -1.96,3.44 -2.75,5.22 1,0.31 3,0.93 4.01,1.25 -4.46,1.54 -9.05,3.56 -13.88,2.86 -6.26,-0.8 -13.6,-1.3 -17.32,-7.25 3,1.81 5.94,3.72 9.11,5.21 -0.75,-2.08 -0.96,-4.6 -2.71,-6.15 -2.95,-2.17 -6.82,-1.97 -10.29,-1.69 -0.46,0.06 -1.36,0.16 -1.81,0.21 0.34,-0.33 1.02,-1 1.36,-1.33 4.86,-0.57 10.03,0.09 14.6,-2.03 z" />
+    <path
+       style="fill:#f7dab7"
+       inkscape:connector-curvature="0"
+       id="path3159"
+       d="m 173.93,87.23 c 1.17,-0.44 2.33,-0.92 3.47,-1.44 6.27,0.86 11.43,4.67 17.25,6.78 0.19,2.27 0.45,4.55 1.06,6.75 -3.02,1.47 -0.11,4.86 -1.04,7.28 -1.18,3.68 -2.49,7.99 -6.29,9.76 -2.94,1.6 -5.74,4.19 -9.34,3.7 -8.84,-0.76 -17.1,-5.04 -26.04,-5.18 1.42,-4.13 1.38,-8.64 0.03,-12.78 5.84,-1.12 11.2,-3.71 16.17,-6.89 1.69,-1.3 2.34,-3.45 3.34,-5.24 0.46,-0.92 0.92,-1.83 1.39,-2.74 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3161"
+       d="m 161.2,90.16 c 2.17,-1.53 4.91,-1.79 7.43,-2.38 -1.12,3.18 -3.58,5.49 -5.93,7.78 3.7,-1.32 6.45,-4.1 8.18,-7.57 0.56,0.66 1.11,1.32 1.66,1.98 -1,1.79 -1.65,3.94 -3.34,5.24 -4.97,3.18 -10.33,5.77 -16.17,6.89 1.35,4.14 1.39,8.65 -0.03,12.78 8.94,0.14 17.2,4.42 26.04,5.18 3.6,0.49 6.4,-2.1 9.34,-3.7 3.8,-1.77 5.11,-6.08 6.29,-9.76 0.93,-2.42 -1.98,-5.81 1.04,-7.28 2.71,5.29 0.65,11.5 -2.06,16.34 -2.51,2.93 -6.39,4.21 -9.49,6.43 -6.47,0.46 -12.81,-0.8 -19.04,-2.4 0.86,3.53 1.06,7.18 0.36,10.76 -0.53,1.8 0.59,3.41 1.3,4.97 -0.58,2.52 -0.96,5.1 -1.77,7.57 -1.16,3.41 -0.89,7.38 -3.43,10.21 -6.47,-0.26 -12.96,-0.43 -19.42,0.01 -3.87,0.63 -7.79,0.91 -11.71,0.84 -1.6,-4.64 -4.55,-8.72 -9.21,-10.62 -0.75,-0.48 -1.5,-0.97 -2.24,-1.46 -3.15,-4.66 -4.69,-10.23 -5.25,-15.79 -5.01,-0.36 -10.06,-1.31 -14.72,-3.22 -6.43,-3.64 -13.15,-9.9 -12.13,-18.02 0.43,-1.7 1.18,-3.29 1.82,-4.92 1.57,-0.3 3.18,-0.44 4.78,-0.18 -2.03,2.38 -5.62,5.15 -4.22,8.71 4.07,9.92 15.07,15.74 25.53,15.36 6.88,-1.08 13.81,-2.2 20.31,-4.79 4.73,-1.93 9.91,-2.4 14.6,-4.39 3.16,-3.35 2.39,-8.5 1.16,-12.55 -5.6,-1.1 -11.35,-1.57 -16.82,-3.26 -4.25,-1 -4.65,-6.14 -6.69,-9.31 3.47,-0.28 7.34,-0.48 10.29,1.69 1.75,1.55 1.96,4.07 2.71,6.15 -3.17,-1.49 -6.11,-3.4 -9.11,-5.21 3.72,5.95 11.06,6.45 17.32,7.25 4.83,0.7 9.42,-1.32 13.88,-2.86 -1.01,-0.32 -3.01,-0.94 -4.01,-1.25 0.79,-1.78 1.23,-3.88 2.75,-5.22 z" />
+    <path
+       style="fill:#f7dab7"
+       inkscape:connector-curvature="0"
+       id="path3163"
+       d="m 93.5,99.84 c 11.76,2.29 22.31,-4.48 32.06,-10.02 0.45,-0.05 1.35,-0.15 1.81,-0.21 2.04,3.17 2.44,8.31 6.69,9.31 5.47,1.69 11.22,2.16 16.82,3.26 1.23,4.05 2,9.2 -1.16,12.55 -4.69,1.99 -9.87,2.46 -14.6,4.39 -6.5,2.59 -13.43,3.71 -20.31,4.79 -10.46,0.38 -21.46,-5.44 -25.53,-15.36 -1.4,-3.56 2.19,-6.33 4.22,-8.71 z" />
+    <path
+       style="fill:#a36638"
+       inkscape:connector-curvature="0"
+       id="path3165"
+       d="m 30.18,103.72 c 1.05,2.81 2.39,5.5 3.43,8.32 0.09,0.38 0.26,1.14 0.35,1.53 -2.1,11.46 0.12,23.27 -2.78,34.62 -2.58,10.82 -3.51,21.93 -5,32.93 -0.82,6.92 -3.71,13.61 -3.02,20.68 0.99,10.32 1.03,20.71 0.46,31.05 -0.87,12.15 -5.74,23.48 -10.94,34.33 -3.33,-1.56 -6.2,-3.91 -8.76,-6.53 4.55,-4.66 5.01,-11.49 7.57,-17.2 2.55,-5.56 4.22,-11.46 5.56,-17.42 2.43,-9.8 -0.65,-20.1 2.14,-29.85 1.81,-6.01 1.64,-12.4 3.58,-18.38 1.86,-6.1 1.15,-12.53 1.21,-18.8 -0.26,-7.8 0.56,-15.59 1.76,-23.29 1.16,-7.27 4.28,-14.21 4.28,-21.65 0.06,-3.45 0.13,-6.9 0.16,-10.34 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3167"
+       d="m 87.19,123.78 c -2.16,-6.03 -1.46,-12.66 -0.29,-18.84 -1.02,8.12 5.7,14.38 12.13,18.02 4.66,1.91 9.71,2.86 14.72,3.22 0.56,5.56 2.1,11.13 5.25,15.79 -6.83,-3.19 -13.5,-6.76 -20.58,-9.39 -4.44,-1.75 -9.5,-3.94 -11.23,-8.8 z" />
+    <path
+       style="fill:#c57a43"
+       inkscape:connector-curvature="0"
+       id="path3169"
+       d="m 33.96,113.57 c 1.7,3.88 3.47,7.89 6.58,10.88 7.22,6.88 15.86,12 24.66,16.59 0.92,0.96 1.81,1.95 2.7,2.94 3.98,8.25 10.34,16.19 19.69,18.36 l 0.69,0.2 c -4.56,10.72 -7.29,22.08 -10.56,33.23 -1.87,6.12 -1.71,12.6 -3.07,18.82 -1.73,8.11 1.27,16.26 0.28,24.42 -0.96,7.61 -2.44,15.17 -4.37,22.6 -6.74,1.99 -13.88,1.79 -20.74,3.21 -6.1,0.71 -11.55,4.26 -17.77,4.22 -6.49,0.12 -13.14,0.33 -19.37,-1.86 5.2,-10.85 10.07,-22.18 10.94,-34.33 0.57,-10.34 0.53,-20.73 -0.46,-31.05 -0.69,-7.07 2.2,-13.76 3.02,-20.68 1.49,-11 2.42,-22.11 5,-32.93 2.9,-11.35 0.68,-23.16 2.78,-34.62 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3171"
+       d="m 143.95,119.06 c 3.55,-1 7.15,-2.41 10.91,-1.97 2.92,0.36 5.73,1.27 8.55,2.08 0.35,2.89 1.27,5.69 1.54,8.59 -0.94,1.42 -2.59,2.15 -3.9,3.17 -1.21,-1.84 -2.38,-3.7 -3.53,-5.57 -5.65,1.52 -9.19,-3.85 -13.57,-6.3 z" />
+    <path
+       style="fill:#ed5673"
+       inkscape:connector-curvature="0"
+       id="path3173"
+       d="m 138.64,120.59 c 3.43,-1.47 7.35,0.49 9.63,3.14 1.73,1.54 2.96,3.7 4.99,4.87 l 0.62,0.35 c 1.18,1.99 2.36,4.02 3.04,6.25 0.36,2.1 -0.57,4.13 -0.96,6.17 -5.33,0.28 -10.61,1.08 -15.89,1.76 -2.25,-4.7 -4.13,-9.56 -6.46,-14.23 -1.14,1.12 -2.28,2.23 -3.43,3.34 -1.98,-2.05 -4.26,-3.76 -6.61,-5.37 -0.23,-0.48 -0.69,-1.44 -0.93,-1.92 5.44,-1.04 10.78,-2.5 16,-4.36 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3175"
+       d="m 165.12,119.69 c 6.23,1.6 12.57,2.86 19.04,2.4 -3.69,2.75 -7.48,5.37 -11.52,7.58 -2.47,1.31 -4.58,3.24 -5.86,5.75 -0.71,-1.56 -1.83,-3.17 -1.3,-4.97 0.7,-3.58 0.5,-7.23 -0.36,-10.76 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3177"
+       d="m 136.83,123.63 c 3.3,1.3 4.64,4.72 5.4,7.93 -2.34,-2.24 -3.68,-5.24 -5.4,-7.93 z" />
+    <path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path3179"
+       d="m 115.63,126.4 c 2.32,-0.59 4.59,-1.44 7.01,-1.45 0.24,0.48 0.7,1.44 0.93,1.92 0.62,2.05 2.05,3.7 4.09,4.42 -0.59,1.63 -0.69,3.37 -0.74,5.08 1.38,-2.58 4.29,-3.41 6.71,-4.71 0.57,5.08 3.92,9.48 3.38,14.67 1.08,-0.95 2.14,-1.91 3.24,-2.84 0.41,0.92 0.81,1.85 1.21,2.79 0.28,-1.62 1.41,-2.56 3.02,-2.61 0.32,0.76 0.97,2.27 1.29,3.03 0.15,-1.05 0.45,-3.15 0.6,-4.2 1.13,0.78 2.21,1.64 3.25,2.54 0.31,-1.43 1.19,-2.27 2.64,-2.53 -0.39,1.37 -0.77,2.74 -1.17,4.1 2.11,-0.74 2.11,-3.2 3.09,-4.89 0.82,1.31 1.66,2.62 2.59,3.86 0.2,-1.74 0.13,-3.51 0.49,-5.23 1.51,-3.32 4.68,-5.47 6.31,-8.74 2.76,3.57 0.05,7.37 -0.92,11.04 -0.59,1.59 -0.68,3.78 -2.59,4.41 -2.04,1.32 -4.54,0.74 -6.8,1.15 -4.64,1.43 -9.54,0.57 -14.31,0.82 -3.06,0.34 -6.79,-0.99 -7.83,-4.14 -0.49,-1.94 -2.03,-3.3 -3.11,-4.91 -3.58,-5.11 -11.48,-6.6 -12.38,-13.58 z" />
+    <path
+       style="fill:#ffffff"
+       inkscape:connector-curvature="0"
+       id="path3181"
+       d="m 153.19,127.25 c 1.41,0.47 2.51,-0.36 3.52,-1.27 0.54,2.63 2.22,4.71 4.15,6.48 -0.61,0.99 -1.16,2.01 -1.82,2.97 -1.81,-2.1 -2.27,-5.42 -5.16,-6.48 l -0.62,-0.35 c -0.02,-0.34 -0.05,-1.01 -0.07,-1.35 z" />
+    <path
+       style="fill:#c57a43"
+       inkscape:connector-curvature="0"
+       id="path3183"
+       d="m 184.78,138.8 c 1.92,-2.98 5.44,-4.02 8.69,-4.82 -4.29,8.53 -7.08,18.55 -4.5,28.02 1.42,5.86 1.91,11.88 2.23,17.88 1.02,6.1 3.41,11.96 6.69,17.19 7.63,13.32 11.32,28.39 14.84,43.19 1.69,6.95 1.12,14.11 1.49,21.18 1.29,0.31 2.58,0.61 3.88,0.92 -4.9,4.57 -12.01,3.68 -18.15,3.68 -7.24,0.01 -14.17,-2.23 -21.01,-4.34 0.4,-6.66 2,-13.44 0.38,-20.06 -2.97,-11.55 -6.68,-22.9 -9.38,-34.53 -3.04,-12.98 -8.23,-25.71 -8.02,-39.24 0.01,-1.28 0.03,-2.55 0.06,-3.83 4.3,-1.47 9.76,-1.68 12.57,-5.7 3.8,-6.31 5.99,-13.5 10.23,-19.54 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3185"
+       d="m 116.62,134.84 c 5.59,2.46 9.96,6.96 12.89,12.25 -5.12,-3.01 -11.08,-6.1 -12.89,-12.25 z" />
+    <path
+       style="fill:#000000"
+       inkscape:connector-curvature="0"
+       id="path3187"
+       d="m 63.75,135.23 c 2.56,1.16 3.62,3.76 5.15,5.91 7.95,7.86 18.96,11.86 29.93,13.03 10.18,1.39 19.6,5.78 29.4,8.61 6.46,1.82 13.2,1.11 19.82,1.25 5.22,0.21 10.17,-1.66 15.18,-2.84 3.81,-0.82 7.29,-3.4 11.32,-2.85 -2.81,4.02 -8.27,4.23 -12.57,5.7 -8.4,2.92 -17.32,1.77 -26.03,1.99 -10.32,0.08 -19.47,-5.33 -29.28,-7.73 -5.34,-1.82 -11.04,-1.97 -16.49,-3.34 -8.17,-1.89 -16.17,-5.05 -22.28,-10.98 -0.89,-0.99 -1.78,-1.98 -2.7,-2.94 -0.65,-1.89 -1.1,-3.84 -1.45,-5.81 z" />
+    <path
+       style="fill:#a36638"
+       inkscape:connector-curvature="0"
+       id="path3189"
+       d="m 67.9,143.98 c 6.11,5.93 14.11,9.09 22.28,10.98 -0.83,2.47 -1.68,4.93 -2.59,7.38 -9.35,-2.17 -15.71,-10.11 -19.69,-18.36 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3191"
+       d="m 121.24,143.43 c 4.66,1.9 7.61,5.98 9.21,10.62 3.92,0.07 7.84,-0.21 11.71,-0.84 6.46,-0.44 12.95,-0.27 19.42,-0.01 -4.72,3 -10.4,3.66 -15.81,4.45 -5.4,0.69 -11.48,1.14 -16.14,-2.24 -4.28,-2.71 -6.93,-7.23 -8.39,-11.98 z" />
+    <path
+       style="fill:#4d4d4d"
+       inkscape:connector-curvature="0"
+       id="path3193"
+       d="m 129.62,149.23 c 5.49,2.43 11.57,1.83 17.4,1.84 5.29,0 10.46,-1.2 15.72,-1.61 -2.32,3.77 -7.09,2.34 -10.76,2.51 -7,-0.49 -13.91,0.87 -20.88,1.1 -0.5,-1.28 -0.99,-2.56 -1.48,-3.84 z" />
+    <path
+       style="fill:#d4aa7b"
+       inkscape:connector-curvature="0"
+       id="path3195"
+       d="m 90.18,154.96 c 5.45,1.37 11.15,1.52 16.49,3.34 9.81,2.4 18.96,7.81 29.28,7.73 8.71,-0.22 17.63,0.93 26.03,-1.99 -0.03,1.28 -0.05,2.55 -0.06,3.83 -6.36,2.34 -12.5,5.44 -19.19,6.74 -7.45,1.36 -14.58,-1.82 -21.62,-3.72 -10.9,-2.96 -21.88,-5.59 -32.83,-8.35 l -0.69,-0.2 c 0.91,-2.45 1.76,-4.91 2.59,-7.38 z" />
+    <path
+       style="fill:#fbca92"
+       inkscape:connector-curvature="0"
+       id="path3197"
+       d="m 88.28,162.54 c 10.95,2.76 21.93,5.39 32.83,8.35 7.04,1.9 14.17,5.08 21.62,3.72 6.69,-1.3 12.83,-4.4 19.19,-6.74 -0.21,13.53 4.98,26.26 8.02,39.24 2.7,11.63 6.41,22.98 9.38,34.53 1.62,6.62 0.02,13.4 -0.38,20.06 -1.74,1.69 -3.4,3.5 -5.47,4.8 -2.53,1.49 -5.58,1.49 -8.42,1.58 -26.7,-0.16 -53.4,-0.05 -80.1,-0.06 -5.5,0.13 -10.96,-2.03 -14.39,-6.41 1.93,-7.43 3.41,-14.99 4.37,-22.6 0.99,-8.16 -2.01,-16.31 -0.28,-24.42 1.36,-6.22 1.2,-12.7 3.07,-18.82 3.27,-11.15 6,-22.51 10.56,-33.23 z" />
+  </g>
+  <g
+     id="g3823"
+     transform="translate(-1.2200907e-5,0)">
+    <path
+       sodipodi:type="star"
+       style="fill:#000000;fill-opacity:0.2869955;stroke:none;filter:url(#filter3731)"
+       id="path3124"
+       sodipodi:sides="3"
+       sodipodi:cx="13.857143"
+       sodipodi:cy="24.714287"
+       sodipodi:r1="25.596954"
+       sodipodi:r2="12.798477"
+       sodipodi:arg1="0"
+       sodipodi:arg2="1.0471976"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 39.454098,24.714287 20.256381,35.798093 1.0586662,46.8819 l 0,-22.167614 0,-22.1676119 19.1977168,11.0838069 z"
+       transform="matrix(1.8904177,0,0,1.8904177,165.1895,123.30667)" />
+    <path
+       sodipodi:type="star"
+       style="fill:url(#linearGradient3821);fill-opacity:1;stroke:#185f7c;stroke-width:1.05477989;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       id="path3126"
+       sodipodi:sides="3"
+       sodipodi:cx="13.857143"
+       sodipodi:cy="24.714287"
+       sodipodi:r1="25.596954"
+       sodipodi:r2="12.798477"
+       sodipodi:arg1="0"
+       sodipodi:arg2="1.0471976"
+       inkscape:flatsided="false"
+       inkscape:rounded="0"
+       inkscape:randomized="0"
+       d="M 39.454098,24.714287 20.256381,35.798093 1.0586662,46.8819 l 0,-22.167614 0,-22.1676119 19.1977168,11.0838069 z"
+       transform="matrix(1.7004495,0,0,1.7004495,167.71794,127.82984)" />
+    <path
+       inkscape:connector-curvature="0"
+       style="fill:none;stroke:url(#linearGradient3049);stroke-width:1.79360008;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+       d="m 171.2285,203.57673 0,-68.34076 59.03289,34.08267"
+       id="path3128"
+       sodipodi:nodetypes="ccc" />
+  </g>
+  <g
+     style="font-size:114.62683868px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:125%;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:start;fill:#1fb2b0;fill-opacity:1;stroke:none;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+     id="text6129"
+     transform="translate(0,17.600001)">
+    <path
+       d="m 298.2175,84.375519 6.3806,-52.164167 15.27984,0 -14.44029,99.738778 z m -28.26492,47.574611 -14.49626,0 -14.55224,-99.738778 15.27985,0 6.32462,52.108196 z m -4.58955,-47.686552 7.94776,-52.052226 14.0485,0 7.89179,52.164167 7.44403,47.574611 -12.9291,0 -9.34701,-70.186546 -8.50746,64.757446 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4147"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 352.06077,133.79715 c -4.44032,-0.11194 -8.23696,-1.02612 -11.38992,-2.74254 -3.153,-1.71641 -5.73695,-3.9832 -7.75186,-6.80037 -2.01494,-2.81715 -3.49814,-6.07275 -4.44963,-9.76679 -0.9515,-3.69401 -1.42724,-7.61191 -1.42724,-11.75373 l 0,-41.194017 c 0,-4.216342 0.45709,-8.18089 1.37127,-11.893654 0.91417,-3.712599 2.37872,-6.977521 4.39366,-9.794774 2.01491,-2.817068 4.60819,-5.0652 7.77985,-6.744401 3.17162,-1.679004 6.99624,-2.574525 11.47387,-2.686567 l 0,14.888057 c -1.75376,0.223967 -3.15301,0.876951 -4.19776,1.958954 -1.0448,1.082173 -1.83771,2.39747 -2.37873,3.945895 -0.54106,1.548586 -0.88621,3.199704 -1.03544,4.953357 -0.14928,1.753805 -0.22391,3.395594 -0.22388,4.925372 l 0,42.089538 c -3e-5,1.52988 0.0933,3.17167 0.27985,4.92538 0.18654,1.75375 0.55967,3.39554 1.1194,4.92537 0.55968,1.52987 1.35258,2.84516 2.37873,3.94589 1.02609,1.10076 2.3787,1.76308 4.05783,1.98694 z m 2.79851,-14.94403 c 1.56713,-0.29849 2.84511,-1.00745 3.83396,-2.12686 0.98876,-1.11939 1.75369,-2.43469 2.29477,-3.9459 0.54101,-1.51117 0.90481,-3.11565 1.09142,-4.81343 0.18653,-1.69773 0.27981,-3.29288 0.27985,-4.78545 l 0,-42.089538 c -4e-5,-1.492465 -0.084,-3.106269 -0.25187,-4.841417 -0.16795,-1.734997 -0.5131,-3.358129 -1.03544,-4.869402 -0.52243,-1.511111 -1.27803,-2.81708 -2.26679,-3.917909 -0.98885,-1.100661 -2.30414,-1.800287 -3.9459,-2.09888 l 0,-14.888056 c 4.40295,0.186668 8.15294,1.128831 11.25,2.826491 3.09696,1.697858 5.63428,3.94599 7.61194,6.744402 1.97755,2.798596 3.42345,6.035532 4.33768,9.710818 0.91412,3.675451 1.37121,7.602685 1.37127,11.781714 l 0,41.194017 c -6e-5,4.06719 -0.4758,7.92913 -1.42724,11.58582 -0.95155,3.65673 -2.43475,6.88434 -4.44962,9.68283 -2.01498,2.79852 -4.57095,5.06531 -7.66791,6.80038 -3.09706,1.73507 -6.77243,2.71455 -11.02612,2.93843 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4149"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 411.613,72.229999 2.85447,0 c 1.97758,6e-5 3.60072,-0.391731 4.86941,-1.175373 1.26862,-0.78352 2.26675,-1.846952 2.9944,-3.190298 0.72757,-1.343217 1.2313,-2.91038 1.51119,-4.701491 0.27981,-1.790974 0.41974,-3.6753 0.41978,-5.652984 -4e-5,-2.910369 -0.27056,-5.233128 -0.81157,-6.968282 -0.54108,-1.734991 -1.32466,-3.068944 -2.35075,-4.001864 -1.02615,-0.93275 -2.28548,-1.548421 -3.77798,-1.847015 -1.49257,-0.29842 -3.20898,-0.447673 -5.14925,-0.447761 l -0.5597,0 0,-12.033579 0.22388,0 c 4.29101,1e-4 8.21824,0.419875 11.78171,1.259328 3.56339,0.83965 6.60443,2.24823 9.12313,4.225745 2.51861,1.977704 4.47756,4.608298 5.87687,7.891789 1.3992,3.283665 2.09882,7.369481 2.09888,12.25746 -6e-5,5.074695 -1.17543,9.197824 -3.52612,12.3694 -2.3508,3.1717 -5.89557,5.59707 -10.63433,7.276118 3.05966,0.820949 5.65294,2.042962 7.77985,3.666044 2.12682,1.623183 3.85256,3.526166 5.17724,5.708954 1.32457,2.182878 2.27606,4.59892 2.85448,7.248132 0.5783,2.649289 0.86748,5.429136 0.86753,8.339548 -5e-5,4.81346 -0.53177,9.04853 -1.59515,12.70522 -1.06348,3.65673 -2.72393,6.73509 -4.98134,9.23508 -2.25751,2.5 -5.13997,4.38433 -8.64738,5.65298 -3.50751,1.26866 -7.70526,1.90298 -12.59328,1.90298 l -3.80597,0 0,-12.64925 2.12686,0 c 2.64922,2e-5 4.77609,-0.38245 6.3806,-1.14738 1.60444,-0.76491 2.84511,-1.90297 3.72201,-3.41418 0.87683,-1.51118 1.45518,-3.38618 1.73508,-5.625 0.27981,-2.23878 0.41973,-4.81341 0.41977,-7.72388 -4e-5,-2.462653 -0.18661,-4.757426 -0.5597,-6.884327 -0.37317,-2.126825 -1.01683,-3.96451 -1.93097,-5.513058 -0.91422,-1.548463 -2.16421,-2.761148 -3.75,-3.638059 -1.58585,-0.876818 -3.57279,-1.31525 -5.96082,-1.315298 l -2.18283,0 z m -20.48507,59.720131 0,-99.738778 17.68656,0 0,99.738778 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4151"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 509.05701,32.267322 0,50.932824 -14.72015,48.749984 -9.51492,0 -14.72015,-48.749984 0,-50.932824 1.00747,0 18.47014,74.552218 18.30224,-74.552218 z m -55.46641,99.682808 0,-99.738778 13.71269,0 0,99.738778 z m 58.26492,0 0,-99.738778 13.71268,0 0,99.738778 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4153"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 537.93759,115.94268 16.39925,0 0,16.00745 -16.39925,0 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4155"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 594.63535,119.97253 c 1.79101,-0.26119 3.22758,-0.95148 4.3097,-2.0709 1.08205,-1.11939 1.91228,-2.51864 2.49067,-4.19776 0.57832,-1.67908 0.97011,-3.53543 1.17538,-5.56903 0.20518,-2.03355 0.30779,-4.07646 0.30783,-6.12873 l 0,-9.514922 17.29477,0 0,7.667912 c -0.0747,4.32838 -0.51311,8.4795 -1.31529,12.45335 -0.8023,3.9739 -2.17357,7.50001 -4.11381,10.57836 -1.94035,3.07836 -4.54296,5.56903 -7.80783,7.47201 -3.26497,1.90299 -7.37877,2.94776 -12.34142,3.13433 z m 0,-89.608193 c 4.73877,0.186669 8.74063,1.128832 12.0056,2.826492 3.26487,1.697858 5.90479,3.992631 7.91977,6.884327 2.01487,2.891879 3.46076,6.296726 4.33769,10.21455 0.8768,3.917987 1.31523,8.153056 1.31529,12.705221 l 0,7.611938 -17.35074,0 0,-8.507461 c -4e-5,-1.977539 -0.0933,-3.973805 -0.27985,-5.988804 -0.18661,-2.014847 -0.56907,-3.86186 -1.14739,-5.541044 -0.57839,-1.679021 -1.40862,-3.087601 -2.49067,-4.225745 -1.08212,-1.137973 -2.51869,-1.837599 -4.3097,-2.09888 z m -2.7985,13.824624 c -1.90302,0.223968 -3.4422,0.848967 -4.61754,1.874999 -1.1754,1.026204 -2.09891,2.304188 -2.77052,3.833955 -0.67167,1.529931 -1.11943,3.199705 -1.34329,5.009327 -0.2239,1.809776 -0.33584,3.610147 -0.33582,5.401118 l 0,43.60074 c -2e-5,1.79107 0.11192,3.59144 0.33582,5.40111 0.22386,1.80973 0.67162,3.4795 1.34329,5.00933 0.67161,1.52987 1.59512,2.80785 2.77052,3.83396 1.17534,1.02613 2.71452,1.65113 4.61754,1.875 l 0,13.76865 c -5.14928,-0.14926 -9.43099,-1.16605 -12.84515,-3.05037 -3.41419,-1.88433 -6.15673,-4.36567 -8.22761,-7.44403 -2.0709,-3.07835 -3.53545,-6.6511 -4.39366,-10.71828 -0.85821,-4.06714 -1.28731,-8.3955 -1.28731,-12.985074 l 0,-34.925365 c 0,-4.664106 0.4291,-9.048429 1.28731,-13.152982 0.85821,-4.104392 2.32276,-7.695806 4.39366,-10.774251 2.07088,-3.078264 4.82274,-5.531619 8.25559,-7.360073 3.43282,-1.828258 7.7052,-2.835719 12.81717,-3.022388 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4157"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 656.48236,44.188961 c -1.90302,0.223968 -3.45152,0.848967 -4.64552,1.874999 -1.19406,1.026204 -2.13622,2.304188 -2.8265,3.833955 -0.69032,1.529931 -1.15674,3.199705 -1.39925,5.009327 -0.24256,1.809776 -0.36383,3.610147 -0.36381,5.401118 l 0,43.65671 c -2e-5,1.79107 0.12125,3.59144 0.36381,5.40111 0.24251,1.80973 0.6996,3.47017 1.37127,4.98135 0.67161,1.51121 1.61378,2.77986 2.82649,3.80597 1.21266,1.02613 2.77049,1.65113 4.67351,1.875 l 0,13.76865 c -5.11197,-0.14926 -9.38435,-1.13806 -12.81716,-2.96642 -3.43286,-1.82835 -6.19405,-4.26305 -8.28358,-7.3041 -2.08957,-3.04103 -3.5821,-6.57648 -4.47762,-10.60634 -0.89552,-4.02983 -1.34328,-8.33952 -1.34328,-12.929103 l 0,-35.317156 c 0,-4.664106 0.43843,-9.048429 1.3153,-13.152982 0.87686,-4.104392 2.36006,-7.695806 4.44963,-10.774251 2.08953,-3.078264 4.86005,-5.531619 8.31156,-7.360073 3.45147,-1.828258 7.73318,-2.835719 12.84515,-3.022388 z m 2.7985,-13.824624 c 5.1119,0.186669 9.39361,1.19413 12.84515,3.022388 3.45144,1.828454 6.23129,4.281809 8.33955,7.360073 2.10815,3.078445 3.61001,6.66053 4.5056,10.746266 0.89546,4.085896 1.34322,8.479547 1.34328,13.180967 l 0,34.925365 c -6e-5,4.589574 -0.44782,8.917934 -1.34328,12.985074 -0.89559,4.06718 -2.38812,7.63993 -4.47762,10.71828 -2.0896,3.07836 -4.86012,5.5597 -8.31156,7.44403 -3.45154,1.88432 -7.7519,2.90111 -12.90112,3.05037 l 0,-13.76865 c 1.94026,-0.22387 3.51676,-0.83954 4.72948,-1.84702 1.21265,-1.00745 2.15481,-2.26677 2.82649,-3.77798 0.6716,-1.51118 1.12869,-3.18095 1.37127,-5.00933 0.24249,-1.82833 0.36376,-3.63803 0.36381,-5.4291 l 0,-43.65671 c -5e-5,-1.790971 -0.12132,-3.60067 -0.36381,-5.429103 -0.24258,-1.828279 -0.709,-3.498053 -1.39925,-5.009327 -0.69034,-1.51111 -1.64183,-2.779766 -2.85448,-3.80597 -1.21272,-1.026032 -2.77056,-1.651031 -4.67351,-1.874999 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4159"
+       inkscape:connector-curvature="0" />
+    <path
+       d="m 753.53456,32.267322 0,50.932824 -14.72014,48.749984 -9.51493,0 -14.72014,-48.749984 0,-50.932824 1.00746,0 18.47015,74.552218 18.30223,-74.552218 z m -55.4664,99.682808 0,-99.738778 13.71268,0 0,99.738778 z m 58.26491,0 0,-99.738778 13.71268,0 0,99.738778 z"
+       style="fill:#1fb2b0;font-family:Oswald Stencil;-inkscape-font-specification:Oswald Stencil Bold"
+       id="path4161"
+       inkscape:connector-curvature="0" />
+  </g>
+</svg>
--- a/public/njum/css/cstms.css
+++ b/public/njum/css/cstms.css
@@ -1003,4 +1003,38 @@ div#collapseComments {
 div#categories {
    display: grid;
    grid-template-columns: 1fr 1fr;
+}
+
+a.badge.video-rating.sfw {
+    background: #282828;
+    color: #04da04;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    font-family: "Oswald",sans-serif;
+    text-transform: uppercase;
+    font-weight: 100;
+}
+
+a.badge.video-rating.nsfw {
+    background: #282828;
+    color: #ff1515;
+        border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    font-family: "Oswald",sans-serif;
+    text-transform: uppercase;
+    font-weight: 100;
+}
+
+a.badge.video-id {
+    background: #282828;
+    color: white;
+    font-family: monospace;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.grid-menu {
+    display: grid;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-template-rows: 1fr;
 }
--- a/public/nojs/custom.css
+++ b/public/nojs/custom.css
@@ -0,0 +1,76 @@
+.sidebar {
+    display: flex;
+    flex-direction: column;
+    margin-bottom: 0;
+    height: calc(100vh - 50px);
+}
+
+.commentwrapper.comments {
+    flex-grow: 1;
+    overflow-y: scroll;
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+div#sticky {
+    padding-left: 15px;
+    padding-right: 15px;
+}
+
+.panel-footer {
+    text-align: left;
+    font-size: 8px;
+    padding-left: 15px;
+}
+
+p.comment {
+    margin: 0;
+    padding: 10px;
+    border-bottom: 1px solid grey;
+    word-break: break-word;
+}
+
+.col-md.p-0 {
+    padding: 10px !important;
+}
+
+.nojsleleks {
+    display: flex;
+    align-items: baseline;
+    overflow-y: auto;
+    padding: 15px;
+}
+
+/*[[scope]]*/  ::-webkit-scrollbar,
+/*[[scope]]*/::-webkit-scrollbar-corner,
+/*[[scope]]*/::-webkit-scrollbar-track-piece
+  {
+    background: /*[[background]]*/!important;
+  }
+
+/*[[scope]]*/  ::-webkit-scrollbar
+  {
+    width: 17px !important;
+    height: 17px !important;
+  }
+
+/*[[scope]]*/  ::-webkit-scrollbar-thumb
+  {
+    background: /*[[scrollbar]]*/;
+  border: /*[[border-width]]*/ solid /*[[background]]*/ !important;
+    border-radius: /*[[border-radius]]*/!important;
+  }
+
+/*[[scope]]*/  ::-webkit-scrollbar-thumb:hover
+  {
+    background: /*[[scrollbar-hover]]*/;
+  }
+
+  .nocommentjs {
+    padding: 10px;
+    margin: 5px;
+}
+
+.col-sm.p-0.sidebar {
+    padding: 15px !important;
+}
--- a/public/shoop.png
+++ b/public/shoop.png
--- a/public/z0mb/css/z0mb.css
+++ b/public/z0mb/css/z0mb.css
@@ -79,4 +79,203 @@ img.comment_emoji {

 .card.panel-default {
    margin-top: 5px;
+}
+
+a.nav-link.video-id, a.nav-link.video-rating.sfw, a.nav-link.video-rating.nsfw {
+    padding: 0;
+}
+
+li.nav-item.rating-box {
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    flex-flow: column;
+}
+
+a.nav-link.video-rating.sfw {
+    color: #08fb08;
+}
+
+a.nav-link.video-rating.nsfw {
+    color: #e81224;
+}
+
+/* dropdownie */
+.dropdownie {
+  position: relative;
+  display: inline-block;
+}
+
+.dropdownie > input[type="checkbox"] {
+  position: absolute;
+  left: -100vw;
+}
+
+.dropdownie > label,
+.dropdownie > a[role="button"] {
+  display: inline-block;
+cursor: pointer;
+}
+
+.dropdownie > label:hover,
+.dropdownie > a[role="button"]:hover,
+.dropdownie > a[role="button"]:focus {
+  border-color: #333;
+}
+
+.dropdownie > ul {
+    position: absolute;
+    z-index: 999;
+    display: block;
+    left: -100vw;
+    top: calc(1.5em + 14px);
+    border: 1px solid #8c8c8c;
+    background: black;
+    padding: unset;
+    margin: 0;
+    list-style: none;
+    width: 100%;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    box-shadow: 0 3px 8px rgba(0,0,0,.15);
+    text-align: left;
+}
+
+.dropdownie > ul a {
+  display: block;
+  padding: 6px 15px;
+  text-decoration: none;
+  color: white;
+}
+
+.dropdownie > ul a:hover,
+.dropdownie > ul a:focus {
+  background: #999999;;
+}
+
+.dropdownie > input[type="checkbox"]:checked ~ ul, .dropdownie > ul:target {
+    left: 0;
+    max-width: 250px;
+    width: auto;
+    min-width: 85px;
+}
+
+.dropdownie a.close {
+  display: none;
+}
+
+.dropdownie > ul:target ~ a.close {
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 100%;
+  text-indent: -100vw;
+  z-index: 1000;
+}
+
+label.nav-link {
+    font-size: 10px;
+    font-weight: bold;
+}
+
+a.nav-link.layout1, a.nav-link.layout2, a.nav-link.layout3 {
+    padding-left: 5px !important;
+}
+
+a.nav-link.layout1:after, a.nav-link.layout2:after, a.nav-link.layout3:after {
+    content: "JS";
+    font-size: 8px;
+    position: relative;
+    color: #efa700;
+    top: -7px;
+}
+
+/* 2nd dropdown */
+/* Dropdown */
+
+.dropdown {
+  display: inline-block;
+  position: relative;
+}
+
+.dd-button {
+  display: inline-block;
+  border-radius: 4px;
+  padding: 10px 30px 10px 20px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.dd-button:after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  right: 15px;
+  transform: translateY(-50%);
+  width: 0; 
+  height: 0; 
+  border-left: 5px solid transparent;
+  border-right: 5px solid transparent;
+  border-top: 5px solid black;
+}
+
+ul.dd-menu {
+    background: black;
+    border: 1px solid grey;
+}
+
+.dd-input {
+  display: none;
+}
+
+ul.dd-menu > li:hover {
+    background: #999999;
+}
+
+.dd-menu {
+  position: absolute;
+  top: 100%;
+  border-radius: 4px;
+  padding: 0;
+  margin: 2px 0 0 0;
+  box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
+  list-style-type: none;
+}
+
+.dd-input + .dd-menu {
+  display: none;
+} 
+
+.dd-input:checked + .dd-menu {
+  display: block;
+} 
+
+.dd-menu li {
+  padding: 10px 20px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.dd-menu li:hover {
+}
+
+.dd-menu li a {
+  display: block;
+  margin: -10px -20px;
+  padding: 10px 20px;
+}
+
+.dd-menu li.divider{
+  padding: 0;
+  border-bottom: 1px solid #cccccc;
+}
+
+ul.navbar-nav.mr-auto {
+    flex-direction: row;
+    align-items: flex-end;
 }