w0bm/Gw0bm
4
0
Fork 0
Code Pull Requests Activity

server ver - adding lazy loading to emoji images in atmos layout

Browse Source
This commit is contained in:
jkhsjdhjs
2021-07-11 09:16:14 +00:00
parent 8a13824fd0
commit 576669d9ee
17 changed files with 1462 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/Http/Controllers/tmp/test.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 240 KiB

After

Width:  |  Height:  |  Size: 88 KiB

5
public/njum/css/cstms.css vendored
View File

@@ -1683,6 +1683,11 @@ div.comment_header {
font-size: 1.6rem; font-size: 1.6rem;
} }
span.laz0r {
font-size: 1.6rem;
font-weight: bold;
}
@-webkit-keyframes shoop { @-webkit-keyframes shoop {
0% { top: 16px } 0% { top: 16px }
2% { top: 17px } 2% { top: 17px }

1383
public/z0mb/js/blahscript.js Normal file
View File

File diff suppressed because it is too large Load Diff

2
resources/views/layout1/partials/commentform.blade.php
View File

@@ -26,7 +26,7 @@
?> ?>
@foreach ($files as $file) @foreach ($files as $file)
<a class="w0bm_emoji_anchor" title=":{{$file['filename']}}:" href="javascript:;" onclick="formatTextEmoji ('{{$file['filename']}}');"><img class="comment_emoji_small" src="//w0bm.com/images/comments/{{$file['basename']}}"></a> <a class="w0bm_emoji_anchor" title=":{{$file['filename']}}:" href="javascript:;" onclick="formatTextEmoji ('{{$file['filename']}}');"><img class="comment_emoji_small" loading="lazy" src="//w0bm.com/images/comments/{{$file['basename']}}"></a>
@endforeach @endforeach
</div> </div>
</div> </div>

4
resources/views/layout1/partials/comments.blade.php
View File

@@ -11,9 +11,9 @@
</a> </a>
@endif @endif
</div>--> </div>-->
<div id="nutti"> {{-- <div id="nutti">
<p>Please check out the overhauled <a href="https://w0bm.com/api/user/layout?layout=2">Njum</a> Layout and give me some feedback!</p> <p>Please check out the overhauled <a href="https://w0bm.com/api/user/layout?layout=2">Njum</a> Layout and give me some feedback!</p>
</div> </div> --}}
@if(Auth::check()) @if(Auth::check())
@if($video->id == '30186') @if($video->id == '30186')
@include('partials.thread_closed') @include('partials.thread_closed')

2
resources/views/layout2/categories.blade.php
View File

@@ -1,6 +1,6 @@
@extends('profilelayout') @extends('profilelayout')
@section('novidcontent') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3>Categories</h3> <h3>Categories</h3>
</div> </div>
<div class="" id="categories"> <div class="" id="categories">

22
resources/views/layout2/contact.blade.php
View File

@@ -1,6 +1,6 @@
@extends('profilelayout') @extends('profilelayout')
@section('content') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3>Professional Support</h3> <h3>Professional Support</h3>
</div> </div>
<div class="box"> <div class="box">
@@ -9,21 +9,7 @@
<ul> <ul>
<li>Contact via IRC: <a href="https://webirc.n0xy.net/?join=%23w0bm">#w0bm on n0xy.net</a></li> <li>Contact via IRC: <a href="https://webirc.n0xy.net/?join=%23w0bm">#w0bm on n0xy.net</a></li>
</ul> </ul>
<p><span>Need something? Let's talk then!</span></p>
<p>Email: <a href="mailto:admin@w0bm.com">admin [ät] w0bm [dotto] com</a>
<div class="wrap-collabsible">
<input id="collapsible" class="toggle" type="checkbox">
<label for="collapsible" class="lbl-toggle">More Info & Email Contact</label>
<div class="collapsible-content">
<div class="content-inner">
<p>
<span>Need something? Let's talk then!</span>
</p>
<p>Email: <a href="mailto:admin@w0bm.com">admin [ät] w0bm [dotto] com</a>
</div>
</div>
</div> </div>
</div>
@include('footer')
@endsection @endsection

2
resources/views/layout2/help.blade.php
View File

@@ -1,6 +1,6 @@
@extends('layout') @extends('layout')
@section('content') @section('content')
<div class="page-header"> <div class="page-header p-2">
<h2></h2> <h2></h2>
</div> </div>
@endsection @endsection

2
resources/views/layout2/index.blade.php
View File

@@ -1,6 +1,6 @@
@extends('profilelayout') @extends('profilelayout')
@section('novidcontent') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3 id="index">Index</h3> <h3 id="index">Index</h3>
<form method="get" class="d-block d-sm-none"> <form method="get" class="d-block d-sm-none">

4
resources/views/layout2/irc.blade.php
View File

@@ -1,9 +1,9 @@
@extends('profilelayout') @extends('profilelayout')
@section('novidcontent') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3>IRC/[matrix]</h3> <h3>IRC/[matrix]</h3>
</div> </div>
<div class="irc-matrix-info"> <div class="box irc-matrix-info">
<h5>IRC</h5> <h5>IRC</h5>
<h6>irc.n0xy.net +6697 (ssl only) #w0bm</h6> <h6>irc.n0xy.net +6697 (ssl only) #w0bm</h6>
<p><a href="https://webirc.n0xy.net/?join=%23w0bm" target="about_blank">webirc.n0xy.net</a></p> <p><a href="https://webirc.n0xy.net/?join=%23w0bm" target="about_blank">webirc.n0xy.net</a></p>

2
resources/views/layout2/partials/commentform.blade.php
View File

@@ -28,7 +28,7 @@
$files = array_map(function ($f) { return pathinfo($f); }, $files); $files = array_map(function ($f) { return pathinfo($f); }, $files);
?> ?>
@foreach ($files as $file) @foreach ($files as $file)
<a class="w0bm_emoji_anchor" title=":{{$file['filename']}}:" href="javascript:;" onclick="formatTextEmoji ('{{$file['filename']}}');"><img class="comment_emoji_small" src="//w0bm.com/images/comments/{{$file['basename']}}"></a> <a class="w0bm_emoji_anchor" title=":{{$file['filename']}}:" href="javascript:;" onclick="formatTextEmoji ('{{$file['filename']}}');"><img class="comment_emoji_small" src="//w0bm.com/images/comments/{{$file['basename']}}" loading="lazy"></a>
@endforeach @endforeach
</div> </div>
</div> </div>

2
resources/views/layout2/rulez.blade.php
View File

@@ -1,6 +1,6 @@
@extends('profilelayout') @extends('profilelayout')
@section('novidcontent') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3>Rulez</h3> <h3>Rulez</h3>
</div> </div>
<div class="box"> <div class="box">

2
resources/views/layout2/stats.blade.php
View File

@@ -1,6 +1,6 @@
@extends('profilelayout') @extends('profilelayout')
@section('novidcontent') @section('novidcontent')
<div class="page-header"> <div class="page-header p-2">
<h3>Stats</h3> <h3>Stats</h3>
</div> </div>
<div class="box"> <div class="box">

26
resources/views/layout2/video-partials/video-details.blade.php Normal file
View File

@@ -0,0 +1,26 @@
<div class="details bg-dark sticky-top">
@if (!empty($__env->yieldContent('novidcontent')))
{{-- nix --}}
@else
@endif
@if(Auth::check())
<div class="details_user">
@if(Auth::user()->messagesRecv()->unread()->count() < 1)
<span class="nomsg">|</span> <span><a href="{{url('messages')}}">[{{Auth::user()->messagesRecv()->unread()->count()}}]</a></span>@else
<span class="yesmg">|</span> <span><a href="{{url('messages')}}">[{{Auth::user()->messagesRecv()->unread()->count()}}]</a></span>@endif</span>
<a href="{{url('user', Auth::user()->username)}}">{{Auth::user()->username}}</a>
<a href="{{url('user', Auth::user()->username)}}/favs"><span class=""><i class="fa fa-heart"></i></span></a>
<a href="#" data-toggle="modal" data-target="#filterselectmodal">Filter</a>
<a href="{{url('upload')}}">Upload</a>
<a class="logout" href="{{url('logout')}}">Logout</a>
</div>
@else
{{-- nix --}}
@endif
@if($video->videotitle)
<div class="videoTitle">
{{$video->videotitle}}
</div>
@endif
</div>

3
resources/views/layout3/layout.blade.php
View File

@@ -80,10 +80,9 @@
</div> </div>
</body> </body>
<script type="text/javascript" defer src="/z0mb/js/jquery.min.js"></script> <script type="text/javascript" defer src="/z0mb/js/jquery.min.js"></script>
<script type="text/javascript" defer src="/js/handlebars.js"></script>
<script type="text/javascript" defer src="/z0mb/js/jquery.timeago.js"></script> <script type="text/javascript" defer src="/z0mb/js/jquery.timeago.js"></script>
<script type="text/javascript" defer src="/z0mb/js/popper.min.js"></script> <script type="text/javascript" defer src="/z0mb/js/popper.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/bootstrap.min.js"></script> <script type="text/javascript" defer src="/z0mb/js/bootstrap.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/bootstrap-tagsinput.min.js"></script> <script type="text/javascript" defer src="/z0mb/js/bootstrap-tagsinput.min.js"></script>
<script type="text/javascript" defer src="/z0mb/js/newscript.js?v={{ filemtime("z0mb/js/newscript.js") }}"></script> <script type="text/javascript" defer src="/z0mb/js/blahscript.js?v={{ filemtime("z0mb/js/newscript.js") }}"></script>
</html> </html>

44
resources/views/layout3/partials/commentform.blade.php
View File

@@ -1,16 +1,34 @@
<div id="sticky"> <div id="sticky">
<div id="commentForm"> <div id="commentForm">
<form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post"> <form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post">
{!! csrf_field() !!} {!! csrf_field() !!}
<div class="comment-panel panel-default"> <div class="comment-panel panel-default">
<div class="comment-panel panel-body"> <div class="comment-panel panel-body">
{!! Form::textarea('comment', null, ['placeholder' => 'Write something useful', 'id' => 'cinput', 'class' => 'form-control bg-´dark text-light comment-entry-textarea', 'required' => 'required']) !!} {!! Form::textarea('comment', null, ['placeholder' => 'Write something...', 'id' => 'cinput', 'class' => 'form-control text-light comment-entry-textarea', 'required' => 'required']) !!}
</div> </div>
<div class="commentButton">
<div id="comment_tools" class="commentform-panel-footer"><button type="submit" class="btn btn-dark btn-sm">Post</button> <div class="commentButton">
</div> <div id="comment_tools" class="commentform-panel-footer">
<div class="commentToolsWrapper">
<button type="submit" class="btn btn-dark btn-sm" onclick="commentBotScroll()">Post</button>
<span class="emojiCollapser btn btn-dark btn-sm" data-toggle="collapse" href="#collapseEmojis" role="button" aria-expanded="false" aria-controls="collapseEmojis">🦦 Emoji Picker</span>
<div class="textModifiers btn btn-dark btn-sm">
<a class="rainbow" href="javascript:;" onclick="formatText ('rb');">[rb]</a>
<a class="reich" href="javascript:;" onclick="formatText ('reich');">[reich]</a>
<a class="krebs" href="javascript:;" onclick="formatText ('krebs');">[krebs]</a>
<a class="spoiler" href="javascript:;" onclick="formatText ('spoiler');">[spoiler]</a>
</div>
<span onclick="bottomArrow()" class="btn btn-dark btn-sm" style="cursor: pointer;"><i class="fa fa-arrow-down" aria-hidden="true"></i></span>
<a href="#" class="scrollToTop btn btn-dark btn-sm" style=""><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
</div>
<div class="collapse" id="collapseEmojis">
<div class="emojiWrapper emojis">
</div>
</div>
</div>
</div>
</div>
</form>
</div> </div>
</div>
</form>
</div>
</div> </div>