commit 56867c9b4ced86f7231a5ee1bbea62b0cb784574
parent c31d17cc545bf18159066b2656d3a79f6cf7025b
Author: Shipwreckt <shipwreckt@mailfence.com>
Date: Wed, 28 Aug 2024 07:46:57 +0100
Changes to lang
Diffstat:
50 files changed, 961 insertions(+), 936 deletions(-)
diff --git a/public/about/bitcoin b/public/about/bitcoin
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bitcoin</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Bitcoin</h1>
@@ -25,6 +26,6 @@
<img src="../Images/misc/BitcoinQrCode.png" alt="bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt" width="500" hight="auto">
<img sr></img>
</main>
-</body>
+ </body>
</html>
diff --git a/public/about/hardware b/public/about/hardware
@@ -1,27 +1,28 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hardware</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h3>Hardware</h3>
<p>I am daily driving a <a href="https://www.notebookcheck.net/Review-Lenovo-ThinkPad-L440-Notebook.107632.0.html">ThinkPad L440</a> made in 2013, its keyboard feels like heaven, definitely the best keyboard I have ever used my hands just glide over it. It is durable as hell, I have dropped this thing a few times and it has gotten no dents or scratches, I know it has a roll cage in it so this laptop will last forever. I have 8GB of RAM in this laptop which I will upgrade at some point and im using a I5-4200M CPU. Overall it is an amazing laptop and I believe I can use this laptop for the rest of my life if it lasts that long!</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/about/media b/public/about/media
@@ -1,38 +1,36 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hardware</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Media I Enjoy!</h1>
- <p>This page is about some media I enjoy. It is divided into two different categories: video games and movies, for now, I do plan to add some books in the future!</p>
- <hr>
+ <p>This page is about some media I enjoy. It is divided into two different categories: video games and movies, for now, I do plan to add some books in the future!</p><hr>
<h2>Video Games</h2>
<img src="../Images/media/zomboid.jpg" class="left-image" width="100" style="padding: 10px; display: block; margin: 10px auto; max-width: 100%;">
- <br><p>My favorite video game is <a href="https://projectzomboid.com">Project Zomboid</a>, a zombie survival game where you have to survive for the longest amount of time. I like the amount of mods the Project Zomboid community has made over time, which add so much content to the game. I am excited for when they add other humans as AI into the game because that would create a whole new level to the game.</p>
-
- <br><hr>
+ <br><p>My favorite video game is <a href="https://projectzomboid.com">Project Zomboid</a>, a zombie survival game where you have to survive for the longest amount of time. I like the amount of mods the Project Zomboid community has made over time, which add so much content to the game. I am excited for when they add other humans as AI into the game because that would create a whole new level to the game.</p><br><hr>
<h2>Movies</h2>
<a href="http://www.revolution-os.com"><img src="../Images/media/revolutionos.jpg" class="left-image" width="100" style="padding: 10px; display: block; margin: 10px auto; max-width: 100%;"></a>
<br><p>A movie I can watch over and over again is <a href="http://www.revolution-os.com/index.html">Revolution OS</a> because I love the way it covers the Free software and open source software movements separately and in a non-biased way. It also provides a lot of information about one of my favorite subjects, the GNU/Linux operating system.</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/about/software b/public/about/software
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Software</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h3>Linux distro</h3>
@@ -29,35 +30,35 @@
<h3>Window manager</h3>
<p>For my window manager, I use <a href="https://dwm.suckless.org/">DWM</a> because it is lightweight, fast, does the job, and allows me to learn C while configuring it. There is also a large selection of patches to DWM meaning you can modify it to your hearts content! What's not to like?</p>
- <h3>Web browser</h3>
- <p>For my web browser is <a href "https://librewolf.net/">librewolf</a>, the only browser that
- really cares about your privacy, whilst yes it is annoying being logged out of everything
- but this is why password managers exist.
- exist I just log on in a matter of seconds. I don't use many extensions but the ones I do use are
- <a href "https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">ublock</a> ,
- <a href "https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/">KeePassXC</a> ,
- <a href "https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark reader</a>.</p>
-
- <h3>IDE</h3>
- <p>My IDE is Neovim, the reason why I use Neovim instead of something like <b>Visual Studio Code</b> is because it is simple and the keybinds are to die for, so if you want a simple easy IDE, I would suggest Neovim !</p>
-
- <h3>Password manager</h3>
- <p>I use <a href="https://keepassxc.org/">KeePassXC</a> for managing my passwords, I
- used to use bitwarden but after a while I just thought I did not want my passwords in
- somebody else's server so I switched to KeePassXC because it is offline, I use syncthing
- to sync all my passwords from my laptop to my phone.</p>
-
- <h3>File manager</h3>
- <p>For my file manager, I mostly use <a href ="https://github.com/ranger/ranger">Ranger</a>. The main reason I use Ranger is because it uses Vim keybinds and well I just love Vim keybinds! The only problem is I still sometimes use thunar for small things like mounting USB sticks and interacting with websites, but apart from that I only really use Ranger!</p>
-
- <h3>App launcher</h3>
- <p>I use <a href="https://tools.suckless.org/dmenu/">Dmenu</a> for my app launcher because it works well with DWM and is simple and small !</p>
-
- <h3>Xorg or Wayland?</h3>
- <p>I like Wayland; it is smooth and modern. But I do not think it is fully there yet, so for
- now I am staaying with Xorg, because it just works and I have had no issues with it. In the future,
- in about a year (2025), I will switch to Wayland because it is much more modern, but for now, Xorg is my go-to.</p>
+ <h3>Web browser</h3>
+ <p>For my web browser is <a href "https://librewolf.net/">librewolf</a>, the only browser that
+ really cares about your privacy, whilst yes it is annoying being logged out of everything
+ but this is why password managers exist.
+ exist I just log on in a matter of seconds. I don't use many extensions but the ones I do use are
+ <a href "https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">ublock</a> ,
+ <a href "https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/">KeePassXC</a> ,
+ <a href "https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark reader</a>.</p>
+
+ <h3>IDE</h3>
+ <p>My IDE is Neovim, the reason why I use Neovim instead of something like <b>Visual Studio Code</b> is because it is simple and the keybinds are to die for, so if you want a simple easy IDE, I would suggest Neovim !</p>
+
+ <h3>Password manager</h3>
+ <p>I use <a href="https://keepassxc.org/">KeePassXC</a> for managing my passwords, I
+ used to use bitwarden but after a while I just thought I did not want my passwords in
+ somebody else's server so I switched to KeePassXC because it is offline, I use syncthing
+ to sync all my passwords from my laptop to my phone.</p>
+
+ <h3>File manager</h3>
+ <p>For my file manager, I mostly use <a href ="https://github.com/ranger/ranger">Ranger</a>. The main reason I use Ranger is because it uses Vim keybinds and well I just love Vim keybinds! The only problem is I still sometimes use thunar for small things like mounting USB sticks and interacting with websites, but apart from that I only really use Ranger!</p>
+
+ <h3>App launcher</h3>
+ <p>I use <a href="https://tools.suckless.org/dmenu/">Dmenu</a> for my app launcher because it works well with DWM and is simple and small !</p>
+
+ <h3>Xorg or Wayland?</h3>
+ <p>I like Wayland; it is smooth and modern. But I do not think it is fully there yet, so for
+ now I am staaying with Xorg, because it just works and I have had no issues with it. In the future,
+ in about a year (2025), I will switch to Wayland because it is much more modern, but for now, Xorg is my go-to.</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/about/todo b/public/about/todo
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>What am I up too?</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>What Am I Up To?</h1>
@@ -32,6 +33,6 @@
<p>I am looking for an older Thinkpad that I can Libreboot, I have always wanted to do this because having a fully free software computer would just be something nice to have! So I am going to keep an eye on ebay and such for a nice thinkpad that is on the <a href="https://libreboot.org/docs/hardware/">Libre boot compatibility list</a>. Another reason why I want to Libreboot an older Thinkpad is because I want to give it some life and ideally turn it into a faster cleaner machine!</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/articals/internet/safety/00Intro b/public/articals/internet/safety/00Intro
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Introduction</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Introduction</h1>
@@ -27,7 +28,7 @@
<p>The reason why I am writing this series of articles to share how I stay safe online and to help others become more privacy conscious and secure. </p>
<hr>
<center>
- <pre text-align=center><a href="../../internetlist">Back</a> <a href="01Profiles">Next</a>
+ <pre text-align=center><a href="../../internetlist">Back</a> <a href="01Profiles">Next</a>
</main>
</body>
</html>
diff --git a/public/articals/internet/safety/01Profiles b/public/articals/internet/safety/01Profiles
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Profiles</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Online profiles</h1>
@@ -34,7 +35,7 @@
<p>Use your common sense! Do not share any of your passwords unless you absolutely have tools. If a website seems off and you feel uncomfortable, leave the website.</p>
<hr>
<center>
- <pre text-align=center><a href="00Intro">Back</a> <a href="../../internetlist">List</a> <a href="02Passwords">Next</a>
+ <pre text-align=center><a href="00Intro">Back</a> <a href="../../internetlist">List</a> <a href="02Passwords">Next</a>
</main>
</body>
</html>
diff --git a/public/articals/internet/safety/02Passwords b/public/articals/internet/safety/02Passwords
@@ -1,43 +1,44 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en-GB">
<head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Passwords</title>
- <link rel="stylesheet" href="../../../styles.css">
- <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
+ <meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Passwords</title>
+ <link rel="stylesheet" href="../../../styles.css">
+ <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
</head>
<body>
- <header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
- </header>
- <main>
- <h1>Passwords</h1>
- <h3>Date: 08-08-2024</h3>
- <hr>
- <p>Having a secure Password is the most important part of your online security, so how do you keep and know a good password?</p>
- <hr>
- <h3>Password managers</h3>
- <p>In the modern day you do not need to remember your passwords thanks to password managers! But what password managers can you turst and use?</p>
+ <header>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+ <main>
+ <h1>Passwords</h1>
+ <h3>Date: 08-08-2024</h3>
+ <hr>
+ <p>Having a secure Password is the most important part of your online security, so how do you keep and know a good password?</p>
+ <hr>
+ <h3>Password managers</h3>
+ <p>In the modern day you do not need to remember your passwords thanks to password managers! But what password managers can you turst and use?</p>
- <p>I only suggest one password manager, that being <a href="https://keepassxc.org">KeePassXC</a>, and the reason why I suggest KeePassXC is because the source code is available to view so you know you can trust it, and the other reason why I suggest using KeePassXC is because it is offline, meaning nobody can hack an online account; instead, they have to obtain the password.kdbx file on your computer, which is harder to do than hacking an online account.</p>
- <p>Due to the fact that KeePassXC works offline with a .kdbx file, I suggest having a spare USB stick with a backup on it just in case it gets deleted for whatever reason.</p>
- <p>Syncing all of your passwords between devices is easy with KeePassXC; I just use <a href="https://syncthing.net/">Syncthing</a> to do so. It is easy to setup, and I have never had any issues with it!</p>
- <hr>
- <h3>What makes a good password?</h3>
- <p>A good password should be made up of totally random charicters that have no relation to you as a person.</p>
- <p>An example of a weak password would be: <br><font color="red">Grace'sPassword123</font></p>
- <p>And an example of a strong password would be: <br><font color="green">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font></p>
- <p>Now you might see why you should have a password manager, so it can remember stuff like this for you!</p>
- <hr>
- <center>
+ <p>I only suggest one password manager, that being <a href="https://keepassxc.org">KeePassXC</a>, and the reason why I suggest KeePassXC is because the source code is available to view so you know you can trust it, and the other reason why I suggest using KeePassXC is because it is offline, meaning nobody can hack an online account; instead, they have to obtain the password.kdbx file on your computer, which is harder to do than hacking an online account.</p>
+ <p>Due to the fact that KeePassXC works offline with a .kdbx file, I suggest having a spare USB stick with a backup on it just in case it gets deleted for whatever reason.</p>
+ <p>Syncing all of your passwords between devices is easy with KeePassXC; I just use <a href="https://syncthing.net/">Syncthing</a> to do so. It is easy to setup, and I have never had any issues with it!</p>
+ <hr>
+ <h3>What makes a good password?</h3>
+ <p>A good password should be made up of totally random charicters that have no relation to you as a person.</p>
+ <p>An example of a weak password would be: <br><font color="red">Grace'sPassword123</font></p>
+ <p>And an example of a strong password would be: <br><font color="green">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font></p>
+ <p>Now you might see why you should have a password manager, so it can remember stuff like this for you!</p>
+ <hr>
+ <center>
<pre text-align=center><a href="01Profiles">Back</a> <a href="../../internetlist">List</a> <a href="03Browser">Next</a>
</main>
</body>
diff --git a/public/articals/internet/safety/03Browser b/public/articals/internet/safety/03Browser
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web browser</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Web browsers</h1>
@@ -38,7 +39,7 @@
<p>Overall, if you use one of these two browsers, you should be pretty safe from being tracked across the internet. Before you try out one of these browsers, make sure you still have your previous browser installed, just in case you dislike it.</p>
<hr>
<center>
- <pre text-align=center> <a href="02Passwords">Back</a> <a href="../../internetlist">List</a>
+ <pre text-align=center> <a href="02Passwords">Back</a> <a href="../../internetlist">List</a>
</main>
</body>
</html>
diff --git a/public/articals/internetlist b/public/articals/internetlist
@@ -1,28 +1,29 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Internet index</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Articles about the internet</h1>
<p>Sometimes I write about how to stay safe online and some thoughts about the modern internet, so have a look around!</p>
<section class="posts">
-
+
<h2>How to stay safe Online</h2>
<p>A series of articles I wrote about how I stay safe online.</p>
<ul>
@@ -32,6 +33,6 @@
<li>08-08-2024 - <a href="internet/safety/03Browser">Web Browsers</a></li>
</ul>
</main>
-</body>
+ </body>
</html>
diff --git a/public/articals/linux/ArchLinux/00CleaningArchLinux b/public/articals/linux/ArchLinux/00CleaningArchLinux
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cleaning Arch Linux</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How to Clean Arch Linux 🧹</h1>
@@ -30,7 +31,7 @@
<p>sudo pacman -Scc # Remove packages from cache both installed and not installed</p>
</div>
<p>Some people like to automate this task of cleaning the cache with <a href="https://wiki.archlinux.org/title/Pacman#Cleaning_the_package_cache">paccache</a>, but personally I would not because it is something that takes around five minutes max to do. However, it is your choice if you want to do so to avoid the trouble of doing it manually. Regardless of whether you choose to do this manually or automatically, I suggest cleaning the cache monthly.
-</p>
+ </p>
<hr>
<h2>Removing Orphan Packages</h2>
<p>Orphan packages are those installed as dependencies for other software but are no longer needed. For example, when you install <a href="https://librewolf.net/">LibreWolf</a>, it downloads a package called librewolf-debug as a dependency. Once the installation is complete, librewolf-debug becomes an orphan package because it is no longer used by LibreWolf.</p>
@@ -48,8 +49,8 @@
</div>
<hr>
<center>
- <p>That is all for now, I hope this artical has helped you clean your system.</p>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <p>That is all for now, I hope this artical has helped you clean your system.</p>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linux/ArchLinux/01SpeedingUpArchLinux b/public/articals/linux/ArchLinux/01SpeedingUpArchLinux
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Speeding up Pacman 🚗</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How to speed up Pacman 🚗</h1>
diff --git a/public/articals/linux/info/00LinuxFileHierarchy b/public/articals/linux/info/00LinuxFileHierarchy
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Linuxx file hierarchy</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>The Linux File Hierarchy</h1>
@@ -81,7 +82,7 @@
<p>This has took me a while to write because I have had to double check everything and put it in my own words so I understand it! If there are any issues please with this artical please report it.</p>
<p>As normal thank you for reading!</p><hr>
<center>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
diff --git a/public/articals/linux/info/01Terminal b/public/articals/linux/info/01Terminal
@@ -1,29 +1,28 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Terminal > GUI</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Why the terminal will always beat the GUI 👨💻</h1>
- <h3>Date: 27-08-2024</h3>
- <hr>
- <p>I want to say this now, I do not care if people use a GUI option for things, Linux is all about choice and if you choose to use a GUI instead of using the terminal that is your choice!</p>
- <hr>
+ <h3>Date: 27-08-2024</h3><hr>
+ <p>I want to say this now, I do not care if people use a GUI option for things, Linux is all about choice and if you choose to use a GUI instead of using the terminal that is your choice!</p><hr>
<h3>1) The Terminal Simplifies Tasks With Fewer Steps:</h3>
<p>Using the terminal can be way faster and more straightforward than navigating a GUI. For example, updating your Linux system requires one simple command in the terminal. In contrast, using a GUI software centre involves way more steps: opening the software center, navigating to the update section, and then updating all the programs. The terminal streamlines all of this which makes it way more efficient.</p><hr>
@@ -35,7 +34,7 @@
<p>By learning all of these command-line tools over time, you will start learning how a Linux system works and operates, and this will help you fix any issues that pop up in the future. For example, if you wanted to format a USB stick, while yes, you could use <a href="https://apps.gnome.org/DiskUtility/">Gnome-disk</a>, it is faster just to use <a href="https://linux.die.net/man/8/fdisk">fdisk</a> and <a href-"https://linux.die.net/man/8/mkfs">mkfs</a> for formatting a USB stick.</p><hr>
<p>For now that is all I have on why terminal is better!</p>
<hr><center>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linux/media/00cd b/public/articals/linux/media/00cd
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Burning optical media in Linux</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How To Format A USB with Linux 💿</h1>
@@ -26,49 +27,49 @@
<hr>
<h3>Warning ⚠️</h3>
<p>Once you burn an optical disk you cannot reburn it.</b>
- <p>Optical media does not have the best storage, normally under 1GiB so make sure your files align with the size of the optical media.</b>
- <hr>
- <h2>What you will need 📋</h2>
- <ul>
- <li>Optical drive capable of writing to a CD</li>
- <li>A computer with Linux 🐧🖥️</li>
- <li>The ability to read instructions and to follow them 🧠</li>
- </ul>
- <hr>
-
- <h2>Steps to burn 🔥</h2>
- <p>You will only need one program to burn media to a CD; the name of that program is <a href="https://linux.die.net/man/1/wodim">wodim</a>, and it is part of a collection of programs called <a href="https://packages.debian.org/source/sid/cdrkit">cdrkit</a>, as in thename ofe this collection of programs that allow you to do a whole variaty of things withopticall media!
- <hr>
+ <p>Optical media does not have the best storage, normally under 1GiB so make sure your files align with the size of the optical media.</b>
+ <hr>
+ <h2>What you will need 📋</h2>
+ <ul>
+ <li>Optical drive capable of writing to a CD</li>
+ <li>A computer with Linux 🐧🖥️</li>
+ <li>The ability to read instructions and to follow them 🧠</li>
+ </ul>
+ <hr>
+
+ <h2>Steps to burn 🔥</h2>
+ <p>You will only need one program to burn media to a CD; the name of that program is <a href="https://linux.die.net/man/1/wodim">wodim</a>, and it is part of a collection of programs called <a href="https://packages.debian.org/source/sid/cdrkit">cdrkit</a>, as in thename ofe this collection of programs that allow you to do a whole variaty of things withopticall media!
+ <hr>
- <li>1) Install cdrkit, on some Linux distrobutions cdrkit is already installed, but on my main Linux distrobution <a href="https://archlinux.org">Arch Linux</a>, it is not so check you have it installed, the package on your distro will most likely be called cdrkit.</li>
- <br>
- <div class="code-box">
- <p>sudo pacman -S cdrkit</p>
- </div>
- <br>
+ <li>1) Install cdrkit, on some Linux distrobutions cdrkit is already installed, but on my main Linux distrobution <a href="https://archlinux.org">Arch Linux</a>, it is not so check you have it installed, the package on your distro will most likely be called cdrkit.</li>
+ <br>
+ <div class="code-box">
+ <p>sudo pacman -S cdrkit</p>
+ </div>
+ <br>
- <hr>
+ <hr>
- <li>2) You want to get whatever data you want into an ISO file, so if you had a file called movies that held movies you would use the command.</li><br>
- <div class="code-box">
- <p>mkisofs -o movies.iso movies</p>
- </div>
- <p>movies.iso being the output ISO and movies being the directory with the movies in there.</p>
+ <li>2) You want to get whatever data you want into an ISO file, so if you had a file called movies that held movies you would use the command.</li><br>
+ <div class="code-box">
+ <p>mkisofs -o movies.iso movies</p>
+ </div>
+ <p>movies.iso being the output ISO and movies being the directory with the movies in there.</p>
- <hr>
+ <hr>
- <li>3) Now the last command is the actual event of burning the optical media! So insert it into your optical drive and type this command.</li><br>
- <div class="code-box">
- <p>wodim -v dev=/dev/sr0 movies.iso</p>
- </div>
- <p>movies.iso being the output ISO from the last command.</p>
+ <li>3) Now the last command is the actual event of burning the optical media! So insert it into your optical drive and type this command.</li><br>
+ <div class="code-box">
+ <p>wodim -v dev=/dev/sr0 movies.iso</p>
+ </div>
+ <p>movies.iso being the output ISO from the last command.</p>
- <hr>
+ <hr>
- <li>4) Now it is time to sit back and wait for it to burn; do not get impatient; give it time, and it will burn. When it is done, you may enject the optical media from the CD drive, and it should have all the files you desire.</li><br>
- <center>
- <hr><p>That is all the required steps to burn optical media on Linux, I hope this has helped you!</p>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <li>4) Now it is time to sit back and wait for it to burn; do not get impatient; give it time, and it will burn. When it is done, you may enject the optical media from the CD drive, and it should have all the files you desire.</li><br>
+ <center>
+ <hr><p>That is all the required steps to burn optical media on Linux, I hope this has helped you!</p>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linux/media/01BurningIsos b/public/articals/linux/media/01BurningIsos
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Burning an ISO 🔥💾</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How to burn an ISO to a USB stick 💾</h1>
@@ -25,7 +26,7 @@
<p>Burning an ISO onto a USB stick on Linux is very easy, and you only need to use a few commands!</p>
<hr>
<h2>What you will need 📋</h2>
- <ul>
+ <ul>
<li>A USB drive</li>
<li>A computer with Linux 🐧🖥</li>
<li>The ability to read instructions and to follow them 🧠</li>
@@ -61,7 +62,7 @@
<p>After following all of these steps, your USB should have the ISO image burned into it. I hope this has helped you burn a Linux or BSD distro to a USB!</p>
<hr>
<center>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linux/media/02FormattingUSB b/public/articals/linux/media/02FormattingUSB
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Formatting USBs with Linux 🔌🔥</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Formatting USBs With Linux 🔌🔥</h1>
@@ -24,42 +25,42 @@
<hr>
<p>Formatting a USB in Linux is easier then <a href="01BurningIsos">burning an ISO</a> and only needs a few quick commands!</p><hr>
<h2>What you will need 📋</h2>
- <ul>
- <li>A USB drive</li>
- <li>A computer with Linux 🐧🖥</li>
- <li>The ability to read instructions and to follow them 🧠</li>
- </ul><hr>
+ <ul>
+ <li>A USB drive</li>
+ <li>A computer with Linux 🐧🖥</li>
+ <li>The ability to read instructions and to follow them 🧠</li>
+ </ul><hr>
- <h2>Formatting the USB</h2>
- <p>1) The first thing you want to do is plug in your USB stick and identify the USB stick's name.</p>
- <div class="code-box">
- <p>lsblk</p>
- </div>
- <p>Normally the USB will be something like sdX; a tip on identifying it is by looking at the size of the USB in the table that lsblk gives you!</p><hr>
+ <h2>Formatting the USB</h2>
+ <p>1) The first thing you want to do is plug in your USB stick and identify the USB stick's name.</p>
+ <div class="code-box">
+ <p>lsblk</p>
+ </div>
+ <p>Normally the USB will be something like sdX; a tip on identifying it is by looking at the size of the USB in the table that lsblk gives you!</p><hr>
- <p>2) Now you need to use a program called <a href="https://linux.die.net/man/8/fdisk">fdisk</a> that will allow you to create a new partition table for the USB, this will format the USB.</p>
- <div class="code-box">
- <p>sudo fdisk /dev/sdX</p>
- </div>
- <p>You will need to press the following keys to make a new partition table for the USB.</p>
- <ul>
- <li>o - Creates a new DOS partition table</li>
- <li>n - New partition, press enter to all that follows</li>
- <li>w - Writes the partition table</li>
- </ul>
- <p>Give fdisk a minute to write the new partition to the USB.</p><hr>
+ <p>2) Now you need to use a program called <a href="https://linux.die.net/man/8/fdisk">fdisk</a> that will allow you to create a new partition table for the USB, this will format the USB.</p>
+ <div class="code-box">
+ <p>sudo fdisk /dev/sdX</p>
+ </div>
+ <p>You will need to press the following keys to make a new partition table for the USB.</p>
+ <ul>
+ <li>o - Creates a new DOS partition table</li>
+ <li>n - New partition, press enter to all that follows</li>
+ <li>w - Writes the partition table</li>
+ </ul>
+ <p>Give fdisk a minute to write the new partition to the USB.</p><hr>
<p>3) Now is the time to give that partition a file system. You should look into this beforehand to see what file system you want, but I will use ext4 because it was made for Linux use.</p>
- <div class="code-box">
- <p>sudo mkfs.ext4 -L "Backup-USB" /dev/sdXx</p>
- </div>
- <p>The small x represents the number of the partition; the -L flag is used to give the USB stick a name.</p><hr>
+ <div class="code-box">
+ <p>sudo mkfs.ext4 -L "Backup-USB" /dev/sdXx</p>
+ </div>
+ <p>The small x represents the number of the partition; the -L flag is used to give the USB stick a name.</p><hr>
- <h2>Finished ✅</h2>
- <p>All done! Now you have an empty USB stick you can use for all your files!</p><hr>
+ <h2>Finished ✅</h2>
+ <p>All done! Now you have an empty USB stick you can use for all your files!</p><hr>
<center>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linux/tools/00Ventoy b/public/articals/linux/tools/00Ventoy
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Installing Ventoy</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How to Install Ventoy with Linux 🐧🔌</h1>
@@ -49,7 +50,7 @@
<p>cd ventoy-<version>/ && lsblk</p>
</div>
<p>Normally the USB with the lowest amount of storage will be your USB; to make sure, check the size of your USB compared to the devices listed under lsblk.</p><hr>
-
+
<p>5) This command will install Ventoy to the USB. Make sure your USB name is correct; it will be something like sdb. A good way to identify the USB is by running lsblk when the USB is out and then running lsblk while the USB is plugged in.</p>
<div class=code-box>
<p>sudo sh Ventoy2Disk.sh -i /dev/sdX</p>
@@ -65,8 +66,8 @@
<p>After following all of these steps Ventoy should be installed on your USB stick, now the only thing to do is plug the USB in and put the ISO and IMG files into the USB, I hope this has helped you!</p>
<center>
- <hr>
- <pre text-align=center> <a href="../../linuxlist">Back</a>
+ <hr>
+ <pre text-align=center> <a href="../../linuxlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/linuxlist b/public/articals/linuxlist
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Linux index</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Linux articles 🐧</h1>
@@ -46,6 +47,6 @@
<li>25-08-2024 - <a href="linux/tools/00Ventoy">Ventoy install with Linux 🐧🔌</a></li>
</ul>
</main>
-</body>
+ </body>
</html>
diff --git a/public/articals/neovim/0move b/public/articals/neovim/0move
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neovim index</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Moving around in Neovim</h1>
@@ -56,9 +57,9 @@
</ul>
<hr>
<center>
- <p>That is all now you know how to move around in Neovim! </p>
- <hr>
- <pre text-align=center><a href="../neovimlist">Back</a> <a href="1modes">Next</a>
+ <p>That is all now you know how to move around in Neovim! </p>
+ <hr>
+ <pre text-align=center><a href="../neovimlist">Back</a> <a href="1modes">Next</a>
</main>
</body>
</html>
diff --git a/public/articals/neovim/1modes b/public/articals/neovim/1modes
@@ -1,7 +1,8 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="en-GB">
<head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Modes in Neovim</title>
<link rel="stylesheet" href="../../styles.css">
diff --git a/public/articals/neovim/2exitingnvim b/public/articals/neovim/2exitingnvim
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Exiting Neovim</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How to exit Neovim!</h1>
@@ -29,8 +30,8 @@
</ul>
<p>To people who have used Vim-based text editors, this might look strange to you because you are used to using :q and :q! And whilst those do still work, using ZZ and ZQ is way more dynamic and just smoother in the long run.</p>
<center>
- <hr>
- <pre text-align=center><a href="../neovimlist">Back</a>
+ <hr>
+ <pre text-align=center><a href="../neovimlist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/neovimlist b/public/articals/neovimlist
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Neovim index</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Neovim</h1>
@@ -32,6 +33,6 @@
<li><a href="neovim/2exitingnvim">How exit</a></li>
</ul>
</main>
-</body>
+ </body>
</html>
diff --git a/public/articals/programming/0HowToAct b/public/articals/programming/0HowToAct
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<title>How to act with Foss projects</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>How you should act with Foss projects</h1>
@@ -29,11 +30,11 @@
<h3>Communication</h3>
<p>This is the most important parts of developing any type of project because without communicaiton there is no way to know who is contributing to your code and this causes you to not understand why they have done some of the changes and additions they have made. Good communication also means keeping the users informed about what is happening with the program and its development normally through an IRC (internet relay chat) channel, but in the modern day I would suggest something like <a href="https://matrix.org/">Matrix. Please do not use <a href="https://discord.com">Discord</a> because it gives less control to the users and its just easier and safer to use an IRC or just Matrix.
- <hr>
- <p>For now that is all that I know how to act when working with Foss projects, if you have any suggestions becasue I know there probably is more you can contact me <a href="../../contact.html">here.</a></p>
- <center>
- <hr>
- <pre text-align=center><a href="../programminglist">Back</a>
+ <hr>
+ <p>For now that is all that I know how to act when working with Foss projects, if you have any suggestions becasue I know there probably is more you can contact me <a href="../../contact.html">here.</a></p>
+ <center>
+ <hr>
+ <pre text-align=center><a href="../programminglist">Back</a>
</main>
</body>
</html>
diff --git a/public/articals/programminglist b/public/articals/programminglist
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Internet index</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Articles about programming</h1>
@@ -26,6 +27,6 @@
<li>15-08-2024 - <a href="programming/0HowToAct">How to act with Foss projects</a></li>
</ul>
</main>
-</body>
+ </body>
</html>
diff --git a/public/contact.html b/public/contact.html
@@ -1,23 +1,24 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="links.html">Links</a></li>
- <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
- <li><a href="projects.html">Projects</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="links.html">Links</a></li>
+ <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
+ <li><a href="projects.html">Projects</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<hr>
@@ -34,9 +35,9 @@
<p>- Github: <a href="https://github.com/Shipwrecktt">github.com/shipwrecktt</a></p>
<p>- Freecodecamp: <a href="https://www.freecodecamp.org/Shipwreckt">freecodecamp.org/Shipwreckt</a></p>
<hr>
- <h2>Bitcoin:</h2>
+ <h2>Bitcoin:</h2>
<p>bitcoin: <a href="about/bitcoin">bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt</a></p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/index.html b/public/index.html
@@ -1,53 +1,54 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shipwreckt</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="links.html">Links</a></li>
- <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
- <li><a href="projects.html">Projects</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="links.html">Links</a></li>
+ <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
+ <li><a href="projects.html">Projects</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<p>Hello there! I’m Shipwreckt, a 15 year old dude from the UK. I have a passion for programming and am currently learning C and exploring various diffrent algorithms. I also work with Linux and am diving into more complex aspects of it. You can see what I’m up to right now <a href="about/todo">here</a>.</p>
<p><a href="about/software">Software</a> and <a href="about/hardware">hardware</a> that I use, also <a href="about/media">media</a> I enjoy.</p>
- <section class="posts">
- <h2>Posts</h2>
- <ul>
- <li>26-08-2024 - <a href="posts/08ArchServer">Arch server!</a></li>
- <li>17-08-2024 - <a href="posts/07FishShell">Trying out fish 🐟</a></li>
- <li>17-08-2024 - <a href="posts/06NewLaptop">New Laptop !</a></li>
- <li>03-08-2024 - <a href="posts/05Yubikeys">Yubikeys!</a></li>
- <li>27-07-2024 - <a href="posts/04Servers">Messing with servers</a></li>
- <li>24-07-2024 - <a href="posts/03Art">Making some art</a></li>
- <li>22-07-2024 - <a href="posts/02FreeBSD">Trying out FreeBSD</a></li>
- <li>19-07-2024 - <a href="posts/01Summer"><b>Summer holiday!</b></a></li>
- <li>13-07-2024 - <a href="posts/00dwm">Switching to DWM</a></li>
- </ul>
- </section>
- <section class="posts">
- <h2>Articles</h2>
- <ul>
- <li>24-08-2024 - <a href="articals/linuxlist">Articles about Linux 🖥️🐧</a></li>
- <li>15-08-2024 - <a href="articals/programminglist">Articles about Programming 👨💻</a></li>
- <li>08-08-2024 - <a href="articals/internetlist">Articles about the Internet 🌐</a></li>
- <li>07-08-2024 - <a href="articals/neovimlist">Neovim run through 🧠</a></li>
- </ul>
- </section>
+ <section class="posts">
+ <h2>Posts</h2>
+ <ul>
+ <li>26-08-2024 - <a href="posts/08ArchServer">Arch server!</a></li>
+ <li>17-08-2024 - <a href="posts/07FishShell">Trying out fish 🐟</a></li>
+ <li>17-08-2024 - <a href="posts/06NewLaptop">New Laptop !</a></li>
+ <li>03-08-2024 - <a href="posts/05Yubikeys">Yubikeys!</a></li>
+ <li>27-07-2024 - <a href="posts/04Servers">Messing with servers</a></li>
+ <li>24-07-2024 - <a href="posts/03Art">Making some art</a></li>
+ <li>22-07-2024 - <a href="posts/02FreeBSD">Trying out FreeBSD</a></li>
+ <li>19-07-2024 - <a href="posts/01Summer"><b>Summer holiday!</b></a></li>
+ <li>13-07-2024 - <a href="posts/00dwm">Switching to DWM</a></li>
+ </ul>
+ </section>
+ <section class="posts">
+ <h2>Articles</h2>
+ <ul>
+ <li>24-08-2024 - <a href="articals/linuxlist">Articles about Linux 🖥️🐧</a></li>
+ <li>15-08-2024 - <a href="articals/programminglist">Articles about Programming 👨💻</a></li>
+ <li>08-08-2024 - <a href="articals/internetlist">Articles about the Internet 🌐</a></li>
+ <li>07-08-2024 - <a href="articals/neovimlist">Neovim run through 🧠</a></li>
+ </ul>
+ </section>
</main>
-</body>
+ </body>
</html>
diff --git a/public/links.html b/public/links.html
@@ -1,23 +1,24 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Links</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="links.html">Links</a></li>
- <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
- <li><a href="projects.html">Projects</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="links.html">Links</a></li>
+ <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
+ <li><a href="projects.html">Projects</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<hr>
@@ -44,6 +45,6 @@
<li><a href="https://codeberg.org/dwl/dwl">dwl</a> (wayland dwm)</li>
</ul>
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/00dwm b/public/posts/00dwm
@@ -1,36 +1,42 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DWM</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Switching to DWM</h2>
<h3>Date: 13-7-2024</h3>
<hr>
<p>It has been a little while since I have updated or added anything to the website, and this is due to the fact that I have been working on my configs, and so far I have them in such a way that I am happy with them. I have also been switching from <a href="https://qtile.org/">Qtile</a> to <a href="https://i3wm.org/">i3</a> to, well, <a href="https://dwm.suckless.org/">Dwm</a> now, which has been fun! The reason why I have switched to DWM is because it is written in C, and as my last article stated, I am currently learning C, so it's a win-win: I get a highly hackable window manager, and I get to learn more about C. I also just like how small it is in size because I have been considering doing a few projects in the future, that being, trying <a href="https://www.freebsd.org/">BSD</a>, <a href="https://www.linuxfromscratch.org/">LFS</a>, and <a href="https://www.gentoo.org/">Gentoo</a>, which DWM works on all of them; since two of them (LFS and Gentoo) require me to compile everything, this has not been the worst decision I have made.</p>
+
<p><br>Here is my DWM config on my PC</p>
+
<img src="../Images/ricing/DWM/DWM.png" alt="Linux rice" height="450px">
+
<p>So far, I would say DWM is the perfect window manager for me. I do not see myself going back to Qtile or I3 any time soon because DWM has literally everything I would ever need and more, thanks to the amazing patches I am set up with. I have found it quite easy to configure it; it did take a little bit of time to get used to, but the people at Suckless have made it very easy to configure. I don't think I will be adding much to DWM from now on because I have it how I want currently, so I am pretty happy!</p>
+
<p><br>That is all for this post thank you for reading, more posts to come!</p>
+
<center><hr>
<pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/BSD">More BSD 😈</a> | <a href="tags/Tech">More Tech 🧑💻</a> </pre>
-
+ </center>
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/01Summer b/public/posts/01Summer
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Summer Holiday</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>6 Weeks holiday</h1>
@@ -32,8 +33,8 @@
<p>On top of trying Gentoo and Linux From Scratch, I will also try out <a href="https://www.freebsd.org/">FreeBSD</a> just to see how it is. Though I am not planning to switch to it because nothing can beat Linux! However, I have heard BSD is really good for web servers, and I know you can run Nextcloud on it, so maybe I will try something like that out to see if its any good.</p>
<p>This is my 'testing computer' where I will be doing all this on.</p>
- <img src="../Images/computers/testpc.jpg" width="775">
- <hr>
+ <img src="../Images/computers/testpc.jpg" width="775"><hr>
+
<h2>Programming</h2>
<h3>Learning programming languages</h3>
<p>Over the next 6 weeks I will also try and dedicate some more time into learning the <a href="https://en.wikipedia.org/wiki/C_(programming_language)">C programming language</a>, and I will be trying to learn some more <a href="https://www.python.org/">Python</a> because it is easier for smaller progects and I am planning on trying to make a few small programs and see how much I can do.</p>
@@ -47,10 +48,8 @@
<p><a href="../projects/programs/dotfiles">Dotfiles Link</a></p>
<h3>Website</h3>
- <p>I will try to do daily updates to this website. Making this website is one of the most fun projects I have ever undertaken because it is just enjoyable to write down ideas and projects I have done. I will do my best to make this website more mobile-friendly; in fact, I am going to try to do this tomorrow and see how it goes.</p>
-
+ <p>I will try to do daily updates to this website. Making this website is one of the most fun projects I have ever undertaken because it is just enjoyable to write down ideas and projects I have done. I will do my best to make this website more mobile-friendly; in fact, I am going to try to do this tomorrow and see how it goes.</p><hr>
- <hr>
<h2>Writing</h2>
<p>In the next few weeks, I will be trying to compile all my notes about Linux into a small book that anybody can read! In this book, there will be information about different commands, how to start in the Linux world, and more! So far, I have finished the first part, but there is way more to go. If you are interested, keep an eye on the <a href="../projects.html">projects page</a> for any updates!</p>
@@ -58,9 +57,7 @@
<p>That is all for now, as you can tell I am going to be busy but I am going to love the next few weeks! Thank you for reading.</p>
<center><hr>
<pre><a href="../index.html">Back 🚪</a></pre>
-
-
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/02FreeBSD b/public/posts/02FreeBSD
@@ -1,37 +1,38 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FreeBSD</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Trying out FreeBSD</h2>
- <h3>Date: 22-7-2024</h3>
- <hr>
+ <h3>Date: 22-7-2024</h3><hr>
<p>Today, I had the pleasure of trying out <a href="https://www.freebsd.org/">FreeBSD</a>, the open source, Unix-like operating system. In this post, I will share my experience with FreeBSD based on my time using it.</p>
<h2>Instillation</h2>
<p>Installing FreeBSD is relatively easy; you are provided with a nice graphical interface that supports mouse input. Below is a screenshot.</p>
+
<img src="../Images/ricing/BSD/bsdinstall-choose-mode.png" alt="BSD Installer" height="565px">
+
<p>I had no issues with the install script. The only problem I encountered was with using <a href="https://www.ventoy.net">Ventoy</a>; for some reason, FreeBSD does not work with Ventoy, so I had to burn it to a standard USB stick.</p>
<p>I downloaded the <a href="https://download.freebsd.org/releases/amd64/amd64/ISO-IMAGES/14.1/FreeBSD-14.1-RELEASE-amd64-memstick.img">amd64-memstick.img</a> for my installation of FreeBSD.</p>
<p>I encountered some internet issues because my test computer has an unusual Wi-Fi card. I resolved this by plugging in an Ethernet cable and would recommend doing the same for anyone installing FreeBSD or any other operating system for that matter. Using Ethernet makes the setup process so much faster.</p>
<p>When adding users during the FreeBSD installation, I had to include them in the `wheel` group, which grants them the ability to gain root access.</p>
-
<h2>Post install</h2>
<p>After installing everything, the first thing I noticed was that most commands in BSD are similar to those in Linux, as both are Unix-like operating systems. Another observation was that the `sudo` command was not available by default. This command allows users to run commands with root privileges, so I had to install it using FreeBSD's package manager, <a href="https://man.freebsd.org/cgi/man.cgi?pkg">PKG</a>. The command to install it is listed below.</p>
<div class="code-box">
@@ -45,15 +46,16 @@
<p># Add this to the very bottom of the file on a new line<p>
<p>shipwreckt ALL=(ALL) ALL<p>
</div>
+
<p>After updating `sudo`, I was able to use the command. The next step was installing <a href="https://x.org">X.Org</a> and <a href="https://dwm.suckless.org/">dwm</a>. I didn't need a display manager (login prompt) since I could use `startx`, so I focused on installing the X.Org package and `git` to use <a href="https://gitlab.com/Shipwreckt/Dotfiles/-/tree/main/files/config/suckless/dwm?ref_type=heads">my own `dwm` configuration</a> that I uploaded there. I tested X.Org with `startx`, and it worked fine. However, when I cloned my configuration files and tried to compile `dwm`, I encountered a problem. Fortunately, it was an easy fix thanks to a helpful post on the <a href="https://forums.freebsd.org/threads/installing-dwm-manually-vs-pkg.74687/">FreeBSD forums</a>. After applying that fix, I was able to use my `dwm` setup successfully. I then checked if my two most-used programs, <a href="https://alacritty.org/">Alacritty</a> and <a href="https://librewolf.net/">Librewolf</a>, were available on FreeBSD. To my surprise, they were, and both were fully functional. Below is a photo of FreeBSD running with `neofetch` (`fakefetch` only works on Linux).</p>
<img src="../Images/ricing/BSD/BSDneo.png" alt="BSD with DWM" height="440px">
+
<h2>Conclusion</h2>
<p>Overall, I like FreeBSD and could use it as a daily driver since it supports three of my most-used programs: `git`, `Librewolf`, and `Alacritty`. I appreciate how it works, but for now, I’m sticking with Linux because I am more comfortable with it and prefer Linux over BSD. In the future, I plan to set up a server with <a href="https://www.openbsd.org/">OpenBSD</a>, as I’ve heard excellent things about BSD servers.</p>
<p>Thank you for reading!</p>
+
<center><hr>
<pre><a href="../index.html">Back 🚪</a> | <a href="tags/BSD">More BSD 😈</a> | <a href="tags/Tech">More Tech 🧑💻</a> </pre>
-
-
-</body>
+ </body>
</html>
diff --git a/public/posts/03Art b/public/posts/03Art
@@ -1,40 +1,38 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Art</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Making some art</h2>
- <h3>Date: 24-7-2024</h3>
- <hr>
- <p>Over the last few days in my free time, I have been messing around with <a href="https://www.gimp.org/">Gimp</a> to make some wallpapers and a profile picture. I do admit this is something I plan to do more of, so I have made a page on my <a href="../projects.html">projects page</a> for all of the art I have done! Below are some examples of what I have done so far; I am exited to do some more!</p>
-
- <hr>
+ <h3>Date: 24-7-2024</h3><hr>
+ <p>Over the last few days in my free time, I have been messing around with <a href="https://www.gimp.org/">Gimp</a> to make some wallpapers and a profile picture. I do admit this is something I plan to do more of, so I have made a page on my <a href="../projects.html">projects page</a> for all of the art I have done! Below are some examples of what I have done so far; I am exited to do some more!</p><hr>
<p>Here I have tried to give Tux a vaporwave effect.</p>
- <img src="../Images/art/pfp/Tux_vaporwave.png" width="500px">
- <hr>
+
+ <img src="../Images/art/pfp/Tux_vaporwave.png" width="500px"><hr>
+
<p>Here are all the wallpapers I have done so far! I think the Newyork image is the best one so far.</p>
<img src="../Images/art/wallpaper/0Dublin.jpg" width="700px" alt="Dublin">
<img src="../Images/art/wallpaper/1NewYork.jpg" width="700px" alt="Newyork">
+
<center><hr>
<pre><a href="../index.html">Back 🚪</a></pre>
-
-
-</body>
+ </body>
</html>
diff --git a/public/posts/04Servers b/public/posts/04Servers
@@ -1,52 +1,47 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Servers</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
+ </head>
-<body>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Messing Around with servers</h2>
- <h3>Date: 24-7-2024</h3>
- <hr>
+ <h3>Date: 24-7-2024</h3><hr>
<p>Originally, this article was going to be about setting up an email server. However, due to problems with my router and the fact that I do not like the idea of hosting an email server locally in case it goes down, I have chosen not to do that. Instead, I have decided to host a different server on my local network, and that is what this article is about!</p>
- <p>Below is my server; it is a ThinkCentre. I do not really care about the specs because it is not going to be doing much, but it does have an Intel i7, so it’s not bad at all for what I am doing. It has 8 cores and 16 GB of memory, which should be more than enough for what I am doing.</p>
- <br>
+ <p>Below is my server; it is a ThinkCentre. I do not really care about the specs because it is not going to be doing much, but it does have an Intel i7, so it’s not bad at all for what I am doing. It has 8 cores and 16 GB of memory, which should be more than enough for what I am doing.</p><br>
- <img src="../Images/computers/thinkcenter.png" class="center" alt="ThinkCentre">
- <hr>
- <h2>What is on the Server?</h2>
- <img src="../Images/distros/ubuntu-logo.png" class="right-image" width="200" alt="Ubuntu Logo">
+ <img src="../Images/computers/thinkcenter.png" class="center" alt="ThinkCentre"><hr>
+ <h2>What is on the Server?</h2>
+ <img src="../Images/distros/ubuntu-logo.png" class="right-image" width="200" alt="Ubuntu Logo">
- <p>The operating system of choice for this server is <a href="https://ubuntu.com/download/server">Ubuntu Server</a>; I do know it is not the best server operating system, but I will stick with it for now because I have already set everything up. In the future, I plan to migrate to either a <a href="https://www.debian.org/">Debian server</a> or an <a href="https://www.openbsd.org/">OpenBSD server</a> due to the annoyance of Ubuntu’s snap packages and other weird stuff Ubuntu likes to do.</p>
+ <p>The operating system of choice for this server is <a href="https://ubuntu.com/download/server">Ubuntu Server</a>; I do know it is not the best server operating system, but I will stick with it for now because I have already set everything up. In the future, I plan to migrate to either a <a href="https://www.debian.org/">Debian server</a> or an <a href="https://www.openbsd.org/">OpenBSD server</a> due to the annoyance of Ubuntu’s snap packages and other weird stuff Ubuntu likes to do.</p>
- <p>This is my first time using <a href="https://www.docker.com/">Docker</a>. Docker allows you to contain programs, such as <a href="https://httpd.apache.org/">Apache</a>, letting you to run multiple instances and manage them easily. It has been a pretty smooth experience so far! With Docker, I have installed the <a href="https://jellyfin.org/">Jellyfin media server</a>.</p>
+ <p>This is my first time using <a href="https://www.docker.com/">Docker</a>. Docker allows you to contain programs, such as <a href="https://httpd.apache.org/">Apache</a>, letting you to run multiple instances and manage them easily. It has been a pretty smooth experience so far! With Docker, I have installed the <a href="https://jellyfin.org/">Jellyfin media server</a>.</p>
- <p>Originally, I planned to install <a href="https://www.plex.tv/">Plex</a>, but the web interface was scuffed and was stuck on the "Premium Features" popup, and none of the buttons worked. So, I removed that container and chose Jellyfin instead. I have heard good things about Jellyfin beforehand, and those have turned out to be true! So far, Jellyfin has met all my needs for a media server, and I am very content with it. If I do change the server OS, I will stick with Jellyfin. I also like that you can upload books to it but I have not tried that feature yet.</p>
-
- <p>The other thing I have on this server is an instance of <a href="https://github.com/searxng/searxng">SearXNG</a> on my local network, providing my own self-hosted search engine! I set it up because I wasn’t sure what else to do with the server, and it’s fun having my own private search engine. Plus, it is definitely much more private than using online search engines like DuckDuckGo or, God forbid, Google.</p>
+ <p>Originally, I planned to install <a href="https://www.plex.tv/">Plex</a>, but the web interface was scuffed and was stuck on the "Premium Features" popup, and none of the buttons worked. So, I removed that container and chose Jellyfin instead. I have heard good things about Jellyfin beforehand, and those have turned out to be true! So far, Jellyfin has met all my needs for a media server, and I am very content with it. If I do change the server OS, I will stick with Jellyfin. I also like that you can upload books to it but I have not tried that feature yet.</p>
- <hr>
- <h2>Conclusion</h2>
- <p>Overall, this has been an enjoyable project, and I will probably migrate my server sometime in the coming weeks. As always, thank you for reading!</p>
- <center><hr>
- <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/Hardware">Hardware 🖥</a> | <a href="tags/BSD">More BSD 😈</a> | <a href="tags/Tech">More Tech 🧑💻</a> </pre>
+ <p>The other thing I have on this server is an instance of <a href="https://github.com/searxng/searxng">SearXNG</a> on my local network, providing my own self-hosted search engine! I set it up because I wasn’t sure what else to do with the server, and it’s fun having my own private search engine. Plus, it is definitely much more private than using online search engines like DuckDuckGo or, God forbid, Google.</p><hr>
+
+ <h2>Conclusion</h2>
+ <p>Overall, this has been an enjoyable project, and I will probably migrate my server sometime in the coming weeks. As always, thank you for reading!</p>
+ <center><hr>
+ <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/Hardware">Hardware 🖥</a> | <a href="tags/BSD">More BSD 😈</a> | <a href="tags/Tech">More Tech 🧑💻</a> </pre>
</main>
-</body>
+ </body>
</html>
-
-
diff --git a/public/posts/05Yubikeys b/public/posts/05Yubikeys
@@ -1,29 +1,31 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Yubikey</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Using Yubikey</h2>
- <h3>Date: 03-8-2024</h3>
- <hr>
+ <h3>Date: 03-8-2024</h3><hr>
<p>For a while now, I have wanted to own a <a href="https://www.yubico.com/">Yubikey</a>, but the price has always held me back since they cost a lot of money. After scouring ebay for a while, I finally found a good deal on one. I bought it, and now I’ve had the chance to mess around with it.</p>
+
<img src="../Images/computers/yubikey.png" width="780px" alt="Yubikey 4 photo">
+
<p>So far, I have been relatively happy with the Yubikey, but there is one concern I have: a lot of the firmware on the Yubikey is closed source, meaning someone like me cannot read the source code. While this may sound like something small to most, and I might seem overly cautious, but all I will say is how can you fully trust a product and its functionality if you can't see what it’s doing? Due to the Yubikey having closed source components, I have looked for some FOSS alternatives. Below, I have listed some of these products below:</p>
<ul>
<li><a href="https://tillitis.se">Tkey</a></li>
@@ -37,8 +39,7 @@
<p>That is all I am going to look more into hardware keys because well they are awesome, but that is all thank you for reading!</p>
<center><hr>
- <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Hardware">More hardware 🖥</pre>
+ <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Hardware">More hardware 🖥</a> | <a href="tags/Tech">More Tech 🧑💻</a></pre>
</main>
-</body>
+ </body>
</html>
-
diff --git a/public/posts/06NewLaptop b/public/posts/06NewLaptop
@@ -1,38 +1,35 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>New Laptop!</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>New Laptop!</h2>
- <h3>Date: 17-8-2024</h3>
- <hr>
+ <h3>Date: 17-8-2024</h3><hr>
<p>Last weekend I was able to buy a ThinkPad L560 laptop from a car boot, and the best part about buying this laptop is it only cost me £15 with it being fully working!</p>
- <img scr="../../Images/computers/ThinkPado" >
<img src="../Images/computers/ThinkPad-L560.jpg" width="775">
<h3>Likes</h3>
<p>The best thing about this ThinkPad as well as most ThinkPads is the keyboard; it feels so good to type on, and I love it so much; it definitely subconsciously encourages me to type faster. I also like the fact that it is bigger than my main laptop; it gives me a lot of screen space and is more comfortable for me to use. The only disadvantage to this is that the laptop does not fit in some of my bags.</p>
<h3>Dislikes</h3>
- <p>The only thing I really dislike about the laptop is where the ports are located. This is because the charger is at the side when it should, in my opinion, be at the back where there is a USB port. There is also the fact that the screen is not all that bright, not making it ideal for outside use, but I do not plan on using it outside much. But apart from all of that, I am all happy with it!</p>
-
- <hr>
+ <p>The only thing I really dislike about the laptop is where the ports are located. This is because the charger is at the side when it should, in my opinion, be at the back where there is a USB port. There is also the fact that the screen is not all that bright, not making it ideal for outside use, but I do not plan on using it outside much. But apart from all of that, I am all happy with it!</p><hr>
<h3>Problems</h3>
<p>There have been two problems with this laptop so far, the first being that it had issues powering on when I brought it. But after a while with messing around with the laptop, I fixed the issue and it is all good now, but there is a chance this could happen in the future, so I have to keep that in mind. The other issue I had was the fan being weird; this problem has only occurred as of today, but it is only a small problem and is probably fixed for good now!</p>
@@ -45,6 +42,5 @@
<center><hr>
<pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/Hardware">Hardware 🖥</a></pre>
</main>
-</body>
+ </body>
</html>
-
diff --git a/public/posts/07FishShell b/public/posts/07FishShell
@@ -1,27 +1,27 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>🐟</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Trying out fish shell!</h1>
- <h3>Date: 22-08-2024</h3>
- <hr>
+ <h3>Date: 22-08-2024</h3><hr>
<img src="../Images/logos/fish.png" class="right-image" width="250">
<p><a href="https://fishshell.com/">Fish shell</a> is a command-line shell mostly written in the Rust programming language for Unix-related systems that aims to be user-friendly. The reason I have chosen to try fishing is because I like some of the features it comes with!
@@ -32,23 +32,18 @@
<li>Themes</li>
<li>Syntax highlighting</li>
<li>Web Based Configuration</li>
- </ul>
-
- <hr>
+ </ul><hr>
<h2>What I like about Fish!</h2>
<p>My favourite feature of the fish shell is that it has built-in tab completion, meaning it gives you options for the command you are inputting into the terminal. This also remembers the last time you typed in a command, so when I am sshing into a server, it makes it so much easier!</p>
<img src="../Images/ricing/Fish.png">
- <p>I also like the fact that all of the features listed above come out of the box! The only configuration I have had to do is set my aliases and make the Starship program work. I do know there are <a href="https://github.com/jorgebucaran/fisher">plugins</a> that I do need to take a look at, but for now, I do not see any need for any since I am happy with what they come with!</p>
-
- <hr>
+ <p>I also like the fact that all of the features listed above come out of the box! The only configuration I have had to do is set my aliases and make the Starship program work. I do know there are <a href="https://github.com/jorgebucaran/fisher">plugins</a> that I do need to take a look at, but for now, I do not see any need for any since I am happy with what they come with!</p><hr>
<h2>Last thoughts</h2>
<p>Overall, I am rather impressed by fish. I will use it as my main shell for the time being, but if I do have any problems, I can just switch to Bash shell for the duration of that problem. I know there is probably a bunch I have missed out on Fish shell, but so far it has been smooth and I have nothing but good to say about it!</p>
<p>Thank you for reading.</p>
<center><hr>
- <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a></pre>
+ <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/Tech">More Tech 🧑💻</a></pre>
</main>
-</body>
+ </body>
</html>
-
diff --git a/public/posts/08ArchServer b/public/posts/08ArchServer
@@ -1,40 +1,40 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arch Linux Server</title>
<link rel="stylesheet" href="../styles.css">
<link rel="icon" href="../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../index.html">Home</a></li>
- <li><a href="../links.html">Links</a></li>
- <li><a href="../projects.html">Projects</a></li>
- <li><a href="../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../links.html">Links</a></li>
+ <li><a href="../projects.html">Projects</a></li>
+ <li><a href="../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Arch Linux Server!</h2>
- <h3>Date: 26-7-2024</h3>
- <hr>
+ <h3>Date: 26-7-2024</h3><hr>
<p>Today I have installed <a href="https://archlinux.org">Arch Linux</a> on my <a href="04Servers">home server</a>; I will be honest it has been so smooth!</p>
- <p>I use Arch Linux as my desktop Linux distro, and I knew that you could use it as a server, but I never really thought of doing it. The only reason why I have done this is just to see how good it actually is because, well, I do not hear about people using it as a server much.</p>
- <hr>
+ <p>I use Arch Linux as my desktop Linux distro, and I knew that you could use it as a server, but I never really thought of doing it. The only reason why I have done this is just to see how good it actually is because, well, I do not hear about people using it as a server much.</p><hr>
+
<h2>What do I have on the server? 📋</h2>
<p>I have all the same services that I hosted on my previus server install and more!</p>
<ul>
<li><a href="https://github.com/searxng/searxng">Searxng 🔎</a>
<li><a href="https://www.qbittorrent.org/">qBittorrent ⟳</a>
- <li><a href="https://jellyfin.org/">Jellyfin 📺</a>
- <li><a href="https://mariadb.org/">MariaDB 📋</a>
+ <li><a href="https://jellyfin.org/">Jellyfin 📺</a>
+ <li><a href="https://mariadb.org/">MariaDB 📋</a>
</ul>
- <p>I was thinking about adding <a href=https://nextcloud.com/install/>Nextcloud</a> to my server, but I can just use the scp command for backups, plus I do not have much to put on it due to the fact all my work is hosted on <a href="https://gitlab.com/">Gitlab</a>.</p>
- <hr>
+ <p>I was thinking about adding <a href=https://nextcloud.com/install/>Nextcloud</a> to my server, but I can just use the scp command for backups, plus I do not have much to put on it due to the fact all my work is hosted on <a href="https://gitlab.com/">Gitlab</a>.</p><hr>
+
<h2>Searxng 🔎</h2>
<p>Searxng is a metasearch engine that takes results from other search services. It does not track you; even the <a href="https://searx.space/">public ones</a> don't! I like it because it gives me good results and it is easy to self-host, so I know 100% that I am not being tracked. I did try to install it without <a href="https://www.docker.com/">Docker</a>, but the <a href="https://docs.searxng.org/admin/installation-searxng.html">guide</a>did not work for me, so I basically took the easy way out with the official Docker image that worked.</p>
@@ -50,9 +50,9 @@
<h2>Last words</h2>
<p>I will probably only use Arch Linux for servers because it is hassle-free and easy to use! That is all there is to say it was easy and less of a headache than <a href="https://ubuntu.com">Ubuntu</a>, at least in my experience.</p>
<p>But thank you for reading!</p>
+
<center><hr>
- <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a></pre>
+ <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux">More Linux 🐧</a> | <a href="tags/Tech">More Tech 🧑💻</a></pre>
</main>
-</body>
+ </body>
</html>
-
diff --git a/public/posts/tags/BSD b/public/posts/tags/BSD
@@ -1,28 +1,27 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BSD 😈</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
- <div class="tags">
- <center>
- <h1>BSD 😈</h1>
- </center>
+ <div class="tags"> <center>
+ <h1>BSD 😈</h1> </center>
<p>17-08-2024 - <a href="../07FishShell">Trying out fish 🐟</a></p>
<p>27-07-2024 - <a href="../04Servers">Messing with servers</a></p>
<p>22-07-2024 - <a href="../02FreeBSD">Trying out FreeBSD</a></p>
@@ -33,5 +32,5 @@
<pre><a href="Linux">Linux 🐧</a> | <a href="Hardware">Hardware 🖥</a> | <a href="Tech">Tech 🧑💻</a> |</pre>
</div>
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/tags/Hardware b/public/posts/tags/Hardware
@@ -1,28 +1,29 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hardware 🖥</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<div class="tags">
- <center>
- <h1>Hardware 🖥</h1>
- </center>
+ <center>
+ <h1>Hardware 🖥</h1>
+ </center>
<p>17-08-2024 - <a href="../06NewLaptop">New Laptop !</a></p>
<p>03-08-2024 - <a href="../05Yubikeys">Yubikeys!</a></p>
<p>27-07-2024 - <a href="../04Servers">Messing with servers</a></p>
@@ -33,5 +34,5 @@
<pre><a href="Linux">Linux 🐧</a> | <a href="BSD">BSD 😈</a> | <a href="Tech">Tech 🧑💻</a> |</pre>
</div>
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/tags/Linux b/public/posts/tags/Linux
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Linux 🐧</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<div class="tags">
@@ -33,8 +34,7 @@
<h3>Other tags</h3>
<pre><a href="Hardware">Hardware 🖥</a> | <a href="BSD">BSD 😈</a> | <a href="Tech">Tech 🧑💻</a> |</pre>
</div>
-
</main>
-</body>
+ </body>
</html>
diff --git a/public/posts/tags/Tech b/public/posts/tags/Tech
@@ -1,31 +1,35 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tech 🧑💻</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<div class="tags">
- <center>
- <h1>Tech 🧑💻</h1>
- </center>
- <p>27-07-2024 - <a href="../02FreeBSD">Messing with servers</a></p>
- <p>22-07-2024 - <a href="../02FreeBSD">Trying out FreeBSD</a></p>
- <p>13-07-2024 - <a href="../00dwm">Switching to DWM</a></p>
+ <center>
+ <h1>Tech 🧑💻</h1>
+ </center>
+ <p>26-08-2024 - <a href="../08ArchServer">Arch Server!</a></p>
+ <p>17-08-2024 - <a href="../07FishShell">Trying Out Fish 🐟</a></p>
+ <p>03-08-2024 - <a href="../05Yubikeys">Yubikeys!</a></p>
+ <p>27-07-2024 - <a href="../04Servers">Messing With Servers</a></p>
+ <p>22-07-2024 - <a href="../02FreeBSD">Trying Out FreeBSD</a></p>
+ <p>13-07-2024 - <a href="../00dwm">Switching To DWM</a></p>
</div>
<div class="tags2"><hr>
@@ -33,5 +37,5 @@
<pre><a href="Linux">Linux 🐧</a> | <a href="BSD">BSD 😈</a> | <a href="Hardware">Hardware 🖥</a> |</pre>
</div>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects.html b/public/projects.html
@@ -1,40 +1,41 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Projects</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="index.html">Home</a></li>
- <li><a href="links.html">Links</a></li>
- <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
- <li><a href="projects.html">Projects</a></li>
- <li><a href="contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="index.html">Home</a></li>
+ <li><a href="links.html">Links</a></li>
+ <li class="logo"><a href="index.html"><img src="Images/misc/logo.png" alt="Logo"></a></li>
+ <li><a href="projects.html">Projects</a></li>
+ <li><a href="contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
- <h1>Projects</h1>
- <p>Below is a list of all my projects avaliable online.</p>
- <hr>
- <h2>Programming</h2>
- <p>- <a href="projects/programs/dotfiles">Dotfiles</a><p>
- <p>- <a href="projects/programs/fakefetch">Fakefetch script</a></p>
+ <h1>Projects</h1>
+ <p>Below is a list of all my projects avaliable online.</p>
+ <hr>
+ <h2>Programming</h2>
+ <p>- <a href="projects/programs/dotfiles">Dotfiles</a><p>
+ <p>- <a href="projects/programs/fakefetch">Fakefetch script</a></p>
- <h2>Written works</h2>
- <p>- <a href="projects/writing/weeklybyte/weeklybyte">Weekly Byte</a></p>
+ <h2>Written works</h2>
+ <p>- <a href="projects/writing/weeklybyte/weeklybyte">Weekly Byte</a></p>
- <h2>Misc</h2>
- <p>- <a href="projects/art/art">Digital art</a></p>
- <hr>
- <a href="https://endsoftwarepatents.org/innovating-without-patents"><img style="height: 45px;" src="https://static.fsf.org/nosvn/esp/logos/patent-free.svg"></a>
+ <h2>Misc</h2>
+ <p>- <a href="projects/art/art">Digital art</a></p>
+ <hr>
+ <a href="https://endsoftwarepatents.org/innovating-without-patents"><img style="height: 45px;" src="https://static.fsf.org/nosvn/esp/logos/patent-free.svg"></a>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/art/art b/public/projects/art/art
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en=GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Digital art</h1>
@@ -36,6 +37,6 @@
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/programs/dotfiles b/public/projects/programs/dotfiles
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dotfiles</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1><b>Dotfiles</b></h1>
@@ -44,6 +45,6 @@
<h2><u>Stable install (mostly)</u></h2><h3>Date: 20-7-2024</h3>
<p>Today, I tested my install script on my test computer, and it went smoothly. I only found one problem, which was easily fixed: I forgot to use the -r option when copying files to the .config directory. The only remaining issue is with the ranger config, but apart from that, the install script is stable for anybody to use.</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/programs/fakefetch b/public/projects/programs/fakefetch
@@ -1,22 +1,23 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fakefetch</title>
<link rel="stylesheet" href="../../styles.css">
<link rel="icon" href="../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../index.html">Home</a></li>
+ <li><a href="../../links.html">Links</a></li>
+ <li><a href="../../projects.html">Projects</a></li>
+ <li><a href="../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h1>Fakefetch</h1><hr>
@@ -41,6 +42,6 @@
<h2>Great rewrite</h2><h3>Date: 8/7/2024</h3>
<p>First post hello there! So yesterday there was a big update to Fakefetch, which involved me basically reprogramming the whole thing in the C programming language in my efforts to understand it more. Now the program might have some missing features compared to when it was written in bash, but in the coming week I will be adding more code to it and more features, so stay tuned in!</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/writing/weeklybyte/2024/issue00WB b/public/projects/writing/weeklybyte/2024/issue00WB
@@ -1,23 +1,24 @@
<!DOCTYPE html>
<html lang="en">
-<head>
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Issue 0</title>
<link rel="stylesheet" href="../../../../styles.css">
<link rel="icon" href="../../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../../index.html">Home</a></li>
- <li><a href="../../../../links.html">Links</a></li>
- <li><a href="../../../../projects.html">Projects</a></li>
- <li><a href="../../../../contact.html">Contact</a></li>
- <li><a href="../weeklybyte">Back</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../../index.html">Home</a></li>
+ <li><a href="../../../../links.html">Links</a></li>
+ <li><a href="../../../../projects.html">Projects</a></li>
+ <li><a href="../../../../contact.html">Contact</a></li>
+ <li><a href="../weeklybyte">Back</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Weekly byte<br> by shipwreckt<br> </h2>
@@ -82,7 +83,7 @@
<p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to
<p>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
+ 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>
@@ -90,6 +91,6 @@
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>
-</body>
+ </body>
</html>
diff --git a/public/projects/writing/weeklybyte/2024/issue01WB b/public/projects/writing/weeklybyte/2024/issue01WB
@@ -1,23 +1,24 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Issue 1</title>
<link rel="stylesheet" href="../../../../styles.css">
<link rel="icon" href="../../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../../index.html">Home</a></li>
- <li><a href="../../../../links.html">Links</a></li>
- <li><a href="../../../../projects.html">Projects</a></li>
- <li><a href="../../../../contact.html">Contact</a></li>
- <li><a href="../weeklybyte">Back</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../../index.html">Home</a></li>
+ <li><a href="../../../../links.html">Links</a></li>
+ <li><a href="../../../../projects.html">Projects</a></li>
+ <li><a href="../../../../contact.html">Contact</a></li>
+ <li><a href="../weeklybyte">Back</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Weekly byte<br> by shipwreckt<br> </h2>
@@ -29,22 +30,22 @@
<hr>
<h3>Pros</h3>
<p>Ubuntu is rather easy to install and use, from my experience when I installed it there were no issues and the setup was seamless, all the default software worked and the Ubuntu store installed apps. In terms of usability it is very usable and I can see why many people use it.
-</p>
+ </p>
<p>Ubuntu has been alive for 19 years as of today and overtime it has amassed a giant community of people world wide, it is available in over languages even obscure languages like Irish Gaelic.</p>
<p>Since Ubuntu has a large community this means that there are a lot of support, if you have an issue there is a high chance somebody else has encountered the same problem and has posted it online and you can see the solution yourself.</p>
<hr>
<h3>Cons</h3>
<p>The Ubuntu Snap Store is proprietary; this is bad for a Linux app store because Linux is supposed to be an outlier in a sea of proprietary operating systems. Over time, Canonical has been starting to force snap packages instead of apt packages. This is bad because snaps run slower and have a larger footprint. Just because of this, I personally would not use Ubuntu and instead use something like Linux Mint.</p>
<p>In the past, Ubuntu has been known to spy on its users. They also have a lot of proprietary code in the
-distro, so we don't even know what that code is doing</p>
+ distro, so we don't even know what that code is doing</p>
<p>Ubuntu comes with a lot; some might say too much. While it is not as bloated as Windows, it still
-comes with a lot of software that the normal user does not need, but at the same time, if you don't
-care about space and you have optimised systemd on Ubuntu, this should not be a problem.
-</p>
+ comes with a lot of software that the normal user does not need, but at the same time, if you don't
+ care about space and you have optimised systemd on Ubuntu, this should not be a problem.
+ </p>
<hr>
<h3>Who would I suggest Ubuntu to?</h3>
<p>I would suggest ubuntu for people who are new to the linux world and need a bit of hand holding tosee if they like linux or not. I would also suggest ubuntu to people who just want to use and old computer but don't really care about Linux.</p>
-
+
Ubuntu website link: <a href "https://ubuntu.com/">Ubuntu.com </a>
<hr>
@@ -54,10 +55,10 @@ care about space and you have optimised systemd on Ubuntu, this should not be a
<p>This weeks hardware is the keyboard I have been using since Christmas so for a couple of months now and it is called the "Ducky one mini" whilst the sound is average it has a really nice feeling and you do not need to install any dumb software to change the colours you can just change then on the keyboard by pressing the function and alt key. There are also different modes you can put it in like random colours and such but I prefer solid colours, I would recommend the ducky one mini to anyone who wants an alright keyboard, I got mine for £20 ($24) second hand and I love it so if you are in the market for a keyboard have a look at the Ducky one mini.</p>
<h3><b>Software</h3>
<p>This weeks software is a piece of software is F-droid the one stop shop for all your libre and free
-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>
+ 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>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/writing/weeklybyte/2024/issue02WB b/public/projects/writing/weeklybyte/2024/issue02WB
@@ -1,23 +1,24 @@
<!DOCTYPE html>
<html lang="en">
-<head>
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Issue 2</title>
<link rel="stylesheet" href="../../../../styles.css">
<link rel="icon" href="../../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../../index.html">Home</a></li>
- <li><a href="../../../../links.html">Links</a></li>
- <li><a href="../../../../projects.html">Projects</a></li>
- <li><a href="../../../../contact.html">Contact</a></li>
- <li><a href="../weeklybyte">Back</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../../index.html">Home</a></li>
+ <li><a href="../../../../links.html">Links</a></li>
+ <li><a href="../../../../projects.html">Projects</a></li>
+ <li><a href="../../../../contact.html">Contact</a></li>
+ <li><a href="../weeklybyte">Back</a></li>
+ </ul>
+ </nav>
</header>
<main>
<h2>Weekly byte<br> Date: 2/6/2024</h2>
@@ -56,6 +57,6 @@
<h3>Conclusion</h3>
<p>As normal thank you for reading I do put a lot of work into writing this so I do hope you have enjoyed it</p>
</main>
-</body>
+ </body>
</html>
diff --git a/public/projects/writing/weeklybyte/weeklybyte b/public/projects/writing/weeklybyte/weeklybyte
@@ -1,30 +1,31 @@
<!DOCTYPE html>
-<html lang="en">
-<head>
+<html lang="en-GB">
+ <head>
<meta charset="UTF-8">
+ <meta name="author" content="Shipwreckt">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Weekly Byte</title>
<link rel="stylesheet" href="../../../styles.css">
<link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
-</head>
-<body>
+ </head>
+ <body>
<header>
- <nav>
- <ul>
- <li><a href="../../../index.html">Home</a></li>
- <li><a href="../../../links.html">Links</a></li>
- <li><a href="../../../projects.html">Projects</a></li>
- <li><a href="../../../contact.html">Contact</a></li>
- </ul>
- </nav>
+ <nav>
+ <ul>
+ <li><a href="../../../index.html">Home</a></li>
+ <li><a href="../../../links.html">Links</a></li>
+ <li><a href="../../../projects.html">Projects</a></li>
+ <li><a href="../../../contact.html">Contact</a></li>
+ </ul>
+ </nav>
</header>
- <main class="description">
+ <main>
<h2>Weekly Byte </h2>
<p>The weekly byte is a kind of news thing I do each week, it covers some software and hardware I like and a weekly distro. There is also the odd bit of news if I think it is intresting but overall this is just so I can learn more about the Linux and programming world. </p>
<li><a href="2024/issue00WB">Issue 0</a></li>
<li><a href="2024/issue01WB">Issue 1</a></li>
<li><a href="2024/issue02WB">Issue 2</a></li>
</main>
-</body>
+ </body>
</html>
diff --git a/public/styles.css b/public/styles.css
@@ -116,55 +116,55 @@ main{
/* Media Queries for responsiveness */
@media (max-width: 768px) {
- body {
- max-width: 100%;
- padding: 0 10px;
- }
+ body {
+ max-width: 100%;
+ padding: 0 10px;
+ }
- .title {
- font-size: 28px;
- }
+ .title {
+ font-size: 28px;
+ }
- nav ul {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
+ nav ul {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
- nav ul li {
- display: block;
- margin: 10px 0;
- text-align: center;
- }
+ nav ul li {
+ display: block;
+ margin: 10px 0;
+ text-align: center;
+ }
- nav ul li.logo img {
- max-height: 50px;
- }
+ nav ul li.logo img {
+ max-height: 50px;
+ }
- .description {
- font-size: 16px;
- }
+ .description {
+ font-size: 16px;
+ }
- .posts h2 {
- font-size: 22px;
- }
+ .posts h2 {
+ font-size: 22px;
+ }
}
@media (max-width: 480px) {
- .title {
- font-size: 24px;
- }
+ .title {
+ font-size: 24px;
+ }
- .description {
- font-size: 14px;
- }
+ .description {
+ font-size: 14px;
+ }
- .posts h2 {
- font-size: 20px;
- }
+ .posts h2 {
+ font-size: 20px;
+ }
- nav ul li {
- margin: 5px 0;
- }
+ nav ul li {
+ margin: 5px 0;
+ }
}
