commit 6681b30e4b2aa9fecde077082c9373e923d63067
parent 15799409963c988a8441db163c07e5f2020dab9b
Author: Shipwreckt <Shipwreckt@mailfence.com>
Date: Tue, 4 Jun 2024 19:06:27 +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:
5 files changed, 81 insertions(+), 35 deletions(-)
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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;
+}
+
