From afdaab4e13fee3f4bc6ec1c53581b4dc4fdece96 Mon Sep 17 00:00:00 2001
From: Fluffy-Bean <michal-gdula@protonmail.com>
Date: Thu, 29 Sep 2022 11:27:44 +0000
Subject: [PATCH] Fixing broken looking UI when no images present

---
 group.php   |   4 ++
 image.php   |   2 +-
 index.php   | 105 +++++++++++++++++++++++++++++-----------------------
 profile.php |   5 +++
 4 files changed, 68 insertions(+), 48 deletions(-)

diff --git a/group.php b/group.php
index 16d744f..d177a48 100644
--- a/group.php
+++ b/group.php
@@ -182,6 +182,10 @@
 
     <?php 
     if (empty($group['image_list']) && $_GET['mode'] != "edit" && !empty($_GET['id'])) {
+        echo "<div class='info-text defaultFonts'>
+				<h1>Nothing here!</h1>
+				<p>There are no images in the group, add some!</p>
+			</div>";
         echo "<div id='gallery' class='gallery-root defaultDecoration' style='display: none;'>";
     } else {
         echo "<div id='gallery' class='gallery-root defaultDecoration' >";
diff --git a/image.php b/image.php
index ce5222e..fc354b6 100644
--- a/image.php
+++ b/image.php
@@ -101,7 +101,7 @@
 				?>
 					<style>
 						.image-container, .fullscreen-image {
-							background-color: <?php echo $image_colour; ?>55 !important;
+							background-color: <?php echo $image_colour; ?>33 !important;
 						}
 					</style>
 				<?php
diff --git a/index.php b/index.php
index 49495ac..7225dc6 100644
--- a/index.php
+++ b/index.php
@@ -46,61 +46,72 @@
 		}
 	?>
 
-<div class="info-text defaultFonts">
-	<?php
-		// Set time for message
-		$time = date("H");
-		$timezone = date("e");
-		if ($time < "12") {
-			$time_welc = "Good morning";
-		} else if ($time >= "12" && $time < "17") {
-			$time_welc = "Good afternoon";
-		} else if ($time >= "17" && $time < "19") {
-			$time_welc = "Good evening";
-		} else if ($time >= "19") {
-			$time_welc = "Good night";
-		}
-
-		// Welcome depending on if user is logged in or not
-		if (isset($_SESSION["username"])) {
-			echo "<h1>".$time_welc." ".$_SESSION['username']."!</h1>";
-		} else {
-			echo "<h1>".$time_welc."!</h1>";
-		}
-
-		// Random welcome message
-		$welcome_message = $user_settings['welcome_msg'];
-		echo "<p>".$welcome_message[array_rand($welcome_message, 1)]."</p>";
-	?>
-</div>
-
-<div class="gallery-root defaultDecoration">
 	<?php
 		// Reading images from table
 		$image_request = mysqli_query($conn, "SELECT * FROM images ORDER BY id DESC");
 
-		while ($image = mysqli_fetch_array($image_request)) {
-			// Getting thumbnail
-			if (file_exists("images/thumbnails/".$image['imagename'])) {
-				$image_path = "images/thumbnails/".$image['imagename'];
-			} else {
-				$image_path = "images/".$image['imagename'];
+		if (!empty($image_request)) {
+			?>
+				<div class="info-text defaultFonts">
+					<?php
+						// Set time for message
+						$time = date("H");
+						$timezone = date("e");
+						if ($time < "12") {
+							$time_welc = "Good morning";
+						} else if ($time >= "12" && $time < "17") {
+							$time_welc = "Good afternoon";
+						} else if ($time >= "17" && $time < "19") {
+							$time_welc = "Good evening";
+						} else if ($time >= "19") {
+							$time_welc = "Good night";
+						}
+
+						// Welcome depending on if user is logged in or not
+						if (isset($_SESSION["username"])) {
+							echo "<h1>".$time_welc." ".$_SESSION['username']."!</h1>";
+						} else {
+							echo "<h1>".$time_welc."!</h1>";
+						}
+
+						// Random welcome message
+						$welcome_message = $user_settings['welcome_msg'];
+						echo "<p>".$welcome_message[array_rand($welcome_message, 1)]."</p>";
+					?>
+				</div>
+			<?php
+
+			echo "<div class='gallery-root defaultDecoration'>";
+
+			while ($image = mysqli_fetch_array($image_request)) {
+				// Getting thumbnail
+				if (file_exists("images/thumbnails/".$image['imagename'])) {
+					$image_path = "images/thumbnails/".$image['imagename'];
+				} else {
+					$image_path = "images/".$image['imagename'];
+				}
+	
+				// Check for NSFW tag
+				if (str_contains($image['tags'], "nsfw")) {
+					echo "<div class='gallery-item'>
+						<a href='image.php?id=".$image['id']."' class='nsfw-warning'><img class='svg' src='assets/icons/warning_red.svg'><span>NSFW</span></a>
+						<a href='image.php?id=".$image['id']."'><img class='gallery-image nsfw-blur' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
+						</div>";
+				} else {
+					echo "<div class='gallery-item'>
+						<a href='image.php?id=".$image['id']."'><img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
+						</div>";
+				}
 			}
 
-			// Check for NSFW tag
-			if (str_contains($image['tags'], "nsfw")) {
-				echo "<div class='gallery-item'>
-					<a href='image.php?id=".$image['id']."' class='nsfw-warning'><img class='svg' src='assets/icons/warning_red.svg'><span>NSFW</span></a>
-					<a href='image.php?id=".$image['id']."'><img class='gallery-image nsfw-blur' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
-					</div>";
-			} else {
-				echo "<div class='gallery-item'>
-					<a href='image.php?id=".$image['id']."'><img class='gallery-image' loading='lazy' src='".$image_path."' id='".$image['id']."'></a>
-					</div>";
-			}
+			echo "</div>";
+		} else {
+			echo "<div class='info-text defaultFonts'>
+				<h1>Nothing here!</h1>
+				<p>There are no images in the gallery, upload some!</p>
+			</div>";
 		}
 	?>
-</div>
 
 <?php require_once __DIR__."/assets/ui/footer.php"; ?>
 </body>
diff --git a/profile.php b/profile.php
index 8c4bf24..766b3ed 100644
--- a/profile.php
+++ b/profile.php
@@ -44,6 +44,11 @@
                                 .profile-root {
                                     background-image: linear-gradient(to right, <?php echo $pfp_colour; ?>, var(--bg-3), var(--bg-3)) !important;
                                 }
+                                @media (max-width: 669px) {
+                                    .profile-root {
+                                        background-image: linear-gradient(to bottom, <?php echo $pfp_colour; ?>, var(--bg-3)) !important;
+                                    }
+                                }
                             </style>
                         <?php
                     } else {