Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 03:26:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Smelly smelly styling

Browse source
This commit is contained in:
Michał Gdula 2023-03-23 22:22:52 +00:00
parent 4e7301b9de
commit ef27955414
9 changed files with 32 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

2
gallery/routes/routing.py
View file

@ -23,7 +23,7 @@ def index():
db.Posts.image_colours, db.Posts.image_colours,
db.Posts.created_at, db.Posts.created_at,
db.Posts.id).order_by(db.Posts.id.desc()).all() db.Posts.id).order_by(db.Posts.id.desc()).all()
if request.args.get('coffee') == 'please': if request.args.get('coffee') == 'please':
abort(418) abort(418)

14
gallery/static/js/main.js
View file

@ -94,8 +94,10 @@ window.onload = function () {
infoButton.classList.add('show'); infoButton.classList.add('show');
} }
infoButton.onclick = function () { infoButton.onclick = function () {
popUpShow('OnlyLegs Gallery', 'Made by Fluffy with ❤️ <br>' + popUpShow('OnlyLegs Gallery',
'<a href="https://github.com/Fluffy-Bean/onlylegs">Version: 23.03.23</a>'); '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 () { window.onscroll = function () {
@ -108,10 +110,6 @@ window.onscroll = function () {
} else { } else {
topOfPage.classList.remove('show'); topOfPage.classList.remove('show');
} }
topOfPage.onclick = function () {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
// Info button // Info button
let infoButton = document.querySelector('.info-button'); let infoButton = document.querySelector('.info-button');
@ -120,10 +118,6 @@ window.onscroll = function () {
} else { } else {
infoButton.classList.add('show'); 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 () { window.onresize = function () {
loadOnView(); loadOnView();

2
gallery/static/js/popup.js
View file

@ -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 // Stop scrolling
document.querySelector("html").style.overflow = "hidden"; document.querySelector("html").style.overflow = "hidden";

2
gallery/templates/groups/group.html
View file

@ -1,7 +1,5 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% block nav_groups %}navigation-item__selected{% endblock %} {% block nav_groups %}navigation-item__selected{% endblock %}
{% block content %} {% block content %}
<div class="banner"> <div class="banner">
{% if images %} {% if images %}

10
gallery/templates/groups/list.html
View file

@ -1,12 +1,10 @@
{% extends 'layout.html' %} {% extends 'layout.html' %}
{% block nav_groups %}navigation-item__selected{% endblock %} {% block nav_groups %}navigation-item__selected{% endblock %}
{% block content %} {% block content %}
<div class="banner"> <div class="banner">
<div class="banner-content"> <div class="banner-content">
<p>{{ config.WEBSITE.motto }}</p> <p>{{ config.WEBSITE.motto }}</p>
<h1>Photo Groups</h1> <h1>Groups</h1>
{% if groups|length == 0 %} {% if groups|length == 0 %}
<p>0 photo groups :<</p> <p>0 photo groups :<</p>
{% elif groups|length == 69 %} {% elif groups|length == 69 %}
@ -18,9 +16,9 @@
</div> </div>
<form action="/api/group/create" method="post" enctype="multipart/form-data"> <form action="/api/group/create" method="post" enctype="multipart/form-data">
<input type="text" name="name" placeholder="name"> <input class="input-block black" type="text" name="name" placeholder="name">
<input type="text" name="description" placeholder="description"> <input class="input-block black" type="text" name="description" placeholder="description">
<button type="submit">Submit</button> <button class="btn-block black" type="submit">Submit</button>
</form> </form>
{% if groups %} {% if groups %}

44
gallery/themes/default/components/buttons/block.sass
View file

@ -1,9 +1,9 @@
@mixin btn-block($color) @mixin btn-block($color)
background-color: rgba($color, 0.1) background-color: rgba($color, 0)
color: $color color: $color
&:hover &:hover
background-color: rgba($color, 0.3) background-color: rgba($color, 0.2)
color: $color color: $color
&:focus-visible &:focus-visible
@ -26,7 +26,7 @@
font-weight: 600 font-weight: 600
text-align: center text-align: center
background-color: rgba($white, 0.1) background-color: rgba($white, 0)
color: $white color: $white
border: none border: none
border-radius: $rad-inner border-radius: $rad-inner
@ -36,7 +36,7 @@
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:hover &:hover
background-color: rgba($white, 0.3) background-color: rgba($white, 0.2)
&:focus-visible &:focus-visible
outline: 2px solid rgba($white, 0.5) outline: 2px solid rgba($white, 0.5)
@ -56,6 +56,9 @@
&.info &.info
@include btn-block($info) @include btn-block($info)
&.black
@include btn-block($black)
.input-block .input-block
padding: 0.5rem 1rem padding: 0.5rem 1rem
@ -77,47 +80,24 @@
color: $white color: $white
border: none border: none
border-bottom: 3px solid $gray border-bottom: 3px solid rgba($white, 0.1)
border-radius: $rad-inner border-radius: $rad-inner
cursor: pointer cursor: pointer
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out
&:not(:focus):not([value=""]):not(:placeholder-shown) &:not(:focus):not([value=""]):not(:placeholder-shown)
border-color: $white border-color: rgba($white, 0.3)
&:hover &:hover
border-color: $white border-color: rgba($white, 0.3)
&:focus &:focus
border-color: $primary border-color: $primary
outline: none outline: none
&.file &.black
padding: 0 1rem 0 0 @include btn-block($black)
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
.fileDrop-block .fileDrop-block
padding: 1rem 1.25rem padding: 1rem 1.25rem

7
gallery/themes/default/components/elements/pop-up.sass
View file

@ -54,7 +54,7 @@
display: flex display: flex
flex-direction: column flex-direction: column
gap: 1rem gap: 0.5rem
overflow-y: auto overflow-y: auto
overflow-x: hidden overflow-x: hidden
@ -69,12 +69,11 @@
position: sticky position: sticky
top: 0 top: 0
font-size: 2.25rem font-size: 1.5rem
font-weight: 700 font-weight: 800
text-align: center text-align: center
color: $white color: $white
background-color: $black
p p
margin: 0 margin: 0

3
pyproject.toml
View file

@ -28,6 +28,5 @@ build-backend = "poetry.core.masonry.api"
[tool.pylint.messages_control] [tool.pylint.messages_control]
# C0415: Flask uses it to register blueprints # 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 # W0718: Exception are logged so we don't need to raise them
disable = "C0415, W1401, W0718" disable = "C0415, W0718"

11
run.py
View file

@ -7,16 +7,17 @@ from setup.configuration import Configuration
print(""" print("""
___ _ _ ___ _ _
/ _ \ _ __ | |_ _| | ___ __ _ ___ / _ \\ _ __ | |_ _| | ___ __ _ ___
| | | | '_ \| | | | | | / _ \/ _` / __| | | | | '_ \\| | | | | | / _ \\/ _` / __|
| |_| | | | | | |_| | |__| __/ (_| \__ \ | |_| | | | | | |_| | |__| __/ (_| \\__ \\
\___/|_| |_|_|\__, |_____\___|\__, |___/ \\___/|_| |_|_|\\__, |_____\\___|\\__, |___/
|___/ |___/ |___/ |___/
Created by Fluffy Bean - Version 23.03.23 Created by Fluffy Bean - Version 23.03.23
""") """)
Configuration() # Run pre-checks # Run pre-startup checks and load configuration
Configuration()
if DEBUG: if DEBUG: