updating nojs layout
This commit is contained in:
noxy
Binary file not shown.
|
Before Width: | Height: | Size: 314 KiB After Width: | Height: | Size: 972 KiB |
17
public/css/w0bmcustom.css
vendored
17
public/css/w0bmcustom.css
vendored
@@ -4042,7 +4042,7 @@ repeating-radial-gradient(black, transparent 100px)
|
||||
}
|
||||
|
||||
/* fancy admin shizzle */
|
||||
.sirx {
|
||||
.Chatbot953 {
|
||||
color: #ff0099 !important;
|
||||
text-transform: uppercase;
|
||||
text-shadow: 1px 1px 2px #ff00c8, 0px -2px 0px black, 2px 0px #6eff00;
|
||||
@@ -4052,3 +4052,18 @@ repeating-radial-gradient(black, transparent 100px)
|
||||
font-size: 17px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.coronaids {
|
||||
border: 2px solid red;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
color: red;
|
||||
text-shadow: 1px 1px black;
|
||||
background: #1f2524b0;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.coronaids > p {
|
||||
margin: 0!important;
|
||||
}
|
||||
|
||||
2
public/njum/css/cstms.css
vendored
2
public/njum/css/cstms.css
vendored
@@ -983,7 +983,7 @@ li.safe-for-rating {
|
||||
@media (min-width: 1400px) {
|
||||
.container {
|
||||
max-width: 960px;
|
||||
}
|
||||
}12fr
|
||||
}
|
||||
|
||||
@media (min-width: 1200px) {
|
||||
|
||||
29
public/nojs/custom.css
vendored
29
public/nojs/custom.css
vendored
@@ -105,3 +105,32 @@ p.comment {
|
||||
margin: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
div#categories {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
align-self: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav.navbar.navbar-expand-lg.sticky-top.pl-3 {
|
||||
background: #171717;
|
||||
}
|
||||
|
||||
a.nav-link.faved {
|
||||
color: red;
|
||||
text-shadow: 0px 0px 8px red;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
a.nav-link.unfaved {
|
||||
color: #717171;
|
||||
transform: rotate(-90deg);
|
||||
}
|
||||
|
||||
a.nav-link.unfaved:hover {
|
||||
color: red;
|
||||
text-shadow: 0px 0px 8px red;
|
||||
opacity: 0.6;
|
||||
transition: .5s;
|
||||
}
|
||||
@@ -34,7 +34,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
{!!captcha_img('flat')!!} <input class="form-control" type="text" name="captcha" placeholder="Verify Captcha">
|
||||
{!!captcha_img('mini')!!} <input class="form-control" type="text" name="captcha" placeholder="Verify Captcha">
|
||||
</div>
|
||||
<div class="form-group terms">
|
||||
<div style="text-align: center;">
|
||||
|
||||
@@ -9,11 +9,11 @@
|
||||
</button>
|
||||
@if(Auth::check())
|
||||
<a class="navbar-brand" href="/main">
|
||||
<img src="{{ asset('logo.svg') }}" alt="w0bm.com">
|
||||
<img src="{{ asset('biohazard_otter.png') }}" alt="w0bm.com">
|
||||
</a>
|
||||
@else
|
||||
<a class="navbar-brand" href="/">
|
||||
<img src="{{ asset('logo.svg') }}" alt="w0bm.com">
|
||||
<img src="{{ asset('biohazard_otter.png') }}" alt="w0bm.com">
|
||||
</a>
|
||||
@endif
|
||||
|
||||
|
||||
@@ -1,5 +1,108 @@
|
||||
<?php
|
||||
$sfw = $video->tags->contains(function($key, $tag) {
|
||||
return $tag->normalized === 'sfw';
|
||||
});
|
||||
?>
|
||||
@extends('profilelayout')
|
||||
@section('novidcontent')
|
||||
<?php $comment = config('comments'); ?>
|
||||
<div class="page-header">
|
||||
<h3>About</h3>
|
||||
</div>
|
||||
<div class="box">
|
||||
<h4>What is w0bm.com?</h4>
|
||||
<ul>
|
||||
<li>w0bm.com is a collaborative, non-profit, modern WebM Archive</li>
|
||||
<li>We collect random videos from the internet.</li>
|
||||
<li>It's also about having fun and sharing nice videos</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4>Following shortcuts are available:</h4>
|
||||
<ul class="strong-colored">
|
||||
<li>Press: <strong>R</strong> for random</li>
|
||||
<li>Press: <strong>→</strong>, <strong>D</strong> or <strong>L</strong> for next</li>
|
||||
<li>Press: <strong>←</strong>, <strong>A</strong> or <strong>H</strong> for prev</li>
|
||||
<li>Press: <strong>↑</strong> or <strong>W</strong> for volume up</li>
|
||||
<li>Press: <strong>↓</strong> or <strong>S</strong> for volume down</li>
|
||||
<li>Press: <strong>F</strong> for fav</li>
|
||||
<li>Scroll with your mouse up and down to trigger next or prev</li>
|
||||
<li>Press: <strong>C</strong> to toggle the comment section</li>
|
||||
<li>Press: <strong>SPACE</strong> to pause/unpause the video</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4 class="filtersettings">Filter settings</h4>
|
||||
<p style="color:red;">Filter is now global and not logged in users will only see sfw videos</p>
|
||||
<p>You can also set your own custom filters by clicking on Filter and then inserting the tags you don't want to see while browsing.</p>
|
||||
<p>Example:</p>
|
||||
<div class="about-tags">
|
||||
<span class="tag label label-info">anime</span> <span class="tag label label-info">asians</span> <span class="tag label label-info">Crayon Pop</span> <span class="tag label label-info">gay</span>
|
||||
</div>
|
||||
<p>You will see that our videos are tagged with either <span class="label label-default" style="color:#23ff00">sfw</span> or <span class="label label-default" style="color:red">nsfw</span> these labels mean in nearly 99% of the case at least for uploads tagged with nsfw that they are nsfw, but the sfw tag isn't always sfw and you shouldn't think that we really care about this, there is probably a lot of content which is not tagged as nsfw but still is nsfw.</p>
|
||||
<p>Always take care and when you are not sure if you can browse w0bm at work, don't do it, we don't guarantee that everything is properly tagged and you will encounter something that can get you in trouble.</p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4 class="mods">Need one of our professionals?</h4>
|
||||
<p>Our Mods work 24/7/365 for free and are basically just here to delete your reposts</p>
|
||||
<p>Contact them if you need them:</p>
|
||||
<ul class="mötter">
|
||||
<li><a href="/user/belst">belst</a></li>
|
||||
<li><a href="/user/gz">gz</a></li>
|
||||
<li><a href="/user/Flummi">Flummi</a></li>
|
||||
<li><a href="/user/jkhsjdhjs">jkhsjdhjs</a></li>
|
||||
<li><a href="/user/Alucard">Alucard</a></li>
|
||||
<li><a href="/user/flinny">flinny</a></li>
|
||||
<li><a href="/user/milste">milste</a></li>
|
||||
</ul>
|
||||
<p>Mods can be contacted either via <code>@$modname</code> in the comments or via <a href="/irc">IRC</a></p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4 id="format">Comment formatting</h4>
|
||||
<ul>
|
||||
<li>>mfw w0bm is nice :3 will become: <span style="color:#80FF00;">>mfw w0bm is nice :3</span></li>
|
||||
<li>[reich]Pantsu Pantsu Pantsu[/reich] will become: <span class="reich">Pantsu Pantsu Pantsu</span></li>
|
||||
<li>[krebs]KREBS KREBS KREBS KREBS[/krebs] will become: <span class="anim">KREBS KREBS KREBS KREBS</span></li>
|
||||
<li>[rb]JA GEIL SCHNITZEL MHM JA!!!![/rb] will become: <span class="rainbow">JA GEIL SCHNITZEL MHM JA!!!!</span></li>
|
||||
<li>[spoiler]f0ck you![/spoiler] will become: <span class="spoiler">f0ck you!</span></li>
|
||||
<li>*gg* or _gg_ will become: <em>gg</em></li>
|
||||
<li>**gg** or __gg__ will become: <strong>gg</strong></li>
|
||||
<li>~~nope~~ will become: <del>nope</del></li>
|
||||
<li>`code` will become: <code>code</code></li>
|
||||
<li>--- will insert a line<hr>to seperate</li>
|
||||
</ul>
|
||||
<p>This cannot be stacked, don't do it.</p>
|
||||
<p>If you want to answer someone, simply use <code>^</code> as often as you need to point to the comment you want to answer to.</p>
|
||||
<p>If you want to ping someone directly in a comment use <code>@$user</code></p>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4>Allowed sources for image parsing in the comment section</h4>
|
||||
<p>Filetypes: {{ join(',', $comment['allowedImageFileExtensions']) }} - only secure https links will work!</p>
|
||||
<ul>
|
||||
@foreach(array_keys($comment['allowedHosters']) as $hoster)
|
||||
@if($hoster != '')
|
||||
<li><a href="https://{{$hoster}}">{{$hoster}}</a></li>
|
||||
@endif
|
||||
@endforeach
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="box">
|
||||
<h4>FAQ</h4>
|
||||
<p>Q: w0bm is laggy for me and I don't know why.</p>
|
||||
<p>A: It's mostly because of the background. It's very resource heavy and can cause lag on some computers, if you experience this, you should click the yellow circle on the video page to turn it off <i style="color:#fff200;" class="fa fa-adjust"></i></p>
|
||||
<p>Q: I don't know how to create WebMs</p>
|
||||
<p>A: Check out our <a href="/webm">WebM support</a> page and pick the solution you like the most!</p>
|
||||
<p>Q: Can you allow mp4s to be uploaded?</p>
|
||||
<p>A: Why do you think this website is called w0bm?</p>
|
||||
<p>Q: I want to give you guys some feedback and maybe some suggestions, where should I go?</p>
|
||||
<p>A: The best way to suggest something is by contacting us directly via <a href="/irc">IRC</a></p>
|
||||
</div>
|
||||
<div class="box">
|
||||
<h5>Disclaimer:</h5>
|
||||
<p>Content on this page must not necessarily reflect the actual views of the administration.</p>
|
||||
<p>Please note this, we try to be very open to any content, also content that is disturbing or otherwise unliked by most people, we do this for the sake of the freedom to shitpost even critical stuff, please check the filter settings if you get upset easily and filter out unwanted videos, thanks!</p>
|
||||
</div>
|
||||
|
||||
@endsection
|
||||
|
||||
|
||||
@@ -5,7 +5,7 @@
|
||||
</div>
|
||||
<div class="" id="categories">
|
||||
@foreach($categories as $category)
|
||||
<div id="category_box_{{$category->shortname}}" class="col-sm-6 col-md-4 category">
|
||||
<div id="category_box_{{$category->shortname}}" class="category">
|
||||
<div class="thumbnail">
|
||||
<img src="{{ asset('/images/cat/' . $category->shortname . '.webp') }}" alt="{{$category->name}}">
|
||||
<div class="caption">
|
||||
|
||||
@@ -14,10 +14,10 @@
|
||||
@if(auth()->check())
|
||||
@if(auth()->user()->hasFaved($video->id))
|
||||
<a class="nav-link" hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
|
||||
<a class="nav-link" href="{{url($video->id . '/fav')}}">❤️ </a>
|
||||
<a class="nav-link faved" href="{{url($video->id . '/fav')}}"><3</a>
|
||||
@else
|
||||
<a class="nav-link" hidden id="hidden-fav" href="{{url($video->id . '/fav')}}"></a>
|
||||
<a class="nav-link" href="{{url($video->id . '/fav')}}">🖤 </a>
|
||||
<a class="nav-link unfaved" href="{{url($video->id . '/fav')}}"><3</a>
|
||||
@endif
|
||||
@else
|
||||
@endif
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
@extends('profilelayout')
|
||||
@section('novidcontent')
|
||||
<div class="page-header">
|
||||
<h3 id="index">Index</h3>
|
||||
<h3 id="index">Index 45</h3>
|
||||
|
||||
<form method="get" class="d-block d-sm-none">
|
||||
<button type="submit" class="suchbutton"><i style="color:white;" class="fa fa-search"></i></button>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
@if(auth()->check() && auth()->user()->can('edit_user'))<span id="pannade"><a href="#" data-toggle="modal" data-target="#banmenumodal"><i style="color:red;" class=""></i>[ban user]</a></span>
|
||||
@endif
|
||||
</div>
|
||||
<span id="jointime">Joined: <time class="timeago" datetime="{{ $user->created_at }}+0000" title="{{ $user->created_at }}+0000" data-toggle="tooltip"></time></span>
|
||||
<span id="jointime">Joined: {{ $user->created_at }}</span>
|
||||
<div class="profile-info">
|
||||
<span id="count-upload"> <a href="/user/{{$user->username}}"> <i class="fa fa-cloud-upload"></i> {{ $user->uploads()->countScoped()->count() }} Uploads</a></span>
|
||||
|
||||
|
||||
@@ -6,15 +6,14 @@
|
||||
<meta name="_token" content="{{csrf_token()}}">
|
||||
<meta name="keywords" content="Random WebMs, WebMs, Internet Videos">
|
||||
<link rel="icon" href="/favicon.png">
|
||||
<title>w0bm.com - Categories</title>
|
||||
<title>w0bm.com</title>
|
||||
<link rel="stylesheet" type="text/css" href="/z0mb/css/bootstrap-dark.css?v={{ filemtime("z0mb/css/bootstrap-dark.css") }}">
|
||||
<link rel="stylesheet" type="text/css" href="/z0mb/css/cstms.css?v={{ filemtime("z0mb/css/cstms.css") }}">
|
||||
<link rel="stylesheet" type="text/css" href="/z0mb/css/z0mb.css?v={{ filemtime("z0mb/css/z0mb.css") }}">
|
||||
<link rel="stylesheet" type="text/css" href="/nojs/custom.css?v={{ filemtime("nojs/custom.css") }}">
|
||||
</head>
|
||||
<body>
|
||||
<div data-simplebar class="container-fluid">
|
||||
<div class="container">
|
||||
<div class="container-fluid">
|
||||
<nav class="navbar navbar-expand-lg sticky-top pl-3">
|
||||
<a class="navbar-brand" href="/">z0mb<zombie>ie</zombie></a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
||||
@@ -70,6 +69,5 @@
|
||||
@include('partials.flash')
|
||||
@yield('novidcontent')
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user