From 4ab1b39650b83622e562864088ec3997ed7b7748 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Tue, 26 Jul 2022 13:34:48 +0100
Subject: [PATCH] =?UTF-8?q?Added=20"Top"=20button=20=F0=9F=91=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 account.php                    |  7 +++++--
 assets/icons/caret-up.svg      |  1 +
 css/master.css                 | 31 +++++++++++++++++++++++++++++++
 edit.php                       |  5 ++++-
 image.php                      |  6 ++++--
 index.php                      |  5 ++++-
 login.php                      |  7 +++++--
 scripts/top.js                 | 11 +++++++++++
 signup.php                     |  7 +++++--
 ui/{footer.php => footer.html} |  2 --
 ui/top.html                    |  4 ++++
 upload.php                     |  5 ++++-
 12 files changed, 78 insertions(+), 13 deletions(-)
 create mode 100644 assets/icons/caret-up.svg
 create mode 100644 scripts/top.js
 rename ui/{footer.php => footer.html} (85%)
 create mode 100644 ui/top.html

diff --git a/account.php b/account.php
index 37f9f52..1311eb9 100644
--- a/account.php
+++ b/account.php
@@ -16,7 +16,7 @@
     <h2>Account settings</h2>
     <?php
     if (isset($_SESSION["loggedin"]) && $_SESSION["loggedin"] === true) {
-      echo "<p>O hi ".$_SESSION["username"].".</p>";
+      echo "<p>O hi ".$_SESSION["username"].". This is pretty empty right now. But it wont be soon!</p>";
       echo "<a class='btn alert-default space-top' href='https://superdupersecteteuploadtest.fluffybean.gay/logout.php'><img class='svg' src='assets/icons/sign-out.svg'>Logout</a>";
     } else {
       echo "<p class='space-bottom-large'>You must be logged in to change your account settings!</p>";
@@ -25,6 +25,9 @@
     ?>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/assets/icons/caret-up.svg b/assets/icons/caret-up.svg
new file mode 100644
index 0000000..afeb343
--- /dev/null
+++ b/assets/icons/caret-up.svg
@@ -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><polyline points="48 160 128 80 208 160" fill="none" stroke="#e8e3e3" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"></polyline></svg>
\ No newline at end of file
diff --git a/css/master.css b/css/master.css
index c3e4cac..701dce0 100644
--- a/css/master.css
+++ b/css/master.css
@@ -190,3 +190,34 @@ p, a {
   margin: 0 0 0.5rem 0;
   font-family: "Fira Code", monospace;
 }
+
+/*
+  -=-=-= Back to top button =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
+*/
+#back-to-top {
+  margin: 0; padding: 0.5rem;
+
+  position: fixed;
+  right: -2.5rem; bottom: 1rem;
+
+  object-position: center;
+
+  background-color: var(--bg);
+
+  border-radius: 50%;
+  box-shadow: var(--shadow);
+
+  transition: right 0.15s cubic-bezier(.19,1,.22,1);
+}
+#back-to-top:hover {
+  outline: 0.2rem solid var(--green);
+}
+
+#back-to-top * {
+  margin: 0; padding: 0;
+  width: 1.5rem; height: 1.5rem;
+
+  display: block;
+
+  object-position: center;
+}
diff --git a/edit.php b/edit.php
index 625fa45..37eb492 100644
--- a/edit.php
+++ b/edit.php
@@ -70,6 +70,9 @@
     ?>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/image.php b/image.php
index 6bc1761..50a52b7 100644
--- a/image.php
+++ b/image.php
@@ -143,9 +143,11 @@
   } else {
 
   }
-
   ?>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/index.php b/index.php
index 4219062..5820604 100644
--- a/index.php
+++ b/index.php
@@ -62,6 +62,9 @@
     ?>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/login.php b/login.php
index 8e106b1..10d307a 100644
--- a/login.php
+++ b/login.php
@@ -94,7 +94,7 @@
 
   <div class="login-root">
     <h2 class="space-bottom">Login</h2>
-    <p class="space-bottom">This is still being worked on, so I ask you kindly to not try anything, thankies!</p>
+    <p class="space-bottom">Passwords are important to keep safe. Don't tell anyone your password, not even Fluffy!</p>
     <form class="flex-down between" method="POST" action="login.php" enctype="multipart/form-data">
       <input class="btn alert-default space-bottom" type="text" name="username" placeholder="Username">
       <input class="btn alert-default space-bottom-large" type="password" name="password" placeholder="Password">
@@ -111,6 +111,9 @@
     <a class='btn alert-default space-top-large' href='https://superdupersecteteuploadtest.fluffybean.gay/signup.php'><img class="svg" src="assets/icons/sign-in.svg">Need an account? Sign up!</a>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/scripts/top.js b/scripts/top.js
new file mode 100644
index 0000000..3fef094
--- /dev/null
+++ b/scripts/top.js
@@ -0,0 +1,11 @@
+button = document.getElementById("back-to-top");
+
+window.onscroll = function() {scrollFunction()};
+
+function scrollFunction() {
+  if (document.body.scrollTop > 300 || document.documentElement.scrollTop > 20) {
+    button.style.right = "1rem";
+  } else {
+    button.style.right = "-2.5rem";
+  }
+}
diff --git a/signup.php b/signup.php
index 0ee14a6..0daa929 100644
--- a/signup.php
+++ b/signup.php
@@ -113,7 +113,7 @@
 
   <div class="signup-root">
     <h2 class="space-bottom">Make account</h2>
-    <p class="space-bottom">This is still being worked on, so I ask you kindly to not try anything, thankies!</p>
+    <p class="space-bottom">And amazing things happened here...</p>
     <form class="flex-down between" method="POST" action="signup.php" enctype="multipart/form-data">
       <input class="btn alert-default space-bottom-large" type="text" name="username" placeholder="Username">
       <input class="btn alert-default space-bottom" type="password" name="password" placeholder="Password">
@@ -131,6 +131,9 @@
     </form>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>
diff --git a/ui/footer.php b/ui/footer.html
similarity index 85%
rename from ui/footer.php
rename to ui/footer.html
index 8f64a21..d56d839 100644
--- a/ui/footer.php
+++ b/ui/footer.html
@@ -3,7 +3,6 @@
     <h3>Contact me</h3>
     <a href="https://t.me/Fluffy_Bean">Telegram</a>
     <a href="https://twitter.com/fluffybeanUwU">Twitter</a>
-    <a href="https://discord.com/users/317376266066067459">Discord</a>
     <a href="https://github.com/Fluffy-Bean">GitHub</a>
   </div>
   <div class="footer-child center flex-down">
@@ -17,6 +16,5 @@
     <p>AAAAAAAA</p>
     <p>*Internal screaming*</p>
     <a href="https://gay.fluffybean.gay">My website!</a>
-    <a href="#">Go back up!</a>
   </div>
 </footer>
diff --git a/ui/top.html b/ui/top.html
new file mode 100644
index 0000000..12b1f7c
--- /dev/null
+++ b/ui/top.html
@@ -0,0 +1,4 @@
+<a id="back-to-top" href="#">
+  <img src="assets/icons/caret-up.svg">
+</a>
+<script src="scripts/top.js"></script>
diff --git a/upload.php b/upload.php
index bfa29ee..d5b8236 100644
--- a/upload.php
+++ b/upload.php
@@ -91,6 +91,9 @@
     ?>
   </div>
 
-  <?php include("ui/footer.php"); ?>
+  <?php
+  include("ui/top.html");
+  include("ui/footer.html");
+  ?>
 </body>
 </html>