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

This commit is contained in:
2021-07-11 09:16:14 +00:00
parent 8a13824fd0
commit 576669d9ee
17 changed files with 1462 additions and 45 deletions

View File

@@ -26,7 +26,7 @@
?>
@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
</div>
</div>

View File

@@ -11,9 +11,9 @@
</a>
@endif
</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>
</div>
</div> --}}
@if(Auth::check())
@if($video->id == '30186')
@include('partials.thread_closed')

View File

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

View File

@@ -1,6 +1,6 @@
@extends('profilelayout')
@section('content')
<div class="page-header">
@section('novidcontent')
<div class="page-header p-2">
<h3>Professional Support</h3>
</div>
<div class="box">
@@ -9,21 +9,7 @@
<ul>
<li>Contact via IRC: <a href="https://webirc.n0xy.net/?join=%23w0bm">#w0bm on n0xy.net</a></li>
</ul>
<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>
<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>
@include('footer')
@endsection

View File

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

View File

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

View File

@@ -1,9 +1,9 @@
@extends('profilelayout')
@section('novidcontent')
<div class="page-header">
<div class="page-header p-2">
<h3>IRC/[matrix]</h3>
</div>
<div class="irc-matrix-info">
<div class="box irc-matrix-info">
<h5>IRC</h5>
<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>

View File

@@ -28,7 +28,7 @@
$files = array_map(function ($f) { return pathinfo($f); }, $files);
?>
@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
</div>
</div>

View File

@@ -74,4 +74,4 @@
</form>
</div>
@endif
</nav>
</nav>

View File

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

View File

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

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>

View File

@@ -80,10 +80,9 @@
</div>
</body>
<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/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-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>

View File

@@ -1,16 +1,34 @@
<div id="sticky">
<div id="commentForm">
<form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post">
{!! csrf_field() !!}
<div class="comment-panel panel-default">
<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']) !!}
</div>
<div class="commentButton">
<div id="comment_tools" class="commentform-panel-footer"><button type="submit" class="btn btn-dark btn-sm">Post</button>
</div>
<div id="commentForm">
<form action="{{action('CommentController@store', ['id' => $video->id])}}" method="post">
{!! csrf_field() !!}
<div class="comment-panel panel-default">
<div class="comment-panel panel-body">
{!! Form::textarea('comment', null, ['placeholder' => 'Write something...', 'id' => 'cinput', 'class' => 'form-control text-light comment-entry-textarea', 'required' => 'required']) !!}
</div>
<div class="commentButton">
<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>
</form>
</div>
</div>