Fixed sidebar, hyperlinked Shipwreckt

author: Shipwreckt <Shipwreckt@mailfence.com> 2024-06-05 05:43:23 +0100
committer: Shipwreckt <Shipwreckt@mailfence.com> 2024-06-05 05:43:23 +0100
commit: 4f08cc45e5d940c256cc277ca96de6cc54953a6d (patch)
tree: d15e3a18fd2ac51e3a073fbb2d1e9b7807354a56
parent: 322601d13d5cd4c42e32a0c4040af2d7d252f685 (diff)
12 files changed, 33 insertions, 146 deletions
diff --git a/public/about/hardware b/public/about/hardware
index e5f65cc..4e01d61 100644
--- a/public/about/hardware
+++ b/public/about/hardware
@@ -19,7 +19,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> 
             <nav>
                 <ul>
                     <li><a href="../index.html">Home</a></li>
diff --git a/public/about/software b/public/about/software
index 17374cd..27385b6 100644
--- a/public/about/software
+++ b/public/about/software
@@ -19,7 +19,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
             <nav>
                 <ul>
                     <li><a href="../index.html">Home</a></li>
diff --git a/public/articles/0How_To_Stay_Safe_Online.html b/public/articles/0How_To_Stay_Safe_Online.html
index 0f52661..2ecf4aa 100644
--- a/public/articles/0How_To_Stay_Safe_Online.html
+++ b/public/articles/0How_To_Stay_Safe_Online.html
@@ -17,7 +17,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
              <hr style="width:50%;text-align:center;"> 
              <nav>
                 <ul>
diff --git a/public/index.html b/public/index.html
index 21cb8e3..6f20ed0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -18,7 +18,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
             <hr>
             <nav>
                 <ul>
diff --git a/public/projects/WeeklyByte/2024/issue0WB.html b/public/projects/WeeklyByte/2024/issue0WB.html
index e1a208f..cc4debf 100644
--- a/public/projects/WeeklyByte/2024/issue0WB.html
+++ b/public/projects/WeeklyByte/2024/issue0WB.html
@@ -16,7 +16,8 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
+            <hr>
             <nav>
                 <ul>
                     <li><a href="../../../index.html">Home</a></li>
diff --git a/public/projects/WeeklyByte/2024/issue1WB.html b/public/projects/WeeklyByte/2024/issue1WB.html
index 95473ef..11d5823 100644
--- a/public/projects/WeeklyByte/2024/issue1WB.html
+++ b/public/projects/WeeklyByte/2024/issue1WB.html
@@ -16,7 +16,8 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
+            <hr>
             <nav>
                 <ul>
                     <li><a href="../../../index.html">Home</a></li>
diff --git a/public/projects/WeeklyByte/2024/issue2WB.html b/public/projects/WeeklyByte/2024/issue2WB.html
index 0686896..2fa1003 100644
--- a/public/projects/WeeklyByte/2024/issue2WB.html
+++ b/public/projects/WeeklyByte/2024/issue2WB.html
@@ -16,7 +16,8 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
+            <hr>
             <nav>
                 <ul>
                     <li><a href="../../../index.html">Home</a></li>
diff --git a/public/projects/WeeklyByte/2024/test b/public/projects/WeeklyByte/2024/test
deleted file mode 100644
index 0445592..0000000
--- a/public/projects/WeeklyByte/2024/test
+++ /dev/null
@@ -1,111 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <title>Shipwreckt</title>
-    <link rel="icon" href="../../logo.jpg" type="image/x-icon">
-    
-    <!-- styles -->
-    <link href="../../style.css" rel="stylesheet" type="text/css" />
-
-    <!-- jQuery -->
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>    
-
-  </head>
-  
-<!-------------------------------------------------------------->
-  <body>
-
-    <header id="header">
-      <h1>Shipwreckt</h1>
-      
-      <!-- Menu selection  -->
-      <ul class="main-menu">
-        <li><a href="../../index.html#home">Home</a></li>
-        <li><a href="../../index.html#about">About</a></li>
-        <li><a href="../../index.html#projects">Projects</a></li>
-        <li><a href="../../index.html#contact">Contact</a></li>
-      </ul>                 
-
-</header>
-
-    <div id="container">
-      <div class="inner">
-        <div id="content"> 
-          
-            <h3>Weekly byte<br> by shipwreckt<br> </h3>
-            <p><b>Linux distro of the week: Arch Linux</b></p>
-          
-          <p> Personal experience<br>
-        I have Arch Linux on all my computers, and, to put it bluntly, I love it. This is due
-        to the fact that I am able to customise it to be whatever I want, and I know what is
-        on my computer instead of It grows bloated over time, like windows. While I have had
-        some trouble in the past with Arch, where all my faults and all of the problems I had
-        were easily fixed. Overall, I just like having full control over my computer and making
-        it look nice.</p>
-        
-        <hr>
-        <p>Pros<br>
-        Arch Linux is very custimizable. Linux distro: no two Arch Linux systems are alike because
-        you have to tailor your arch Linux to your needs, this means you have more space on your
-        computer because you don't have programmes you do not use. There is a large catalogue of
-        programmes in the official Arch Linux repository, and there is also even more in the
-        AUR (Arch user repository)</p>
-
-        <p>If you are ever facing an issue with Arch Linux, there is more likely than not documentation
-        on your problem, an example of this happening to me was when I updated my packages, it told me I
-        had missing firmware, which I thought was odd, so I looked it up, and it turns out I needed to install
-        a few packages.</p>
-
-        <p>Arch Linux has a rolling release model, meaning you get all the fancy new software as
-        soon as it has been approved to be working. You do get updates daily, but I suggest updating
-        your computer every week.</p>
-        <hr>
-        <p>Cons<br>
-        This con is subjective, but Arch Linux has a steep learning curve. At the start, things are
-        hard, and You are very confused, but over time, you learn more and more. But if you enjoy
-        learning how to use I would suggest Arch because I have learned so much from it.</p>
-        
-        <p>Arch is not the most beginner-friendly distro, and when I started using Arch, I thought
-        I knew how to use Linux through the command line pretty well, but I was proven so wrong,
-        so fast, there were lots of failed when I started with arch, but I learned and tried again
-        and looked at sources, while it is not the most beginner-friendly, you need to dive yourself
-        into the deep and try if you want to get anywhere in Arch Linux.</p>
-        <hr>
-        <p><b>Who would I suggest Arch to?<br></b>
-        I would suggest Arch Linux to somebody who is willing to learn and wants more power over their
-        computer's software<br><br>
-
-        Arch Linux website link: archlinux.org
-
-        Tip on installing: I suggest you watch SOG's instillation guide and follow along the first time
-        you Install it; I did, and it went well. After that, you can develop your own method. Here is the
-        <a href="https://www.youtube.com/watch?v=_JYIAaLrwcY">link to the video</a> </p>
-        <hr>
-        <p><b>Suggestion of the Week!<br><br>
-
-        Hardware</b><br>
-        This week's hardware suggestion I have for you is that if you are looking for a spare laptop to
-        work on or try out Linux. I suggest you look for second-hand ThinkPad; they are very durable and
-        are recommended for There are amazing keyboards, and I can back that up. If you look hard enough,
-        you will find one that is Pretty cheep. I got my ThinkPad for £40 ($50), and it has an I5 in it.
-        I use it more than my PC, so I would say it was worth every penny that I paid for it.</p>
-        
-        <p><b>Software</b>
-        I suggest you learn how to use VIM. It is free and easy to learn the basics of, but it gives
-        you a lot of power. I suggest it, especially if you want to learn or are learning programming
-        due to the fact that it is really efficient for programming, I use it for programming and typing
-        up. these newsletters. </p>
-        <hr>
-        <p><b>Conclusion</b><br>
-        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>
-
-        </div>
-      </div>
-    </div>
-    <!-- Load additional JS scripts here -->
-    <script type="text/javascript" src="script.js"></script>
-  </body>
-</html>
diff --git a/public/projects/WeeklyByte/WeeklyByte.html b/public/projects/WeeklyByte/WeeklyByte.html
index b948de8..d791bcf 100644
--- a/public/projects/WeeklyByte/WeeklyByte.html
+++ b/public/projects/WeeklyByte/WeeklyByte.html
@@ -16,7 +16,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr>
             <nav>
                 <ul>
                     <li><a href="../../index.html">Home</a></li>
diff --git a/public/projects/programs/Dotfiles.html b/public/projects/programs/Dotfiles.html
index d4f7b47..fd831a1 100644
--- a/public/projects/programs/Dotfiles.html
+++ b/public/projects/programs/Dotfiles.html
@@ -17,7 +17,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
             <nav>
                 <ul>
                     <li><a href="../../index.html">Home</a></li>
diff --git a/public/projects/programs/Fakefetch.html b/public/projects/programs/Fakefetch.html
index 9b61a96..a849e96 100644
--- a/public/projects/programs/Fakefetch.html
+++ b/public/projects/programs/Fakefetch.html
@@ -18,7 +18,7 @@
     </div>
     <div class="content">
         <header>
-            <h1>Shipwreckt</h1><hr>
+            <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1>
             <nav>
                 <ul>
                     <li><a href="../../index.html">Home</a></li>
diff --git a/public/styles.css b/public/styles.css
index 0a3d6d4..d628ffc 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -9,6 +9,8 @@ body {
 
 .sidebar {
     position: fixed;
+    top: 0;
+    left: 0;
     width: 240px; /* Default sidebar width */
     height: 100%;
     background-color: #141414;
@@ -18,12 +20,13 @@ body {
 }
 
 .sidebar:hover {
-    width: 280px; /* Width when hovered over */
+    width: 300px; 
 }
 
 .sidebar h2 {
     color: #7a4d7c;
     text-align: center;
+    margin-bottom: 20px;
 }
 
 .sidebar ul {
@@ -50,30 +53,30 @@ body {
 }
 
 .content {
-    margin-left: 240px;
+    margin-left: 240px; 
     padding: 20px;
-    transition: margin-left 0.3s ease;
     flex: 1;
 }
 
-.sidebar:hover ~ .content {
-    margin-left: 300px;
-}
-
 header {
     background-color: #1f1f1f;
     padding: 10px;
     text-align: center;
-    top: 0;
     z-index: 1000;
+    width: 100%;
 }
 
+header a {
+    color: #ffffff;
+    text-align: center;
+    text-decoration: none; 
+}
 
 header hr {
-    width:50%;
-    text-align:center;
+    width: 50%;
+    text-align: center;
 }
-             <hr style="width:50%;text-align:center;">
+
 header h1 {
     margin: 0;
     color: #ffffff;
@@ -117,15 +120,7 @@ main {
     margin-top: 20px;
 }
 
-main h1 {
-    color: #7a4d7c;
-}
-
-main h2 {
-    color: #7a4d7c;
-}
-
-main h3 {
+main h1, main h2, main h3 {
     color: #7a4d7c;
 }
 
@@ -152,17 +147,17 @@ main a:hover {
 .about-content {
     display: flex;
     align-items: center;
-    flex-direction: row-reverse; 
+    flex-direction: row-reverse;
 }
 
 .about-image {
-    margin-left: 20px; 
-    margin-right: 30px
+    margin-left: 20px;
+    margin-right: 30px;
 }
 
 .about-image img {
-    width: 200px; 
-    height: auto; 
+    width: 200px;
+    height: auto;
     border-radius: 50%;
     border: 5px solid #7a4d7c;
 }
author	Shipwreckt <Shipwreckt@mailfence.com>	2024-06-05 05:43:23 +0100
committer	Shipwreckt <Shipwreckt@mailfence.com>	2024-06-05 05:43:23 +0100
commit	4f08cc45e5d940c256cc277ca96de6cc54953a6d (patch)
tree	d15e3a18fd2ac51e3a073fbb2d1e9b7807354a56
parent	322601d13d5cd4c42e32a0c4040af2d7d252f685 (diff)