mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-02-13 17:00:06 +00:00
Update Footer and README
This commit is contained in:
parent
55c853e81c
commit
2b6347da1b
|
@ -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
|
||||||
|
|
42
about.php
42
about.php
|
@ -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>
|
|
|
@ -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!",
|
||||||
|
|
|
@ -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>
|
||||||
|
|
108
css/main.css
108
css/main.css
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue