From 6681b30e4b2aa9fecde077082c9373e923d63067 Mon Sep 17 00:00:00 2001
From: Shipwreckt <Shipwreckt@mailfence.com>
Date: Tue, 4 Jun 2024 19:06:27 +0100
Subject: 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

---
 public/index.html                             | 64 ++++++++++++++-------------
 public/projects/WeeklyByte/2024/issue0WB.html |  4 +-
 public/projects/WeeklyByte/2024/issue1WB.html |  1 -
 public/projects/WeeklyByte/2024/issue2WB.html |  1 -
 public/styles.css                             | 46 +++++++++++++++++++
 5 files changed, 81 insertions(+), 35 deletions(-)

(limited to 'public')

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>
diff --git a/public/projects/WeeklyByte/2024/issue0WB.html b/public/projects/WeeklyByte/2024/issue0WB.html
index 2966dd8..e1a208f 100644
--- a/public/projects/WeeklyByte/2024/issue0WB.html
+++ b/public/projects/WeeklyByte/2024/issue0WB.html
@@ -92,8 +92,8 @@
         due to the fact that it is really efficient for programming, I use it for programming and typing
         up. these newsletters. </p>
         <hr>
-        <h3>Conclusion<h3>
-        That is all for this week. I will post these on Fridays from now on; I only posted this today.
+        <h3>Conclusion</h3>
+        <p>That is all for this week. I will post these on Fridays from now on; I only posted this today.
         because I have been given permission to actually do this, and I am grateful. But if you read
         all of this, thank you; it does mean a lot to me!</p>
         </main>
diff --git a/public/projects/WeeklyByte/2024/issue1WB.html b/public/projects/WeeklyByte/2024/issue1WB.html
index d25cdd3..95473ef 100644
--- a/public/projects/WeeklyByte/2024/issue1WB.html
+++ b/public/projects/WeeklyByte/2024/issue1WB.html
@@ -73,7 +73,6 @@ care about space and you have optimised systemd on Ubuntu, this should not be a
 software applications F-droid can be installed on any android phone and as mentioned is an app
 store for free and libre code, personally I would suggest "table habit" it lets you forge good
 habits and break old ones!</p>
-<hr>
         </main>
 
     </div>
diff --git a/public/projects/WeeklyByte/2024/issue2WB.html b/public/projects/WeeklyByte/2024/issue2WB.html
index ac41e64..0686896 100644
--- a/public/projects/WeeklyByte/2024/issue2WB.html
+++ b/public/projects/WeeklyByte/2024/issue2WB.html
@@ -30,7 +30,6 @@
             <h2>Weekly byte<br> Date: 2/6/2024</h2>
             <hr>
             <p>Hello and welcome to this week's edition of the weekly byte! This week we will be talking about some Linux Mint, some software suggestions, how I stay safe online, and way more so keep reading!</p>
-            <hr>
             <h3>Distro of the week: Linux Mint !</h3>
             <p>Linux Mint is my favourite debian-based Linux distro, and for good reason, because it just does what it sets out to do: make it easy on the user, and Linux Mint does that very well. In my experience with Linux Mint, I have had no problems at all to speak of.</p>
             <h3>Pros</h3>
diff --git a/public/styles.css b/public/styles.css
index 2a6451f..63c1df5 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -149,3 +149,49 @@ main a:hover {
     width: 70%;
 }
 
+.about-content {
+    display: flex;
+}
+
+.about-image img {
+    width: 200px; /* Adjust the width as needed */
+    height: auto; /* Maintain the aspect ratio */
+    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 {
+    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 {
+    color: #9433ff;
+    text-decoration: none;
+}
+
+.about-text ul li a:hover {
+    text-decoration: underline;
+}
+
-- 
cgit v1.2.3