...

CursedPrograms · Jan 27, 2024 · e79bf90 · e79bf90
1 parent 94e63c6
commit e79bf90
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 65 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+psdenv/
diff --git a/requirements.txt b/requirements.txt
@@ -1,2 +1,4 @@
-Flask==2.1.1
-Pillow==8.3.2
+flask==2.1.1
+pillow==10.2.0
+requests==2.31.0
+werkzeug==2.0.2
diff --git a/static/styles/uploader.css → static/styles/style.css b/static/styles/uploader.css → static/styles/style.css
@@ -1,60 +1,48 @@
-@charset "utf-8";
-
-body {
-  max-width: 80%;
-  margin: 0 auto;
-}
-
-h1 {
-  text-align: center;
-}
-
-form {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  background-color: #005184;
-  padding: 20px;
-  border-radius: 8px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-}
-
-input {
-  margin-bottom: 10px;
-  padding: 10px;
-  border: 1px solid #004067;
-  border-radius: 4px;
-  background-color: #fff;
-  color: #333;
-}
-
-button {
-  background-color: #004067;
-  color: #fff;
-  padding: 10px 15px;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  font-size: 16px;
-}
-
-button:hover {
-  background-color: #005184;
-}
-
-.uploaded-images {
-  overflow-x: auto;
-  white-space: nowrap;
-}
-
-.uploaded-images ul {
-  list-style: none;
-  display: inline-flex;
-  gap: 10px;
-  padding: 0;
-}
-
-.uploaded-images li {
-  flex: 0 0 auto;
-  box-sizing: border-box;
-}
+@import url('https://cursedprograms.github.io/cursedentertainment/styles/main-style.css');
+@import url('https://cursedprograms.github.io/cursedentertainment/styles/footer-style.css');
+
+.content{
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+h1 {
+  text-align: center;
+}
+
+form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: var(--color-secondary);
+  padding: 20px;
+  border-radius: 8px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+}
+
+input {
+  margin-bottom: 10px;
+  padding: 10px;
+  border: 1px solid var(--color-secondary);
+  border-radius: 4px;
+  background-color: var(--color-white);
+  color: #333;
+}
+
+.uploaded-images {
+  overflow-x: auto;
+  white-space: nowrap;
+}
+
+.uploaded-images ul {
+  list-style: none;
+  display: inline-flex;
+  gap: 10px;
+  padding: 0;
+}
+
+.uploaded-images li {
+  flex: 0 0 auto;
+  box-sizing: border-box;
+}
diff --git a/templates/index.html b/templates/index.html
@@ -6,7 +6,7 @@
   <title>Image Uploader</title>
   <link rel="stylesheet" type="text/css" href="https://cursedprograms.github.io/cursedentertainment/styles/main-style.css">
 <link rel="stylesheet" type="text/css" href="https://cursedprograms.github.io/cursedentertainment/styles/content-style.css">
-  <link href="../static/styles/uploader.css" rel="stylesheet" type="text/css">
+  <link href="../static/styles/style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
   <div class="content">
@@ -25,7 +25,7 @@ <h2>Uploaded Images:</h2>
         </ul>
       </div>
     {% endif %}
-<footer id="dynamicFooter"></footer>
-<script src="https://raw.githubusercontent.com/CursedPrograms/cursedentertainment/4499e7c8831917bfbb01fe5e99e1289602ef9b34/scripts/footer.js"></script>
+    <footer id="dynamicFooter"></footer>
+    <script src="https://cursedprograms.github.io/cursedentertainment/scripts/footer.js"></script> 
 </body>
 </html>