add: html quality of life

1 files changed, 44 insertions, 9 deletions

diff --git a/index.html b/index.html
index 2869c13..1e9b595 100644
--- a/index.html
+++ b/index.html
@@ -12,17 +12,52 @@
 	  background: #c2c2c2;
 	  padding: 0;
       }
+      .text-footer {
+	  display: flex;
+	  justify-content: center ;
+	  align-items: center;
+      }
+
+      .img-footer {
+	  display: flex;
+	  justify-content: center;
+      }
+
+      .container {
+	  display: flex;
+	  flex-direction: column;
+	  min-height: 85vh;
+      }
+      
+      .footer {
+	  margin-top: auto;
+      }
     </style>
   </head>
   <body>
-    <h2>Welcome to UxU</h2>
-    
-    <p>Yes! UxU is a File Hosting service, but not in it's traditional sense. There is no Upload Button.
-    You need to move to the cultured way of doing it -- using curl.</p>
-    <br><br>
-    <code>curl -X POST -F "file=@file.png"</code>
-    <br><br>and the reponse will be a link with your Filename (sanitized ofcourse)
-    
-    <script src="index.js"></script>
+    <div class="container">
+      <h2>Welcome to UxU</h2>
+      
+      <p>Yes! UxU is a File Hosting service, but not in it's traditional sense. There is no Upload Button.
+	You need to move to the cultured way of doing it -- using curl.</p>
+      
+      <code>curl -X POST -F "file=@file.png"</code>
+      <p>and the reponse will be a link with your Filename (sanitized ofcourse)</p>
+      <code>https://uxu.veradec.xyz/{random_string}/file.png</code>
+      <p>something of this sorts and you can share the link too!</p>
+    </div>
+      <hr>
+      <div class="footer">
+	<div class="text-footer">
+	  <p><small>No Tracking or No Looking, I promise |
+	      You too can host it with <a href="https://git.veradec.xyz/UxU.git">this git repo</a></small></p>
+	</div>
+	
+	<div class="img-footer">
+	  <img src="./assets/anythingbut.gif">
+	  <img src="./assets/cc0.png">
+	<img src="./assets/emacs2.gif">
+	</div>
+      </div>
   </body>
 </html>