diff --git a/assets/icons/link.svg b/assets/icons/link.svg new file mode 100644 index 0000000..ef24f54 --- /dev/null +++ b/assets/icons/link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/assets/icons/scroll.svg b/assets/icons/scroll.svg new file mode 100644 index 0000000..97c1139 --- /dev/null +++ b/assets/icons/scroll.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/css/about.css b/css/about.css new file mode 100644 index 0000000..49bafd4 --- /dev/null +++ b/css/about.css @@ -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); +} diff --git a/css/gallery.css b/css/gallery.css index 273f078..6020bdf 100644 --- a/css/gallery.css +++ b/css/gallery.css @@ -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: ""; diff --git a/css/master.css b/css/master.css index 93a7657..ed6ebbe 100644 --- a/css/master.css +++ b/css/master.css @@ -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 =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ diff --git a/css/nav.css b/css/nav.css index a879e23..d86f5a5 100644 --- a/css/nav.css +++ b/css/nav.css @@ -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 { diff --git a/index.php b/index.php index 500205d..7abbc05 100644 --- a/index.php +++ b/index.php @@ -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 "

".$welcome_message[array_rand($welcome_message, 1)]."

"; ?> diff --git a/info/about.php b/info/about.php new file mode 100644 index 0000000..2c051dc --- /dev/null +++ b/info/about.php @@ -0,0 +1,47 @@ + + + + + + Gallery + + + + + + + + +
+

What is Fluffys Amazing Gallery?

+

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.

+

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.

+

For now due to security reasons I want to keep this closed-source, and will probably stay-close for the near futre.

+ +

I want A and B features!

+

No.

+ +

What can I upload if I have an account?

+

I think common-sense should be more than enough, please?

+ +

How do I use this!

+

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!

+

But once you're done doing that, you can start making your account at the signup page here.

+

From there you should be able to go and login at this fancy page here!

+

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!

+ +

Who are you?

+

idk

+ +

Credits!

+

To Carty for being super cool again and helping me get started with SQL and PHP!

+

To Phosphor for providing nice SVG icons.

+

To mrHDash...

+
+ + + + diff --git a/ui/footer.php b/ui/footer.php index 515c01a..d235bf4 100644 --- a/ui/footer.php +++ b/ui/footer.php @@ -1,20 +1,36 @@ diff --git a/ui/header.php b/ui/header.php index 2228a9e..222c33e 100644 --- a/ui/header.php +++ b/ui/header.php @@ -22,7 +22,7 @@ if (is_dir("assets/icons/")) { echo "
"; echo "".$_SESSION["username"].""; } else { - echo "Login"; + echo "Login"; } ?> diff --git a/upload.php b/upload.php index 0f0d7fa..63d7010 100644 --- a/upload.php +++ b/upload.php @@ -73,13 +73,13 @@ } ?> -
+

Upload image

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.

- +