mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2024-12-29 10:56:12 +00:00
A bit of everything again
This commit is contained in:
parent
182892b172
commit
71a15efcc0
1
assets/icons/link.svg
Normal file
1
assets/icons/link.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="#e8e3e3" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M122.3,71.4l19.8-19.8a44.1,44.1,0,0,1,62.3,62.3l-28.3,28.2a43.9,43.9,0,0,1-62.2,0" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><path d="M133.7,184.6l-19.8,19.8a44.1,44.1,0,0,1-62.3-62.3l28.3-28.2a43.9,43.9,0,0,1,62.2,0" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg>
|
||||
|
After Width: | Height: | Size: 545 B |
1
assets/icons/scroll.svg
Normal file
1
assets/icons/scroll.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" fill="#e8e3e3" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"></rect><path d="M200,176V64a23.9,23.9,0,0,0-24-24H40" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path><line x1="104" y1="104" x2="168" y2="104" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><line x1="104" y1="136" x2="168" y2="136" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></line><path d="M22.1,80A24,24,0,1,1,64,64V192a24,24,0,1,0,41.9-16h112A24,24,0,0,1,200,216H88" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></path></svg>
|
||||
|
After Width: | Height: | Size: 781 B |
16
css/about.css
Normal file
16
css/about.css
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
/*
|
||||
-=-=-= ABOUT =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
*/
|
||||
.about-root {
|
||||
margin: 0 auto 2rem; padding: 0.5rem;
|
||||
|
||||
max-width: 621px; width: calc(100% - 2rem);
|
||||
|
||||
background-color: var(--bg); color: var(--fg);
|
||||
|
||||
border: 0.2rem solid var(--green);
|
||||
outline: 0.5rem solid var(--bg);
|
||||
|
||||
border-radius: var(--rad);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
|
@ -6,7 +6,7 @@
|
|||
}
|
||||
|
||||
.gallery-root {
|
||||
margin: 0 0 2rem; padding: 0;
|
||||
margin: 0 0 2rem; padding: 0.25rem;
|
||||
|
||||
background-color: var(--bg); color: var(--fg);
|
||||
|
||||
|
|
@ -18,7 +18,7 @@
|
|||
}
|
||||
|
||||
.gallery-item {
|
||||
margin: 0.5rem; padding: 0;
|
||||
margin: 0.25rem; padding: 0;
|
||||
|
||||
/*max-width: 232.5px; max-height: 232.5px;*/
|
||||
height: auto; max-width: 350px;
|
||||
|
|
@ -35,6 +35,8 @@
|
|||
.gallery-item:hover {
|
||||
transform: scale(1.1) rotate(5deg);
|
||||
box-shadow: var(--shadow);
|
||||
|
||||
z-index: 999;
|
||||
}
|
||||
.gallery-item:after {
|
||||
content: "";
|
||||
|
|
|
|||
|
|
@ -6,6 +6,8 @@
|
|||
@import "edit.css";
|
||||
@import "upload.css";
|
||||
|
||||
@import "about.css";
|
||||
|
||||
@import "signup.css";
|
||||
@import "login.css";
|
||||
@import "account.css";
|
||||
|
|
@ -137,6 +139,9 @@ form * {
|
|||
a.btn {
|
||||
text-align: center;
|
||||
}
|
||||
.link:hover {
|
||||
color: var(--orange);
|
||||
}
|
||||
|
||||
.space-bottom {
|
||||
margin-bottom: 1rem;
|
||||
|
|
@ -160,6 +165,16 @@ a.btn {
|
|||
display: inline;
|
||||
}
|
||||
|
||||
.default-window {
|
||||
margin: 0 auto 2rem; padding: 0.5rem;
|
||||
|
||||
background-color: var(--bg); color: var(--fg);
|
||||
|
||||
outline: 0.5rem solid var(--bg);
|
||||
|
||||
border-radius: var(--rad);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
/*
|
||||
-=-=-= TEXT SIZES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ nav hr {
|
|||
justify-content: space-between;
|
||||
}
|
||||
@media (max-width: 800px) {
|
||||
.nav-name h3, .nav-name {
|
||||
.nav-name h3, .nav-name hr, .nav-name {
|
||||
display: none;
|
||||
}
|
||||
.nav-links {
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
}
|
||||
|
||||
// Random welcome message
|
||||
$welcome_message = array("*internal screaming*", "Sussy Wussy", "What is this world?", "Don't forget to drink water!", "Bruh", "PHP is pain", "This is so poorly programmed");
|
||||
$welcome_message = array("*internal screaming*", "Sussy Wussy", "What is this world?", "Don't forget to drink water!", "Bruh", "This is so poorly programmed", "Sorry", "Fluffy made this!", "maybe", "I'm gay");
|
||||
echo "<p>".$welcome_message[array_rand($welcome_message, 1)]."</p>";
|
||||
?>
|
||||
</div>
|
||||
|
|
|
|||
47
info/about.php
Normal file
47
info/about.php
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Gallery</title>
|
||||
<link rel="stylesheet" href="../css/master.css">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Rubik" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@600&display=swap">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&display=swap">
|
||||
</head>
|
||||
<body>
|
||||
<?php include("../ui/header.php"); ?>
|
||||
|
||||
<div class="about-root">
|
||||
<h2 id="about">What is Fluffys Amazing Gallery?</h2>
|
||||
<p>Fluffys Amazing Gallery, or F.A.G for short, is a project by Fluffy Bean. It started as a project to manage the gallery on my main page, but quickly turned into its own thing.</p>
|
||||
<p>What do I want this to become? Good question! I have no clue. All I know is that I want to make this open-source and free to host on your own server once I'm finished with this.</p>
|
||||
<p>For now due to security reasons I want to keep this closed-source, and will probably stay-close for the near futre.</p>
|
||||
|
||||
<h2 class="space-top-large">I want A and B features!</h2>
|
||||
<p>No.</p>
|
||||
|
||||
<h2 class="space-top-large" id="usage">What can I upload if I have an account?</h2>
|
||||
<p>I think common-sense should be more than enough, please?</p>
|
||||
|
||||
<h2 class="space-top-large" id="guide">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/signup.php">at this fancy page here</a>!</p>
|
||||
<p>Now you should see "Welcome (your username)" at the homepage. From there navigate to the navbar and click on the upload button. Choose your file, enter the description and your image is up!</p>
|
||||
|
||||
<h2 class="space-top-large">Who are you?</h2>
|
||||
<p>idk</p>
|
||||
|
||||
<h2 class="space-top-large">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>
|
||||
</div>
|
||||
|
||||
<?php
|
||||
include("../ui/top.html");
|
||||
include("../ui/footer.php");
|
||||
?>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,20 +1,36 @@
|
|||
<footer class="footer-root flex-left around">
|
||||
<div class="footer-child center flex-down">
|
||||
<h3>Contact me</h3>
|
||||
<a href="https://t.me/Fluffy_Bean"><img class='svg' src='<?php echo $dir; ?>telegram-logo.svg'>Telegram</a>
|
||||
<a href="https://twitter.com/fluffybeanUwU"><img class='svg' src='<?php echo $dir; ?>twitter-logo.svg'>Twitter</a>
|
||||
<a href="https://github.com/Fluffy-Bean"><img class='svg' src='<?php echo $dir; ?>github-logo.svg'>GitHub</a>
|
||||
<a class='link' href="https://t.me/Fluffy_Bean">
|
||||
<img class='svg' src='<?php echo $dir; ?>telegram-logo.svg'>
|
||||
Telegram</a>
|
||||
<a class='link' href="https://twitter.com/fluffybeanUwU">
|
||||
<img class='svg' src='<?php echo $dir; ?>twitter-logo.svg'>
|
||||
Twitter</a>
|
||||
<a class='link' href="https://github.com/Fluffy-Bean">
|
||||
<img class='svg' src='<?php echo $dir; ?>github-logo.svg'>
|
||||
GitHub</a>
|
||||
</div>
|
||||
<div class="footer-child center flex-down">
|
||||
<h3>Information</h3>
|
||||
<p>About</p>
|
||||
<p>Usage Information</p>
|
||||
<p>Guides</p>
|
||||
<a class='link' href="https://superdupersecteteuploadtest.fluffybean.gay/info/about.php">
|
||||
<img class='svg' src='<?php echo $dir; ?>scroll.svg'>
|
||||
About</a>
|
||||
<a class='link' href="https://superdupersecteteuploadtest.fluffybean.gay/info/about.php#usage">
|
||||
<img class='svg' src='<?php echo $dir; ?>scroll.svg'>
|
||||
Usage</a>
|
||||
<a class='link' href="https://superdupersecteteuploadtest.fluffybean.gay/info/about.php#guide">
|
||||
<img class='svg' src='<?php echo $dir; ?>scroll.svg'>
|
||||
Guides</a>
|
||||
</div>
|
||||
<div class="footer-child center flex-down">
|
||||
<h3>Other</h3>
|
||||
<p>AAAAAAAA</p>
|
||||
<a class='link' href="https://testing.fluffybean.gay">
|
||||
<img class='svg' src='<?php echo $dir; ?>link.svg'>
|
||||
Testing Page</a>
|
||||
<p>*Internal screaming*</p>
|
||||
<a href="https://gay.fluffybean.gay">My website!</a>
|
||||
<a class='link' href="https://gay.fluffybean.gay">
|
||||
<img class='svg' src='<?php echo $dir; ?>link.svg'>
|
||||
My website!</a>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ if (is_dir("assets/icons/")) {
|
|||
echo "<hr>";
|
||||
echo "<a class='btn alert-default' href='https://superdupersecteteuploadtest.fluffybean.gay/account/account.php'><img class='svg' src='".$dir."user-circle.svg'><span class='nav-hide'>".$_SESSION["username"]."</span></a>";
|
||||
} else {
|
||||
echo "<a class='btn alert-default' href='https://superdupersecteteuploadtest.fluffybean.gay/account/login.php'><img class='svg' src='".$dir."user-circle-plus.svg'><span class='nav-hide'>Login</span></a>";
|
||||
echo "<a class='btn alert-high' href='https://superdupersecteteuploadtest.fluffybean.gay/account/login.php'><img class='svg' src='".$dir."user-circle-plus.svg'><span class='nav-hide'>Login</span></a>";
|
||||
}
|
||||
?>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -73,13 +73,13 @@
|
|||
}
|
||||
?>
|
||||
|
||||
<div class="upload-root">
|
||||
<div class="upload-root default-window">
|
||||
<h2 class="space-bottom">Upload image</h2>
|
||||
<p>In this world you have 2 choices, to upload a really cute picture of an animal or fursuit, or something other than those 2 things.</p>
|
||||
<form class="flex-down between" method="POST" action="upload.php" enctype="multipart/form-data">
|
||||
<input class="btn alert-default space-bottom" type="file" name="image" placeholder="select image UwU">
|
||||
<input class="btn alert-default space-bottom-large" type="text" name="alt" placeholder="Description/Alt for image">
|
||||
<button class="btn alert-default" type="submit" name="upload"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
|
||||
<button class="btn alert-high" type="submit" name="upload"><img class="svg" src="assets/icons/upload.svg">Upload Image</button>
|
||||
</form>
|
||||
<?php
|
||||
if (isset($error)) {
|
||||
|
|
|
|||
Loading…
Reference in a new issue