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

1 files changed, 33 insertions, 31 deletions

diff --git a/public/index.html b/public/index.html
index 2329122..21cb8e3 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,8 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1>Shipwreckt</h1>
+            <hr>
             <nav>
                 <ul>
                     <li><a href="index.html">Home</a></li>
@@ -41,23 +42,25 @@
                 <p>Also quick note this website does need javascript enabled, the javascript can be viewed  <a href="https://gitlab.com/Shipwreckt/website/-/blob/master/public/script.js?ref_type=heads">Here</a> if you want to look at it.</p>
             </section>
 
-            <section id="about" style="display: none;">
-                <h2>About Me</h2>
-                <p>Hello there! I am Shipwreckt, a 15-year-old dude who lives in the UK, if you
-                cannot tell I like to program!</p>
-                
-                <p>I have enjoyed programming for a number of years now, ever since early 2022, but I
-                only really delved into programming fully in late 2023, when I fully switched from
-                Windows to Linux. The reason why I made the switch was because even though I can see
-                Windows is not all that great, I wanted to challenge myself and also give myself a
-                reason to program again, so I switched over to Linux, and it has been amazing. It
-                has given me the freedom to be creative with my desktop and config files. But I am
-                currently learning the C programming language, and I am planning on making some more
-                programs, so keep your eyes peeled for when I do!</p>
-                <hr>
+            <section id="about">
+    <div class="about-content">
+        <div class="about-image">
+            <img src="Images/logo.jpg" alt="About Me Image">
+        </div>
+        <div class="about-text">
+            <h2>About Me</h2>
+            <p>Hello there! I am Shipwreckt, a 15-year-old dude who lives in the UK, if you cannot tell I like to program!</p>
+
+            <p>I have enjoyed programming for a number of years now, ever since early 2022, but I only really delved into programming fully in late 2023, when I fully switched from Windows to Linux. The reason why I made the switch was because even though I can see Windows is not all that great, I wanted to challenge myself and also give myself a reason to program again, so I switched over to Linux, and it has been amazing. It has given me the freedom to be creative with my desktop and config files. But I am currently learning the C programming language, and I am planning on making some more programs, so keep your eyes peeled for when I do!</p>
+            <hr>
+            <ul>
                 <li><a href="about/hardware">Hardware I am using</a></li>
                 <li><a href="about/software">Software I use</a></li>
-            </section>
+            </ul>
+        </div>
+    </div>
+</section>
+
 
             <section id="contact" style="display: none;">
                 <h2>Contact</h2>
@@ -65,7 +68,7 @@
                 Email: shipwreckt@mailfence.com</p><br>
 
                 <p style="font-size:20px; ">Code, mostly use gitlab:
-                <a href="https://gitlab.com/Shipwreckt">Gitlab</a> 
+                <a href="https://gitlab.com/Shipwreckt">Gitlab</a>
                 <a href="https://github.com/Shipwrecktt">Github</a>
                 <a href="https://www.freecodecamp.org/Shipwreckt">Freecodecamp.org</a>
                 <br>
@@ -75,28 +78,27 @@
             </section>
 
             <section id="projects" style="display: none;">
-            <h2>Projects!</h2>
-            <p>Below is a list of all my projects, have a look around!</p>
+                <h2>Projects!</h2>
+                <p>Below is a list of all my projects, have a look around!</p>
 
-            <p>Programming
-            <li><a href="projects/programs/Dotfiles.html">Dotfiles</a></li>
-            <li><a href="projects/programs/Fakefetch.html#info">Fakefetch script</a></li>
-            </p><br>
+                <p>Programming</p>
+                <ul>
+                    <li><a href="projects/programs/Dotfiles.html">Dotfiles</a></li>
+                    <li><a href="projects/programs/Fakefetch.html#info">Fakefetch script</a></li>
+                </ul><br>
 
-            <p>Written works
-            <li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li>
-            </p>
+                <p>Written works</p>
+                <ul>
+                    <li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li>
+                </ul>
             </section>
-            
-            <section id="Articles">
+
+            <section id="Articles" style="display: none;">
                 <div class="article">
                     <h2><a href="articles/0How_To_Stay_Safe_Online.html#article">How to stay safe online</a></h2>
                     <p>Date: May 30, 2024</p>
-                    </div>
                 </div>
-
             </section>
-
         </main>
     </div>
     <script src="script.js"></script>