Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 11:36: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.created_at,
db.Posts.id).order_by(db.Posts.id.desc()).all()
if request.args.get('coffee') == 'please':
abort(418)

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

@ -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();

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

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

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

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

@ -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 %}

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

@ -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

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

@ -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