Bundle JS into a compact format

Run file checks on startup
Fix visual bugs in Sass
This commit is contained in:
Michał Gdula 2023-03-10 11:10:43 +00:00
parent e3a0eaf60b
commit e6d289ed64
16 changed files with 283 additions and 221 deletions

View file

@ -11,7 +11,8 @@
style="opacity:0; background-color:rgb({{ images.0.image_colours.0.0 }}, {{ images.0.image_colours.0.1 }}, {{ images.0.image_colours.0.2 }})"
/>
<span
style="background-image: linear-gradient(to right, rgb({{ images.0.image_colours.0.0 }}, {{ images.0.image_colours.0.1 }}, {{ images.0.image_colours.0.2 }}), transparent)"
class="banner-filter"
style="background: linear-gradient(to right, rgb({{ images.0.image_colours.0.0 }}, {{ images.0.image_colours.0.1 }}, {{ images.0.image_colours.0.2 }}), transparent)"
></span>
{% else %}
<img src="{{ url_for('static', filename='images/bg.svg') }}" onload="imgFade(this)" style="opacity:0;"/>
@ -39,7 +40,7 @@
<p></p>
<h2><span class="time">{{ image.created_at }}</span></h2>
</span>
<img data-src="{{ image.file_name }}" onload="imgFade(this)" style="opacity:0;"/>
<img data-src="{{ image.file_name }}" onload="imgFade(this)" style="opacity:0;" id="lazy-load"/>
</a>
{% endfor %}
</div>

View file

@ -5,7 +5,7 @@
{% block content %}
<div class="banner">
<img src="{{ url_for('static', filename='images/bg.svg') }}" onload="imgFade(this)" style="opacity:0;"/>
<span></span>
<span class="banner-filter"></span>
<div class="banner-content">
<p>{{ config.WEBSITE.motto }}</p>
@ -28,7 +28,7 @@
<h2>{{ group.name }}</h2>
</span>
{% if group.thumbnail %}
<img data-src="{{ group.thumbnail }}" onload="imgFade(this)" style="opacity:0;"/>
<img data-src="{{ group.thumbnail }}" onload="imgFade(this)" style="opacity:0;" id="lazy-load"/>
{% else %}
<img src="{{ url_for('static', filename='images/error.png') }}" onload="imgFade(this)" style="opacity:0;"/>
{% endif %}

View file

@ -5,7 +5,7 @@
{% block content %}
<div class="banner">
<img src="{{ url_for('static', filename='images/bg.svg') }}" onload="imgFade(this)" style="opacity:0;"/>
<span></span>
<span class="banner-filter"></span>
<div class="banner-content">
<p>{{ config.WEBSITE.motto }}</p>
@ -22,7 +22,7 @@
<p></p>
<h2><span class="time">{{ image.created_at }}</span></h2>
</span>
<img data-src="{{ image.file_name }}" onload="imgFade(this)" style="opacity:0;"/>
<img data-src="{{ image.file_name }}" onload="imgFade(this)" style="opacity:0;" id="lazy-load"/>
</a>
{% endfor %}
</div>

View file

@ -7,15 +7,9 @@
<link rel="icon" href="{{url_for('static', filename='images/icon.png')}}">
<link rel="stylesheet" href="{{url_for('static', filename='theme/style.css')}}" defer>
<!-- Jquery for AJAX -->
<script src="{{url_for('static', filename='js/jquery-3.6.3.min.js')}}"></script>
<!-- Main Script -->
<script src="{{ url_for('static', filename='js/main.js') }}" defer></script>
<!-- UI -->
<script src="{{ url_for('static', filename='js/ui/popup.js') }}"></script>
<script src="{{ url_for('static', filename='js/ui/notifications.js') }}"></script>
{% assets "js_all" %}
<script type="text/javascript" src="{{ ASSET_URL }}"></script>
{% endassets %}
</head>
<body>
<div class="notifications"></div>