Update Footer and README

This commit is contained in:
Michał 2022-09-21 20:29:03 +00:00
parent 55c853e81c
commit 2b6347da1b
9 changed files with 101 additions and 97 deletions

View file

@ -6,6 +6,12 @@
# Only legs! # Only legs!
The only gallery made by a maned wolf The only gallery made by a maned wolf
## Special thanks
- Carty: Kickstarting development and SQL/PHP development
- Jeetix: Helping patch holes in some features
- mrHDash, Verg, Fennec, Carty, Jeetix and everyone else for helping with early bug testing
- <a class='link' href="https://phosphoricons.com/">Phosphor</a> for providing nice SVG icons
## How to setup ## How to setup
### Downloading & installing ### Downloading & installing
#### Path #### Path

View file

@ -1,42 +0,0 @@
<?php require_once __DIR__."/app/required.php"; ?>
<!DOCTYPE html>
<html>
<head>
<?php require_once __DIR__."/assets/ui/header.php"; ?>
</head>
<body>
<?php require_once __DIR__."/assets/ui/nav.php"; ?>
<div class="about-root">
<h1><?php echo $user_settings['website_name']; ?></h1>
<p><?php echo $user_settings['website_description']; ?></p>
<p>Version <?php echo $user_settings['version']; ?></p>
<br>
<h2>TOS</h2>
<p><?php echo $user_settings['tos']; ?></p>
<p>This project is protected under the <?php echo $user_settings['license']; ?> license by <?php echo $user_settings['user_name']; ?></p>
<br>
<h2>Credits to development</h2>
<p>Carty: Kickstarting development and SQL/PHP development</p>
<p>Jeetix: Helping patch holes in some features</p>
<p>mrHDash, Verg, Fennec, Carty, Jeetix and everyone else for helping with early bug testing</p>
<p><a class='link' href="https://phosphoricons.com/">Phosphor</a> for providing nice SVG icons</p>
<br>
<h2>Development</h2>
<p>This projects GitHub: <a href="https://github.com/Fluffy-Bean/image-gallery" class="link">Repo</a></p>
<p>My Twitter: <a href="https://twitter.com/fluffybeanUwU" class="link">Twitter</a></p>
</div>
<?php require_once __DIR__."/assets/ui/footer.php"; ?>
</body>
</html>

View file

@ -1,7 +1,6 @@
{ {
"website_name": "Only Legs", "website_name": "Only Legs",
"website_description": "A simple PHP gallery with multiple users in mind", "website_description": "A simple PHP gallery with multiple users in mind",
"tos": "When making an account and interacting with the login/signup page, you agree to have your IP logged for banning purposes.",
"welcome_msg": [ "welcome_msg": [
"*internal screaming*", "*internal screaming*",
"Don't forget to drink water!", "Don't forget to drink water!",

View file

@ -1,5 +1,7 @@
<footer> <footer>
<p>Hosted by <?php echo $user_settings['user_name']; ?> under <?php echo $user_settings['license']; ?></p> <p>Hosted by <?php echo $user_settings['user_name']; ?></p>
<hr>
<a class='link' href="https://github.com/Fluffy-Bean/image-gallery">Made by Fluffy</a>
<hr>
<p>Version <?php echo $user_settings['version']; ?></p> <p>Version <?php echo $user_settings['version']; ?></p>
<a class='link' href="about.php">About</a>
</footer> </footer>

View file

@ -21,7 +21,7 @@
--white: #E8E3E3; --white: #E8E3E3;
--accent: #8C977D; --accent: #8C977D;
--shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); --shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
--rad: 0.25rem; --rad: 0.3rem;
} }
/* /*
@ -35,7 +35,7 @@ nav {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
display: flex; display: flex;
@ -157,12 +157,14 @@ nav .btn {
.info-text h4, .info-text h4,
.info-text h5 { .info-text h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.info-text p, .info-text p,
.info-text a, .info-text a,
.info-text button, .info-text button,
.info-text input { .info-text input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.info-text h1 { .info-text h1 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
@ -186,12 +188,14 @@ nav .btn {
.gallery-order h4, .gallery-order h4,
.gallery-order h5 { .gallery-order h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.gallery-order p, .gallery-order p,
.gallery-order a, .gallery-order a,
.gallery-order button, .gallery-order button,
.gallery-order input { .gallery-order input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.gallery-order > * { .gallery-order > * {
margin-right: 0.5rem; margin-right: 0.5rem;
@ -209,7 +213,7 @@ nav .btn {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
border-radius: 0.25rem; border-radius: 0.3rem;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -220,7 +224,7 @@ nav .btn {
max-width: calc(20% - 0.5rem); max-width: calc(20% - 0.5rem);
min-width: calc(20% - 0.5rem); min-width: calc(20% - 0.5rem);
background-color: #151515; background-color: #151515;
border-radius: -0.25rem; border-radius: -0.2rem;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
flex: 1 0 150px; flex: 1 0 150px;
@ -263,7 +267,7 @@ nav .btn {
object-fit: cover; object-fit: cover;
-o-object-position: center; -o-object-position: center;
object-position: center; object-position: center;
border-radius: -0.25rem; border-radius: -0.2rem;
} }
.nsfw-blur { .nsfw-blur {
@ -332,23 +336,23 @@ nav .btn {
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
border-radius: 0.25rem; border-radius: 0.3rem;
z-index: 1;
} }
.fullscreen-image button { .fullscreen-image button {
width: 1.75rem; width: 1.75rem;
height: 1.75rem; height: 1.75rem;
padding: 0; padding: 0;
position: absolute; position: absolute;
top: 0.5rem; top: 1.25rem;
right: 0.5rem; right: 1.25rem;
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
text-decoration: none;
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: 0.3rem;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
background-color: #121212; background-color: #121212;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); z-index: 2;
} }
.fullscreen-image button img { .fullscreen-image button img {
width: 1.5rem; width: 1.5rem;
@ -370,7 +374,7 @@ nav .btn {
background-color: rgba(21, 21, 21, 0.7333333333); background-color: rgba(21, 21, 21, 0.7333333333);
-webkit-backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px); backdrop-filter: blur(8px);
border-radius: 0.25rem; border-radius: 0.3rem;
transition: max-height 0.15s cubic-bezier(0.19, 1, 0.22, 1); transition: max-height 0.15s cubic-bezier(0.19, 1, 0.22, 1);
} }
@ -385,7 +389,7 @@ nav .btn {
width: auto; width: auto;
max-height: inherit; max-height: inherit;
height: auto; height: auto;
border-radius: 0.25rem; border-radius: 0.3rem;
transition: opacity 0.5s; transition: opacity 0.5s;
} }
@ -402,7 +406,7 @@ nav .btn {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-decoration: none; text-decoration: none;
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: -0.2rem;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
background-color: #121212; background-color: #121212;
opacity: 0.8; opacity: 0.8;
@ -423,7 +427,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -437,12 +441,14 @@ nav .btn {
.image-description h4, .image-description h4,
.image-description h5 { .image-description h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.image-description p, .image-description p,
.image-description a, .image-description a,
.image-description button, .image-description button,
.image-description input { .image-description input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.image-detail { .image-detail {
@ -451,7 +457,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -465,12 +471,14 @@ nav .btn {
.image-detail h4, .image-detail h4,
.image-detail h5 { .image-detail h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.image-detail p, .image-detail p,
.image-detail a, .image-detail a,
.image-detail button, .image-detail button,
.image-detail input { .image-detail input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.image-detail > div { .image-detail > div {
width: 100%; width: 100%;
@ -502,7 +510,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -516,12 +524,14 @@ nav .btn {
.tags-root h4, .tags-root h4,
.tags-root h5 { .tags-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.tags-root p, .tags-root p,
.tags-root a, .tags-root a,
.tags-root button, .tags-root button,
.tags-root input { .tags-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.tags { .tags {
@ -537,7 +547,7 @@ nav .btn {
padding: 0.5rem; padding: 0.5rem;
display: block; display: block;
background-color: #8C977D; background-color: #8C977D;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
} }
.tag::before { .tag::before {
@ -550,7 +560,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #B66467; border: 0.2rem solid #B66467;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -564,12 +574,14 @@ nav .btn {
.danger-zone h4, .danger-zone h4,
.danger-zone h5 { .danger-zone h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.danger-zone p, .danger-zone p,
.danger-zone a, .danger-zone a,
.danger-zone button, .danger-zone button,
.danger-zone input { .danger-zone input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -583,7 +595,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -597,12 +609,14 @@ nav .btn {
.about-root h4, .about-root h4,
.about-root h5 { .about-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.about-root p, .about-root p,
.about-root a, .about-root a,
.about-root button, .about-root button,
.about-root input { .about-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -616,7 +630,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -630,12 +644,14 @@ nav .btn {
.upload-root h4, .upload-root h4,
.upload-root h5 { .upload-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.upload-root p, .upload-root p,
.upload-root a, .upload-root a,
.upload-root button, .upload-root button,
.upload-root input { .upload-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -649,7 +665,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -663,12 +679,14 @@ nav .btn {
.account-root h4, .account-root h4,
.account-root h5 { .account-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.account-root p, .account-root p,
.account-root a, .account-root a,
.account-root button, .account-root button,
.account-root input { .account-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.admin-root { .admin-root {
@ -677,7 +695,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -691,12 +709,14 @@ nav .btn {
.admin-root h4, .admin-root h4,
.admin-root h5 { .admin-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.admin-root p, .admin-root p,
.admin-root a, .admin-root a,
.admin-root button, .admin-root button,
.admin-root input { .admin-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.tabs { .tabs {
@ -723,7 +743,7 @@ nav .btn {
display: none; display: none;
flex-direction: column; flex-direction: column;
background-color: #151515; background-color: #151515;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
} }
.log { .log {
@ -770,7 +790,7 @@ nav .btn {
display: none; display: none;
flex-direction: column; flex-direction: column;
background-color: #151515; background-color: #151515;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
} }
.ban { .ban {
@ -824,7 +844,7 @@ nav .btn {
display: none; display: none;
flex-direction: column; flex-direction: column;
background-color: #151515; background-color: #151515;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
} }
.user { .user {
@ -879,7 +899,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
display: none; display: none;
@ -894,12 +914,14 @@ nav .btn {
.signup-root h4, .signup-root h4,
.signup-root h5 { .signup-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.signup-root p, .signup-root p,
.signup-root a, .signup-root a,
.signup-root button, .signup-root button,
.signup-root input { .signup-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
.login-root { .login-root {
@ -908,7 +930,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -922,12 +944,14 @@ nav .btn {
.login-root h4, .login-root h4,
.login-root h5 { .login-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.login-root p, .login-root p,
.login-root a, .login-root a,
.login-root button, .login-root button,
.login-root input { .login-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -941,7 +965,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #B66467; border: 0.2rem solid #B66467;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -955,12 +979,14 @@ nav .btn {
.password-reset-root h4, .password-reset-root h4,
.password-reset-root h5 { .password-reset-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.password-reset-root p, .password-reset-root p,
.password-reset-root a, .password-reset-root a,
.password-reset-root button, .password-reset-root button,
.password-reset-root input { .password-reset-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -974,7 +1000,7 @@ nav .btn {
width: calc(100% - 1.4rem); width: calc(100% - 1.4rem);
background-color: #151515; background-color: #151515;
color: #E8E3E3; color: #E8E3E3;
border-radius: 0.25rem; border-radius: 0.3rem;
border: 0.2rem solid #8C977D; border: 0.2rem solid #8C977D;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -988,12 +1014,14 @@ nav .btn {
.error-root h4, .error-root h4,
.error-root h5 { .error-root h5 {
font-family: "Lexend Deca", sans-serif; font-family: "Lexend Deca", sans-serif;
text-rendering: optimizeLegibility;
} }
.error-root p, .error-root p,
.error-root a, .error-root a,
.error-root button, .error-root button,
.error-root input { .error-root input {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-rendering: optimizeLegibility;
} }
/* /*
@ -1003,19 +1031,23 @@ nav .btn {
*/ */
footer { footer {
margin: 0 auto; margin: 0 auto;
width: calc(100% - 1.4rem); width: auto;
text-align: center; text-align: center;
font-size: 12px;
text-transform: uppercase;
display: flex;
flex-direction: row;
} }
footer p { footer p {
margin: 0 0.5rem; margin: 0.2rem;
padding: 0;
text-decoration: none; text-decoration: none;
font-size: 16px;
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
} }
footer a { footer a {
margin: 0 0.5rem; margin: 0.2rem;
padding: 0;
text-decoration: none; text-decoration: none;
font-size: 16px;
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
} }
footer a:hover { footer a:hover {
@ -1072,7 +1104,7 @@ body * {
font-family: "Secular One", sans-serif; font-family: "Secular One", sans-serif;
text-decoration: none; text-decoration: none;
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1); transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
} }
.btn:hover { .btn:hover {
@ -1088,7 +1120,7 @@ body * {
text-decoration: none; text-decoration: none;
background-color: #E8E3E3; background-color: #E8E3E3;
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
} }
.btn:where(input[type=file])::file-selector-button { .btn:where(input[type=file])::file-selector-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem; margin: -0.25rem 0.5rem -0.25rem -0.25rem;
@ -1098,7 +1130,7 @@ body * {
text-decoration: none; text-decoration: none;
background-color: #E8E3E3; background-color: #E8E3E3;
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.3rem - (0.5rem + 3px));
} }
a.btn { a.btn {

View file

@ -209,6 +209,8 @@
transform: translateX(-050%) translateY(-50%); transform: translateX(-050%) translateY(-50%);
border-radius: $rad; border-radius: $rad;
z-index: +1;
} }
button { button {
@ -217,22 +219,20 @@
padding: 0; padding: 0;
position: absolute; position: absolute;
top: 0.5rem; top: 1.25rem;
right: 0.5rem; right: 1.25rem;
display: block; display: block;
box-sizing: border-box; box-sizing: border-box;
text-decoration: none;
border: none; border: none;
border-radius: calc($rad - (0.5rem + 3px)); border-radius: $rad;
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1); transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
background-color: $black; background-color: $black;
box-shadow: $shadow; z-index: +2;
img { img {
width: 1.5rem; width: 1.5rem;
@ -304,7 +304,7 @@
text-decoration: none; text-decoration: none;
border: none; border: none;
border-radius: calc($rad - (0.5rem + 3px)); border-radius: calc($rad - 0.5rem);
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1); transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);

View file

@ -6,23 +6,28 @@
footer { footer {
margin: 0 auto; margin: 0 auto;
width: calc(100% - 1.4rem); width: auto;
text-align: center; text-align: center;
font-size: 12px;
text-transform: uppercase;
display: flex; flex-direction: row;
p { p {
margin: 0 0.5rem; margin: 0.2rem;
padding: 0;
text-decoration: none; text-decoration: none;
font-size: 16px;
font-family: $font-body; font-family: $font-body;
} }
a { a {
margin: 0 0.5rem; margin: 0.2rem;
padding: 0;
text-decoration: none; text-decoration: none;
font-size: 16px;
font-family: $font-body; font-family: $font-body;

View file

@ -28,6 +28,7 @@
h4, h4,
h5 { h5 {
font-family: $font-header; font-family: $font-header;
text-rendering: optimizeLegibility;
} }
p, p,
@ -35,6 +36,7 @@
button, button,
input { input {
font-family: $font-body; font-family: $font-body;
text-rendering: optimizeLegibility;
} }
} }

View file

@ -13,7 +13,7 @@ $white: #E8E3E3;
$page-accent: #8C977D; $page-accent: #8C977D;
$shadow: 6px 6px 2px #15151566; $shadow: 6px 6px 2px #15151566;
$rad: 0.25rem; $rad: 0.3rem;
$weight-bold: 621; $weight-bold: 621;
$weight-normal: 400; $weight-normal: 400;