mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-02-05 21:18:03 +00:00
Footer and image tidy tidy
This commit is contained in:
parent
d4e83dcb4a
commit
d0afc5c8aa
24
about.php
24
about.php
|
|
@ -13,19 +13,19 @@
|
|||
?>
|
||||
|
||||
<div class="about-root">
|
||||
<h2 id="about">What is Fluffys Amazing Gallery?</h2>
|
||||
<p>Fluffys Amazing Gallery is a smol project I originally started to control the images on my main page, but quickly turned into something much bigger...</p>
|
||||
<h2>What is this?</h2>
|
||||
<p>This Gallery is a smol project I originally started to control the images on my main page, but quickly turned into something much bigger...</p>
|
||||
<p>What Do I want this to become in the future? No clue, but I do want this to be usable by others, if its a file they download a docker image they setup on your own web server.</p>
|
||||
<p>Will it become that any time soon? No, but. I am going to work on this untill it becomes what I want it to be!</p>
|
||||
|
||||
<br>
|
||||
|
||||
<h2 class="space-top-large" id="add-this">Can you add "A" or "B"?</h2>
|
||||
<h2>Can you add "A" or "B"?</h2>
|
||||
<p>No.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<h2 class="space-top-large" id="guide">How do I use this!</h2>
|
||||
<h2>How do I use this!</h2>
|
||||
<p>First you must obtain the invite code. If you don't have one and are interested in trying this, feel free to DM me on Telegram!</p>
|
||||
<p>But once you're done doing that, you can start making your account <a class='link' href="https://superdupersecteteuploadtest.fluffybean.gay/account/signup.php">at the signup page here</a>.</p>
|
||||
<p>From there you should be able to go and login <a class='link' href="https://superdupersecteteuploadtest.fluffybean.gay/account/login.php">at this fancy page here</a>!</p>
|
||||
|
|
@ -33,7 +33,21 @@
|
|||
|
||||
<br>
|
||||
|
||||
<h2 class="space-top-large">Credits!</h2>
|
||||
<h2>Where to find me</h2>
|
||||
<a class='link' href="https://gay.fluffybean.gay">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/link.svg'>
|
||||
My website!
|
||||
</a>
|
||||
<a class='link' href="https://t.me/Fluffy_Bean">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/telegram-logo.svg'>
|
||||
Telegram
|
||||
</a>
|
||||
<a class='link' href="https://twitter.com/fluffybeanUwU">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/twitter-logo.svg'>
|
||||
Twitter
|
||||
</a>
|
||||
|
||||
<h2>Credits!</h2>
|
||||
<p>To Carty for being super cool again and helping me get started with SQL and PHP!</p>
|
||||
<p>To <a class='link' href="https://phosphoricons.com/">Phosphor</a> for providing nice SVG icons.</p>
|
||||
<p>To mrHDash...</p>
|
||||
|
|
|
|||
13
css/main.css
13
css/main.css
|
|
@ -666,26 +666,13 @@ nav .btn {
|
|||
|-------------------------------------------------------------
|
||||
*/
|
||||
footer {
|
||||
margin-bottom: 1rem;
|
||||
padding: 0.5rem;
|
||||
width: calc(100% - 1.4rem);
|
||||
background-color: #151515;
|
||||
color: #E8E3E3;
|
||||
border-radius: 0rem;
|
||||
border: 0.2rem solid #8C977D;
|
||||
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.5333333333);
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-around;
|
||||
margin: 0 auto;
|
||||
bottom: 0;
|
||||
width: calc(100% - 1.4rem);
|
||||
}
|
||||
footer > * {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
footer p {
|
||||
margin: 0 0.5rem;
|
||||
text-decoration: none;
|
||||
|
|
|
|||
|
|
@ -4,13 +4,10 @@
|
|||
|-------------------------------------------------------------
|
||||
*/
|
||||
footer {
|
||||
@include defaultDecoration($page-accent);
|
||||
@include flexLeft(space-around);
|
||||
|
||||
margin: 0 auto;
|
||||
|
||||
bottom: 0;
|
||||
|
||||
width: calc(100% - 1.4rem);
|
||||
|
||||
p {
|
||||
|
|
|
|||
23
image.php
23
image.php
|
|
@ -88,7 +88,7 @@
|
|||
|-------------------------------------------------------------
|
||||
*/
|
||||
if (isset($image['imagename'])) {
|
||||
$image_path = "images/" . $image['imagename'];
|
||||
$image_path = "images/".$image['imagename'];
|
||||
$image_alt = $image['alt'];
|
||||
} else {
|
||||
$image_path = "assets/no_image.png";
|
||||
|
|
@ -148,32 +148,33 @@
|
|||
<h2>Details</h2>
|
||||
<?php
|
||||
// User
|
||||
echo "<p>Author: " . $image_author . "</p>";
|
||||
echo "<p>Author: ".$image_author."</p>";
|
||||
|
||||
// Image ID
|
||||
echo "<p>ID: " . $image['id'] . "</p>";
|
||||
echo "<p>ID: ".$image['id']."</p>";
|
||||
|
||||
// File name
|
||||
$image_pathinfo = pathinfo($image['imagename']);
|
||||
if (strlen($image['imagename']) > 30) {
|
||||
echo "<p>File Name: " . substr($image['imagename'], 0, 30) . "...</p>";
|
||||
echo "<p>File Name: ".substr($image_pathinfo['filename'], 0, 30)."...</p>";
|
||||
} else {
|
||||
echo "<p>File Name: " . $image['imagename'] . "</p>";
|
||||
echo "<p>File Name: ".$image_pathinfo['filename']."</p>";
|
||||
}
|
||||
|
||||
// File extention
|
||||
echo "<p>File Type: " . pathinfo($image['imagename'], PATHINFO_EXTENSION) . "</p>";
|
||||
echo "<p>File Type: ".pathinfo($image['imagename'], PATHINFO_EXTENSION)."</p>";
|
||||
|
||||
// Image resolution
|
||||
list($width, $height) = getimagesize($image_path);
|
||||
echo "<p>Image resolution: " . $width . "x" . $height . "</p>";
|
||||
echo "<p>Image resolution: ".$width."x".$height."</p>";
|
||||
|
||||
// Image Upload date
|
||||
echo "<p>Last updated: +0 " . $image['upload'] . "</p>";
|
||||
echo "<p>Last updated: +0 ".$image['upload']."</p>";
|
||||
|
||||
echo "<br>";
|
||||
|
||||
// Image download
|
||||
echo "<a class='btn btn-good' href='images/" . $image['imagename'] . "' download='" . $image['imagename'] . "'><img class='svg' src='assets/icons/download.svg'>Download image</a>";
|
||||
echo "<a class='btn btn-good' href='images/".$image['imagename']."' download='".$image['imagename']."'><img class='svg' src='assets/icons/download.svg'>Download image</a>";
|
||||
|
||||
// Copy image
|
||||
?>
|
||||
|
|
@ -198,9 +199,9 @@
|
|||
$image_tags_array = explode(" ", $image['tags']);
|
||||
foreach ($image_tags_array as $tag) {
|
||||
if ($tag == "nsfw") {
|
||||
echo "<p id='tag' class='tag btn-bad'>" . $tag . "</p>";
|
||||
echo "<p id='tag' class='tag btn-bad'>".$tag."</p>";
|
||||
} else {
|
||||
echo "<p id='tag' class='tag btn-good'>" . $tag . "</p>";
|
||||
echo "<p id='tag' class='tag btn-good'>".$tag."</p>";
|
||||
}
|
||||
}
|
||||
} else {
|
||||
|
|
|
|||
|
|
@ -1,12 +1,4 @@
|
|||
<footer class="flex-left around">
|
||||
<a class='link' href="https://t.me/Fluffy_Bean">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/telegram-logo.svg'>
|
||||
Telegram
|
||||
</a>
|
||||
<a class='link' href="https://twitter.com/fluffybeanUwU">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/twitter-logo.svg'>
|
||||
Twitter
|
||||
</a>
|
||||
<a class='link' href="https://github.com/Fluffy-Bean">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/github-logo.svg'>
|
||||
Github
|
||||
|
|
@ -15,8 +7,5 @@
|
|||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/scroll.svg'>
|
||||
About
|
||||
</a>
|
||||
<a class='link' href="https://gay.fluffybean.gay">
|
||||
<img class='svg' src='<?php echo $root_dir; ?>assets/icons/link.svg'>
|
||||
My website!
|
||||
</a>
|
||||
|
||||
</footer>
|
||||
|
|
|
|||
Loading…
Reference in a new issue