config.dist.php

@@ -3,12 +3,9 @@
 // Title
 $title = "imgpaste by gideonstar";
 
-// Dropzone  text
+// Displayed text
 $text = "Click or drop image here..."; 
 
-// Footer text
-$footer = '<a href="https://git.stefanritter.de/gideonstar/imgpaste.git">imgpaste</a> by gideonstar';
-
 // Themes can be found in the themes directory
 $theme = "gideonstar";
 

index.php

@@ -20,7 +20,6 @@
 			<div id="dropzone" class="inactive">
 				<p><?php echo $text; ?></p>
 			</div>
-			<div id="footer"><?php echo $footer; ?></div>
 		</div>
 		<script src="script.js"></script>
 	</body>

themes/gideonstar/style.css

@@ -1,5 +1,6 @@
 :root {
 	--round: 20px;
+	--border: 100px;
 }
 
 @font-face {
@@ -19,43 +20,29 @@ body {
 }
 
 #wrapper {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
 	width: 100vw;
 	height: 100vh;
-}
-
-#dropzone {
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 90vw;
+}
-	height: 200px;
+
-	max-width: 500px;
+#dropzone {
-	margin-top: 50px;
+	width: calc(100vw - var(--border));
+	height: calc(100vh - var(--border));
 	border-radius: var(--round);
+	display: flex;
+	align-items: center;
+	justify-content: center;
 }
 
 .active {
 	background-color: #ffb703;
 	outline: 2px dashed #fb8500;
-	transition: .3s ease;
 }
 
 .inactive {
 	background-color: #f5f5f5;
 	outline: 2px dashed #d5d5d5;
-	transition: .3s ease;
 }
 
-#footer {
-	margin-top: 10px;
-	color: white;
-	font-size: .8em;
-}
-
-a {
-	color: #ffb703;
-	text-decoration: none;
-}