website

commit 322601d13d5cd4c42e32a0c4040af2d7d252f685
parent 6681b30e4b2aa9fecde077082c9373e923d63067
Author: Shipwreckt <Shipwreckt@mailfence.com>
Date:   Tue,  4 Jun 2024 19:17:00 +0100

Added image to my about me, I have updated the CSS to make it a circle. I have also did some minor ajustments to the weeklybytes to make it look a little cleaner

Diffstat:
M
public/styles.css
 | 
42
+++++++++++-------------------------------

1 file changed, 11 insertions(+), 31 deletions(-)
diff --git a/public/styles.css b/public/styles.css
@@ -151,47 +151,27 @@ main a:hover {
 
 .about-content {
     display: flex;
+    align-items: center;
+    flex-direction: row-reverse; 
+}
+
+.about-image {
+    margin-left: 20px; 
+    margin-right: 30px
 }
 
 .about-image img {
-    width: 200px; /* Adjust the width as needed */
-    height: auto; /* Maintain the aspect ratio */
+    width: 200px; 
+    height: auto; 
     border-radius: 50%;
     border: 5px solid #7a4d7c;
-    margin-top: -20px; /* Adjust the negative margin to move the image up */
-}
-
-
-
-
-.about-text {
-    flex: 3; 
 }
 
-.about-text h2 {
+#Articles a {
     color: #7a4d7c;
 }
 
-.about-text p {
-    margin: 10px 0;
-}
-
-.about-text ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-}
-
-.about-text ul li {
-    margin-top: 10px;
-}
-
-.about-text ul li a {
+#Articles a:hover {
     color: #9433ff;
-    text-decoration: none;
-}
-
-.about-text ul li a:hover {
-    text-decoration: underline;
 }