3 files changed, 29 insertions, 145 deletions
diff --git a/assets/firstpost.png b/assets/firstpost.png
deleted file mode 100644
index 802f95d..0000000
--- a/assets/firstpost.png
+++ /dev/null
diff --git a/assets/otherstyle.css b/assets/otherstyle.css
deleted file mode 100644
index 6e87aae..0000000
--- a/assets/otherstyle.css
+++ /dev/null
@@ -1,143 +0,0 @@
-
-.content {
-    display: flex;
-    flex-direction: column;
-    padding-top: 90px;
-    padding-left: 32px;
-    padding-right: 32px;
-    justify-content: center;
-    gap: 44px;
-    word-wrap:break-word;
-    align-items: center;
-}
-
-.navbar {
-    padding-left: 32px;
-    padding-right: 32px;
-    justify-content: center;
-    word-wrap:break-word;
-    align-items: center;
-}
-
-.main {
-    max-width: 700px;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-}
-
-.series {
-    font-size: 12px;
-    font-weight: 500;
-    text-decoration: underline
-}
-
-.series {
-    font-size: 12px;
-    font-weight: 500;
-    text-decoration: underline
-}
-
-.side {
-    display: flex; 
-    flex-direction: column; 
-    align-items: center;
-}
-
-.profilepic {
-    width: 150pt;
-    border-radius: 50%;
-}
-
-.flexrow {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-}
-
-
-time {
-    font-size: 12px
-}
-
-.tag {
-    background-color: #A0A0A0;
-    padding: 4px;
-    margin-right: 2px;
-    font-size: 12px;
-}
-
-@media (max-width: 500px) {
-    .tagcontainer{
-        display: none;
-    }
-}
-
-.posttitle {
-    font-size: 19px;
-    font-weight:500;
-    text-decoration: underline;
-}
-
-nav {
-    display: flex;
-    flex-direction: row;
-    align-items: center;
-    justify-content: center;
-    width: 100%;
-    position: fixed;
-    height: 90px;
-    font-size: 30px;
-    background-color: #C0C0C0;
-    z-index: 1000;
-}
-
-.socials {
-    font-size: 15px;
-    text-decoration: none;
-    font-weight: 600;
-    text-decoration: underline;
-    padding-right: 4px;
-}
-
-pre {
-    background: #f4f4f4;
-    border: 1px solid #ddd;
-    color: #666;
-    page-break-inside: avoid;
-    font-family: monospace;
-    font-size: 15px;
-    line-height: 1.6;
-    margin-bottom: 1.6em;
-    max-width: 100%;
-    overflow: auto;
-    padding: 1em 1.5em;
-    display: block;
-    word-wrap: break-word;
-}
-
-a,a:visited{
-    color: black;
-    text-decoration: none;
-}
-
-p>a{
-    text-decoration: underline;
-    font-weight: 600;
-}
-
-code{
-    font-size: 15px;
-}
-
-body {
-    margin: 0;
-    font-family: Arial, Helvetica, sans-serif;
-    background-color: lightgray
-}
-    
-
-.title {
-    font-weight: 600;
-}
-
diff --git a/assets/style.css b/assets/style.css
index 1abdc8e..2994f18 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -8,6 +8,22 @@ body {
     justify-content:center;
 }
 
+.upload {
+    display: flex;
+    justify-content:center;
+    flex-direction: column;
+}
+
+#uploadlink {
+    text-decoration: none;
+    color: black;
+}
+
+.imgcontainer {
+    width: 100%;
+    padding-top: 100%;
+    position: relative;
+}
 
 #container {
     max-width: 600px;
@@ -17,8 +33,19 @@ body {
     align-items:center;
 }
 
+#posts {
+    width: 100%;
+}
+
 img{
-    width:100%;
+    object-fit: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
 }
 
 .description {
@@ -44,7 +71,7 @@ img{
     padding-left: 10px;
     padding-right: 10px;
     justify-content: center;
-    gap: 20px;
+    gap: 5px;
     word-wrap:break-word;
     align-items: center;
 }