mirror of
https://github.com/Derpy-Leggies/OnlyLegs.git
synced 2025-06-29 03:26:16 +00:00
Smelly smelly styling
This commit is contained in:
parent
4e7301b9de
commit
ef27955414
9 changed files with 32 additions and 63 deletions
|
@ -94,8 +94,10 @@ window.onload = function () {
|
|||
infoButton.classList.add('show');
|
||||
}
|
||||
infoButton.onclick = function () {
|
||||
popUpShow('OnlyLegs Gallery', 'Made by Fluffy with ❤️ <br>' +
|
||||
'<a href="https://github.com/Fluffy-Bean/onlylegs">Version: 23.03.23</a>');
|
||||
popUpShow('OnlyLegs Gallery',
|
||||
'Using <a href="https://phosphoricons.com/">Phosphoricons</a> and <a href="https://www.gent.media/manrope">Manrope</a> <br>' +
|
||||
'Made by Fluffy and others with ❤️ <br>' +
|
||||
'<a href="https://github.com/Fluffy-Bean/onlylegs">V23.03.23</a>');
|
||||
}
|
||||
};
|
||||
window.onscroll = function () {
|
||||
|
@ -108,10 +110,6 @@ window.onscroll = function () {
|
|||
} else {
|
||||
topOfPage.classList.remove('show');
|
||||
}
|
||||
topOfPage.onclick = function () {
|
||||
document.body.scrollTop = 0;
|
||||
document.documentElement.scrollTop = 0;
|
||||
}
|
||||
|
||||
// Info button
|
||||
let infoButton = document.querySelector('.info-button');
|
||||
|
@ -120,10 +118,6 @@ window.onscroll = function () {
|
|||
} else {
|
||||
infoButton.classList.add('show');
|
||||
}
|
||||
infoButton.onclick = function () {
|
||||
popUpShow('OnlyLegs Gallery', 'Made by Fluffy with ❤️ <br>' +
|
||||
'<a href="https://github.com/Fluffy-Bean/onlylegs">Version: 23.03.23</a>');
|
||||
}
|
||||
};
|
||||
window.onresize = function () {
|
||||
loadOnView();
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
function popUpShow(title, body, actions = '<button class="btn-block" onclick="popupDissmiss()">Close</button>', content = '') {
|
||||
function popUpShow(title, body, actions='<button class="btn-block" onclick="popupDissmiss()">Close</button>', content='') {
|
||||
// Stop scrolling
|
||||
document.querySelector("html").style.overflow = "hidden";
|
||||
|
||||
|
|
|
@ -1,7 +1,5 @@
|
|||
{% extends 'layout.html' %}
|
||||
|
||||
{% block nav_groups %}navigation-item__selected{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="banner">
|
||||
{% if images %}
|
||||
|
|
|
@ -1,12 +1,10 @@
|
|||
{% extends 'layout.html' %}
|
||||
|
||||
{% block nav_groups %}navigation-item__selected{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="banner">
|
||||
<div class="banner-content">
|
||||
<p>{{ config.WEBSITE.motto }}</p>
|
||||
<h1>Photo Groups</h1>
|
||||
<h1>Groups</h1>
|
||||
{% if groups|length == 0 %}
|
||||
<p>0 photo groups :<</p>
|
||||
{% elif groups|length == 69 %}
|
||||
|
@ -18,9 +16,9 @@
|
|||
</div>
|
||||
|
||||
<form action="/api/group/create" method="post" enctype="multipart/form-data">
|
||||
<input type="text" name="name" placeholder="name">
|
||||
<input type="text" name="description" placeholder="description">
|
||||
<button type="submit">Submit</button>
|
||||
<input class="input-block black" type="text" name="name" placeholder="name">
|
||||
<input class="input-block black" type="text" name="description" placeholder="description">
|
||||
<button class="btn-block black" type="submit">Submit</button>
|
||||
</form>
|
||||
|
||||
{% if groups %}
|
||||
|
|
|
@ -1,9 +1,9 @@
|
|||
@mixin btn-block($color)
|
||||
background-color: rgba($color, 0.1)
|
||||
background-color: rgba($color, 0)
|
||||
color: $color
|
||||
|
||||
&:hover
|
||||
background-color: rgba($color, 0.3)
|
||||
background-color: rgba($color, 0.2)
|
||||
color: $color
|
||||
|
||||
&:focus-visible
|
||||
|
@ -26,7 +26,7 @@
|
|||
font-weight: 600
|
||||
text-align: center
|
||||
|
||||
background-color: rgba($white, 0.1)
|
||||
background-color: rgba($white, 0)
|
||||
color: $white
|
||||
border: none
|
||||
border-radius: $rad-inner
|
||||
|
@ -36,7 +36,7 @@
|
|||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
|
||||
|
||||
&:hover
|
||||
background-color: rgba($white, 0.3)
|
||||
background-color: rgba($white, 0.2)
|
||||
|
||||
&:focus-visible
|
||||
outline: 2px solid rgba($white, 0.5)
|
||||
|
@ -56,6 +56,9 @@
|
|||
&.info
|
||||
@include btn-block($info)
|
||||
|
||||
&.black
|
||||
@include btn-block($black)
|
||||
|
||||
|
||||
.input-block
|
||||
padding: 0.5rem 1rem
|
||||
|
@ -77,47 +80,24 @@
|
|||
color: $white
|
||||
|
||||
border: none
|
||||
border-bottom: 3px solid $gray
|
||||
border-bottom: 3px solid rgba($white, 0.1)
|
||||
border-radius: $rad-inner
|
||||
|
||||
cursor: pointer
|
||||
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
|
||||
|
||||
&:not(:focus):not([value=""]):not(:placeholder-shown)
|
||||
border-color: $white
|
||||
border-color: rgba($white, 0.3)
|
||||
|
||||
&:hover
|
||||
border-color: $white
|
||||
border-color: rgba($white, 0.3)
|
||||
|
||||
&:focus
|
||||
border-color: $primary
|
||||
outline: none
|
||||
|
||||
&.file
|
||||
padding: 0 1rem 0 0
|
||||
border: none
|
||||
background-color: rgba($white, 0.1)
|
||||
|
||||
&:focus-visible
|
||||
outline: 2px solid rgba($white, 0.5)
|
||||
|
||||
&::file-selector-button
|
||||
margin-right: 1rem
|
||||
padding: 0.5rem 1rem
|
||||
|
||||
width: auto
|
||||
height: 100%
|
||||
|
||||
font-size: 1rem
|
||||
text-decoration: none
|
||||
|
||||
background-color: $white
|
||||
color: $black
|
||||
border: none
|
||||
border-radius: $rad-inner
|
||||
|
||||
&:not([value=""])
|
||||
display: none
|
||||
&.black
|
||||
@include btn-block($black)
|
||||
|
||||
.fileDrop-block
|
||||
padding: 1rem 1.25rem
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
|
||||
display: flex
|
||||
flex-direction: column
|
||||
gap: 1rem
|
||||
gap: 0.5rem
|
||||
|
||||
overflow-y: auto
|
||||
overflow-x: hidden
|
||||
|
@ -69,12 +69,11 @@
|
|||
position: sticky
|
||||
top: 0
|
||||
|
||||
font-size: 2.25rem
|
||||
font-weight: 700
|
||||
font-size: 1.5rem
|
||||
font-weight: 800
|
||||
text-align: center
|
||||
|
||||
color: $white
|
||||
background-color: $black
|
||||
|
||||
p
|
||||
margin: 0
|
||||
|
|
|
@ -28,6 +28,5 @@ build-backend = "poetry.core.masonry.api"
|
|||
|
||||
[tool.pylint.messages_control]
|
||||
# C0415: Flask uses it to register blueprints
|
||||
# W1401: Anomalous backslash in string used in __init__
|
||||
# W0718: Exception are logged so we don't need to raise them
|
||||
disable = "C0415, W1401, W0718"
|
||||
disable = "C0415, W0718"
|
||||
|
|
11
run.py
11
run.py
|
@ -7,16 +7,17 @@ from setup.configuration import Configuration
|
|||
|
||||
print("""
|
||||
___ _ _
|
||||
/ _ \ _ __ | |_ _| | ___ __ _ ___
|
||||
| | | | '_ \| | | | | | / _ \/ _` / __|
|
||||
| |_| | | | | | |_| | |__| __/ (_| \__ \
|
||||
\___/|_| |_|_|\__, |_____\___|\__, |___/
|
||||
/ _ \\ _ __ | |_ _| | ___ __ _ ___
|
||||
| | | | '_ \\| | | | | | / _ \\/ _` / __|
|
||||
| |_| | | | | | |_| | |__| __/ (_| \\__ \\
|
||||
\\___/|_| |_|_|\\__, |_____\\___|\\__, |___/
|
||||
|___/ |___/
|
||||
Created by Fluffy Bean - Version 23.03.23
|
||||
""")
|
||||
|
||||
|
||||
Configuration() # Run pre-checks
|
||||
# Run pre-startup checks and load configuration
|
||||
Configuration()
|
||||
|
||||
|
||||
if DEBUG:
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue