commit 4f08cc45e5d940c256cc277ca96de6cc54953a6d
parent 322601d13d5cd4c42e32a0c4040af2d7d252f685
Author: Shipwreckt <Shipwreckt@mailfence.com>
Date: Wed, 5 Jun 2024 05:43:23 +0100
Fixed sidebar, hyperlinked Shipwreckt
Diffstat:
12 files changed, 33 insertions(+), 146 deletions(-)
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;
}
