A handfull of fixes

This commit is contained in:
Michał 2022-09-21 14:23:17 +00:00
parent 95ad97f19d
commit e7f55dc062
8 changed files with 50 additions and 23 deletions

View file

@ -32,8 +32,8 @@
<br> <br>
<h2>Development</h2> <h2>Development</h2>
<a href="https://github.com/Fluffy-Bean/image-gallery" class="link">Project Github</a> <p>This projects GitHub: <a href="https://github.com/Fluffy-Bean/image-gallery" class="link">Repo</a></p>
<a href="https://twitter.com/fluffybeanUwU" class="link">Creators Twitter</a> <p>My Twitter: <a href="https://twitter.com/fluffybeanUwU" class="link">Twitter</a></p>
</div> </div>
<?php require_once __DIR__."/assets/ui/footer.php"; ?> <?php require_once __DIR__."/assets/ui/footer.php"; ?>

View file

@ -22,12 +22,11 @@
"The weather is dry", "The weather is dry",
"Need me a man 👀", "Need me a man 👀",
"Gods die too.", "Gods die too.",
"Eat hotchip and lie", "Eat hotchip and lie"
"The world will not be destroyed by those who do evil, but by those who watch them and do nothing."
], ],
"license":"GPL 3.0", "license":"GPL 3.0",
"version": "22.09.21", "version": "22.09.21",
"user_name": "Michal", "user_name": "[your name]",
"is_testing": "true", "is_testing": "true",
"upload_max": "20" "upload_max": "32"
} }

View file

@ -17,7 +17,7 @@
--red: #B66467; --red: #B66467;
--orange: #FF7700; --orange: #FF7700;
--green: #8C977D; --green: #8C977D;
--black: #151515; --black: #121212;
--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);
@ -355,7 +355,7 @@ nav .btn {
border: none; border: none;
border-radius: calc(0.25rem - (0.5rem + 3px)); border-radius: calc(0.25rem - (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);
background-color: #151515; background-color: #121212;
opacity: 0.8; opacity: 0.8;
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4); box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
} }
@ -685,7 +685,7 @@ nav .btn {
justify-content: space-between; justify-content: space-between;
} }
.log:nth-child(even) { .log:nth-child(even) {
background-color: rgba(255, 255, 255, 0.0666666667); background-color: rgba(232, 227, 227, 0.0666666667);
} }
.log > * { .log > * {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -732,7 +732,7 @@ nav .btn {
justify-content: space-between; justify-content: space-between;
} }
.ban:nth-child(even) { .ban:nth-child(even) {
background-color: rgba(255, 255, 255, 0.0666666667); background-color: rgba(232, 227, 227, 0.0666666667);
} }
.ban > * { .ban > * {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -786,7 +786,7 @@ nav .btn {
justify-content: space-between; justify-content: space-between;
} }
.user:nth-child(even) { .user:nth-child(even) {
background-color: rgba(255, 255, 255, 0.0666666667); background-color: rgba(232, 227, 227, 0.0666666667);
} }
.user > * { .user > * {
margin: 0 0.5rem 0 0; margin: 0 0.5rem 0 0;
@ -1039,7 +1039,7 @@ body * {
text-decoration: none; text-decoration: none;
background-color: #E8E3E3; background-color: #E8E3E3;
border: none; border: none;
border-radius: 0.25rem; border-radius: calc(0.25rem - (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;
@ -1049,7 +1049,7 @@ body * {
text-decoration: none; text-decoration: none;
background-color: #E8E3E3; background-color: #E8E3E3;
border: none; border: none;
border-radius: 0.25rem; border-radius: calc(0.25rem - (0.5rem + 3px));
} }
a.btn { a.btn {
@ -1065,7 +1065,7 @@ a.btn {
} }
.btn-neutral { .btn-neutral {
background-color: #151515; background-color: #121212;
} }
/* /*
@ -1108,6 +1108,19 @@ br {
line-height: 0.25rem; line-height: 0.25rem;
} }
/*
|-------------------------------------------------------------
| Link text
|-------------------------------------------------------------
*/
a.link {
display: inline;
text-decoration: underline;
}
a.link:hover {
color: #8C977D;
}
/* /*
|------------------------------------------------------------- |-------------------------------------------------------------
| BACK TO TOP | BACK TO TOP

View file

@ -102,7 +102,7 @@ body {
background-color: $white; background-color: $white;
border: none; border: none;
border-radius: $rad; border-radius: calc($rad - (0.5rem + 3px));
} }
} }
@ -166,6 +166,20 @@ br {
line-height: 0.25rem; line-height: 0.25rem;
} }
/*
|-------------------------------------------------------------
| Link text
|-------------------------------------------------------------
*/
a.link {
display: inline;
text-decoration: underline;
&:hover {
color: $page-accent;
}
}
/* /*
|------------------------------------------------------------- |-------------------------------------------------------------
| BACK TO TOP | BACK TO TOP

View file

@ -409,7 +409,7 @@
justify-content: space-between; justify-content: space-between;
&:nth-child(even) { &:nth-child(even) {
background-color: #ffffff11; background-color: #E8E3E311;
} }
& > * { & > * {
@ -461,7 +461,7 @@
justify-content: space-between; justify-content: space-between;
&:nth-child(even) { &:nth-child(even) {
background-color: #ffffff11; background-color: #E8E3E311;
} }
& > * { & > * {
@ -519,7 +519,7 @@
justify-content: space-between; justify-content: space-between;
&:nth-child(even) { &:nth-child(even) {
background-color: #ffffff11; background-color: #E8E3E311;
} }
& > * { & > * {

View file

@ -7,7 +7,7 @@ $fg-alt: #151515;
$red: #B66467; $red: #B66467;
$orange: #FF7700; $orange: #FF7700;
$green: #8C977D; $green: #8C977D;
$black: #151515; $black: #121212;
$white: #E8E3E3; $white: #E8E3E3;
$page-accent: #8C977D; $page-accent: #8C977D;

View file

@ -320,7 +320,7 @@
var header = "Enter new Description/Alt"; var header = "Enter new Description/Alt";
var description = "Whatcha gonna put in there 👀"; var description = "Whatcha gonna put in there 👀";
var actionBox = "<form id='descriptionConfirm' action='app/image/edit_description.php' method='POST'>\ var actionBox = "<form id='descriptionConfirm' action='app/image/edit_description.php' method='POST'>\
<textarea id='descriptionInput' class='btn btn-neutral space-bottom' placeholder='Description/Alt for image' rows='3'></textarea>\ <input id='descriptionInput' class='btn btn-neutral space-bottom' type='text' placeholder='Description/Alt for image'>\
<button id='descriptionSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Update information</button>\ <button id='descriptionSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Update information</button>\
</form>"; </form>";
flyoutShow(header, description, actionBox); flyoutShow(header, description, actionBox);
@ -356,7 +356,7 @@
var header = "Tags"; var header = "Tags";
var description = "Tags are seperated by spaces, only alowed characters are a-z and underscores, all hyphens are converted to underscores. There are also special tags such as nsfw that'll blur images in the overview"; var description = "Tags are seperated by spaces, only alowed characters are a-z and underscores, all hyphens are converted to underscores. There are also special tags such as nsfw that'll blur images in the overview";
var actionBox = "<form id='tagsConfirm' action='app/image/edit_tags.php' method='POST'>\ var actionBox = "<form id='tagsConfirm' action='app/image/edit_tags.php' method='POST'>\
<textarea id='tagsInput' class='btn btn-neutral space-bottom' placeholder='Tags are seperated by spaces' row='3'></textarea>\ <input id='tagsInput' class='btn btn-neutral space-bottom' type='text' placeholder='Tags are seperated by spaces'>\
<button id='tagsSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Edit tags</button>\ <button id='tagsSubmit' class='btn btn-bad' type='submit'><img class='svg' src='assets/icons/edit.svg'>Edit tags</button>\
</form>"; </form>";
flyoutShow(header, description, actionBox); flyoutShow(header, description, actionBox);

View file

@ -30,8 +30,9 @@
<br> <br>
<form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data"> <form id="uploadSubmit" class="flex-down between" method="POST" enctype="multipart/form-data">
<input id="image" class="btn btn-neutral" type="file" placeholder="select image UwU"> <input id="image" class="btn btn-neutral" type="file" placeholder="select image UwU">
<textarea id="alt" class="btn btn-neutral" placeholder="Description/Alt for image" rows="3"></textarea> <br>
<textarea id="tags" class="btn btn-neutral" placeholder="Tags, seperated by white-space" rows="3"></textarea> <input id="alt" class="btn btn-neutral" placeholder="Description/Alt for image" type='text'>
<input id="tags" class="btn btn-neutral" placeholder="Tags, seperated by spaces" type='text'>
<br> <br>
<button id="submit" class="btn btn-good" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button> <button id="submit" class="btn btn-good" type="submit"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
</form> </form>