diff options
Diffstat (limited to 'public')
188 files changed, 4768 insertions, 3729 deletions
diff --git a/public/Images/art/pfp/Tux_vaporwave.png b/public/Images/art/pfp/Tux_vaporwave.png Binary files differdeleted file mode 100644 index 7d0f829..0000000 --- a/public/Images/art/pfp/Tux_vaporwave.png +++ /dev/null diff --git a/public/Images/art/wallpaper/0Dublin.jpg b/public/Images/art/wallpaper/0Dublin.jpg Binary files differdeleted file mode 100644 index 980eea1..0000000 --- a/public/Images/art/wallpaper/0Dublin.jpg +++ /dev/null diff --git a/public/Images/computers/GoogleP7a.jpg b/public/Images/computers/GoogleP7a.jpg Binary files differdeleted file mode 100644 index b4f4d76..0000000 --- a/public/Images/computers/GoogleP7a.jpg +++ /dev/null diff --git a/public/Images/computers/OPCcase0.jpg b/public/Images/computers/OPCcase0.jpg Binary files differdeleted file mode 100644 index 400f58f..0000000 --- a/public/Images/computers/OPCcase0.jpg +++ /dev/null diff --git a/public/Images/computers/OPCcase1.jpg b/public/Images/computers/OPCcase1.jpg Binary files differdeleted file mode 100644 index a88cd18..0000000 --- a/public/Images/computers/OPCcase1.jpg +++ /dev/null diff --git a/public/Images/computers/PCcase0.jpg b/public/Images/computers/PCcase0.jpg Binary files differdeleted file mode 100644 index 962d7f4..0000000 --- a/public/Images/computers/PCcase0.jpg +++ /dev/null diff --git a/public/Images/computers/PCcase1.jpg b/public/Images/computers/PCcase1.jpg Binary files differdeleted file mode 100644 index 85f488c..0000000 --- a/public/Images/computers/PCcase1.jpg +++ /dev/null diff --git a/public/Images/computers/PCcase2.jpg b/public/Images/computers/PCcase2.jpg Binary files differdeleted file mode 100644 index 4142493..0000000 --- a/public/Images/computers/PCcase2.jpg +++ /dev/null diff --git a/public/Images/computers/PCcase3.jpg b/public/Images/computers/PCcase3.jpg Binary files differdeleted file mode 100644 index 5c32f03..0000000 --- a/public/Images/computers/PCcase3.jpg +++ /dev/null diff --git a/public/Images/computers/PCcase4.jpg b/public/Images/computers/PCcase4.jpg Binary files differdeleted file mode 100644 index 2d6e395..0000000 --- a/public/Images/computers/PCcase4.jpg +++ /dev/null diff --git a/public/Images/computers/ThinkPad-L560.jpg b/public/Images/computers/ThinkPad-L560.jpg Binary files differdeleted file mode 100644 index ec31ecc..0000000 --- a/public/Images/computers/ThinkPad-L560.jpg +++ /dev/null diff --git a/public/Images/computers/ThinkpadT440p-TrackPad.jpg b/public/Images/computers/ThinkpadT440p-TrackPad.jpg Binary files differdeleted file mode 100644 index 77dc20e..0000000 --- a/public/Images/computers/ThinkpadT440p-TrackPad.jpg +++ /dev/null diff --git a/public/Images/computers/ThinkpadT440p.jpg b/public/Images/computers/ThinkpadT440p.jpg Binary files differdeleted file mode 100644 index c653273..0000000 --- a/public/Images/computers/ThinkpadT440p.jpg +++ /dev/null diff --git a/public/Images/computers/testpc.jpg b/public/Images/computers/testpc.jpg Binary files differdeleted file mode 100644 index 013d6be..0000000 --- a/public/Images/computers/testpc.jpg +++ /dev/null diff --git a/public/Images/favi.png b/public/Images/favi.png Binary files differdeleted file mode 100644 index 9cce07a..0000000 --- a/public/Images/favi.png +++ /dev/null diff --git a/public/Images/logos/Neovim.png b/public/Images/logos/Neovim.png Binary files differdeleted file mode 100644 index 4fae71c..0000000 --- a/public/Images/logos/Neovim.png +++ /dev/null diff --git a/public/Images/logos/archlinux.png b/public/Images/logos/archlinux.png Binary files differdeleted file mode 100644 index 315eaf5..0000000 --- a/public/Images/logos/archlinux.png +++ /dev/null diff --git a/public/Images/logos/freebsd.png b/public/Images/logos/freebsd.png Binary files differdeleted file mode 100644 index 26705a9..0000000 --- a/public/Images/logos/freebsd.png +++ /dev/null diff --git a/public/Images/logos/gentoo.png b/public/Images/logos/gentoo.png Binary files differdeleted file mode 100644 index 29d7ccf..0000000 --- a/public/Images/logos/gentoo.png +++ /dev/null diff --git a/public/Images/logos/keepassxc.png b/public/Images/logos/keepassxc.png Binary files differdeleted file mode 100644 index 8a7aa31..0000000 --- a/public/Images/logos/keepassxc.png +++ /dev/null diff --git a/public/Images/logos/ranger.png b/public/Images/logos/ranger.png Binary files differdeleted file mode 100644 index 197a5ea..0000000 --- a/public/Images/logos/ranger.png +++ /dev/null diff --git a/public/Images/logos/xorg.png b/public/Images/logos/xorg.png Binary files differdeleted file mode 100644 index 77ac78c..0000000 --- a/public/Images/logos/xorg.png +++ /dev/null diff --git a/public/Images/misc/BitcoinQrCode.png b/public/Images/misc/BitcoinQrCode.png Binary files differdeleted file mode 100644 index fb75623..0000000 --- a/public/Images/misc/BitcoinQrCode.png +++ /dev/null diff --git a/public/Images/misc/logo.png b/public/Images/misc/logo.png Binary files differdeleted file mode 100644 index 050aae9..0000000 --- a/public/Images/misc/logo.png +++ /dev/null diff --git a/public/Images/misc/logo.png.bk b/public/Images/misc/logo.png.bk Binary files differdeleted file mode 100644 index 050aae9..0000000 --- a/public/Images/misc/logo.png.bk +++ /dev/null diff --git a/public/Images/programming/Fakefetch/Fakefetch.png b/public/Images/programming/Fakefetch/Fakefetch.png Binary files differdeleted file mode 100644 index 9bba64f..0000000 --- a/public/Images/programming/Fakefetch/Fakefetch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/LogoFakefetch.png b/public/Images/programming/Fakefetch/LogoFakefetch.png Binary files differdeleted file mode 100644 index d8d8af0..0000000 --- a/public/Images/programming/Fakefetch/LogoFakefetch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/bluearch.png b/public/Images/programming/Fakefetch/bluearch.png Binary files differdeleted file mode 100644 index 53ad816..0000000 --- a/public/Images/programming/Fakefetch/bluearch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/greenarch.png b/public/Images/programming/Fakefetch/greenarch.png Binary files differdeleted file mode 100644 index 57c5c1e..0000000 --- a/public/Images/programming/Fakefetch/greenarch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/logo.png b/public/Images/programming/Fakefetch/logo.png Binary files differdeleted file mode 100644 index d8d8af0..0000000 --- a/public/Images/programming/Fakefetch/logo.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/orangearch.png b/public/Images/programming/Fakefetch/orangearch.png Binary files differdeleted file mode 100644 index d8be2ee..0000000 --- a/public/Images/programming/Fakefetch/orangearch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/plumarch.png b/public/Images/programming/Fakefetch/plumarch.png Binary files differdeleted file mode 100644 index 31248f3..0000000 --- a/public/Images/programming/Fakefetch/plumarch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/purplearch.png b/public/Images/programming/Fakefetch/purplearch.png Binary files differdeleted file mode 100644 index 3c810c0..0000000 --- a/public/Images/programming/Fakefetch/purplearch.png +++ /dev/null diff --git a/public/Images/programming/Fakefetch/redarch.png b/public/Images/programming/Fakefetch/redarch.png Binary files differdeleted file mode 100644 index 2fbbe44..0000000 --- a/public/Images/programming/Fakefetch/redarch.png +++ /dev/null diff --git a/public/Images/tux/Tux.png b/public/Images/tux/Tux.png Binary files differdeleted file mode 100644 index bdc5b1d..0000000 --- a/public/Images/tux/Tux.png +++ /dev/null diff --git a/public/about/software.html b/public/about/software.html deleted file mode 100644 index 823b0a2..0000000 --- a/public/about/software.html +++ /dev/null @@ -1,76 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <hr> - <h3>Linux distro</h3> - <img src="../Images/logos/archlinux.png" class="right-image" width="120px" style="margin-top: -35px;"> - <p>I use <a href="https://archlinux.org/">Arch Linux</a>, mainly because I am able to create my own work environment and I can pick what - applications I want to install instead of most linux distros that does it for the user, the - beauty of Arch Linux is that you are held responsible, nothing happens unless you let it - happen. There is a learning curve but when you break it, it is more than worth it for - the amount of freedom you get from Arch. It is also pretty fun to play with!</p><hr> - - <h3>Window manager</h3> - <img src="../Images/logos/dwm.png" class="right-image" width="120px" style="margin-top: -15px;"> - <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><hr> - - <h3>Web browser</h3> - <img src="../Images/logos/librewolf.png" class="right-image" width="110px" style="margin-top: -30px;"> - <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><hr> - - <h3>IDE</h3> - <img src="../Images/logos/Neovim.png" class="right-image" width="82px" style="margin-top: -30px;"> - <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><hr> - - <h3>Password manager</h3> - <img src="../Images/logos/keepassxc.png" class="right-image" width="110px" style="margin-top: -40px;"> - <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><hr> - - <h3>File manager</h3> - <img src="../Images/logos/ranger.png" class="right-image" width="110px" style="margin-top: -30px;"> - <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><hr> - - <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><hr> - - <h3>Xorg or Wayland?</h3> - <img src="../Images/logos/xorg.png" class="right-image" width="110px" style="margin-top: -30px;"> - <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><hr> - - <h1>Misc software:</h3> - <p><b><a href="https://wiki.archlinux.org/title/Plymouth">Plymouth</a></b> provides a graphical boot animation while the boot process happens in the background. This process is ran very early in the boot process.</p> - <p><b><a href="https://github.com/ncmpcpp/ncmpcpp">Ncmpcpp</a></b> is a TUI music player that I use when I am programming or pretending to study.</p> - </main> - </body> -</html> - diff --git a/public/about/todo.html b/public/about/todo.html deleted file mode 100644 index d84612d..0000000 --- a/public/about/todo.html +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html> -<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> - <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>What Am I Up To?</h1> - <p>Last updated: 17-04-2025</p><hr> - - <h2>School</h2> - <p>I have mostly been focusing on school so I will not be able to program as much as before.</p> - - <h2>Games</h2> - <p>Many people have their own ways of dealing with stress and such, mine is gaming. I am playing all of the classic fallout games! As of writing I am playing fallout 1 and I am so close to the end I just want to do a bunch of side quests beforehand.</p> - - <h2>Self improvement</h2> - <p>Lately I have been working on myself a lot lately and I don't mean that in a hippie way or anything. I have been cleaning my room a lot, keeping the garden clean and doing fitness. It has helped me cope during exams, better then 4 hour gaming sessions.</p> - - <h2>Website</h2> - <p>As normal I am working on my website, for now I am mostly adding infomation about Linux and junk. I will keep this up for a while because I am trying to master Linux. I am also trying to get a email server up and working but vultur and digitalocean are being asses sadly, what a guy gotta do to have the SMTP porn unblocked.</p> - - - </main> - </body> -</html> - diff --git a/public/archive/index.html b/public/archive/index.html new file mode 100644 index 0000000..2caf5a2 --- /dev/null +++ b/public/archive/index.html @@ -0,0 +1,42 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Shipwreckt</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Archive</h1> +<h2>Computing</h2> +<p><a href="linux">Linux</a> - Documentation, tutorials, opinions, all about the Linux operating system</p> +<p><a href="internet">The Internet</a> - Tips, security, and more!</p> +<h2>College</h2> +<p>Soon I will post my polished notes from college here!</p> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/archive/internet/Burning_ISO/index.html b/public/archive/internet/Burning_ISO/index.html new file mode 100644 index 0000000..0fb79a6 --- /dev/null +++ b/public/archive/internet/Burning_ISO/index.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Online profiles</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + <h1>Online profiles</h1> + <p class="post-date">August 24, 2024</p> + </header> + + <article> + <div class="post-content"> + <hr> + <h2>why?</h2> +<p>The internet is constantly evolving and changing. It is hard to stay safe online in the modern world, and with this, it is hard to protect your personal data from others online, so much so that over 40% of the UK's adult population has experienced some form of online crime. So in answer to the question, 'How do I stay safe online?' I have compiled this series of articles in order for you, the reader, to educate yourself on online safety.</p> +<hr> +<h2>Profiles</h2> +<p>We all have online profiles, whether with <a href="https://about.google/?fg=1">Google</a> or <a href="twitter.com">X (Twitter)</a>; you are probably reading this to make sure your online accounts are secure, and I am here to help you do just that, so let's just get into it!</p> +<h3>The less the better</h3> +<p>What do I mean by this? You may be thinking, well, I mean, the fewer online accounts you have to manage, the more secure you are overall! So if you have any accounts you do not use anymore or any accounts you do not need, I would suggest deleting them.</p> +<h3>No connections!</h3> +<p>A lot of online services like <a href="https://www.canva.com/">Canva</a> offer an option to sign up to their service with your Google or Facebook account. Now this may seem convenient, and it is, but it is a bad idea. It is a bad idea because if your Google or Facebook accounts get hacked into, all of these connected accounts are now compromised, and you cannot do anything about it because you cannot log into the account you connected it all to.</p> +<h3>Common sense!</h3> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/internet" class="back-button">⬅ Back to internet</a> + </footer> + + </body> +</html> + diff --git a/public/archive/internet/Passwords/index.html b/public/archive/internet/Passwords/index.html new file mode 100644 index 0000000..bb06521 --- /dev/null +++ b/public/archive/internet/Passwords/index.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Passwords 🔑</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + <h1>Passwords 🔑</h1> + <p class="post-date">August 24, 2024</p> + </header> + + <article> + <div class="post-content"> + <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> +<h2>Password managers</h2> +<img class="right-image" width="250" src="/images/logos/keepassxc.png"> +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>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> +<h2>What makes a good password?</h2> +<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:</p> +<blockquote> +<p>Grace'sPassword123</p> +</blockquote> +<p>And an example of a strong password would be:</p> +<blockquote> +<p>{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</p> +</blockquote> +<p>Now you might see why you should have a password manager, so it can remember stuff like this for you!</p> +<p>I do suggest your password to be longer than 16 charicters!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/internet" class="back-button">⬅ Back to internet</a> + </footer> + + </body> +</html> + diff --git a/public/archive/internet/browsers/index.html b/public/archive/internet/browsers/index.html new file mode 100644 index 0000000..615e8ca --- /dev/null +++ b/public/archive/internet/browsers/index.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Web browsers 🌐</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + <h1>Web browsers 🌐</h1> + <p class="post-date">August 25, 2024</p> + </header> + + <article> + <div class="post-content"> + <hr> + <p>There is lots of debate on what the best 'privacy based browser' is, so I am going to settle it here and now, and suggest the two best web browser you should daily drive.</p> +<hr> +<h2>LibreWolf</h2> +<img class="right-image" width="250" src="/images/logos/librewolf.png"> +[LibreWolf](https://librewolf.net) is a custom version of Mozilla's Firefox that is focused on privacy, security, and freedom. LibreWolf is designed to protect you against trackers and being fingerprinted across the internet. LibreWolf also removes all of Firefox's telemetry, data collection, and all the annoyances that come with using Firefox. Librewolf also by default disables anti-user freedom features like DRM. +<p>I personally use LibreWolf on a day-to-day basis, and I love it with all my heart! There is not one issue I have had with it; the only problems I have had with LibreWolf are that some websites refuse to work because it disables a bunch of trackers, but I have only had this issue happen twice over the time I have used LibreWolf. My favourite feature of LibreWolf is that it comes with <a href="https://ublockorigin.com/">uBlock Origin</a> by default, so you can enjoy the internet without ads, which is a blessing.</p> +<hr> +<h2>Tor browser</h2> +<img class="right-image" width="250" src="/images/logos/tor.png"> +The [Tor web browser](https://www.torproject.org/) is a browser that uses the Tor network to make your digital self look like anybody else who is using the Tor network. Most of the time the Tor web browser is used to access the 'dark web' which is the Tor network. The Tor browser can be used to access normal domains and is very good at masking who you really are. So if you are super privacy conscious, I would suggest the Tor browser. +<p>I do not personally use the Tor browser because I am happy with LibreWolf, and I do not do much on the internet; I mostly just read and sometimes watch Youtube.</p> +<hr> +<h2>overview</h2> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/internet" class="back-button">⬅ Back to internet</a> + </footer> + + </body> +</html> + diff --git a/public/archive/internet/i2p/index.html b/public/archive/internet/i2p/index.html new file mode 100644 index 0000000..fb5b21b --- /dev/null +++ b/public/archive/internet/i2p/index.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>I2P 🕵️</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + <h1>I2P 🕵️</h1> + <p class="post-date">August 25, 2024</p> + </header> + + <article> + <div class="post-content"> + <hr> + <h2>What is I2P?</h2> +<p>I2P stands for "The Invisible Internet Project," an anonymous network layer allowing for censorship-free internet browsing. The goal of I2P is to provide full anonymity and privacy to all who use it.</p> +<hr> +<h2>The Good and the Bad of I2P</h2> +<p>Just like all things in life, there are pros and cons. Here is a list of these pros and cons of the I2P network:</p> +<p>Good:</p> +<ul> +<li>Optimized for hidden services</li> +<li>Good for torrenting</li> +<li>Not much DDoS due to the small size of users</li> +<li>Very private and secure</li> +<li>Both TCP and UDP transports</li> +<li>All peers participate in routing for others</li> +</ul> +<p>Bad:</p> +<ul> +<li>Written in Java</li> +<li>Small user base</li> +<li>Not many developers working on the project</li> +<li>Not as many websites as something like <a href="https://www.torproject.org/">Tor</a></li> +</ul> +<p>In my opinion, the worst issue I2P has is the small user base; this is because it causes there to be fewer websites on the network, which leads to more people leaving because there are not many websites.</p> +<hr> +<img class="right-image" width="220" src="/images/logos/i2p.png"> +<h2>How to Access the I2P Network</h2> +<p>To access the I2P network, all you need to do is run an I2P router. This is one of the benefits of using I2P because you are sharing your bandwidth while using the I2P network, meaning that as long as you are using it, you are helping it run.</p> +<h2>Router List</h2> +<ul> +<li><a href="https://geti2p.net/en/download">Normal I2P router</a>, written in Java</li> +<li><a href="https://i2pplus.github.io/#download">I2P+</a>, extended version of the base I2P router</li> +<li><a href="https://i2pd.website/">I2Pd</a>, written in C++</li> +</ul> +<p>When you have gotten your I2P router running, all you need to do is go to the dashboard at your computer's local host and see if an I2P site works. I would suggest trying out <a href="http://notbob.i2p/">notbob.i2p</a>, since it is just an index of other I2P pages for you to explore.</p> +<h2>Torrenting</h2> +<p>To torrent files on I2P can be a bit complex depending on what BitTorrent manager you are using. For a new user of I2P, I would suggest using the <a href="https://geti2p.net/en/download">Normal I2P router</a> due to the fact that it has a BitTorrent manager built into it.</p> +<p>If you are using I2Pd, I would suggest enabling the SAM, I2CP, and I2PControl protocols to make sure you are able to torrent while using <a href="https://i2pplus.github.io/#download">I2Psnark</a> as your BitTorrent manager. If you do this, everything should work.</p> +<hr> +<h2>Overview</h2> +<p>Overall, I would say I2P is an amazing project and I believe you should try it out, for it has a lot of interesting websites and has amazing potential in the coming future.</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/internet" class="back-button">⬅ Back to internet</a> + </footer> + + </body> +</html> + diff --git a/public/archive/internet/index.html b/public/archive/internet/index.html new file mode 100644 index 0000000..4cea52e --- /dev/null +++ b/public/archive/internet/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Linux Archive</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Linux archive</h1> +<h2>How to stay safe Online</h2> +<p><span class="post-date">24-08-2024</span> +— <a href="/archive/internet/Burning_ISO/">Online profiles</a></p> +<p><span class="post-date">24-08-2024</span> +— <a href="/archive/internet/Passwords/">Passwords 🔑</a></p> +<p><span class="post-date">25-08-2024</span> +— <a href="/archive/internet/browsers/">Web browsers 🌐</a></p> +<h2>The internet you never see (Darknet)</h2> +<p><span class="post-date">25-08-2024</span> +— <a href="/archive/internet/i2p/">I2P 🕵️</a></p> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/archive/linux/Burning_ISO/index.html b/public/archive/linux/Burning_ISO/index.html new file mode 100644 index 0000000..f0e202b --- /dev/null +++ b/public/archive/linux/Burning_ISO/index.html @@ -0,0 +1,91 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Burning an ISO to a USB stick 💾</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Burning an ISO to a USB stick 💾</h1> + <p class="post-date">August 24, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <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> +<li>A USB drive</li> +<li>A computer with Linux 🐧🖥</li> +<li>The ability to read instructions and to follow them 🧠</li> +</ul> +<hr> +<h3>Warning ⚠️</h3> +<p>Make sure there is no valuable information on the USB stick.</p> +<hr> +<h2>How to burn an ISO to a USB 🔥💾</h2> +<ol> +<li>You need to have an ISO file. I am guessing you already have one, but if you do have one, I would suggest checking out <a href="https://distrowatch.com">Distrowatch</a>.</li> +</ol> +<hr> +<ol start="2"> +<li>Now that you have the ISO file, you need to plug in the USB stick. After doing that, you need to identify the name of the USB with the following command:</li> +</ol> +<blockquote> +<p>$ lsblk</p> +</blockquote> +<p>The USB name will be something like sdb or sdc; if you are unsure, check the size of the USB and the size of the device listed.</p> +<hr> +<ol start="3"> +<li>We need to make sure the USB is unmounted, and we do this with this command. Remember to use your USB name:</li> +</ol> +<blockquote> +<p>$ sudo umount /dev/sdX</p> +</blockquote> +<hr> +<ol start="4"> +<li>Now it is time to burn the ISO to the USB stick, use your USB name and your ISO name with this command!</li> +</ol> +<blockquote> +<p>$ sudo dd if=debian.iso of=/dev/sdX bs=4M status=progress oflag=sync</p> +</blockquote> +<hr> +<ol start="5"> +<li>After waiting a bit for it to burn, you now need to eject it so you are able to use it with this command:</li> +</ol> +<blockquote> +<p>$ sudo eject /dev/sdX</p> +</blockquote> +<hr> +<h2>Finished ✅</h2> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Cleaning_Arch_Linux/index.html b/public/archive/linux/Cleaning_Arch_Linux/index.html new file mode 100644 index 0000000..e8456d4 --- /dev/null +++ b/public/archive/linux/Cleaning_Arch_Linux/index.html @@ -0,0 +1,68 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>How To Clean Arch Linux 🧹</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>How To Clean Arch Linux 🧹</h1> + <p class="post-date">July 21, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>In this artical I will be telling you how to clean up your <a href="https://archlinux.org">Arch Linux system</a> in the same way I do so.</p> +<hr> +<h2>Package Cache</h2> +<p>The first thing you want to do is clean the Pacman cache, as Pacman does not automatically clean it. This is because Pacman retains the cache in case you need to downgrade a package or reinstall it after uninstalling. To clean the cache, use the following commands:</p> +<blockquote> +<p>$ sudo pacman -Sc # Remove packages from cache not installed<br> +$ sudo pacman -Scc # Remove packages from cache both installed and not installed</p> +</blockquote> +<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> +<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> +<blockquote> +<p>$ sudo pacman -Qtdq # Identify orphan packages<br> +$ sudo pacman -Rns $(pacman -Qtdq) # Uninstall orphan packages</p> +</blockquote> +<p>I suggest uninstalling Orphan packages every month or so, just like cleaning the Pacman cache.</p> +<hr> +<h2>Cache</h2> +<p>Sometimes you want to clean out the ~/.cache directory, as it can accumulate a large number of files from various programs on your system. The cache directory contains temporary files used by different applications to speed up their processes. In general, it is safe to delete all items in this directory, but be cautious if you have specific applications with unusual caching mechanisms. To clean the cache directory run the following command:</p> +<blockquote> +<p>$ rm -rf ~/.cache/* # Clear the cache directory</p> +</blockquote> +<hr> +<p>That is all for now, I hope this artical has helped you clean your system.</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Encrypting_USBs/index.html b/public/archive/linux/Encrypting_USBs/index.html new file mode 100644 index 0000000..0852842 --- /dev/null +++ b/public/archive/linux/Encrypting_USBs/index.html @@ -0,0 +1,105 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Encrypting USB with luks 🔒</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Encrypting USB with luks 🔒</h1> + <p class="post-date">February 17, 2025</p> + </header> + <article> + <div class="post-content"> + <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> +<ol> +<li>Install cryptsetup</li> +</ol> +<blockquote> +<p>$ sudo pacman -S cryptsetup</p> +</blockquote> +<hr> +<ol start="2"> +<li>Backup any information on the USB stick because this process involves formatting the USB drive.</li> +</ol> +<hr> +<ol start="3"> +<li>Formatting USB.</li> +</ol> +<blockquote> +<p>$ sudo fdisk /dev/sdX</p> +</blockquote> +<p>The X being your USB drive.</p> +<p>Press the following keys:<br> +o<br> +n<br> +Press enter for the rest<br> +w</p> +<hr> +<ol start="4"> +<li>Encryption time!</li> +</ol> +<blockquote> +<p>$ sudo cryptsetup luksFormat /dev/sdX1</p> +</blockquote> +<hr> +<ol start="5"> +<li>Decrypt USB</li> +</ol> +<blockquote> +<p>$ sudo cryptsetup luksOpen /dev/sdX1 USB</p> +</blockquote> +<p>Note: The first password is your root user password, not the encryption password. I have sadly made this mistake in the past.</p> +<hr> +<ol start="6"> +<li>Format the Encrypted Partition</li> +</ol> +<blockquote> +<p>$ sudo mkfs.ext4 /dev/mapper/USB</p> +</blockquote> +<p>Depending on the size of the USB, this may take some time. For me, it took 3 minutes.</p> +<hr> +<p>Step 7: Mount the Encrypted Partition</p> +<blockquote> +<p>$ sudo mkdir -p /mnt/USB <hr> +$ sudo mount /dev/mapper/USB /mnt/USB</p> +</blockquote> +<hr> +<h2>Finished ✅</h2> +<p>I hope your password is good, make sure to memorize it or save it in a password manager!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/File_Hierarchy/index.html b/public/archive/linux/File_Hierarchy/index.html new file mode 100644 index 0000000..6c81ce7 --- /dev/null +++ b/public/archive/linux/File_Hierarchy/index.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Linux File Hierarchy</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Linux File Hierarchy</h1> + <p class="post-date">August 05, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>Like any other operating system Linux has a File Hierarchy, due to the fact that the Linux operating system is a Unix-like operating system the infomation in this article can be applied to BSD and any modern versions of Unix like Solaris or IBM's AIX.</p> +<h2>/ (root)</h2> +<p>Every single varient of Linux has a root directory reposented by the forward slash symbol '/' it is the highest level directory in Linux and it stores all the system files that make it possable to run Linux.</p> +<h2>/bin</h2> +<p>The bin directory is where all of the executable binaries are stored, this allows you to use commands like ''cd', 'mkdir' and all the commands you can type into your command line.</p> +<h2>/boot</h2> +<p>The /boot directory holds all the files needed for you to be able to boot up your Linux system. It includes configuration files for whatever bootloader you are using and other components, such as the installed kernel and the initial RAM disk. The kernel is the main part of every operating system, from Windows to Linux to BSD. Its goal is to allocate resources to programs and allow them to run, while the initial RAM disk is just there to mount the root filesystem at boot. If you have more than one kernel installed, it will be stored in the /boot directory, so if you plan to install more than one kernel, I would strongly suggest allocating some more space to this directory.</p> +<p>##/dev +The /dev directory contains files that represent the hardware devices of your computer, such as hard drives, terminals, and such. These device files allow the operating system and software to interact with the hardware. For example, if you have ever installed Arch Linux or Gentoo /dev/sda would be the first SATA drive on your computer, while something like /dev/tty20 would represent the twentieth terminal on the system. Also the /dev directory includes virtual device files, such as /dev/null, which discards all data written to it, and /dev/random, which generates random numbers. These virtual devices provide various system functions that do not interact with the physical hardware.</p> +<h2>/etc</h2> +<p>The etc directory contains configuration files for all of the system-wide settings. It includes configurations for system services, users, and various applications. A few essential files in /etc would be the fstab file which defines how all the disk partitions are mounted on boot and if this is not present well your computer will not mount propally meaning you will not be able to boot, /etc/passwd which contains user info, and /etc/hostname which has the system’s hostname whithin it. This directory is needed for managing your Linux system because it holds many aspects of system behavior and configuration.</p> +<h2>/home</h2> +<p>The /home directory is where users' files are stored. Each user on the system has a subdirectory within /home, normally named after their username, where they can store personal files, configurations, and other personal files. For example, my user is "shipwreckt" and I have my home directory in /home/shipwreckt. This directory is essential for normal computer use.</p> +<h2>/lib</h2> +<p>The /lib directory holds all of the shared library files that are needed by programs. In these libraries is the code for various programs to run; an example would be the C library, which is essential for programs written in C (who would have guessed). This directory is critical for the running of programs and your system as a whole.</p> +<h2>/lib64</h2> +<p>The /lib64 directory is basically the same as /lib but it holds 64-bit libraries. If your Linux system runs on a 64-bit architecture, /lib64 contains the needed libraries required for 64-bit programmes. While /lib normally contains 32-bit libraries, the separation helps in managing libraries for different system architectures.</p> +<h2>/media</h2> +<p>The /media directory is used for mounting removable media like USBs, CDs, and if you are old floppy disks. When a removable device is plugged into the computer, it should be mounted to the /media directory. On some Linux systems, like Arch Linux, there is no /media directory but there is a /run/media directory. Removable media is not automatically mounted, so you might need to do this manually, be that through your file manager or the terminal.</p> +<h2>/mnt</h2> +<p>The /mnt directory is used for mounting other hard drives on your computer. On my computer I have two drives my NVME drive that has Arch Linux installed on it and my secondary drive that I use for backups, the drive is in /mnt sadly there is not much to say about /mnt but this is all I know about it.</p> +<h2>/opt</h2> +<p>The /opt directory is used for installing third-party software are not part of the default system. Software installed here does not normally need core system components. In my /opt I only have the nuclear music player and to my knowlage only programs written in higher level programming langauges like python and java are installed here.</p> +<h2>/proc</h2> +<p>the /proc directory is a virtual filesystem that gives us a view into the kernel's internal data structures. This directory contains infomation about system processes and a bunch of kernel parameters. Files in /proc are not readable files but are created over time by the kernel. For example /proc/cpuinfo holds a bunch of useful infomaiton about your CPU, whilst /proc/meminfo shows memory usage. This directroy is needed ofr monitoring and managing system performance</p> +<h2>/root</h2> +<p>If you did not know root is technically a user and its home directory is not in /home instead it is in the /root. It is used to store anything a normal user would use their home directory for.</p> +<h2>/sbin</h2> +<p>The /sbin directory contains essential binaries and commands that are used by the root user. Unlike the /bin directory which includes binarys for basic programs for all users to use /sbin holds commands that can only be used by the root user. It contains lots of useful programs like 'fsck' and more.</p> +<h2>/srv</h2> +<p>/srv stands for "service" and is used to hold files that are served by various system services such as web servers. By default I beleve on all Linux systems /srv has two files in it, being http and ftp both being types of web servers. There is not much to say about /srv but you are only really going to use it if you are messing around with websites.</p> +<h2>/sys</h2> +<p>The /sys directory is a virtual filesystem that allows us to examine the kernel's hardware and device model in greater detail. /sys is specifically made to interact with and set up kernel subsystems and hardware devices. Similar to /proc, the contents of this directory are generated in real time by the kernel and are important to understanding the hardware of your Linux system.</p> +<h2>/tmp</h2> +<p>The /tmp directory is used for storing temporary files created by programs and system processes. It serves as a place for programs to dump their data that is only needed temporarily. Files in /tmp are normally deleted on reboot or after a certain period of time. This directory is needed for many programs to work. There is not much else to say apart from do not store normal files here just in case they disappear!</p> +<h2>/usr</h2> +<p>The /usr directory is a very important part of the Linux filesystem, it stores user related programs and data. It contains a lot of the system's executable programs, libraries, and more. Within /usr you will find a few important directories /usr/bin that holds binaries /usr/lib that holds libraries, /usr/share which contains documentation and configuration files. /usr is made for files to be used by all users. It is essential for programs to function.</p> +<h2>/var</h2> +<p>The /var directory is used to store variable data that changes all the time while yout system is powered on. Important things such as logs, mail spools, and temporary files. If you are running a server I do suggest giving /var its own partition because it allows for easy backup and recovery.</p> +<h2>Overview</h2> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Formatting_USB/index.html b/public/archive/linux/Formatting_USB/index.html new file mode 100644 index 0000000..2fbb64a --- /dev/null +++ b/public/archive/linux/Formatting_USB/index.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Formatting USBs With Linux 🔌🔥</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Formatting USBs With Linux 🔌🔥</h1> + <p class="post-date">August 23, 2024</p> + </header> + <article> + <div class="post-content"> + <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> +<h2>Formatting the USB</h2> +<ol> +<li>The first thing you want to do is plug in your USB stick and identify the USB stick's name.</li> +</ol> +<p>lsblk</p> +<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> +<ol start="2"> +<li>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.</li> +</ol> +<p>sudo fdisk /dev/sdX</p> +<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> +<ol start="3"> +<li>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 fat32 because it works with all operating systems.</li> +</ol> +<p>sudo mkfs.fat -F 32 -n "Backup-USB" /dev/sdXx</p> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Git_Server/index.html b/public/archive/linux/Git_Server/index.html new file mode 100644 index 0000000..4fe1d07 --- /dev/null +++ b/public/archive/linux/Git_Server/index.html @@ -0,0 +1,167 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>How to start your own epic Git server!</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>How to start your own epic Git server!</h1> + <p class="post-date">February 23, 2025</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>Quick guide on how to set up a git server with stagic html website.</p> +<hr> +<h2>What you will need 📋</h2> +<ul> +<li>A computer with Linux 🐧🖥️</li> +<li>A VPS with Linux instaled 🐧🗄️</li> +<li>Some terminal knowlage 🧠</li> +<li>Ideally have a domain name</li> +</ul> +<hr> +<h3>1) Install Git</h3> +<blockquote> +<p># sudo apt install git</p> +</blockquote> +<hr> +<h3>2) Create Git user</h3> +<blockquote> +<p># adduser git</p> +</blockquote> +<hr> +<h3>3) Now you need to add your SSh keys</h3> +<p>On computer</p> +<blockquote> +<p>$ ssh-copy-id git@server_ip</p> +</blockquote> +<p>If you want to allow other people to use your Git server, add their SSH keys alongside yours.</p> +<p>On server:</p> +<blockquote> +<p># su git<br> +$ cd<br> +$ mkdir .ssh && chmod 700 .ssh<br> +$ touch .ssh/authorized_keys && chmod 600 .ssh/authorized_keys</p> +</blockquote> +<hr> +<h3>4) Nearly done, now all you need to do is make a git repo.</h3> +<blockquote> +<p># mkdir -p /srv/git<br> +# chown git:git /srv/git<br> +# su git<br> +$ cd /srv/git<br> +$ mkdir yourrepo.git<br> +$ cd yourrepo.git<br> +$ git init --bare</p> +</blockquote> +<hr> +<h3>5) Add your server to your local repo</h3> +<p>On computer</p> +<blockquote> +<p>$ cd yourrepo<br> +$ git init<br> +$ git add .<br> +$ git commit -m 'Initial commit'<br> +$ git remote add origin git@gitserver:/srv/git/project.git<br> +$ git push origin master</p> +</blockquote> +<p>If you already have a Git repository from another server, you can do the following to add your new Git server alongside your old one.</p> +<blockquote> +<p>$ cd yourrepo<br> +$ git remote add server git@gitserver:/srv/git/project.git<br> +$ git push server master && git push origin master</p> +</blockquote> +<hr> +<h3>6) If you want to enable anybody to clone from your website do the following!</h3> +<blockquote> +<p># sudo git daemon --reuseaddr --base-path=/srv/git/ /srv/git/ &<br> +# sudo systemctl enable git-daemon<br> +# sudo systemctl start git-daemon<br> +# su git<br> +# touch /srv/git/project.git/git-daemon-export-ok</p> +</blockquote> +<p>Cloning your git repo</p> +<blockquote> +<p>git clone git://your-server-ip-address/repository.git</p> +</blockquote> +<p>Now you should be able to be able to clone without a ssh key!</p> +<hr> +<h1>Setting up Stagit for personal git website</h1> +<p>Now that you have a Git server, you probably want a way to show off all of your repositories. I personally use Stagit for this because it is lightweight and stylish. I will assume you know how to make a website using Apache or Nginx.</p> +<hr> +<h3>1) First you need to install stagit (I have my own custom fork to make it easier to setup)</h3> +<blockquote> +<p># cd /var/www<br> +# git clone git://shipwreckt.co.uk/Stagit.git<br> +# mkdir git<br> +# chown git:git git<br> +# mv stagit-fork/* git<br> +# cd git<br> +# sudo make clean install</p> +</blockquote> +<hr> +<h3>2) Setup website.</h3> +<blockquote> +<p># cd htmldir<br> +# sh example_create.sh</p> +</blockquote> +<p>Your static stagit website should be generated for you! Check by going to git.yourdomain.com.</p> +<hr> +<h3>3) Next you want to set up ownership, links, and descriptions for stagiit to display</h3> +<p>Descriptions</p> +<blockquote> +<p># This is my git repo > /srv/git/yourrepo.git/description</p> +</blockquote> +<p>URL</p> +<blockquote> +<p># git://yourdomain.com/yourrepo.git > /srv/git/yourrepo.git/url</p> +</blockquote> +<p>Owner</p> +<blockquote> +<p># owner > /srv/git/yourrepo.git/owner</p> +</blockquote> +<p>Update stagit</p> +<blockquote> +<p># sh /var/www/git/htmldir/example_create.sh</p> +</blockquote> +<p>Now repete for all of your repos till all is correct!</p> +<hr> +<h3>3) Now you want it so stagit updates whenever there is an update, thankfully for you I have modified the script to work whenever a git commit is made!</h3> +<blockquote> +<p># cp /var/www/git/example_post-receive.sh /srv/git /srv/git/yourgitrepo.git/hooks/post-receive</p> +</blockquote> +<p>Now whenever you push a commit everything should update!</p> +<hr> +<h1>Overview</h1> +<p>I hope this guide has helped you setup a kool git server! If there are any problems please contact me!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Optical_Media/index.html b/public/archive/linux/Optical_Media/index.html new file mode 100644 index 0000000..c199e07 --- /dev/null +++ b/public/archive/linux/Optical_Media/index.html @@ -0,0 +1,84 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Burning optical media in Linux 💿</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Burning optical media in Linux 💿</h1> + <p class="post-date">August 23, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>This is a quick tutorial to show you how to burn any file to a piece of optical disk media!</p> +<hr> +<h3>Warning ⚠️</h3> +<p>Once you burn an optical disk you cannot reburn it.</p> +<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.</p> +<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!</p> +<hr> +<ol> +<li>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> +</ol> +<blockquote> +<p>sudo pacman -S cdrkit</p> +</blockquote> +<hr> +<ol start="2"> +<li>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. As an example, I will be using the location of the Fallout 1 installation files on my system.</li> +</ol> +<blockquote> +<p>mkisofs -o Fallout.iso -V "Fallout 1" ~/Downloads/Fallout<br> +Fallout.iso being the output ISO and ~/Downloads/Fallout being the directory with the movies in there.</p> +</blockquote> +<hr> +<ol start="3"> +<li>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> +</ol> +<blockquote> +<p>cdrecord -v dev=/dev/cdrom ~/Downloads/Fallout.iso<br> +movies.iso being the output ISO from the last command.</p> +</blockquote> +<hr> +<h2>Overview</h2> +<p>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.</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Speeding_Up_Pacman/index.html b/public/archive/linux/Speeding_Up_Pacman/index.html new file mode 100644 index 0000000..788ea56 --- /dev/null +++ b/public/archive/linux/Speeding_Up_Pacman/index.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Speeding up Pacman 🚗</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Speeding up Pacman 🚗</h1> + <p class="post-date">August 23, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>It is very easy to speed up Pacman, and we can do it in a few easy steps, so follow this guide, and your favourite package manager will be fast as anything!</p> +<hr> +<h2>Pacman.conf</h2> +<p>Pacman can download packages in parallel, meaning you are able to download more than one package at a time, which makes the process of installing and updating packages way faster!</p> +<p>The first thing you want to do is go to the location of pacman.conf, which is located in <strong>/etc/pacman.conf</strong>. So you would want to run a command like this but with your preferred text editor:</p> +<blockquote> +<p>$ sudo nvim /etc/pacman.conf</p> +</blockquote> +<p>Now that you are in the configuration file, you want to navigate to a section where it says <strong>Misc options</strong>. You want to uncomment the line where it says <strong>'ParallelDownloads.'</strong> It should look something like this:</p> +<blockquote> +<p># Misc options <br> +#UseSyslog <br> +Color <br> +#NoProgressBar <br> +CheckSpace <br> +#VerbosePkgLists <br> +ParallelDownloads = 5 <br> +ILoveCandy</p> +</blockquote> +<p>If you have a keen eye, you may have spotted the last line, which says 'I Love Candy,' and the reason why this line is here is because it gives the Pacman prompt when you run it a bit of styal with the pound signs being replaced with Pacman!</p> +<hr> +<h2>Mirrors 🪞</h2> +<p>If you did not know, a mirror is a server where the packages you install are hosted. Ideally, you want to download all of your packages from the fastest mirrors, so let me show you how to do that!</p> +<p>The first thing you will need to do is install the reflector program and run the reflector command.</p> +<blockquote> +<p>$ sudo pacman -S reflector <br> +$ sudo reflector --latest 10 --sort rate --save /etc/pacman.d/mirrorlist <br> +$ sudo pacman -Syy # To update package list from server</p> +</blockquote> +<p>After running this command, your download speed should be way faster!</p> +<hr> +<p>I hope this has helped you in making Pacman not only look better but function better!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/TarGZ/index.html b/public/archive/linux/TarGZ/index.html new file mode 100644 index 0000000..3803b63 --- /dev/null +++ b/public/archive/linux/TarGZ/index.html @@ -0,0 +1,59 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>How to tar.gz a directory 📁</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>How to tar.gz a directory 📁</h1> + <p class="post-date">April 13, 2025</p> + </header> + <article> + <div class="post-content"> + <hr> + <h2>What you will need 📋</h2> +<ul> +<li>A computer with Linux or BSD 🐧🖥️</li> +<li>The ability to read instructions and to follow them 🧠</li> +</ul> +<hr> +<h2>Why?</h2> +<p>Main reason why you want to tar.gz a directory is because it compresses a directory and all of the data inside of it. It is also good for backing things up too.</p> +<hr> +<h2>The command</h2> +<blockquote> +<p>$ tar -czvf file.tar.gz /Location/Of/Directory</p> +</blockquote> +<hr> +<h2>All done ✅</h2> +<p>Really easily done, only one command and done!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Terminal_Is_Better/index.html b/public/archive/linux/Terminal_Is_Better/index.html new file mode 100644 index 0000000..d02af11 --- /dev/null +++ b/public/archive/linux/Terminal_Is_Better/index.html @@ -0,0 +1,60 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Why the terminal will always beat the GUI 👨💻</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>Why the terminal will always beat the GUI 👨💻</h1> + <p class="post-date">August 27, 2024</p> + </header> + <article> + <div class="post-content"> + <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> +<h2>1) The Terminal Simplifies Tasks With Fewer Steps:</h2> +<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> +<h2>2) Enhanced Efficiency</h2> +<p>A GUI is essentially the command line dressed up with buttons and such, allowing users to execute commands through the elements of the GUI. While this is useful for those who are less familiar with computers, for technical users like you and me, we seek greater efficiency. By learning how to use the command line, we can perform tasks more quickly with only a few words. This not only saves us time but also enhances our productivity.</p> +<hr> +<h2>3) Understanding The System</h2> +<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 Gnome-disk, it is faster just to use fdisk and mkfs for formatting a USB stick.</p> +<hr> +<h2>Kool TUI / CLI programs</h2> +<p>MPV - Video player +FEH - Image viewer</p> +<hr> +<h2>Overview</h2> +<p>Those are all the reasons why I think the terminal is better then the GUI!</p> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/Ventoy/index.html b/public/archive/linux/Ventoy/index.html new file mode 100644 index 0000000..a56fbc0 --- /dev/null +++ b/public/archive/linux/Ventoy/index.html @@ -0,0 +1,96 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>How to Install Ventoy with Linux 🐧🔌</title> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <h1>How to Install Ventoy with Linux 🐧🔌</h1> + <p class="post-date">August 25, 2024</p> + </header> + <article> + <div class="post-content"> + <hr> + <p>Installing Ventoy is pretty easy, just a few quick steps and you will be there!</p> +<hr> +<h2>What you will need 📋</h2> +<ul> +<li>A USB with over 10GiB</li> +<li>A computer with Linux 🐧🖥️</li> +<li>The ability to read instructions and to follow them 🧠</li> +</ul> +<hr> +<h3>Warning ⚠️</h3> +<p>If the USB has any useful data, please back it up before following this guide.</p> +<hr> +<h2>Installing Ventoy with Linux 🐧🔌</h2> +<ol> +<li>The first thing you want to do is get a few .ISO and .IMG files. <a href="https://tails.net/install/download/index.en.html">Tails</a> is a must-have on Ventoy, and you can also have a little look on <a href="https://distrowatch.com">distrowatch</a> for other distros that peak your curiosity!</li> +</ol> +<hr> +<ol start="2"> +<li>Install ventoy.tar.gz from <a href="https://ventoy.net/en/index.html">https://ventoy.net/en/index.html</a>, the website tells you to install it from <a href="https://sourceforge.net/projects/ventoy/files/v1.0.99/">source forge</a>, make sure it is the linux.tar.gz file.</li> +</ol> +<hr> +<ol start="3"> +<li>After installing the tar.gz, you need to run the following command; this will open the compressed file, which will allow you to use Ventoy.</li> +</ol> +<blockquote> +<p>$ gunzip ventoy-<version>-linux.tar.gz && tar -xvf ventoy-<version>-linux.tar</p> +</blockquote> +<hr> +<ol start="4"> +<li>Next you want to enter the Ventoy directory and identify what your USB name is</li> +</ol> +<blockquote> +<p>$ cd ventoy-<version>/ && lsblk</p> +</blockquote> +<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> +<ol start="5"> +<li>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.</li> +</ol> +<blockquote> +<p>$ sudo sh Ventoy2Disk.sh -i /dev/sdX +$ Replace the X with your device letter.</p> +</blockquote> +<hr> +<ol start="6"> +<li>The last command is just ejecting your USB</li> +</ol> +<blockquote> +<p>$ sudo eject sdX</p> +</blockquote> +<hr> +<h2>All done ✅</h2> +<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> + + </div> + </article> + + + + + <footer> + <a href="/archive/linux" class="back-button">⬅ Back to Linux</a> + </footer> + + </body> +</html> + diff --git a/public/archive/linux/index.html b/public/archive/linux/index.html new file mode 100644 index 0000000..4d88c56 --- /dev/null +++ b/public/archive/linux/index.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Linux Archive</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Linux archive</h1> +<h2>Information about Linux</h2> +<p><span class="post-date">05-08-2024</span> +— <a href="/archive/linux/File_Hierarchy/">Linux File Hierarchy</a></p> +<p><span class="post-date">27-08-2024</span> +— <a href="/archive/linux/Terminal_Is_Better/">Why the terminal will always beat the GUI 👨💻</a></p> +<h2>The Linux server</h2> +<p><span class="post-date">23-02-2025</span> +— <a href="/archive/linux/Git_Server/">How to start your own epic Git server!</a></p> +<h2>Media tutorials</h2> +<p><span class="post-date">23-08-2024</span> +— <a href="/archive/linux/Formatting_USB/">Formatting USBs With Linux 🔌🔥</a></p> +<p><span class="post-date">23-08-2024</span> +— <a href="/archive/linux/Optical_Media/">Burning optical media in Linux 💿</a></p> +<p><span class="post-date">24-08-2024</span> +— <a href="/archive/linux/Burning_ISO/">Burning an ISO to a USB stick 💾</a></p> +<p><span class="post-date">17-02-2025</span> +— <a href="/archive/linux/Encrypting_USBs/">Encrypting USB with luks 🔒</a></p> +<h2>Arch Linux tutorials</h2> +<p><span class="post-date">21-07-2024</span> +— <a href="/archive/linux/Cleaning_Arch_Linux/">How To Clean Arch Linux 🧹</a></p> +<p><span class="post-date">23-08-2024</span> +— <a href="/archive/linux/Speeding_Up_Pacman/">Speeding up Pacman 🚗</a></p> +<h2>Tools</h2> +<p><span class="post-date">25-08-2024</span> +— <a href="/archive/linux/Ventoy/">How to Install Ventoy with Linux 🐧🔌</a></p> +<p><span class="post-date">13-04-2025</span> +— <a href="/archive/linux/TarGZ/">How to tar.gz a directory 📁</a></p> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/articals/internet/Darknet/00I2P.html b/public/articals/internet/Darknet/00I2P.html deleted file mode 100644 index 88fa0ce..0000000 --- a/public/articals/internet/Darknet/00I2P.html +++ /dev/null @@ -1,76 +0,0 @@ -<!DOCTYPE html> -<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>I2P</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>The Invisible Internet Project - I2P</h1><hr> - <h2>What is I2P?</h2> - <p>I2P stands for "The Invisible Internet Project," an anonymous network layer allowing for censorship-free internet browsing. The goal of I2P is to provide full anonymity and privacy to all who use it.</p> - <hr> - - <h2>The Good and the Bad of I2P</h2> - <p>Just like all things in life, there are pros and cons. Here is a list of these pros and cons of the I2P network:</p> - <p>Good:</p> - <ul> - <li>Optimized for hidden services</li> - <li>Good for torrenting</li> - <li>Not much DDoS due to the small size of users</li> - <li>Very private and secure</li> - <li>Both TCP and UDP transports</li> - <li>All peers participate in routing for others</li> - </ul> - - <p>Bad:</p> - <ul> - <li>Written in Java</li> - <li>Small user base</li> - <li>Not many developers working on the project</li> - <li>Not as many websites as something like <a href="https://www.torproject.org/">Tor</a></li> - </ul> - <p>In my opinion, the worst issue I2P has is the small user base; this is because it causes there to be fewer websites on the network, which leads to more people leaving because there are not many websites.</p> - - <hr> - - <img class="right-image" width="170" src="../../../Images/logos/i2p.png"> - <h2>How to Access the I2P Network</h2> - <p>To access the I2P network, all you need to do is run an I2P router. This is one of the benefits of using I2P because you are sharing your bandwidth while using the I2P network, meaning that as long as you are using it, you are helping it run.</p> - <h2>Router List</h2> - <ul> - <li><a href="https://geti2p.net/en/download">Normal I2P router</a>, written in Java</li> - <li><a href="https://i2pplus.github.io/#download">I2P+</a>, extended version of the base I2P router</li> - <li><a href="https://i2pd.website/">I2Pd</a>, written in C++</li> - </ul> - <p>When you have gotten your I2P router running, all you need to do is go to the dashboard at your computer's local host and see if an I2P site works. I would suggest trying out <a href="http://notbob.i2p/">notbob.i2p</a>, since it is just an index of other I2P pages for you to explore.</p> - - <h2>Torrenting</h2> - <p>To torrent files on I2P can be a bit complex depending on what BitTorrent manager you are using. For a new user of I2P, I would suggest using the <a href="https://geti2p.net/en/download">Normal I2P router</a> due to the fact that it has a BitTorrent manager built into it.</p> - - <p>If you are using I2Pd, I would suggest enabling the SAM, I2CP, and I2PControl protocols to make sure you are able to torrent while using <a href="https://i2pplus.github.io/#download">I2Psnark</a> as your BitTorrent manager. If you do this, everything should work.</p> - <hr> - <h2>Overview</h2> - <p>Overall, I would say I2P is an amazing project and I believe you should try it out, for it has a lot of interesting websites and has amazing potential in the coming future.</p> - <hr> - <center> - <pre text-align=center><a href="../../internetlist.html">Back</a> <a href="01Profiles.html">Next</a> - </center> - </main> - </body> -</html> - diff --git a/public/articals/internet/safety/00Intro.html b/public/articals/internet/safety/00Intro.html deleted file mode 100644 index 0b6369d..0000000 --- a/public/articals/internet/safety/00Intro.html +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Introduction</h1> - <hr> - <p>The internet is constantly evolving and changing. It is hard to stay safe online in the modern world, and with this, it is hard to protect your personal data from others online, so much so that over 40% of the UK's adult population has experienced some form of online crime. So in answer to the question, 'How do I stay safe online?' I have compiled this series of articles in order for you, the reader, to educate yourself on online safety.</p> - <hr> - <center> - <pre text-align=center><a href="../../internetlist.html">Back</a> <a href="01Profiles">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/safety/01Profiles.html b/public/articals/internet/safety/01Profiles.html deleted file mode 100644 index 8d6dea2..0000000 --- a/public/articals/internet/safety/01Profiles.html +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Online profiles</h1> - <hr> - <p>We all have online profiles, whether with <a href="https://about.google/?fg=1">Google</a> or <a href="twitter.com">X (Twitter)</a>; you are probably reading this to make sure your online accounts are secure, and I am here to help you do just that, so let's just get into it!</p> - - <h3>The less the better</h3> - <p>What do I mean by this? You may be thinking, well, I mean, the fewer online accounts you have to manage, the more secure you are overall! So if you have any accounts you do not use anymore or any accounts you do not need, I would suggest deleting them.</p> - - <h3>No connections!</h3> - <p>A lot of online services like <a href="https://www.canva.com/">Canva</a> offer an option to sign up to their service with your Google or Facebook account. Now this may seem convenient, and it is, but it is a bad idea. It is a bad idea because if your Google or Facebook accounts get hacked into, all of these connected accounts are now compromised, and you cannot do anything about it because you cannot log into the account you connected it all to. </p> - - <h3>Common sense!</h3> - <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.html">Back</a> <a href="../../internetlist.html">List</a> <a href="02Passwords.html">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/safety/02Passwords.html b/public/articals/internet/safety/02Passwords.html deleted file mode 100644 index d3b66fa..0000000 --- a/public/articals/internet/safety/02Passwords.html +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html> -<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>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> - <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> - <p>I do suggest your password to be longer than 16 charicters!</p> - <hr> - <center> - <pre text-align=center><a href="01Profiles.html">Back</a> <a href="../../internetlist.html">List</a> <a href="03Browser.html">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/safety/03Browser.html b/public/articals/internet/safety/03Browser.html deleted file mode 100644 index 99b0faf..0000000 --- a/public/articals/internet/safety/03Browser.html +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Web browsers</h1> - <hr> - <p>There is lots of debate on what the best 'privacy based browser' is, so I am going to settle it here and now, and suggest the two best web browser you should daily drive.</p> - <hr> - <img src="../../../Images/logos/librewolf.png" class="right-image" width="200" alt="LibreWolf logo"> - <h3>LibreWolf</h3> - <p><a href="https://librewolf.net">LibreWolf</a> is a custom version of Mozilla's Firefox that is focused on privacy, security, and freedom. LibreWolf is designed to protect you against trackers and being fingerprinted across the internet. LibreWolf also removes all of Firefox's telemetry, data collection, and all the annoyances that come with using Firefox. Librewolf also by default disables anti-user freedom features like DRM. </p> - <p>I personally use LibreWolf on a day-to-day basis, and I love it with all my heart! There is not one issue I have had with it; the only problems I have had with LibreWolf are that some websites refuse to work because it disables a bunch of trackers, but I have only had this issue happen twice over the time I have used LibreWolf. My favourite feature of LibreWolf is that it comes with <a href="https://ublockorigin.com/">uBlock Origin</a> by default, so you can enjoy the internet without ads, which is a blessing. - <hr> - <img src="../../../Images/logos/torbrowser.png" class="right-image" width="200" alt="tor browser"> - <h3>Tor browser</h3> - <p>The <a href="https://www.torproject.org/">Tor web browser</a> is a browser that uses the Tor network to make your digital self look like anybody else who is using the Tor network. Most of the time the Tor web browser is used to access the 'dark web' which is the Tor network. The Tor browser can be used to access normal domains and is very good at masking who you really are. So if you are super privacy conscious, I would suggest the Tor browser.</p> - <p>I do not personally use the Tor browser because I am happy with LibreWolf, and I do not do much on the internet; I mostly just read and sometimes watch Youtube.</p> - <hr> - <h3>overview</h3> - <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.html">Back</a> <a href="../../internetlist.html">List</a> - </main> -</body> -</html> - diff --git a/public/articals/internetlist.html b/public/articals/internetlist.html deleted file mode 100644 index a904001..0000000 --- a/public/articals/internetlist.html +++ /dev/null @@ -1,43 +0,0 @@ -<!DOCTYPE html> -<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> - <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>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 have wrote about how I stay safe online.</p> - <ul> - <li><a href="internet/safety/00Intro.html">Introduction</a></li> - <li><a href="internet/safety/01Profiles.html">Online profiles</a></li> - <li><a href="internet/safety/02Passwords.html">Passwords</a></li> - <li><a href="internet/safety/03Browser.html">Web Browsers</a></li> - </ul> - <hr> - <h2>The internet you never see (Darknet)</h2> - <ul> - <li><a href="internet/Darknet/00I2P.html">I2P</a> (The Invisible Internet Project)</li> - </ul> - </main> - </body> -</html> - diff --git a/public/articals/linux/ArchLinux/Cleaning.html b/public/articals/linux/ArchLinux/Cleaning.html deleted file mode 100644 index dc32a02..0000000 --- a/public/articals/linux/ArchLinux/Cleaning.html +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How to Clean Arch Linux 🧹</h1> - <h3>Date: 21-7-2024</h3> - <p>In this artical I will be telling you how to clean up your <a href="https://archlinux.org">Arch Linux system</a> in the same way I do so.</p> - <hr> - <h2>Package Cache</h2> - <p>The first thing you want to do is clean the Pacman cache, as Pacman does not automatically clean it. This is because Pacman retains the cache in case you need to downgrade a package or reinstall it after uninstalling. To clean the cache, use the following commands:</p> - <div class="code-box"> - <p>sudo pacman -Sc # Remove packages from cache not installed</p> - <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> - <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> - - <div class="code-box"> - <p>sudo pacman -Qtdq # Identify orphan packages</p> - <p>sudo pacman -Rns $(pacman -Qtdq) # Uninstall orphan packages</p> - </div> - <p>I suggest uninstalling Orphan packages every month or so, just like cleaning the Pacman cache.</p> - <hr> - <h2>Cache</h2> - <p>Sometimes you want to clean out the ~/.cache directory, as it can accumulate a large number of files from various programs on your system. The cache directory contains temporary files used by different applications to speed up their processes. In general, it is safe to delete all items in this directory, but be cautious if you have specific applications with unusual caching mechanisms. To clean the cache directory run the following command:</p> - <div class="code-box"> - <p>rm -rf ~/.cache/* # Clear the cache directory</p> - </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.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/ArchLinux/Optimizing.html b/public/articals/linux/ArchLinux/Optimizing.html deleted file mode 100644 index 0596aa8..0000000 --- a/public/articals/linux/ArchLinux/Optimizing.html +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How to speed up Pacman 🚗</h1> - <h3>Date: 23-7-2024</h3> - <hr> - <p>It is very easy to speed up Pacman, and we can do it in a few easy steps, so follow this guide, and your favourite package manager will be fast as anything!</p> - <hr> - <h2>Pacman.conf</h2> - <p>Pacman can download packages in parallel, meaning you are able to download more than one package at a time, which makes the process of installing and updating packages way faster!</p> - - <p>The first thing you want to do is go to the location of pacman.conf, which is located in <b>/etc/pacman.conf</b>. So you would want to run a command like this but with your preferred text editor:</p> - <div class=code-box> - <p>sudo nvim /etc/pacman.conf</p> - </div> - <p>Now that you are in the configuration file, you want to navigate to a section where it says <b>Misc options</b>. You want to uncomment the line where it says <b>'ParallelDownloads.'</b> It should look something like this:</p> - <div class=code-box> - <p># Misc options<br> - #UseSyslog<br> - Color<br> - #NoProgressBar<br> - CheckSpace<br> - #VerbosePkgLists<br> - ParallelDownloads = 5<br> - ILoveCandy</p> - </div> - <p>If you have a keen eye, you may have spotted the last line, which says 'I Love Candy,' and the reason why this line is here is because it gives the Pacman prompt when you run it a bit of styal with the pound signs being replaced with Pacman!</p> - <hr> - <h2>Mirrors 🪞</h2> - <p>If you did not know, a mirror is a server where the packages you install are hosted. Ideally, you want to download all of your packages from the fastest mirrors, so let me show you how to do that!</p> - <p>The first thing you will need to do is install the reflector program and run the reflector command.</p> - <div class=code-box> - <p>sudo pacman -S reflector<br> sudo reflector --latest 10 --sort rate --save /etc/pacman.d/mirrorlist<br>sudo pacman -Syy # To update package list from server</p> - </div> - <p>After running this command, your download speed should be way faster!</p> - <hr> - <center> - <p>I hope this has helped you in making Pacman not only look better but function better!</p> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/info/FileHierarchy.html b/public/articals/linux/info/FileHierarchy.html deleted file mode 100644 index fcc6682..0000000 --- a/public/articals/linux/info/FileHierarchy.html +++ /dev/null @@ -1,90 +0,0 @@ -<!DOCTYPE html> -<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> - <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>The Linux File Hierarchy</h1> - <h3>Date: 05:8:2024</h3> - <hr> - <p>Like any other operating system Linux has a File Hierarchy, due to the fact that the Linux operating system is a <a href="https://en.wikipedia.org/wiki/Unix-like">Unix-like</a> operating system the infomation in this article can be applied to BSD and any modern versions of Unix like <a href="https://www.oracle.com/solaris/solaris11/">Solaris</a> or <a href="https://www.ibm.com/products/aix">IBM's AIX</a>.</p> - <hr> - <h2>/ (root)</h2> - <p>Every single varient of Linux has a root directory reposented by the forward slash symbol '/' it is the highest level directory in Linux and it stores all the system files that make it possable to run Linux.</p> - <hr> - <h2>/bin</h2> - <p>The bin directory is where all of the executable binaries are stored, this allows you to use commands like ''cd', 'mkdir' and all the commands you can type into your command line.</p> - <hr> - <h2>/boot</h2> - <p>The /boot directory holds all the files needed for you to be able to boot up your Linux system. It includes configuration files for whatever bootloader you are using and other components, such as the installed kernel and the initial RAM disk. The kernel is the main part of every operating system, from Windows to Linux to BSD. Its goal is to allocate resources to programs and allow them to run, while the initial RAM disk is just there to mount the root filesystem at boot. If you have more than one kernel installed, it will be stored in the /boot directory, so if you plan to install more than one kernel, I would strongly suggest allocating some more space to this directory.</p> - <hr> - <h2>/dev</h2> - <p>The /dev directory contains files that represent the hardware devices of your computer, such as hard drives, terminals, and such. These device files allow the operating system and software to interact with the hardware. For example, if you have ever installed Arch Linux or Gentoo /dev/sda would be the first SATA drive on your computer, while something like /dev/tty20 would represent the twentieth terminal on the system. Also the /dev directory includes virtual device files, such as /dev/null, which discards all data written to it, and /dev/random, which generates random numbers. These virtual devices provide various system functions that do not interact with the physical hardware.</p> - <hr> - <h2>/etc</h2> - <p>The etc directory contains configuration files for all of the system-wide settings. It includes configurations for system services, users, and various applications. A few essential files in /etc would be the fstab file which defines how all the disk partitions are mounted on boot and if this is not present well your computer will not mount propally meaning you will not be able to boot, /etc/passwd which contains user info, and /etc/hostname which has the system’s hostname whithin it. This directory is needed for managing your Linux system because it holds many aspects of system behavior and configuration.</p><hr> - - <h2>/home</h2> - <p>The /home directory is where users' files are stored. Each user on the system has a subdirectory within /home, normally named after their username, where they can store personal files, configurations, and other personal files. For example, my user is "shipwreckt" and I have my home directory in /home/shipwreckt. This directory is essential for normal computer use.</p><hr> - - <h2>/lib</h2> - <p>The /lib directory holds all of the shared library files that are needed by programs. In these libraries is the code for various programs to run; an example would be the C library, which is essential for programs written in C (who would have guessed). This directory is critical for the running of programs and your system as a whole.</p><hr> - - <h2>/lib64</h2> - <p>The /lib64 directory is basically the same as /lib but it holds 64-bit libraries. If your Linux system runs on a 64-bit architecture, /lib64 contains the needed libraries required for 64-bit programmes. While /lib normally contains 32-bit libraries, the separation helps in managing libraries for different system architectures.</p><hr> - - <h2>/media</h2> - <p>The /media directory is used for mounting removable media like USBs, CDs, and if you are old floppy disks. When a removable device is plugged into the computer, it should be mounted to the /media directory. On some Linux systems, like Arch Linux, there is no /media directory but there is a /run/media directory. Removable media is not automatically mounted, so you might need to do this manually, be that through your file manager or the terminal.<p><hr> - - <h2>/mnt</h2> - <p>The /mnt directory is used for mounting other hard drives on your computer. On my computer I have two drives my NVME drive that has Arch Linux installed on it and my secondary drive that I use for backups, the drive is in /mnt sadly there is not much to say about /mnt but this is all I know about it.</p><hr> - - <h2>/opt</h2> - <p>The /opt directory is used for installing third-party software are not part of the default system. Software installed here does not normally need core system components. In my /opt I only have the <a href="https://nuclear.js.org/">nuclear music player</a> and to my knowlage only programs written in higher level programming langauges like python and java are installed here.</p><hr> - - <h2>/proc</h2> - <p>the /proc directory is a virtual filesystem that gives us a view into the kernel's internal data structures. This directory contains infomation about system processes and a bunch of kernel parameters. Files in /proc are not readable files but are created over time by the kernel. For example /proc/cpuinfo holds a bunch of useful infomaiton about your CPU, whilst /proc/meminfo shows memory usage. This directroy is needed ofr monitoring and managing system performance</p><hr> - - <h2>/root</h2> - <p>If you did not know root is technically a user and its home directory is not in /home instead it is in the /root. It is used to store anything a normal user would use their home directory for.</p><hr> - - <h2>/sbin</h2> - <p>The /sbin directory contains essential binaries and commands that are used by the root user. Unlike the /bin directory which includes binarys for basic programs for all users to use /sbin holds commands that can only be used by the root user. It contains lots of useful programs like 'fsck' and more.</p><hr> - - <h2>/srv</h2> - <p>/srv stands for "service" and is used to hold files that are served by various system services such as web servers. By default I beleve on all Linux systems /srv has two files in it, being http and ftp both being types of web servers. There is not much to say about /srv but you are only really going to use it if you are messing around with websites.</p><hr> - - <h2>/sys</h2> - <p>The /sys directory is a virtual filesystem that allows us to examine the kernel's hardware and device model in greater detail. /sys is specifically made to interact with and set up kernel subsystems and hardware devices. Similar to /proc, the contents of this directory are generated in real time by the kernel and are important to understanding the hardware of your Linux system.</p><hr> - <h2>/tmp</h2> - <p>The /tmp directory is used for storing temporary files created by programs and system processes. It serves as a place for programs to dump their data that is only needed temporarily. Files in /tmp are normally deleted on reboot or after a certain period of time. This directory is needed for many programs to work. There is not much else to say apart from do not store normal files here just in case they disappear!</p><hr> - <h2>/usr</h2> - <p>The /usr directory is a very important part of the Linux filesystem, it stores user related programs and data. It contains a lot of the system's executable programs, libraries, and more. Within /usr you will find a few important directories /usr/bin that holds binaries /usr/lib that holds libraries, /usr/share which contains documentation and configuration files. /usr is made for files to be used by all users. It is essential for programs to function.</p><hr> - <h2>/var</h2> - <p>The /var directory is used to store variable data that changes all the time while yout system is powered on. Important things such as logs, mail spools, and temporary files. If you are running a server I do suggest giving /var its own partition because it allows for easy backup and recovery.</p><hr> - <h2>Overview</h2> - <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.html">Back 🚪</a> - - </main> -</body> -</html> - diff --git a/public/articals/linux/info/Terminal.html b/public/articals/linux/info/Terminal.html deleted file mode 100644 index 1578211..0000000 --- a/public/articals/linux/info/Terminal.html +++ /dev/null @@ -1,48 +0,0 @@ -<!DOCTYPE html> -<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> - <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>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>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> - - <h3>2) Enhanced Efficiency</h3> - <p>A GUI is essentially the command line dressed up with buttons and such, allowing users to execute commands through the elements of the GUI. While this is useful for those who are less familiar with computers, for technical users like you and me, we seek greater efficiency. By learning how to use the command line, we can perform tasks more quickly with only a few words. This not only saves us time but also enhances our productivity.</p><hr> - - <h3>3) Understanding The System</h3> - <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> - - <h2>Kool TUI / CLI programs</h2> - <ul> - <li>MPV - Video player</li> - <li>FEH - Image viewer</li> - </ul> - <hr> - <p>For now that is all I have on why terminal is better!</p> - <hr><center> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/media/BurningIsos.html b/public/articals/linux/media/BurningIsos.html deleted file mode 100644 index 6bcab23..0000000 --- a/public/articals/linux/media/BurningIsos.html +++ /dev/null @@ -1,69 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How to burn an ISO to a USB stick 💾</h1> - <h3>Date: 24-08-2024</h3> - <hr> - <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> - <li>A USB drive</li> - <li>A computer with Linux 🐧🖥</li> - <li>The ability to read instructions and to follow them 🧠</li> - </ul><hr> - <h3>Warning ⚠️</h3> - <p>Make sure there is no valuable information on the USB stick.</p><hr> - - <h2>How to burn an ISO to a USB 🔥💾</h2> - <p>1) You need to have an ISO file. I am guessing you already have one, but if you do have one, I would suggest checking out <a href="https://distrowatch.com">Distrowatch</a>.</p><hr> - - <p>2) Now that you have the ISO file, you need to plug in the USB stick. After doing that, you need to identify the name of the USB with the following command:</p> - <div class=code-box> - <p>lsblk</p> - </div> - <p>The USB name will be something like sdb or sdc; if you are unsure, check the size of the USB and the size of the device listed.</p><hr> - - <p>3) We need to make sure the USB is unmounted, and we do this with this command. Remember to use your USB name:</p> - <div class=code-box> - <p>sudo umount /dev/sdX</p> - </div><hr> - - <p>4) Now it is time to burn the ISO to the USB stick, use your USB name and your ISO name with this command!</p> - <div class=code-box> - <p>sudo dd if=debian.iso of=/dev/sdX bs=4M status=progress oflag=sync</p> - </div><hr> - - <p>5) After waiting a bit for it to burn, you now need to eject it so you are able to use it with this command:</p> - <div class=code-box> - <p>sudo eject /dev/sdX</p> - </div><hr> - - <h2>Finished ✅</h2> - <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.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/media/EncryptingUSB.html b/public/articals/linux/media/EncryptingUSB.html deleted file mode 100644 index bb2287f..0000000 --- a/public/articals/linux/media/EncryptingUSB.html +++ /dev/null @@ -1,94 +0,0 @@ -<!DOCTYPE html> -<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>Encrypting USB with luks</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>Encrypting USB with luks</h1> - <h3>Date: 17-02-2025</h3> - <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> - - <p>1) Install cryptsetup - <div class="code-box"> - <p>sudo pacman -S cryptsetup</p> - </div> - - <hr> - - <p>2) Backup any information on the USB stick because this process involves formatting the USB drive.</p> - - <hr> - - <p>3) Formatting USB.</p> - <div class="code-box"> - sudo fdisk /dev/sdX - </div> - <p>The X being your USB drive.</p> - <p>Press the following keys: <br> o <br> n <br> Press enter for the rest <br>w</p> - - <hr> - - <p>4) Encryption time! - <div class="code-box"> - sudo cryptsetup luksFormat /dev/sdX1 - </div> - <p><a href="../../internet/safety/02Passwords">Make your password secure please!</a> - - <hr> - - <p>5) Decrypt USB</p> - <div class="code-box"> - sudo cryptsetup luksOpen /dev/sdX1 USB - </div> - <p>Note: The first password is your root user password, not the encryption password. I have sadly made this mistake in the past.</p> - - <hr> - - <p>6) Format the Encrypted Partition</p> - <div class="code-box"> - sudo mkfs.ext4 /dev/mapper/USB - </div> - <p>Depending on the size of the USB, this may take some time. For me, it took 3 minutes.</p> - - <hr> - - <p>Step 7: Mount the Encrypted Partition</p> - <div class="code-box"> - sudo mkdir -p /mnt/USB - <br> - sudo mount /dev/mapper/USB /mnt/USB - </div> - - <hr> - <h2>Finished ✅</h2> - <p>Your password better be good dude. Make sure to memorize it!</p> - <hr> - - <center> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/media/FormattingUSB.html b/public/articals/linux/media/FormattingUSB.html deleted file mode 100644 index 5e3728b..0000000 --- a/public/articals/linux/media/FormattingUSB.html +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Formatting USBs With Linux 🔌🔥</h1> - <h3>Date: 23-08-2024</h3> - <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> - - <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>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 fat32 because it works with all operating systems.</p> - <div class="code-box"> - <p>sudo mkfs.fat -F 32 -n "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> - - <center> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/media/cd.html b/public/articals/linux/media/cd.html deleted file mode 100644 index b44d15a..0000000 --- a/public/articals/linux/media/cd.html +++ /dev/null @@ -1,76 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How To Format A USB with Linux 💿</h1> - <h3>Date: 23-08-2024</h3> - <hr> - <p>This is a quick tutorial to show you how to burn any file to a piece of optical disk media!</p> - <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> - - <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> - - <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. As an example, I will be using the location of the Fallout 1 installation files on my system.</li><br> - <div class="code-box"> - <p>mkisofs -o Fallout.iso -V "Fallout 1" ~/Downloads/Fallout</p> - </div> - <p>Fallout.iso being the output ISO and ~/Downloads/Fallout being the directory with the movies in there.</p> - - <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>cdrecord -v dev=/dev/cdrom ~/Downloads/Fallout.iso</p> - </div> - <p>movies.iso being the output ISO from the last command.</p> - - <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.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/server/git.html b/public/articals/linux/server/git.html deleted file mode 100644 index c02953c..0000000 --- a/public/articals/linux/server/git.html +++ /dev/null @@ -1,197 +0,0 @@ -<!DOCTYPE html> -<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>Git server setup!</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>How to start your own epic Git server!</h1> - <h3>Date: 23-02-2025</h3> - <hr> - <p>Quick guide on how to set up a git server with stagic html website.</p> - <hr> - - <h2>What you will need 📋</h2> - <ul> - <li>A computer with Linux 🐧🖥️</li> - <li>A VPS with Linux instaled 🐧🗄️</li> - <li>Some terminal knowlage 🧠</li> - <li>Ideally have a domain name</li> - </ul> - <hr> - - <h1>Setting up Git server</h1> - <hr> - - <li>1) Install Git</li> - <br> - <div class="code-box"> - <p># sudo apt install git</p> - </div> - <br> - - <hr> - - <li>2) Create git user.</li><br> - <div class="code-box"> - <p># sudo adduser git</p> - </div> - - <hr> - - <li>3) Now you need to add your SSh keys.</li><br> - <div class="code-box"> - <h3>On server</h3> - <p># su git</p> - <p>$ cd</p> - <p>$ mkdir .ssh && chmod 700 .ssh</p> - <p>$ touch .ssh/authorized_keys && chmod 600 .ssh/authorized_keys</p> - </div> - - <br> - - <div class="code-box"> - <h3>On computer</h3> - <p>$ cat .ssh/id_rsa.pub</p> - <pre>ssh-rsa AAAAB3NzaC1yc2EAAAADAQABAAACAQCyXwuFdbWHloGPOfFq6p5Dt..... me@shipwreckt.co.uk</pre> - <p>Copy and paste your ssh key to .ssh/authorized_keys on your server. - </div> - - <p>If you want to allow other people to use your Git server, add their SSH keys alongside yours.</p> - - <hr> - - <li>4) Nearly done, now all you need to do is make a git repo.</li><br> - <div class="code-box"> - <p># chown git:git /srv/git</p> - <p># su git</p> - <p>$ cd /srv/git</p> - <p>$ mkdir yourrepo.git</p> - <p>$ cd yourrepo.git</p> - <p>$ git init --bare</p> - </div> - - <hr> - - <li>5) Time to add your server to your local repo</li> - <div class="code-box"> - <h3>On computer</h3> - <p>$ cd yourrepo</p> - <p>$ git init</p> - <p>$ git add .</p> - <p>$ git commit -m 'Initial commit'</p> - <p>$ git remote add origin git@gitserver:/srv/git/project.git</p> - <p>$ git push origin master</p> - </div> - - <p>If you already have a Git repository from another server, you can do the following to add your new Git server alongside your old one.</p> - - <div class="code-box"> - <h3>On computer</h3> - <p>$ cd yourrepo</p> - <p>$ git remote add server git@gitserver:/srv/git/project.git</p> - <p>$ git push server master && git push origin master</p> - </div> - - <p>You can now do this for all of your repos!</p> - - <hr> - - <li>6) If you want to enable anybody to clone from your website do the following!</li> - - <div class="code-box"> - <p># sudo git daemon --reuseaddr --base-path=/srv/git/ /srv/git/ &</p> - <p># sudo systemctl enable git-daemon</p> - <p># sudo systemctl start git-daemon</p> - <p># su git</p> - <p>touch /srv/git/project.git/git-daemon-export-ok</p> - </div> - - <p>Cloning your git repo</p> - <div class="code-box"> - <h3>On computer</h3> - <p>git clone git://your-server-ip-address/repository.git</p> - </div> - <p>Now you should be able to be able to clone without a ssh key!</p> - - <hr> - <h1>Setting up Stagit for personal git website</h1> - <p>Now that you have a Git server, you probably want a way to show off all of your repositories. I personally use Stagit for this because it is lightweight and stylish. I will assume you know how to make a website using Apache or Nginx.</p> - - <hr> - <li>1) First you need to install stagit, I have my own custom fork to make it easier to setup.</li> - <div class="code-box"> - <p># cd /var/www</p> - <p># git clone git://shipwreckt.co.uk/stagit-fork.git</p> - <p># mkdir git</p> - <p># chown git:git git</p> - <p># mv stagit-fork/* git</p> - <p># cd git</p> - <p># sudo make clean install</p> - </div> - - <hr> - <li>2) Setup website.</li> - <div class="code-box"> - <p># cd htmldir</p> - <p># sh example_create.sh</p> - </div> - <p>Your static stagit website should be generated for you! Check by going to git.yourdomain.com. - - <hr> - - <li>3) Next you want to set up ownership, links, and descriptions for stagiit to display</li> - <div class="code-box"> - <h3>Descriptions</h3> - <p># This is my git repo > /srv/git/yourrepo.git/description</p> - </div> - - <div class="code-box"> - <h3>URL</h3> - <p># git://yourdomain.com/yourrepo.git > /srv/git/yourrepo.git/url - </div> - - <div class="code-box"> - <h3>Owner</h3> - <p># owner > /srv/git/yourrepo.git/owner</p> - </div> - - <div class="code-box"> - <h3>Update stagit</h3> - <p># sh /var/www/git/htmldir/example_create.sh</p> - </div> - - <p>Now repete for all of your repos till all is correct!</p> - - <hr> - <li>3) Now you want it so stagit updates whenever there is an update, thankfully for you I have modified the script to work whenever a git commit is made!</li> - <div class="code-box"> - # cp /var/www/git/example_post-receive.sh /srv/git /srv/git/yourgitrepo.git/hooks/post-receive - </div> - <p>Now whenever you push a commit everything should update!</p><hr> - - <h1>Overview</h1> - <p>I hope this guide has helped you setup a kool git server! If there are any problems please contact me!</p> - - <center> - <hr> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/tools/TarGz.html b/public/articals/linux/tools/TarGz.html deleted file mode 100644 index d84c883..0000000 --- a/public/articals/linux/tools/TarGz.html +++ /dev/null @@ -1,52 +0,0 @@ -<!DOCTYPE html> -<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>tar.gz a directory 📁</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>How to tar.gz a directory 📁</h1> - <h3>Date: 13-04-2025</h3> - <hr> - <h2>What you will need 📋</h2> - <ul> - <li>A computer with Linux or BSD 🐧🖥️</li> - <li>The ability to read instructions and to follow them 🧠</li> - </ul> - <hr> - - <h2>Why?</h2> - <p>Main reason why you want to tar.gz a directory is because it compresses a directory and all of the data inside of it. It is also good for backing things up too.</p> - <hr> - - <h2>The command</h2> - <div class=code-box> - <p>$ tar -czvf file.tar.gz /Location/Of/Directory</p> - </div><hr> - - - <h2>All done ✅</h2> - <p>Really easily done, only one command and done!</p> - - <center> - <hr> - <pre text-align=center> <a href="../../linuxlist.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linux/tools/Ventoy.html b/public/articals/linux/tools/Ventoy.html deleted file mode 100644 index dcbe206..0000000 --- a/public/articals/linux/tools/Ventoy.html +++ /dev/null @@ -1,74 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How to Install Ventoy with Linux 🐧🔌</h1> - <h3>Date: 25-08-2024</h3> - <hr> - <p>Installing Ventoy is pretty easy, just a few quick steps and you will be there!</p> - <hr> - <h2>What you will need 📋</h2> - <ul> - <li>A USB with over 10GiB</li> - <li>A computer with Linux 🐧🖥️</li> - <li>The ability to read instructions and to follow them 🧠</li> - </ul> - <hr> - <h3>Warning ⚠️</h3> - <p>If the USB has any useful data, please back it up before following this guide.</p><hr> - - <h2>Installing Ventoy with Linux 🐧🔌</h2> - <p>1) The first thing you want to do is get a few .ISO and .IMG files. <a href="https://tails.net/install/download/index.en.html">Tails</a> is a must-have on Ventoy, and you can also have a little look on <a href=https://distrowatch.com>distrowatch</a> for other distros that peak your curiosity!</p><hr> - - <p>2) Install ventoy.tar.gz from <a href="https://ventoy.net/en/index.html">https://ventoy.net/en/index.html</a>, the website tells you to install it from <a href="https://sourceforge.net/projects/ventoy/files/v1.0.99/">source forge</a>, make sure it is the linux.tar.gz file.</p><hr> - - <p>3) After installing the tar.gz, you need to run the following command; this will open the compressed file, which will allow you to use Ventoy.</p> - <div class=code-box> - <p>gunzip ventoy-<version>-linux.tar.gz && tar -xvf ventoy-<version>-linux.tar</p> - </div><hr> - - <p>4) Next you want to enter the Ventoy directory and identify what your USB name is</p> - <div class=code-box> - <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> - </div> - <p>Replace the X with your device letter.</p><hr> - - <p>6) The last command is just ejecting your USB</p> - <div class=code-box> - <p>sudo eject sdX</p> - </div><hr> - - <h2>All done ✅</h2> - <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.html">Back 🚪</a> - </main> -</body> -</html> - diff --git a/public/articals/linuxlist.html b/public/articals/linuxlist.html deleted file mode 100644 index 5fcbd82..0000000 --- a/public/articals/linuxlist.html +++ /dev/null @@ -1,59 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Linux articles 🐧</h1> - <p>Due to the fact I plan to write more articles about LinuxI have decided to make an index to preper for the future when I do write more.</p> - <section class="posts"> - <h2>Infomation about Linux</h2> - <ul> - <li>05-08-2024 - <a href="linux/info/FileHierarchy.html">Linux File Hierarchy</a></li> - <li>27-08-2024 - <a href="linux/info/Terminal.html">Why the terminal will always beat the GUI 👨💻</a></li> - </ul> - - <h2>Linux server junk</h2> - <ul> - <li>23-02-2025 0 <a href='linux/server/git.html'>How to start a git server 😎</a><li> - </ul> - - <h2>Media tutorials</h2> - <ul> - <li>23-08-2024 - <a href="linux/media/cd.html">Burning optical media in Linux 💿</a></li> - <li>24-08-2024 - <a href="linux/media/BurningIsos.html">Burning an ISO to a USB stick 💾</a></li> - <li>27-08-2024 - <a href="linux/media/FormattingUSB.html">Formatting USBs with Linux 🔌🔥</a></li> - <li>17-02-2025 - <a href="linux/media/EncryptingUSB.html">Encrypting USB with luks 🔒</a></li> - </ul> - - <h2>Arch Linux tutorials</h2> - <ul> - <li>21-07-2024 - <a href="linux/ArchLinux/Cleaning.html">How To Clean Arch Linux 🧹</a></li> - <li>23-08-2024 - <a href="linux/ArchLinux/Optimizing.html">Speeding up Pacman 🚗</a></li> - </ul> - - <h2>Tools</h2> - <ul> - <li>25-08-2024 - <a href="linux/tools/Ventoy.html">Ventoy install with Linux 🐧🔌</a></li> - <li>13-04-2025 - <a href="linux/tools/TarGz.html">How to tar.gz a directory 📁</a></li> - </ul> - </main> - </body> -</html> - diff --git a/public/articals/neovim/0move.html b/public/articals/neovim/0move.html deleted file mode 100644 index f6810ea..0000000 --- a/public/articals/neovim/0move.html +++ /dev/null @@ -1,65 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Moving around in Neovim</h1> - <hr> - <h2>Basic movements</h2> - <p>Moving around in Neovim is pretty easy so this will not be a long tutorial!</p> - <p>To move around in Neovim you need to be in the 'Normal mode' where you cannot type anything.</p> - <ul> - <li>Move left - h</li> - <li>Move right - l</li> - <li>Move up - k</li> - <li>Move down - j</li> - </ul> - <p>Moving around in Neovim is not that hard as you can see! It might feel weird now but the more you use Neovim the more you get used to it. Now lets move onto some of the more advanced movements.</p> - <font color=red>Tip: You can press a number and a movement key to go to where you want, for example, 4k to move four spaces up or 4j to move four spaces down.</font> - <hr> - <h2>Spesific movements on words</h2> - <p>These are movements on individual sentances.</p> - <ul> - <li>Move to the start of the next word - w</li> - <li>Move to the start of the previous word - b</li> - <li>Move to the end of the current word - e</li> - </ul> - - <hr> - <h2>Spesific movements</h2> - <p>To go to spesific parts of the file is pretty easy.</p> - <ul> - <li>Move to the top - gg</li> - <li>Move to the bottom - G</li> - <li>Move to spesific line - 2G</li> - <li>Move to the top of the screen - H</li> - <li>Move to the middle of the screen - M</li> - <li>Move to the bottom of the screen - L</li> - <li>Move to the start of the line - 0</li> - <li>Move to the end of the line - $</li> - </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.html">Back</a> <a href="1modes.html">Next</a> - </main> -</body> -</html> diff --git a/public/articals/neovim/1modes.html b/public/articals/neovim/1modes.html deleted file mode 100644 index 9929761..0000000 --- a/public/articals/neovim/1modes.html +++ /dev/null @@ -1,53 +0,0 @@ -<!DOCTYPE html> -<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"> - <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>Neovim modes</h1> - <hr> - <p>There are three main modes in Neovim that you really need to know about.</p> - <h3>Normal mode</h3> - <p>Normal mode is the default mode in Neovim; it is the mode you start off in, and it allows you to enter other modes. You can also execute commands in this mode. If you are in another mode, all you need to do to enter normal mode is press the <b>ESC</b> key.</p> - - <h3>Insert mode</h3> - <p>This is probably the second-most-used mode that every person who uses Neovim uses. In this mode, it allows you to type, and that is really it!</p> - <ul> - <li>Switches into insert mode where you are - i</li> - <li>Switches into insert mode on a new line below the current line - o</li> - <li>Switches into insert mode on a new line above the current line - O</li> - <li>Switches into insert mode on the next charicter - a</li> - <li>Switches to insert mode at the start of the line - I</li> - <li>Switches to insert mode at the end of the line - A</li> - </ul> - <font color="red">Remember to exit insert mode to normal mode press <b>ESC</b></font> - <h3>Visual mode</h3> - <p>In this mode, you are allowed to select text, kind of like how you can click and drag and select this text on your web browser; this mode allows you to copy, paste, and delete the selected text!</p> - <ul> - <li>To enter press - v</li> - </ul> - <hr> - <p>That is all for modes. There are a few more modes, like replace mode, that just allows you to replace a character, but these modes are not really used, at least by me.</p> - - <center> - <hr> - <pre text-align=center><a href="../neovimlist.html">Back</a> <a href="2exitingnvim.html">Next</a> - </main> -</body> -</html> diff --git a/public/articals/neovim/2exitingnvim.html b/public/articals/neovim/2exitingnvim.html deleted file mode 100644 index af1ec51..0000000 --- a/public/articals/neovim/2exitingnvim.html +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How to exit Neovim!</h1> - <hr> - <p>The clasic meme, how do I exit Vim?</p> - <p>There are two ways to exit Neovim; both are easy to remember. The first way to leave Neovim is to leave without saving any of the changes, and the second way is to leave while saving the changes.</p> - <ul> - <li>Leave without saving - ZQ</li> - <li>Leave with saving - ZZ</li> - </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><a href="../neovimlist.html">Back</a> <a href="3Basic.html">Next</a> - </main> -</body> -</html> diff --git a/public/articals/neovim/3Basic.html b/public/articals/neovim/3Basic.html deleted file mode 100644 index a185cb6..0000000 --- a/public/articals/neovim/3Basic.html +++ /dev/null @@ -1,72 +0,0 @@ -<!DOCTYPE html> -<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>Basic commands</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>Basic Commands</h1><hr> - - <p>There are over 100 commands in Neovim, and thankfully, you don't need to know all of them to use the text editor—just a few basic commands are enough.</p><hr> - - <h3>Copy and Paste in Neovim</h3> - <p>Instead of using <kbd>Ctrl</kbd> + <kbd>C</kbd> and <kbd>Ctrl</kbd> + <kbd>V</kbd>, Neovim uses <kbd>y</kbd> and <kbd>p</kbd> for copying and pasting lines:</p> - <ul> - <li><kbd>yy</kbd> - Copies an entire line in normal mode</li> - <li><kbd>y3</kbd> - Copies 3 lines in normal mode</li> - <li><kbd>y</kbd> - Copies selected text in visual mode</li> - </ul> - <hr> - - <h3>Deleting Lines</h3> - <ul> - <li><kbd>dd</kbd> - Deletes a single line in normal mode</li> - <li><kbd>d3</kbd> - Deletes 3 lines in normal mode</li> - <li><kbd>d</kbd> - Deletes selected text in visual mode</li> - </ul> - <hr> - - <h3>Undo and Redo</h3> - <ul> - <li><kbd>u</kbd> - Undo the last change</li> - <li><kbd>Ctrl</kbd> + <kbd>r</kbd> - Redo the undone change</li> - </ul> - <hr> - - <h3>Saving and Quitting</h3> - <ul> - <li><kbd>:w</kbd> - Save the current file</li> - <li><kbd>:wq</kbd> or <kbd>ZZ</kbd> - Save and quit</li> - <li><kbd>:q</kbd> - Quit (only if no unsaved changes)</li> - <li><kbd>:q!</kbd> or <kbd>ZQ</kbd> - Quit without saving changes</li> - </ul> - <hr> - - <h3>Searching</h3> - <ul> - <li><kbd>/Linux</kbd> - Search for 'Linux' (case-sensitive)</li> - <li><kbd>n</kbd> - Go to the next found 'Linux'</li> - <li><kbd>N</kbd> - Go to the previous 'Linux'</li> - </ul> - <hr> - - <pre style="text-align: center;"><a href="../neovimlist.html">Back</a></pre> - </main> - </body> -</html> diff --git a/public/articals/neovimlist.html b/public/articals/neovimlist.html deleted file mode 100644 index 83bd397..0000000 --- a/public/articals/neovimlist.html +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Neovim</h1> - <p>This is a collection of material I have written about the NeoVim text editor. So have a little read and see if there is anything that you like.</p> - <hr> - <h2>Why Use Neovim?</h2> - <p>Neovim is a fast and modern text editor with amazing documentation, which has led to a wide range of plugins being developed for it. It is also lightweight and easy to learn the basics.</p> - <section class="posts"> - <h2>Basics</h2> - <ul> - <li><a href="neovim/0move">How to move around</a></li> - <li><a href="neovim/1modes">Diffrent modes</a></li> - <li><a href="neovim/2exitingnvim">How exit neovim</a></li> - <li><a href="neovim/3Basic">Basic commands</a></li> - </ul> - </main> - </body> -</html> - diff --git a/public/articals/programming/0HowToAct.html b/public/articals/programming/0HowToAct.html deleted file mode 100644 index 20cff86..0000000 --- a/public/articals/programming/0HowToAct.html +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html> -<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> - <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>How you should act with Foss projects</h1> - <hr> - <h3>Honesty</h3> - <p>When working on a Foss (free and open source software) project, you should always be honest with how you feel, even if you seem inpolite. The reason for this is so you do not string people along, because if you do lie and try to be nice, you waste your time and other people's time. If you want to be more efficient in your work, always just be honest and tell others what you think of their work.</p> - - <h3>Documentation</h3> - <p>When you are developing any program, you want to document it to its fullest extent so others may know what the code does and how to navigate it easier. This not only helps yourself and others develop the project, but it also helps the end user modify the code to their own liking.</p> - - <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.html">Back</a> - </main> -</body> -</html> diff --git a/public/articals/programminglist.html b/public/articals/programminglist.html deleted file mode 100644 index 982aaeb..0000000 --- a/public/articals/programminglist.html +++ /dev/null @@ -1,32 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Articles about programming</h1> - <p>Some random articles I have wrote about programming. There is more to come so keep an eye out!</p> - <section class="posts"> - <ul> - <li>15-08-2024 - <a href="programming/0HowToAct">How to act with Foss projects</a></li> - </ul> - </main> - </body> -</html> - diff --git a/public/assets/css/main.css b/public/assets/css/main.css new file mode 100644 index 0000000..042ec84 --- /dev/null +++ b/public/assets/css/main.css @@ -0,0 +1,334 @@ +/* === Global reset & base styles === */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html, body { + height: 100%; +} + +body { + background-color: #1e1e2f; + color: #e0e0e0; + font-family: 'IBM Plex Sans', 'FreeSerif', serif; + line-height: 1.7; + font-size: 18px; + max-width: 900px; + margin: 0 auto; + padding: 20px; +} + +/* === Header & nav === */ +header { + text-align: center; + margin-bottom: 40px; +} + +nav ul { + list-style: none; + text-align: center; +} + +nav ul li { + display: inline-block; + margin: 0 15px; +} + +nav ul li.logo img { + max-height: 70px; +} + +nav ul li a { + color: #a39cff; + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +nav ul li a:hover { + color: #ffffff; +} + +/* === Links === */ +a { + color: #9fa7ff; + text-decoration: none; + transition: color 0.2s; +} + +a:hover { + color: #ffffff; + text-decoration: underline; +} + +/* === Main content === */ +main { + margin: 0 auto; + padding: 0 10px; + font-size: 18px; +} + +h1, h2, h3 { + font-weight: 600; + margin: 1.5rem 0 0.5rem; + color: #c0c0ff; +} + +h1 { + font-size: 2.2rem; +} + +h2 { + font-size: 1.6rem; +} + +/* === Paragraphs & spacing === */ +p { + margin: 1rem 0; +} + +/* === Images === */ +img { + max-width: 100%; + height: auto; + display: block; + margin: 1rem 0; +} + +.right-image { + float: right; + margin: 0 0 10px 15px; +} + +.left-image { + float: left; + margin: 0 15px 10px 0; +} + +/* === Tags / meta === */ +.tags, .tags2 { + display: block; + margin: 1rem 0; + font-size: 0.9rem; + color: #b0b0ff; +} + +/* === Blockquotes === */ +blockquote { + border-left: 6px solid #a39cff; /* keeps your accent color */ + background-color: #2e2460; /* slightly brighter than current bg */ + color: #d0d0ff; /* lighter text for contrast */ + font-style: italic; + margin: 1.5rem 0; + padding: 15px 20px; /* more breathing room inside */ + border-radius: 8px; /* softer corners */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* subtle shadow for depth */ + line-height: 1.6; +} + + +/* === Lists === */ +ul, ol { + margin: 1rem 0 1rem 2rem; +} + +/* === Footer === */ +footer { + margin-top: 10px; + border-top: 3px solid #444; + color: #999; + font-size: 0.9rem; +} + +/* === Media queries (responsive) === */ +@media (max-width: 600px) { + main { + padding: 0 5px; + } + + nav ul li { + display: block; + margin: 10px 0; + } + + .right-image, .left-image { + float: none; + margin: 10px auto; + } +} + +/* === Tables === */ +table { + width: 100%; + border-collapse: collapse; + margin: 1.5rem 0; + background-color: #2a2a40; /* slightly lighter than body for contrast */ + color: #e0e0e0; + font-size: 16px; +} + +thead { + background-color: #3a3a5a; /* header row darker */ +} + +th, td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #444; /* subtle row separation */ +} + +th { + font-weight: 600; + color: #c0c0ff; +} + +tr:hover { + background-color: #404060; /* highlight row on hover */ +} + +/* Responsive table tweaks */ +@media (max-width: 600px) { + table, thead, tbody, th, td, tr { + display: block; + } + + thead tr { + display: none; /* hide header row on small screens */ + } + + tr { + margin-bottom: 15px; + border-bottom: 2px solid #444; + } + + td { + padding-left: 50%; + position: relative; + } + + td::before { + content: attr(data-label); + position: absolute; + left: 15px; + font-weight: 600; + color: #a39cff; + } +} + +/* === Post footer: Back link left, tags right === */ +.post-footer { + display: flex; + justify-content: space-between; /* Back left, tags right */ + align-items: center; + flex-wrap: wrap; /* ensures it wraps on smaller screens */ +} + +.post-footer a { + color: #9fa7ff; + text-decoration: none; + transition: color 0.2s; +} + +.post-footer a:hover { + color: #ffffff; + text-decoration: underline; +} + +.post-footer .post-tags { + font-size: 0.9rem; + color: #b0b0ff; +} + +.post-footer .post-tags a { + margin-right: 0.5rem; + color: #9fa7ff; + text-decoration: none; +} + +.post-footer .post-tags a:hover { + color: #ffffff; + text-decoration: underline; +} + +/* === Compact Header / Navigation === */ +.site-nav { + background-color: #24243a; + padding: 8px 0; /* reduced vertical padding */ + border-bottom: 2px solid #333; +} + +.nav-container { + display: flex; + justify-content: space-between; + align-items: center; + flex-wrap: wrap; + max-width: 900px; + margin: 0 auto; + padding: 0 15px; /* slightly narrower horizontal padding */ +} + +.site-title { + font-size: 1.4rem; /* smaller title */ + font-weight: 700; + color: #c0c0ff; + text-decoration: none; + letter-spacing: 0.5px; +} + +.site-title:hover { + color: #ffffff; + text-shadow: 0 0 6px rgba(160, 150, 255, 0.4); +} + +.nav-right { + list-style: none; + display: flex; + gap: 18px; /* tighter link spacing */ +} + +.nav-right li a { + color: #a39cff; + text-decoration: none; + font-weight: 500; + position: relative; + padding-bottom: 2px; + font-size: 0.95rem; /* slightly smaller link text */ + transition: color 0.2s, transform 0.2s; +} + +.nav-right li a::after { + content: ""; + position: absolute; + bottom: 0; + left: 0; + width: 0; + height: 1px; /* thinner underline */ + background: #9fa7ff; + transition: width 0.3s ease; +} + +.nav-right li a:hover { + color: #ffffff; + transform: translateY(-1px); +} + +.nav-right li a:hover::after { + width: 100%; +} + +/* Mobile adjustments */ +@media (max-width: 600px) { + .nav-container { + flex-direction: column; + align-items: center; + } + + .nav-right { + flex-direction: column; + gap: 8px; + margin-top: 8px; + } +} + diff --git a/public/assets/css/main.css.bk b/public/assets/css/main.css.bk new file mode 100644 index 0000000..1d006ad --- /dev/null +++ b/public/assets/css/main.css.bk @@ -0,0 +1,219 @@ +/* === Global reset & base styles === */ +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +html, body { + height: 100%; +} + +body { + background-color: #1e1e2f; /* darker, richer background */ + color: #e0e0e0; /* lighter text */ + font-family: 'IBM Plex Sans', 'FreeSerif', serif; /* modern + fallback */ + line-height: 1.7; + font-size: 18px; + max-width: 900px; + margin: 0 auto; + padding: 20px; +} + +/* === Header & nav === */ +header { + text-align: center; + margin-bottom: 40px; +} + +nav ul { + list-style: none; + text-align: center; +} + +nav ul li { + display: inline-block; + margin: 0 15px; +} + +nav ul li.logo img { + max-height: 70px; +} + +nav ul li a { + color: #a39cff; + text-decoration: none; + font-weight: 500; + transition: color 0.2s; +} + +nav ul li a:hover { + color: #ffffff; +} + +/* === Links === */ +a { + color: #9fa7ff; + text-decoration: none; + transition: color 0.2s; +} + +a:hover { + color: #ffffff; + text-decoration: underline; +} + +/* === Main content === */ +main { + margin: 0 auto; + padding: 0 10px; + font-size: 18px; +} + +h1, h2, h3 { + font-weight: 600; + margin: 1.5rem 0 0.5rem; + color: #c0c0ff; +} + +h1 { + font-size: 2.2rem; +} + +h2 { + font-size: 1.6rem; +} + +/* === Paragraphs & spacing === */ +p { + margin: 1rem 0; +} + +/* === Images === */ +img { + max-width: 100%; + height: auto; + display: block; + margin: 1rem 0; +} + +.right-image { + float: right; + margin: 0 0 10px 15px; +} + +.left-image { + float: left; + margin: 0 15px 10px 0; +} + +/* === Tags / meta === */ +.tags, .tags2 { + display: block; + margin: 1rem 0; + font-size: 0.9rem; + color: #b0b0ff; +} + +/* === Blockquotes === */ +blockquote { + border-left: 6px solid #a39cff; /* keeps your accent color */ + background-color: #2e2460; /* slightly brighter than current bg */ + color: #d0d0ff; /* lighter text for contrast */ + font-style: italic; + margin: 1.5rem 0; + padding: 15px 20px; /* more breathing room inside */ + border-radius: 8px; /* softer corners */ + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4); /* subtle shadow for depth */ + line-height: 1.6; +} + + +/* === Lists === */ +ul, ol { + margin: 1rem 0 1rem 2rem; +} + +/* === Footer === */ +footer { + margin-top: 40px; + padding-top: 20px; + border-top: 1px solid #444; + color: #999; + font-size: 0.9rem; +} + +/* === Media queries (responsive) === */ +@media (max-width: 600px) { + main { + padding: 0 5px; + } + + nav ul li { + display: block; + margin: 10px 0; + } + + .right-image, .left-image { + float: none; + margin: 10px auto; + } +} + +/* === Tables === */ +table { + width: 100%; + border-collapse: collapse; + margin: 1.5rem 0; + background-color: #2a2a40; /* slightly lighter than body for contrast */ + color: #e0e0e0; + font-size: 16px; +} + +thead { + background-color: #3a3a5a; /* header row darker */ +} + +th, td { + padding: 12px 15px; + text-align: left; + border-bottom: 1px solid #444; /* subtle row separation */ +} + +th { + font-weight: 600; + color: #c0c0ff; +} + +tr:hover { + background-color: #404060; /* highlight row on hover */ +} + +/* Responsive table tweaks */ +@media (max-width: 600px) { + table, thead, tbody, th, td, tr { + display: block; + } + + thead tr { + display: none; /* hide header row on small screens */ + } + + tr { + margin-bottom: 15px; + border-bottom: 2px solid #444; + } + + td { + padding-left: 50%; + position: relative; + } + + td::before { + content: attr(data-label); + position: absolute; + left: 15px; + font-weight: 600; + color: #a39cff; + } +} diff --git a/public/churches/index.html b/public/churches/index.html new file mode 100644 index 0000000..caeb80c --- /dev/null +++ b/public/churches/index.html @@ -0,0 +1,110 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Churches ⛪</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Churches I have been to</h1> +<p>I only take communion with churches within the Anglican communion or churches who are in Communion with the CofE (Church of England)</p> +<p>* = Not attended a service</p> +<table> +<thead> +<tr> +<th>Church</th> +<th>Location</th> +<th>Sect</th> +</tr> +</thead> +<tbody> +<tr> +<td><a href="https://www.achurchnearyou.com/church/4171/">All Saint's *</a></td> +<td>Bloxwich</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://allsaintsstreetly.org.uk/">All Saint's</a></td> +<td>Streetly</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.achurchnearyou.com/church/4168/">Christ Church</a></td> +<td>Blakenall</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.orthodoxwalsall.org.uk/">Church of the Nativity of the<br> Mother of God</a></td> +<td>Walsall</td> +<td>Orthodox Constantinople</td> +</tr> +<tr> +<td><a href="https://www.lichfield-cathedral.org/">Lichfield Cathedral *</a></td> +<td>Lichfield</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.achurchnearyou.com/church/4170/">Saint Chad's</a></td> +<td>Beechdale</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.achurchnearyou.com/church/4575/">Saint Gabriel's</a></td> +<td>Fullbrook</td> +<td>Anglo-Catholic (CofE)</td> +</tr> +<tr> +<td><a href="https://www.hiddenrivercircuit.org/st-johns-bloxwich">Saint John's</a></td> +<td>Bloxwich</td> +<td>Hidden River Methodist Circuit</td> +</tr> +<tr> +<td><a href="https://www.stmatthewswalsall.co.uk/">Saint Matthew's *</a></td> +<td>Walsall</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.achurchnearyou.com/church/4579/">Saint Paul's</a></td> +<td>Walsall</td> +<td>Anglican (CofE)</td> +</tr> +<tr> +<td><a href="https://www.birminghamdiocese.org.uk/st-patrick-walsall">Saint Patrick's</a></td> +<td>Walsall</td> +<td>Roman Catholic</td> +</tr> +<tr> +<td><a href="https://www.stpetersbloxwich.org.uk/">Saint Peter's</a></td> +<td>Bloxwich</td> +<td>Roman Catholic</td> +</tr> +</tbody> +</table> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/contact.html b/public/contact.html deleted file mode 100644 index 4567de6..0000000 --- a/public/contact.html +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - </header> - <main> - <hr> - <h2>Contact:</h2> - <p>- Email: <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></p> - <p>- PGP key: <a href="https://keys.openpgp.org/search?q=me%40shipwreckt.co.uk">261F B571 ADC9 4529 990D 0458 40BE 11E9 2FA8 F7D9</a></p> - <p>- Matrix: <a href="https://matrix.to/#/@shipwreckt:matrix.org">@shipwreckt:matrix.org</a></p> - <hr> - <h2>Programming</h2> - <p>(I try and use them all) - <p>- Personal GIT: <a href="https://git.shipwreckt.co.uk">git.shipwreckt.co.uk</a></p> - <p>- Gitlab: <a href="https://gitlab.com/Shipwreckt">gitlab.com/shipwreckt</a></p> - <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> - </main> - </body> -</html> diff --git a/public/contact/index.html b/public/contact/index.html new file mode 100644 index 0000000..fba6930 --- /dev/null +++ b/public/contact/index.html @@ -0,0 +1,46 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Shipwreckt</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Contact</h1> +<p>Email: <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></p> +<p>PGP key: <a href="https://keys.openpgp.org/search?q=me%40shipwreckt.co.uk">261F B571 ADC9 4529 990D 0458 40BE 11E9 2FA8 F7D9</a></p> +<p>Matrix: <a href="https://matrix.to/#/@shipwreckt:matrix.org">@shipwreckt:matrix.org</a></p> +<hr> +<h1>Programming</h1> +<p>Personal GIT: <a href="https://git.shipwreckt.co.uk">git.shipwreckt.co.uk</a></p> +<p>Gitlab: <a href="https://gitlab.com/Shipwreckt">gitlab.com/shipwreckt</a></p> +<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> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/images/art/Dublin.png b/public/images/art/Dublin.png Binary files differnew file mode 100644 index 0000000..760e471 --- /dev/null +++ b/public/images/art/Dublin.png diff --git a/public/Images/art/pfp/mercian.png b/public/images/art/NewYork.png Binary files differindex c54db55..96cd1e8 100755..100644 --- a/public/Images/art/pfp/mercian.png +++ b/public/images/art/NewYork.png diff --git a/public/images/art/Tux_vaporwave.png b/public/images/art/Tux_vaporwave.png Binary files differnew file mode 100644 index 0000000..12b285b --- /dev/null +++ b/public/images/art/Tux_vaporwave.png diff --git a/public/Images/ricing/BSD/BSDneo.png b/public/images/bsd/BSDneo.png Binary files differindex ba33641..ba33641 100644 --- a/public/Images/ricing/BSD/BSDneo.png +++ b/public/images/bsd/BSDneo.png diff --git a/public/Images/ricing/BSD/bsdinstall-choose-mode.png b/public/images/bsd/bsdinstall-choose-mode.png Binary files differindex 5c872ee..5c872ee 100644 --- a/public/Images/ricing/BSD/bsdinstall-choose-mode.png +++ b/public/images/bsd/bsdinstall-choose-mode.png diff --git a/public/Images/logos/dwm.png b/public/images/dwm.png Binary files differindex 8d99627..8d99627 100644 --- a/public/Images/logos/dwm.png +++ b/public/images/dwm.png diff --git a/public/Images/ricing/DWM/DWM.png b/public/images/dwmsetup.png Binary files differindex 21f1fd0..21f1fd0 100644 --- a/public/Images/ricing/DWM/DWM.png +++ b/public/images/dwmsetup.png diff --git a/public/images/hardware/GoogleP7a.png b/public/images/hardware/GoogleP7a.png Binary files differnew file mode 100644 index 0000000..2f03960 --- /dev/null +++ b/public/images/hardware/GoogleP7a.png diff --git a/public/images/hardware/ThinkPad-L560.png b/public/images/hardware/ThinkPad-L560.png Binary files differnew file mode 100644 index 0000000..558f384 --- /dev/null +++ b/public/images/hardware/ThinkPad-L560.png diff --git a/public/images/hardware/ThinkpadT440p.png b/public/images/hardware/ThinkpadT440p.png Binary files differnew file mode 100644 index 0000000..027248a --- /dev/null +++ b/public/images/hardware/ThinkpadT440p.png diff --git a/public/images/hardware/pccase/OPCcase0.png b/public/images/hardware/pccase/OPCcase0.png Binary files differnew file mode 100644 index 0000000..333fb3d --- /dev/null +++ b/public/images/hardware/pccase/OPCcase0.png diff --git a/public/images/hardware/pccase/OPCcase1.png b/public/images/hardware/pccase/OPCcase1.png Binary files differnew file mode 100644 index 0000000..2866912 --- /dev/null +++ b/public/images/hardware/pccase/OPCcase1.png diff --git a/public/images/hardware/pccase/PCcase0.png b/public/images/hardware/pccase/PCcase0.png Binary files differnew file mode 100644 index 0000000..baf2877 --- /dev/null +++ b/public/images/hardware/pccase/PCcase0.png diff --git a/public/images/hardware/pccase/PCcase1.png b/public/images/hardware/pccase/PCcase1.png Binary files differnew file mode 100644 index 0000000..33f5935 --- /dev/null +++ b/public/images/hardware/pccase/PCcase1.png diff --git a/public/Images/art/wallpaper/1NewYork.jpg b/public/images/hardware/pccase/PCcase2.png Binary files differindex c759a15..9ed91d9 100644 --- a/public/Images/art/wallpaper/1NewYork.jpg +++ b/public/images/hardware/pccase/PCcase2.png diff --git a/public/images/hardware/pccase/PCcase3.png b/public/images/hardware/pccase/PCcase3.png Binary files differnew file mode 100644 index 0000000..373019c --- /dev/null +++ b/public/images/hardware/pccase/PCcase3.png diff --git a/public/images/hardware/pccase/PCcase4.png b/public/images/hardware/pccase/PCcase4.png Binary files differnew file mode 100644 index 0000000..bff03dc --- /dev/null +++ b/public/images/hardware/pccase/PCcase4.png diff --git a/public/Images/computers/thinkcenter.png b/public/images/hardware/thinkcenter.png Binary files differindex 58c3264..58c3264 100644 --- a/public/Images/computers/thinkcenter.png +++ b/public/images/hardware/thinkcenter.png diff --git a/public/Images/computers/yubikey.png b/public/images/hardware/yubikey.png Binary files differindex bf963b7..bf963b7 100644 --- a/public/Images/computers/yubikey.png +++ b/public/images/hardware/yubikey.png diff --git a/public/images/logos/11ty.png b/public/images/logos/11ty.png Binary files differnew file mode 100644 index 0000000..b219288 --- /dev/null +++ b/public/images/logos/11ty.png diff --git a/public/Images/logos/fish.png b/public/images/logos/fish.png Binary files differindex d9300e7..d9300e7 100644 --- a/public/Images/logos/fish.png +++ b/public/images/logos/fish.png diff --git a/public/images/logos/gentoo.png b/public/images/logos/gentoo.png Binary files differnew file mode 100644 index 0000000..e2882be --- /dev/null +++ b/public/images/logos/gentoo.png diff --git a/public/Images/logos/i2p.png b/public/images/logos/i2p.png Binary files differindex 7de1882..7de1882 100644 --- a/public/Images/logos/i2p.png +++ b/public/images/logos/i2p.png diff --git a/public/images/logos/keepassxc.png b/public/images/logos/keepassxc.png Binary files differnew file mode 100644 index 0000000..910702a --- /dev/null +++ b/public/images/logos/keepassxc.png diff --git a/public/Images/logos/librewolf.png b/public/images/logos/librewolf.png Binary files differindex 25b1ed9..25b1ed9 100644 --- a/public/Images/logos/librewolf.png +++ b/public/images/logos/librewolf.png diff --git a/public/Images/logos/pihole.png b/public/images/logos/pihole.png Binary files differindex 39da8d9..39da8d9 100644 --- a/public/Images/logos/pihole.png +++ b/public/images/logos/pihole.png diff --git a/public/Images/logos/torbrowser.png b/public/images/logos/tor.png Binary files differindex 1417e13..1417e13 100644 --- a/public/Images/logos/torbrowser.png +++ b/public/images/logos/tor.png diff --git a/public/Images/distros/ubuntu-logo.png b/public/images/logos/ubuntu-logo.png Binary files differindex eb6ad42..eb6ad42 100644 --- a/public/Images/distros/ubuntu-logo.png +++ b/public/images/logos/ubuntu-logo.png diff --git a/public/Images/ricing/Fish.png b/public/images/screenshots/fishscreen.png Binary files differindex e063909..e063909 100644 --- a/public/Images/ricing/Fish.png +++ b/public/images/screenshots/fishscreen.png diff --git a/public/Images/tux/summertux.png b/public/images/summertux.png Binary files differindex ef2577f..ef2577f 100644 --- a/public/Images/tux/summertux.png +++ b/public/images/summertux.png diff --git a/public/images/testpc.png b/public/images/testpc.png Binary files differnew file mode 100644 index 0000000..a56fdfc --- /dev/null +++ b/public/images/testpc.png diff --git a/public/index.html b/public/index.html index d0eed1c..9163e38 100644 --- a/public/index.html +++ b/public/index.html @@ -1,65 +1,220 @@ <!DOCTYPE html> -<html lang="en-GB"> +<html lang="en"> <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"> + <link rel="stylesheet" href="/assets/css/main.css"> </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 class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> </nav> + <hr> </header> <main> - <p>Hello there! I am Shipwreckt, and I am 16 years old. I am from the UK, and I have a great passion for computers and all things revolving around them, such as software and hardware. I mostly focus on learning and working with the Linux operating system. To see what I am up to right now, click <a href="about/todo.html">here</a>.</p> + <h1>About me</h1> +<p>Welcome to my website! I am Shipwreckt, I am a 16 year old from the Uk and I have a great passion for all things computer relating be that software, hardware, programming and more! I mostly focus on learning and working with the GNU/Linux operating system.</p> + + + +<p>list of <a href="churches">Churchs</a> I have been to</a> +<hr> + +<h2>Tags</h2> +<p class="tag-list-inline"> + + + + + + + + + + + + + + + + + + + + + <a href="/tags/life/"> + life + </a> + + + + + , + <a href="/tags/tech/"> + tech + </a> + + + + + , + <a href="/tags/linux/"> + linux + </a> + + + + + , + <a href="/tags/hardware/"> + hardware + </a> + + + + + , + <a href="/tags/bsd/"> + bsd + </a> + + + + + + + +</p> +<hr> +<h1>Posts</h1> +<ul> + + <li> + <span class="post-date">30-10-2025</span> + — <a href="/posts/2025-10-30/">Website and life updates!</a> + </li> + + <li> + <span class="post-date">07-07-2025</span> + — <a href="/posts/No_more_school/">No more school</a> + </li> + + <li> + <span class="post-date">28-05-2025</span> + — <a href="/posts/life_update/">Life update</a> + </li> + + <li> + <span class="post-date">21-02-2025</span> + — <a href="/posts/vps/">VPS Server 🗄️</a> + </li> + + <li> + <span class="post-date">16-02-2025</span> + — <a href="/posts/pccase/">New PC case and new year!</a> + </li> + + <li> + <span class="post-date">16-12-2024</span> + — <a href="/posts/christmas/">Christmas 🎅</a> + </li> + + <li> + <span class="post-date">01-12-2024</span> + — <a href="/posts/emailandlife/">Email and Life update</a> + </li> + + <li> + <span class="post-date">22-09-2024</span> + — <a href="/posts/I2P/">Trying out I2P 🕵️</a> + </li> + + <li> + <span class="post-date">18-09-2024</span> + — <a href="/posts/Pi-hole/">Pi-hole</a> + </li> + + <li> + <span class="post-date">07-09-2024</span> + — <a href="/posts/School/">School</a> + </li> + + <li> + <span class="post-date">31-08-2024</span> + — <a href="/posts/gentoo/">Installing Gentoo Linux</a> + </li> + + <li> + <span class="post-date">28-08-2024</span> + — <a href="/posts/kernal/">Compiling the Linux Kernel 🐧</a> + </li> + + <li> + <span class="post-date">26-08-2024</span> + — <a href="/posts/archserver/">Arch Linux Server!</a> + </li> + + <li> + <span class="post-date">22-08-2024</span> + — <a href="/posts/fishshell/">Trying out fish 🐟</a> + </li> + + <li> + <span class="post-date">17-08-2024</span> + — <a href="/posts/newlaptop/">New Laptop!</a> + </li> + + <li> + <span class="post-date">03-08-2024</span> + — <a href="/posts/yubikeys/">Yubikeys!</a> + </li> + + <li> + <span class="post-date">27-07-2024</span> + — <a href="/posts/servers/">Messing Around with servers</a> + </li> + + <li> + <span class="post-date">24-07-2024</span> + — <a href="/posts/makingart/">Making some art</a> + </li> + + <li> + <span class="post-date">22-07-2024</span> + — <a href="/posts/freebsd/">Trying out FreeBSD</a> + </li> + + <li> + <span class="post-date">19-07-2024</span> + — <a href="/posts/summer/">Summer holiday!</a> + </li> + + <li> + <span class="post-date">13-07-2024</span> + — <a href="/posts/dwm/">Switching to DWM</a> + </li> + +</ul> - <p><a href="about/software.html">Software</a> that I use.</p> - <section class="posts"> - <h2>Posts</h2> - <ul> - <li>17-04-2025 - <a href="posts/18Update.html">Life Update</a></li> - <li>21-02-2025 - <a href="posts/17Server.html">VPS server 🗄️</a></li> - <li>16-02-2025 - <a href="posts/16PC.html">New PC case!</a></li> - <li>16-12-2024 - <a href="posts/15Christmas.html">Christmas 🎅</a></li> - <li>01-12-2024 - <a href="posts/14Email.html">Email and Life update</a></li> - <li>22-09-2024 - <a href="posts/13I2P.html">Trying out I2P 🕵️</a></li> - <li>18-09-2024 - <a href="posts/12Pihole.html">Pihole on Arch server</a></li> - <li>07-09-2024 - <a href="posts/11School.html">School</a></li> - <li>31-08-2024 - <a href="posts/10Gentoo.html">Installing Gentoo Linux</a></li> - <li>28-08-2024 - <a href="posts/09Kernel.html">Compiling the Linux Kernel 🐧</a></li> - <li>26-08-2024 - <a href="posts/08ArchServer.html">Arch server!</a></li> - <li>17-08-2024 - <a href="posts/07FishShell.html">Trying out fish 🐟</a></li> - <li>17-08-2024 - <a href="posts/06NewLaptop.html">New Laptop !</a></li> - <li>03-08-2024 - <a href="posts/05Yubikeys.html">Yubikeys!</a></li> - <li>27-07-2024 - <a href="posts/04Servers.html">Messing with servers</a></li> - <li>24-07-2024 - <a href="posts/03Art.html">Making some art</a></li> - <li>22-07-2024 - <a href="posts/02FreeBSD.html">Trying out FreeBSD</a></li> - <li>19-07-2024 - <a href="posts/01Summer.html"><b>Summer holiday!</b></a></li> - <li>13-07-2024 - <a href="posts/00dwm.html">Switching to DWM</a></li> - </ul> - </section> - <section class="posts"> - <h2>Articles</h2> - <ul> - <li>24-08-2024 - <a href="articals/linuxlist.html">Articles about Linux 🖥️🐧</a></li> - <li>15-08-2024 - <a href="articals/programminglist.html">Articles about Programming 👨💻</a></li> - <li>08-08-2024 - <a href="articals/internetlist.html">Articles about the Internet 🌐</a></li> - <li>07-08-2024 - <a href="articals/neovimlist.html">Neovim run through 🧠</a></li> - </ul> - </section> </main> </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> </html> - diff --git a/public/links.html b/public/links.html deleted file mode 100644 index e0c2d83..0000000 --- a/public/links.html +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - </header> - <main> - <hr> - <h2>Links</h2> - <p>Other personal websites of people I know</p> - <ul> - <li><a href="https://tippfehlr.dev/">Tippfehlr</a></li> - <li><a href="https://www.gositi.se/">Gositi</a></li> - </ul> - - <p>Reading</p> - <ul> - <li><a href="https://www.eff.org/"></a>Electronic Frontier Foundation</li> - </ul> - - <p>Projects I use and love</p> - <ul> - <li><a href="https://nuclear.js.org/">Nuclear music player</a></li> - <li><a href="https://www.blender.org/">Blender</a></li> - <li><a href="https://librewolf.net/">Librewolf</a></li> - <li><a href="https://gnu.org/">The GNU project</a></li> - <li><a href="https://annas-archive.org/?ref=scubidu.eu">Anna’s Archive</a></li> - <li><a href="https://jellyfin.org/">Jellyfin</a></li> - <li><a href="https://www.qbittorrent.org/">qbittorrent</a></li> - <li><a href=""https://docs.searxng.org/>Searxng</a></li> - </ul> - - <p>Projects I am yet to try</p> - <ul> - <li><a href="https://codeberg.org/dwl/dwl">dwl</a> (wayland dwm)</li> - <li><a href="https://www.hyphanet.org/index.html">Freenet / Hyphanet</a></li> - <li><a href="https://www.gnunet.org/en/">GNUnet</a></li> - </ul> - </main> - </body> -</html> - diff --git a/public/links/index.html b/public/links/index.html new file mode 100644 index 0000000..e0fc05a --- /dev/null +++ b/public/links/index.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Shipwreckt</title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + <h1>Friends sites</h1> +<p><a href="https://www.gositi.se/">Gositi</a></p> +<h1>Projects I use and love</h1> +<ul> +<li><a href="https://librewolf.net/">Librewolf</a></li> +<li><a href="https://gnu.org/">The GNU project</a></li> +<li><a href="https://annas-archive.li/">Anna’s Archive</a></li> +<li><a href="https://suckless.org">Suckless software</a></li> +</ul> +<h1>Projects I am yet to try</h1> +<ul> +<li><a href="https://codeberg.org/dwl/dwl">dwl</a> (wayland dwm)</li> +<li><a href="https://www.hyphanet.org/index.html">Freenet / Hyphanet</a></li> +<li><a href="https://www.gnunet.org/en/">GNUnet</a></li> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/posts/00dwm.html b/public/posts/00dwm.html deleted file mode 100644 index 3c41782..0000000 --- a/public/posts/00dwm.html +++ /dev/null @@ -1,57 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>Switching to DWM</h2> - <h3>Date: 13-7-2024</h3> - <hr> - <h2>What is DWM?</h2> - <img class="right-image" width="170" src="../Images/logos/dwm.png"> - <p>DWM stands for Dynamic Window Manager. It is a window manager for <a href="https://www.x.org/wiki/">X.org</a>; it was developed by the programmers at <a href="https://dwm.suckless.org/">Suckless Software</a>. DWM is super lightweight, with the entire window manager programmed in about 3,000 lines of C code. Its very minimalistic, allowing users to modify and patch it to their heart's content!</p><hr> - - <h2>Why DWM?</h2> - <p>The reason why I have chosen DWM as my window manager is because recently I have been on a sort of pilgrimage for the perfect window manager, something lightweight and functionable. I started my window manager pilgrimage with the very user-friendly and configurable Qtile written in Python; I was happy with it. But I felt the urge to explore more into window managers, so from there I tried out I3, another great window manager, and I really enjoyed using it, but I wanted to test out the most lightweight and fastest window manager, being DWM. As of writing, I believe this is the end of my pilgrimage since I am more than happy with DWM.<br><img class="right-image" width="100" src="../Images/logos/freebsd.png"></p> - <p>There is also the fact that I want to try out <a href="https://www.linuxfromscratch.org/">Linux from scratch</a>, <a href="https://gentoo.org">Gentoo</a>, and <a href="https://freebsd.org">Freebsd</a> in the future, so having the same window manager throughout using all of these operating systems will just make it easier for me to use the OS.</p> - - <h3>What I like</h3> - <ul> - <li>Lightweight - I love the fact that DWM is lightweight, as mentioned before it comes in at around 3,000 lines of C code, this means not only is it small in size but compiles faster then something like I3.</li><br> - <li>Indipendance - There is a great sense of independence when using DWM because when you modify it, you are modifying the raw code of the program. This does not happen with something like I3, where you are provided a config file in ~/.config to change. Some people might see this as a burden, but I see it as an opportunity to just mess around and improve my programming skills.</li><br> - - <li>Enviroment - DWM makes you produce your own work enviroment, this is because unlike something like KDE plasma you are not given a desktop enviroment with all the tools, instead you are given a window manager and a terminal, I only use around GUI programs so making my enviroment was easy as anything and allows me to preform tasks quicker then if I was using KDE Plasma</li> - </ul> - <hr> - <center> - <img src="../Images/ricing/DWM/DWM.png" alt="Linux rice" height="450px"> - <p>Here is my DWM setup on my PC as of 13-7-2024</p> - </center> - <hr> - - <h2>Overview</h2> - <p>I love DWM and I plan to use it for as long as I can, there is a wayland version of DWM called <a href="https://codeberg.org/dwl/dwl">DWL</a> so even if I do switch to wayland I will still be able to use DWM. I am exited to further work on my DWM setup and keep an eye on my <a href="https://gitlab.com/Shipwreckt/Dotfiles">dotfiles</a> for any updates!</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/BSD.html">More BSD 😈</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/01Summer.html b/public/posts/01Summer.html deleted file mode 100644 index 5e9d9d1..0000000 --- a/public/posts/01Summer.html +++ /dev/null @@ -1,63 +0,0 @@ -<!DOCTYPE html> -<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> - <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>6 Weeks holiday</h1> - <h2>Date: 19-7-2024</h2> - <hr> - <img src="../Images/tux/summertux.png" class="right-image"> - <p>As of today, my summer holiday has started. And with that comes a lot of freetime to mess around with computers! I have planned some projects for the next 6 weeks so I thoought I would make a post on what I have planned!</p> - <hr> - <h2>Operating system plans</h2> - <p>At some point, I will try out <a href="https://www.linuxfromscratch.org/">Linux from scratch</a> because I have heard it is a good way to see how a Linux system is constructed while making it. I would also like to try creating my own distro of some kind and maybe ship it too.</p> - - <p>While we are on the topic of Linux, I am going to try out <a href="https://www.gentoo.org/">Gentoo</a> to see if it is any good. All I really know is that it takes longer to install than <a href="https://archlinux.org">Arch Linux</a> and you need to compile all the programs. I'm looking forward to that experience!</p> - - <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> - - <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> - - <h3>Fakefetch</h3> - <p>I will try to give Fakefetch weekly updates to improve its functionality because I really enjoy developing Fakefetch. It is something simple, yet it expands my knowledge of Linux and the C programming language. For example, I could add an IP option to Fakefetch where you can display your IP address, or I could add a battery option. There are lots of things to do with Fakefetch, so I am excited to work on it more!</p> - <p><a href="../projects/programs/fakefetch">Fakefetch Link</a></p> - - <h3>Dotfiles</h3> - <p>There is not much I will do with my dotfiles, to be honest, because so far I have my ideal setup. Maybe I will add some more bits to Neovim and perhaps create a custom color theme, but that's all I can really think of. Of course, I will add little bits and maybe update some of the programs on the install list, but as of today, there is not much I will change apart from maybe some patches for <a href="ihttps://dwm.suckless.org/">DWM</a>.</p> - <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><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> - - <h2>Last words</h2> - <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> -</html> - diff --git a/public/posts/02FreeBSD.html b/public/posts/02FreeBSD.html deleted file mode 100644 index c7eba2b..0000000 --- a/public/posts/02FreeBSD.html +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>Trying out FreeBSD</h2> - <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><hr> - <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><hr> - - <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"> - <p>su # To become root</p> - <p>pkg install sudo # Installing the sudo program</p> - </div> - <p>Even after installing `sudo`, I was unable to use the command, despite being in the `wheel` group. This was unexpected because I assumed that `sudo` would check for group membership and grant access accordingly. However, FreeBSD handles this differently. To allow a user to use `sudo`, follow the commands below, replacing `shipwreckt` with your username:</p> - <div class="code-box"> - <p>su<p> - <p>sudo visudo<p><br> - <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"><hr> - - <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.html">More BSD 😈</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </body> -</html> - diff --git a/public/posts/03Art.html b/public/posts/03Art.html deleted file mode 100644 index 7518796..0000000 --- a/public/posts/03Art.html +++ /dev/null @@ -1,38 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <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> - <p>Here I have tried to give Tux a vaporwave effect.</p> - - <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> -</html> - diff --git a/public/posts/04Servers.html b/public/posts/04Servers.html deleted file mode 100644 index 7c05722..0000000 --- a/public/posts/04Servers.html +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html> -<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> - - <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> - <h2>Messing Around with servers</h2> - <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> - - <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>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><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.html">More Linux 🐧</a> | <a href="tags/Hardware.html">Hardware 🖥</a> | <a href="tags/BSD.html">More BSD 😈</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </main> - </body> -</html> diff --git a/public/posts/05Yubikeys.html b/public/posts/05Yubikeys.html deleted file mode 100644 index d4dbd82..0000000 --- a/public/posts/05Yubikeys.html +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>Using Yubikey</h2> - <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> - <li><a href="https://onlykey.io/">Onlykey</a></li> - <li><a href="https://www.nitrokey.com/products/nitrokeys">Nitrokey</a></li> - <li><a href="https://solokeys.com/">Solokey</a></li> - </ul> - <p>There are two on that list that I am particually interested in, that being <a href="">TKey</a> and <a href="https://www.nitrokey.com/products/nitrokeys">Nitrokey</a>, this is because they are both well delevoped and have ways to set up with SSH so I can connect to servers way more securely, they also provide keys that have NFC so I can use it with my phone which is a big save.</p> - - <p>So far the only thing I have really done with my Yubikey is set it up with <a href="https://keepassxc.org/">KeepassXC</a>, for some reason I cannot get my Google account working with it, and this is because I am under Linux, so I might need to install Windows or ChromeOS in a virtual machine and set it up, but even if then, I just have to hope it will still work on Linux because if not, well, that would be ass.</p> - <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.html">More hardware 🖥</a> | <a href="tags/Tech.html">More Tech 🧑💻</a></pre> - </main> - </body> -</html> diff --git a/public/posts/06NewLaptop.html b/public/posts/06NewLaptop.html deleted file mode 100644 index 257d663..0000000 --- a/public/posts/06NewLaptop.html +++ /dev/null @@ -1,46 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>New Laptop!</h2> - <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 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> - - <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> - - <h3>What will it be used for?</h3> - <p>This ThinkPad will be my day laptop, so whenever I go out I will bring it; the reason why I will use it as a day laptop is because I got it for cheep and if it goes missing I will not be too upset.</p><hr> - - <h3>Last words</h3> - <p>Thank you for reading. I hope this laptop lasts me a while, and I will mostly use it for school.</p> - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Hardware.html">Hardware 🖥</a></pre> - </main> - </body> -</html> diff --git a/public/posts/07FishShell.html b/public/posts/07FishShell.html deleted file mode 100644 index 9b9643b..0000000 --- a/public/posts/07FishShell.html +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Trying out fish shell!</h1> - <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! - - <h2>Features of Fish 🐟</h2> - <p>Fish aims to be a smart, user-friendly command line shell</p> - <ul> - <li>Tab completion</li> - <li>Themes</li> - <li>Syntax highlighting</li> - <li>Web Based Configuration</li> - </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> - - <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.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a></pre> - </main> - </body> -</html> diff --git a/public/posts/08ArchServer.html b/public/posts/08ArchServer.html deleted file mode 100644 index 76d4671..0000000 --- a/public/posts/08ArchServer.html +++ /dev/null @@ -1,58 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>Arch Linux Server!</h2> - <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> - - <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> - </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> - - <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> - - <h2>qBittorrent ⟳</h2> - <p>I have the web UI of qBittorrent installed on my Arch Linux server. I used the <a href="https://wiki.archlinux.org/title/QBittorrent">Arch Linux guide</a> on how to set it up, and I only really needed to install two programs. Then, just like that, everything is installed and working! It was really easy, and I am more satisfied with it. The reason why I have a torrent is just to support some Linux distros I like and have the ISOs ready when I need them.</p> - - <h2>Jellyfin 📺</h2> - <p>Jellyfin is a free, as in freedom software, self-hosted media server. If you have ever used <a href="https://www.plex.tv/">Plex</a>, it is kind of like that, but Jellyfin is better because it has a whole load of <a href="https://jellyfin.org/docs/general/server/plugins/#official-plugins">plugins</a> and is licensed under the <a href="https://github.com/jellyfin/jellyfin/blob/master/LICENSE">GPL-2.0</a>, which makes it free software! But overall, it is an amazing media server, way better than Plex, so if you are able to switch over. I will be mostly hosting a few movies and books on it! </p> - - <h2>MariaDB 📋</h2> - <p>MariaDB is a database server forked from <a href="https://www.mysql.com/">MySQL</a>. The reason why I have this installed on my server is because I want to start learning how to use a database on a server because, from what I can tell, it looks really good on a CV, and you never know, it could be useful to me in the future!</p><hr> - - <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.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a></pre> - </main> - </body> -</html> diff --git a/public/posts/09Kernel.html b/public/posts/09Kernel.html deleted file mode 100644 index 3371522..0000000 --- a/public/posts/09Kernel.html +++ /dev/null @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<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>Compiling the Kernel 🐧</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> - <h2>Compiling the Linux Kernel 🐧</h2> - <h3>Date: 28-08-2024</h3><hr> - - <p>Today I have compiled the newest version of the Linux kernel being <a href="https://git.kernel.org/pub/scm/linux/kernel/git/stable/linux.git/tree/?h=v6.10.6">6.10.6</a>!</p> - <p>The main reason why I have done this is because whenever I try install to install <a href="https://gentoo.org">Gentoo</a> I fail. I do know you can convert a Linux distro into Gentoo but I want to install it from the ISO first before I do that.</p><hr> - - <h2>Was it easy?</h2> - <p>I would say compiling the kernel was very easy; all I did was input a few commands and copy the defauly config over. There is not much I can say because compiling the kernel is not that complex, but one thing I will say is that my computer was crying during the process. </p> - - <h2>Results?</h2> - <p>As of right now my computer and Laptop both feel a bit faster now that a I have compilied the kernel, and now that I have learnt how to compile the Linux kernel I will now do it whenever I get a new laptop!</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/10Gentoo.html b/public/posts/10Gentoo.html deleted file mode 100644 index 599abf4..0000000 --- a/public/posts/10Gentoo.html +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html> -<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>Gentoo 🐧</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> - <h2>Installing Gentoo Linux</h2> - <h3>Date: 31-08-2024</h3><hr> - <p>Over the past three days I have been installing and tinkering with Gentoo Linux!</p> - <img src="../Images/logos/gentoo.png" class="right-image" width="250"> - - <h2>Installing</h2> - <p>I found the <a href="https://wiki.gentoo.org/wiki/Handbook:Main_Page">Gentoo Handbook</a> extremely useful for installing Gentoo Linux. In the past, my attempts to install Gentoo on my test PC, which uses a BIOS system, were, just a big fail due to a bunch of small mistakes I made. But this time around I installed Gentoo on my main PC, which has 18 cores, that allows me to compile things faster. Overall, I found the installation process to be very straightforward. I simply SSHed into the computer and copied the necessary commands to install the required packages, along with some miscellaneous things like ensuring the file systems where 100% working.</p> - - <h2>NVIDIA</h2> - <p>After installing I wanted to get my desktop enviroment of <a href="00dwm">DWM</a> working. Now sadly I do have a NVIDIA Gpu and I knew before I even started installing Gentoo that I would have problems with it. So I tried the simple solution first just installing the <a href="https://www.x.org/wiki/">Xorg server software</a> and the NVIDA graphics drivers. It did not work so I did some more tinkering and updated my system with a configured kernel but I sent it into a panic. At this point I just lost all hope and I had been using Gentoo for two days at that point and I just wanted a normal desktop so I reinstalled <a href="https://archlinux.org">Arch Linux</a> and played some video games because I was just tired at that point.</p> - - <h2>Final thoughts</h2> - <p>I really enjoyed messing around with Gentoo, even though it took a long time to do so. The documentation on their website was excellent, and I highly recommend trying it out if you're looking for a faster operating system. Personally, I plan to switch to Gentoo once I get an AMD GPU since AMD is supported way better on Linux.</p> - - <p>My favorite thing about Gentoo is that it doesn’t require <a href="https://systemd.io/">Systemd</a> as your init system. Instead, Gentoo gives you the choice to use OpenRC, which I find to be simpler and more efficient and not to add more clean than Systemd. I also love that Gentoo requires you to compile everything, and I noticed that my system ran way faster compared to when I was using Arch Linux or any other Linux distro.</p><hr> - - <p>But that is all, thank you for reading!</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/11School.html b/public/posts/11School.html deleted file mode 100644 index 3395cce..0000000 --- a/public/posts/11School.html +++ /dev/null @@ -1,34 +0,0 @@ -<!DOCTYPE html> -<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>School</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> - <h2>School Update</h2> - <h3>Date: 07-09-2024</h3><hr> - <p>As of last week, school has started.</p> - <p>Unfortunately, I no longer have all day to tinker with Linux. While I'll try to continue to update this website, my focus will be more shifting toward school, especially with my GCSEs approaching. I’m a bit disappointed to temporarily step back from Linux and programming, but I plan to get back into it in as soon as I have spare ome time off work. For example, today I managed to get <a href="https://www.wireguard.com/">WireGuard</a> working with a VPN!</p> - <p>That’s all for this update—just a quick note to say that school is in session, and my priorities will be focused there for now.</p> - <center><hr> - <pre><a href="../index.html">Back 🚪</a></pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/12Pihole.html b/public/posts/12Pihole.html deleted file mode 100644 index 57e085f..0000000 --- a/public/posts/12Pihole.html +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html> -<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>Pi-hole</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> - <h2>Pi-hole</h2> - <h3>Date: 18-09-2024</h3><hr> - - <p>I've been rather busy with school lately, but I still have time to tinker! For a while now, I have wanted to use Pi-hole with my router, but I've either been busy with <a href="10Gentoo">Gentoo</a> or school. However, I have finally found the time and inspiration to install Pi-hole on my home server!</p> - - - <h2>What is Pi-hole ?</h2> - <img class="right-image" width="200" src="../Images/logos/pihole.png"> - <p><a href="https://pi-hole.net/">Pi-hole</a> is a DNS sinkhole that can be used with your router to protect your other devices without installing any client-side software. For the most part, Pi-hole is used for only blocking ads, but there is more you can do with it, for example, logging internet activity and blocking websites. - - <h2>benefits of using Pi-Hole</h2> - <ul> - <li>Network wide adblocker</li> - <li>Saves bandwith due to adblocker</li> - <li>Adblocker on all mobile apps</li> - <li><b>Free of cost</b></li> - <li>Can function as a DHCP server</li> - <li>Easy-to-install</li> - </ul><hr> - - <h2>Installing</h2> - <p>Since I'm using Arch Linux as my server OS, the only real option I had was to use the <a href="https://github.com/pi-hole/docker-pi-hole">Docker container</a>. It was relatively easy to install, though I did encounter some issues, mostly due to me not reading what to do. Overall, I'd say it was easy to set up and configure for all my devices to use.</p> - - <h2>Blocklist</h2> - <p>I have a number of websites blocked to avoid visiting suspicious sites or being tracked. The best source for blocklists from what I can tell is <a href="https://firebog.net/">Firebog</a>. I recommend using only the lists marked in <span style="color: green;">green</span>, as those coloured <span style="color: blue;">blue</span> are either no longer maintained or may interfere with your normal day to day web browsing. Additionally I would just add the top three lists from each category to cover a good enought basis.</p> - - <hr> - <h2>Last thoughts</h2> - <p>I really do like Pi-hole and I see myself using it for the forseeable future as it just does a whole bunch of intresting bits that help me be more secure online.</p> - - - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a></pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/13I2P.html b/public/posts/13I2P.html deleted file mode 100644 index 9c0d5e5..0000000 --- a/public/posts/13I2P.html +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<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>I2P 🕵️</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> - <h2>Trying out I2P 🕵️</h2> - <h3>Date: 22-09-2024</h3><hr> - <img class="right-image" width="170" src="../Images/logos/i2p.png"> - - <h1>What is I2P?</h1> - <p><a href="https://i2p.net">I2P</a> stands for "The Invisible Internet Project" and it is a totally private and encrypted private network layer. If you have ever heard of or used the <a href="https://www.torproject.org/">Tor project</a>, it is similar, but the I2P network is more secure and faster.</p> - - <h2>What is the point of using I2P?</h2> - <p>This is a good question. Why should you or I even use I2P? The answer is simple: it offers many interesting things, for example:</p> - <ul> - <li>Over 7,000 unique websites to visit</li> - <li>Free fully private Email address</li> - <li>Private IRCs</li> - <li>Fully decentralization</li> - <li>Advanced userbase</li> - <li>Faster than the <a href="https://www.torproject.org/">Tor</a> and <a href="https://staging.freenetproject.org/">freenet</a></li> - </ul> - <p>Overall, I2P offers a lot to you and has an amazing community of friendly people.</p><hr> - <h1>My experience</h1> - <h2>Hosting on home server</h2> - <p>I installed <a href="https://github.com/PurpleI2P/i2pd">i2pd</a> onto my home server. I chose i2pd because it is written in C, making it faster than the normal I2P package.</p> - - <p>After installing and starting up i2pd with Systemd, I had to forward the ports on my local network so that I could use I2P. This can be done by running a simple command:</p> - <div class="code-box"> - <p>ssh -fTNL 4444:127.0.0.1:4444 -L 7070:127.0.0.1:7070 <username></p> - </div> - - <p>I would strongly suggest using <a href="https://librewolf.net/">Librewolf</a> to look through the I2P network.</p><hr> - <p>Here are a few websites I do like:</p> - <ul> - <li>http://notbob.i2p/</li> - <li>http://ramble.i2p/</li> - </ul> - <p>Most of the websites on I2P are personal sites, and I highly suggest using NotBob to look for them because some of them are really cool.</p><hr> - <h2>Last thoughts</h2> - <p>Most of the websites on I2P are personal sites. I highly suggest using NotBob to look for them because some of them are really cool.</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a>| <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - - </main> - </body> -</html> - diff --git a/public/posts/14Email.html b/public/posts/14Email.html deleted file mode 100644 index e6b17fb..0000000 --- a/public/posts/14Email.html +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html> -<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>Email</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> - <h2>Email and Life update</h2> - <h4>30-11-2024 </h4> - <hr> - <h2>Introduction</h2> - <p>Hello there, it has been a long while since I have posted to my website. I have just been busy with life and school.</p><hr> - - <h2>Email</h2> - - <p>If you have tried to look at this website the past few days, you may have noticed that it has been down, and that is because I have been trying to get an email server working again. Sadly God does not want me to set this server up because the VPS provider I was using <a href="">Digital Ocean</a> does not allow port 25, the port needed for Email. I know there is probably a way to tiptoe around this but I cannot be bothered. I have found 3 VPSes that do not block this port so I will hopefully get my awaited email server soon.</p> - - <hr> - <h2>School</h2> - <p>School has been alright, just long days and homework. I have not had much time to program or mess around with Linux, but now that mocks are over, I might have some more time to mess around and learn. This whole setting up an email server thing is my latest Linux work, but I hope to do some more junk with servers soon.</p> - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Life.html">More about my Life 🍺</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/15Christmas.html b/public/posts/15Christmas.html deleted file mode 100644 index 81db62d..0000000 --- a/public/posts/15Christmas.html +++ /dev/null @@ -1,92 +0,0 @@ -<!DOCTYPE html> -<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>Christmas time 🎅</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> - <h2>Christmas 🎅</h2> - <h3>Date: 16-12-2024 </h3> - <hr> - <h2></h2> - <p>I wish all who are reading a very merry Christmas! If you are reading after Christmas still have a rather merry time! I am writing this post just to show some tech items I have brought for myself.</p> <hr> - <h1>Google Pixel 7a</h1> - <p>Since it is near Christmas and I have had the same phone for the last ~2 years; I thought why don't I buy a new phone. I saw the Google Pixel 7a was for sale I thought why not. I did not only buy the Google pixel 7a becuase of its price, but also the fact that it is really easy to install custom ROMS onto the phone and root the phone. - - <p>The day the phone arrived, I tried to install <a href="https://calyxos.org/">CalyxOS</a> onto the phone since it already has a full suite of apps ready to go, plus privacy tweaks, but for some reason the <a href="https://calyxos.org/install/devices/lynx/linux/">Linux installer</a> only unlocked the bootloader and left me with a phone without an operating system. After this I got a tiny bit worried because it would not boot into anything, and this was my first time installing a custom ROM onto my phone. So in my panic, I installed <a href="https://lineageos.org/">LineageOS</a>, and it worked amazingly without a problem. I am so happy and impressed with LineageOS!</p> - <center><img src="../Images/computers/GoogleP7a.jpg" width="550"></center> - - <h3>Rooting LineageOS 21</h3> - <p>It is stupidly easy to root LineageOS. The first thing you want to do is enter recovery mode, then go to <b>apply updates >> Apply update >> Apply from ADB</b> after that connect your computer to your phone via the <a href="https://developer.android.com/tools/adb">Android Debug Bridge</a> and push the <a href="https://github.com/topjohnwu/Magisk/releases">Magisk.apk</a> file to the phone, this basically sideloades magisk so you are able to become root. - <hr> - - <h3>What I like about the Google Pixel 7a</h3> - <p><b>Fingerprint detector:</b> For some reason, with most fingerprint readers, they do not like my thumbs. This leads to me barely using the fingerprint detector, but in this phone's case, it does it perfectly!</p> - <p><b>Easy to root and install custom ROMs:</b> As mentioned, it is very easy to root this phone.</p> - <hr> - - <h3>What I dislike about the Google Pixel 7a</h3> - <p><b>Storage:</b> Overall, I wish the phone had a little bit more storage. I personally believe the Goldilocks zone for phone storage is around ~250GB because it gives enough space for apps and plenty of space for photos and videos. </p> - <p><b>MicroSD slot:</b> This ties in with the storage problem; I am not able to add a microSD card, meaning I cannot add more storage. When the time comes when I do need more storage, I will just use USBs for the task. </p> - <hr> - <h3>Specs</h3> - <ul> - <li>Released: May 10, 2023</li> - <li>CPU: Octa-core</li> - <li>GPU: Mali-G710</li> - <li>RAM: 8GB</li> - </ul> - <hr> - - <h2>Overview</h2> - <p>Overall, I really like the Google Pixel 7a, and I am so happy I bought it. I have enjoyed setting up the phone and basically turning it into my own little weekend project. I have also mostly de-Googled LineageOS, but I need to tinker a bit more to fully de-Google everything. I might even write a few guides or scripts on how to de-Google LineageOS.</p> - <hr> - - <h1>ThinkPad T440p</h1> - <p>Recentally if you have looked at the <a href="../about/todo">"Todo"</a> list, you may have seen that I have been looking for a laptop that I can Libreboot. After all this time of waiting and searching I have finally found a good one; the best part of the whole thing is that the previous owner already librebooted it meaning that I did not need to do anything on my end!</p> - <center><img src="../Images/computers/ThinkpadT440p.jpg" width="550"></center> - - <h3>What I like about the ThinkPad T440p</h3> - <p><b>The keyboard</b> on this computer is amazing! It is better than my previous laptop, and it just feels like heaven typing on it.</p> - <p><b>Modular:</b> This laptop is extremely modular, with most parts being replaceable! Due to this I will be upgrading and customising the laptop in 2025!</p> - - <h3>What I dislike about the ThinkPad T440p</h3> - <p><b>Screen:</b> My only complaint about this laptop is that the screen is not the best. But I do know that you can replace it, so I plan to do that in the future. - - <hr> - <h3>Specs as of now</h3> - <li>CPU: i5-4340M</li> - <li>Storage: 180GB SSD</li> - <li>RAM: 8GB</li> - <li>Bios: Libreboot</li> - <hr> - - <h2>Overview</h2> - <p>Overall I am really happy with my new laptop, and I believe this can be my new daily driver. I hope the next new posts will be about upgrading the hardware on this laptop to be better than its stock specs!</p> - - <h2>Upgrades I plan to make</h2> - <p>I plan to replace the trackpad with a better one with <a href="https://www.amazon.co.uk/Buttons-Touchpad-Clickpad-Trackpad-Thinkpad/dp/B0887WJRWV?nsdOptOutParam=true">physical buttons</a>, I prefer this type of trackpad becasue it is overall more confortable and easy to use with the ThinkPad's pointer. - <p>I plan to swap out the current CPU with a Intel Core i7-4910MQ which is more powerful than my current CPU</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> | <a href="tags/Hardware.html">More Hardware 🖥</a></pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/16PC.html b/public/posts/16PC.html deleted file mode 100644 index 7600539..0000000 --- a/public/posts/16PC.html +++ /dev/null @@ -1,61 +0,0 @@ -<!DOCTYPE html> -<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 PC case and new year!</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> - <h2>New PC case and new year!</h2> - <h3>Date: 16-02-2025</h3> - <hr> - <h2>Introduction</h2> - <p>First post of 2025, happy new year dudes! This is the year of my GCSE (General Certificate of Education) exams, so till summer, updates to the website will be few and far between.</p> - <p>Recently my dad has bought a PC off of eBay; he has taken out his motherboard out of his old computer and put it into the new eBay computer. The case is a <a href="https://www.coolermaster.com/en-gb/">Cooler Master</a>. Since my dad 'could not be bothered' to put the eBay motherboard into his old case, he tasked me with it; I gracefully accepted this task!</p> - - <h2>Why switch over the motherboard ?</h2> - <p>The reason why I have switched PC cases is quite simple. I think this PC case is a lot kooler looking than my old one. It also has way better airflow and more space inside of it. It also helps that I haven't cleaned my computer for over 5 months now. I know it is bad, but I have been busy, and my computer's hygiene is not at the top of my bucket list.</p> - - <center> - <hr> - <p><i>Photos of my new case, aka my Dad's old case<br>Before and after I installed my motherboard</i></p> - <img src="../Images/computers/PCcase1.jpg" width="775"> - <img src="../Images/computers/PCcase2.jpg" width="775"> - <img src="../Images/computers/PCcase3.jpg" width="775"> - <img src="../Images/computers/PCcase4.jpg" width="775"> - <hr> - <P><i>Here are some photos of my old PC case.<br>Before I installed the Ebay motherboard and after</i></p> - <img src="../Images/computers/OPCcase1.jpg" width="775"> - <img src="../Images/computers/OPCcase0.jpg" width="775"> - </center> - - - <hr> - <center> - <p><i>The PC as of 16-02-2025<br>The disc drive is exclusively for <a href="https://www.channel4.com/programmes/father-ted">Father Ted</a> episodes</i></p> - <img src="../Images/computers/PCcase0.jpg" width="775"> - </center> - - <hr> - <h2>Overview</h2> - <p>My last thoughts are that I am really happy with my new case and I hope soon I can get a nice guicy GPU to fill up some of the space inside of the computer!</p> - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> | <a href="tags/Hardware.html">Hardware 🖥</a> </pre> - </center> - </main> - </body> -</html> diff --git a/public/posts/17Server.html b/public/posts/17Server.html deleted file mode 100644 index c96ab52..0000000 --- a/public/posts/17Server.html +++ /dev/null @@ -1,55 +0,0 @@ -<!DOCTYPE html> -<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>VPS Server 🗄️</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> - <h2>VPS Server 🗄️</h2> - <h3>Date: 21-02-2025</h3> - <hr> - <h2>Introduction</h2> - <p>If you have read any of my posts in the past, you may know of my aspiration to host my website and email server on a VPS. Well, that day has come! Finally.</p> - <p>So far my VPS (virtual private server) is doing three things:</p> - <ul><li>Git server: <a href="https://git.shipwreckt.co.uk/">git.shipwreckt.co.uk</a> </li></ul> - <ul><li>Email server: <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></li></ul> - <ul><li>CalDEV server: Allows me to sync all my contacts and calendar between devices!</li></ul> - <ul><li>Website hosting! This enables me to try other web languages like <a href="https://www.php.net/">PHP</a> out</ul></li> - <hr> - - <h2>Why host an email server ?</h2> - <p>A better question would be why not host an email server. When you sign up for <a href="https://workspace.google.com/products/gmail/">Gmail</a> or <a href="https://proton.me/mail">Protonmail</a> you give them full trust over your email communications. Well, I trust myself way more than any company to handle my personal communications. Sadly, I can only receive emails until I can get some ports unblocked, but I am happy as is!</p> - - <h2>Why host a Git server?</h2> - <p>I will be honest: the main reason why I host a Git server is because it is really cool, in my opinion; it has enabled me to learn more about Git as a programme. It is also good to have a personal server that is fully under my control, unlike <a href="https://gitlab.com/Shipwreckt">GitLab</a>!</p> - <p>Sadly, I will not do HTTPS or HTTP Git cloning because it is not needed since I am using the Git daemon to allow people to clone from my server! Whilst on the topic of HTTP and HTTPS, I am using the Stagit static HTML programme to have a kind of front end to my server so you can view all my repositories! Due to it being complex (at least for me), I may write a tutorial on how to get it up and running smoothly.</p> -<hr> - -<h2>Why host a CalDEV server?</h2> -<p>Hosting a CalDAV server is one of the most satisfying things I have ever done. Having everything synchronised just makes me happy! I have all my calendars synced and all of my contacts synced too. I love having a CalDAV server for all the rubbish I have planned, and I hope that I can get more use out of it! Also if you are curious I am using the <a href="https://radicale.org">radicale</a> software for the CalDEV server.</p> - <hr> - - <h2>Overview</h2> - <p>Overall, I am just happy to have a whole server that I can use for whatever I want! This has opened up a whole new world for me of tinkering and stress. I hope this VPS serves me well!</p> - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/18Update.html b/public/posts/18Update.html deleted file mode 100644 index 36d0f30..0000000 --- a/public/posts/18Update.html +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html> -<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>Life update</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> - <h2>Life update</h2> - <h3>Date: 17-04-2025 </h3> - <hr> - <h2>Introduction</h2> - <p>Yo. It's been a little while since I’ve done much programming or updated the website. I’ve done the odd thing like setting up a CalDAV server and messing around with email, but that’s really it. Lately, I’ve just been focusing on school, and it’s kind of killing me—but boohoo, that’s just me. I’ll get through it if I keep trying; it’ll be over soon.</p> - - <p>I do have some good news! I’ve decided what to do after I leave school and finish my GCSEs—I want to do a T-level in computing. The interview went really well, and I was told the only thing I could improve on is my maths. So lately, I’ve been revising a lot of maths. I really want to do this T-level, but only 15 people (I believe) are allowed to do it because companies are unsure about allowing 16- to 18-year-olds to do placements at their workplaces. I’m going to work my ass off to get a spot! But just in case I can’t get that spot, hopefully, I can get an apprenticeship. I’m a practical learner—I like doing useful things instead of just sitting there studying. That’s why I love computers and operating systems; you’re always learning.</p> - <hr> - - <h2>Misc things that has happened!</h2> - <p>I have wanted to digitise my DVD collection for some time now, mainly my <a href="https://www.amazon.co.uk/Father-Ted-Complete-Box-Set/dp/B008H2XE8I">Father Ted</a> and <a href="https://www.amazon.co.uk/Planet-Apes-Collection-Disc-Box/dp/B00005NOMI">Planet of the Apes</a> box sets (used Amazon links because what else should I use?) because these two pieces of media are my favourite! But sadly, the discs are all encrypted, so I did some searching and found a neat piece of software called <a href="https://www.makemkv.com/">MakeMKV</a>, and it enabled me to copy the contents of the discs to my computer! Next thing to digitise is my PlayStation 3 collection of games.</p> - - <p>Also, to help me study, I deleted all my remaining social media accounts—those being Lemmy and Mastodon. I barely used them anyway; what’s the point of having them if I don’t use them and they’re made to distract? Although, when my GCSEs are over and I’m making some extra money, I may set up my own Mastodon service. We’ll have to see about that.</p> - <hr> - - <h2>End</h2> - <p>Very wordy post, not sorry about that because you have chosen to read this far. I hope you have enjoyed and I will try squeeze in a lil programming and website development where I can.</p> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Life.html">More about my Life 🍺</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/2025-10-30/index.html b/public/posts/2025-10-30/index.html new file mode 100644 index 0000000..07284f3 --- /dev/null +++ b/public/posts/2025-10-30/index.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Website and life updates!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Website and life updates!</h1> + <p class="post-date">October 30, 2025</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>It has been a while since I last wrote on this website, a few months actually, however from today on I shall try post more often. This post will just be an update to what I have been up too.</p> +<hr> +<h2>Website</h2> +<img class="right-image" width="230" src="/images/logos/11ty.png"> +Before I go into personal updates lets start with some website updates! If you have seen my website in the past you may think it has changed, and you would be correct; this is because I have switched from programming in pure HTML and CSS to using the <a href="https://www.11ty.dev/">11ty</a> static site generator with help from the vim plugin <a href="https://github.com/vimwiki/vimwiki">Vimwiki</a> to write my website from this point on. The reason why I have done this is to make maintaining and developing my website easier. +<h3>Vimwiki</h3> +<p>This is Vim's version of org mode for Emacs. It allows for an individual to make their own wiki, I have altered the configuration to have another wiki which I use for this website meaning I can easily add updates and do other general bits.</p> +<h3>11ty</h3> +<p>11ty is a static site generator, most people say it is easy but for a newbie like myself there was a learning curb when it came to collections and such for setting up automated post updates on the index page, but when you get past complex wrinkles like that 11ty is really easy to use and makes sense when you understand how your configuration works.</p> +<hr> +<h2>Personal life</h2> +<h3>Church</h3> +<p>Since my last update I have became an active member within my local church <a href="https://en.wikipedia.org/wiki/Church_of_England">(Anglican)</a> and in the time I have last posted I have been baptized and confirmed. God has took root within my life and he plays an active roll within my life. I hope and pray over time I am able to become a better Christian and continue reading my Bible and prayer life. Over the last few months I have even became a servant within my local church, for the most part I am the crucifier, however depending on who is present that week my roll changes. Overall I think this is the most important event within my life, God has entered my life and I am so thankful for that.</p> +<p>I may even introduce a theology page once I do more research, but for now if you are interested you can see a list of churches I have been to <a href="/churches">here!</a></p> +<h3>College</h3> +<p>I have started my T-Level IT course and so far it is going well, my only complaint is I do not have any days off within the work week like most college students my age, however I do enjoy a lot of what we cover on this course and I have the chance to even do my work placement (Once a week) within the Methodist church! So I can benefit the church whilst receiving an education. I do hope that the interview goes well and that I will get the placement!</p> +<p>One of my biggest disliked of college is that it is hard to find friends, in the modern age of phones and social media people who are alone are just on their phone and therefore for the most unapproachable; it is either that or they are already with a group of people. Thankfully there are clubs two of which peak my interest the chess and debate, however sadly chess club is just when they put of chess boards out for students, what happens then is people who already know each other then play which then causes a bit of awkwardness when trying to meet people. The debate club I have not been to yet but I may pay it a visit next time it is on because I would like to learn how to debate. I did try and start a christian club, but I was denied because they were not 'looking to facilitate faith based groups' which I find iffy. However I will try to pull this off in the future when I find more people my age who are willing to help me create this project.</p> +<h3>Half term</h3> +<p>Right now as of writing it is half term, sadly I have been sick and I have not been able to do much due to my low amount of energy, however I try my best to be diligent so I have been able to do some things like overhaul my website, study, volunteer, and even do a full clean up of my room. I may also try play some video games, sadly I do not find games as fun anymore. I do deeply and truly hope that I feeling better by Sunday because I have been trained to administer the chalice to parishioners which is such an honour and humbles me deeply.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/I2P/index.html b/public/posts/I2P/index.html new file mode 100644 index 0000000..5983fe3 --- /dev/null +++ b/public/posts/I2P/index.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Trying out I2P 🕵️</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Trying out I2P 🕵️</h1> + <p class="post-date">September 22, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>What is I2P?</h2> +<img class="right-image" width="250" src="/images/logos/i2p.png"> +<a href="https://i2p.net/">I2P</a> stands for "The Invisible Internet Project" and it is a totally private and encrypted private network layer. If you have ever heard of or used the <a href="https://www.torproject.org/">Tor project</a>, it is similar, but the I2P network is more secure and faster. +<h3>What is the point of using I2P?</h3> +<p>This is a good question. Why should you or I even use I2P? The answer is simple: it offers many interesting things, for example:</p> +<ul> +<li>Over 7,000 unique websites to visit</li> +<li>Free fully private Email address</li> +<li>Private IRCs</li> +<li>Fully decentralization</li> +<li>Advanced userbase</li> +<li>Faster than the <a href="https://www.torproject.org/">Tor</a> and <a href="https://staging.freenetproject.org/">freenet</a> +Overall, I2P offers a lot to you and has an amazing community of friendly people.</li> +</ul> +<hr> +<h2>My experience</h2> +<p>I installed i2pd onto my home server. I chose i2pd because it is written in C, making it faster than the normal I2P package.</p> +<p>After installing and starting up i2pd with Systemd, I had to forward the ports on my local network so that I could use I2P. This can be done by running a simple command:</p> +<blockquote> +<p>ssh -fTNL 4444:127.0.0.1:4444 -L 7070:127.0.0.1:7070 <username></p> +</blockquote> +<p>I would strongly suggest using <a href="https://librewolf.net/">Librewolf</a> to look through the I2P network.</p> +<hr> +<p>Here are a few websites I do like:</p> +<ul> +<li><a href="http://notbob.i2p">">http://notbob.i2p/</a></li> +<li><a href="http://ramble.i2p">http://ramble.i2p/</a> +Most of the websites on I2P are personal sites, and I highly suggest using NotBob to look for them because some of them are really cool.</li> +</ul> +<h2>Conclusion</h2> +<p>Most of the websites on I2P are personal sites. I highly suggest using NotBob to look for them because some of them are really cool.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/No_more_school/index.html b/public/posts/No_more_school/index.html new file mode 100644 index 0000000..b5f1344 --- /dev/null +++ b/public/posts/No_more_school/index.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>No more school</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>No more school</h1> + <p class="post-date">July 07, 2025</p> + </header> + <div class="post-content"> + <hr> + <h2>It is over!!!</h2> +<p>GCSEs are over! The exams were less stressful then I initally thought, however the exams were draining. The reason why this post is coming out so late is becasue last few weeks I have just been focused on myself.</p> +<h3>Will I miss school?</h3> +<p>Nope! I will miss some of the teachers but overall I am happy school is over, mainly due to the fact I had to take a bus to school and every school day I spent 2 hours total a day commuting to school and back and the trip back really killed me.</p> +<h3>What have I been up too?</h3> +<p>Sadly I have not been doing much tech stuff, apart from messing around with different programs of course. I have mostly been spedning my time at church and reading the Bible, overall just connecting more with God and improving myself to be a better person over all! However I have been looking for a new VPS that allows port 22 (SMTP port) and does not block the port, however if I keep my current subscription long enough the support team said they would be able to lift the SMTP port block, so I will just stick with that, however it is a bit of a pain not being able to send mail from my mail account.</p> +<hr> +<h2>Overview</h2> +<p>Hopefully I will be able to go to collage, we will have to see though and I am just so happy that I am done with secondary school!</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/Pi-hole/index.html b/public/posts/Pi-hole/index.html new file mode 100644 index 0000000..7c1e118 --- /dev/null +++ b/public/posts/Pi-hole/index.html @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Pi-hole</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Pi-hole</h1> + <p class="post-date">September 18, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>I've been rather busy with school lately, but I still have time to tinker! For a while now, I have wanted to use Pi-hole with my router, but I've either been busy with <a href="/posts/gentoo">Gentoo</a> or school. However, I have finally found the time and inspiration to install Pi-hole on my home server!</p> +<hr> +<h2>What is Pi-hole ?</h2> +<img class="right-image" width="250" src="/images/logos/pihole.png"> +<a href="https://pi-hole.net/">Pi-hole</a> is a DNS sinkhole that can be used with your router to protect your other devices without installing any client-side software. For the most part, Pi-hole is used for only blocking ads, but there is more you can do with it, for example, logging internet activity and blocking websites. +<h3>benefits of using Pi-Hole</h3> +<ul> +<li>Network wide adblocker</li> +<li>Saves bandwith due to adblocker</li> +<li>Adblocker on all mobile apps</li> +<li>Free of cost</li> +<li>Can function as a DHCP server</li> +<li>Easy-to-install</li> +</ul> +<hr> +<h2>Installing</h2> +<p>Since I'm using Arch Linux as my server OS, the only real option I had was to use the <a href="https://github.com/pi-hole/docker-pi-hole">Docker</a> container. It was relatively easy to install, though I did encounter some issues, mostly due to me not reading what to do. Overall, I'd say it was easy to set up and configure for all my devices to use.</p> +<h2>Blocklist</h2> +<p>I have a number of websites blocked to avoid visiting suspicious sites or being tracked. The best source for blocklists from what I can tell is <a href="https://firebog.net/">Firebog</a>. I recommend using only the lists marked in green, as those coloured blue are either no longer maintained or may interfere with your normal day to day web browsing. Additionally I would just add the top three lists from each category to cover a good enought basis.</p> +<hr> +<h2>Conclusion</h2> +<p>I really do like Pi-hole and I see myself using it for the forseeable future as it just does a whole bunch of intresting bits that help me be more secure online.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/School/index.html b/public/posts/School/index.html new file mode 100644 index 0000000..ebd8e30 --- /dev/null +++ b/public/posts/School/index.html @@ -0,0 +1,57 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>School</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>School</h1> + <p class="post-date">September 07, 2024</p> + </header> + <div class="post-content"> + <hr> + <p>As of last week, school has started.</p> +<p>Unfortunately, I no longer have all day to tinker with Linux. While I'll try to continue to update this website, my focus will be more shifting toward school, especially with my GCSEs approaching. I’m a bit disappointed to temporarily step back from Linux and programming, but I plan to get back into it in as soon as I have spare ome time off work. For example, today I managed to get WireGuard working with a VPN!</p> +<p>That’s all for this update—just a quick note to say that school is in session, and my priorities will be focused there for now.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/Temp b/public/posts/Temp deleted file mode 100644 index aa53471..0000000 --- a/public/posts/Temp +++ /dev/null @@ -1,39 +0,0 @@ -<!DOCTYPE html> -<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>CHANGE</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> - <h2>Title</h2> - <h3>Date: </h3> - <hr> - <h2>Introduction</h2> - <h2>What is X ?</h2> - <h2>Why X ?</h2> - <h3>What I like about X</h3> - <h3>What I dislike about X</h3> - <h2>Overview</h2> - - <center><hr> - <pre><a href="../index.html">Back 🚪</a> | <a href="tags/Linux.html">More Linux 🐧</a> | <a href="tags/BSD.html">More BSD 😈</a> | <a href="tags/Tech.html">More Tech 🧑💻</a> </pre> - </center> - </main> - </body> -</html> - diff --git a/public/posts/archserver/index.html b/public/posts/archserver/index.html new file mode 100644 index 0000000..7a6e7b6 --- /dev/null +++ b/public/posts/archserver/index.html @@ -0,0 +1,85 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Arch Linux Server!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Arch Linux Server!</h1> + <p class="post-date">August 26, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>Today I have installed <a href="https://archlinux.org">Arch Linux</a> on my <a href="/posts/servers">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> +<h2>What do I have on the server? 📋</h2> +<p>I have all the same services that I hosted on my previous server install and more!</p> +<ul> +<li>Searxng 🔎</li> +<li>qBittorrent ⟳</li> +<li>Jellyfin 📺</li> +<li>MariaDB 📋</li> +</ul> +<p>I was thinking about adding Nextcloud 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 Gitlab.</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 public ones 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 Docker, but the guidedid not work for me, so I basically took the easy way out with the official Docker image that worked.</p> +<h2>qBittorrent ⟳</h2> +<p>I have the web UI of qBittorrent installed on my Arch Linux server. I used the Arch Linux guide on how to set it up, and I only really needed to install two programs. Then, just like that, everything is installed and working! It was really easy, and I am more satisfied with it. The reason why I have a torrent is just to support some Linux distros I like and have the ISOs ready when I need them.</p> +<h2>Jellyfin 📺</h2> +<p>Jellyfin is a free, as in freedom software, self-hosted media server. If you have ever used <a href="https://www.plex.tv/">Plex</a>, it is kind of like that, but Jellyfin is better because it has a whole load of <a href="https://jellyfin.org/docs/general/server/plugins/#official-plugins">plugins</a> and is licensed under the GPL-2.0, which makes it free software! But overall, it is an amazing media server, way better than Plex, so if you are able to switch over. I will be mostly hosting a few movies and books on it!</p> +<h2>MariaDB 📋</h2> +<p>MariaDB is a database server forked from <a href="https://www.mysql.com/">MySQL</a>. The reason why I have this installed on my server is because I want to start learning how to use a database on a server because, from what I can tell, it looks really good on a CV, and you never know, it could be useful to me in the future!</p> +<hr> +<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> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/christmas/index.html b/public/posts/christmas/index.html new file mode 100644 index 0000000..2c044c0 --- /dev/null +++ b/public/posts/christmas/index.html @@ -0,0 +1,119 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Christmas 🎅</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Christmas 🎅</h1> + <p class="post-date">December 16, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>I wish all who are reading a very merry Christmas! If you are reading after Christmas still have a rather merry time! I am writing this post just to show some tech items I have brought for myself.</p> +<hr> +<h2>Google Pixel 7a</h2> +<p>Since it is near Christmas and I have had the same phone for the last ~2 years; I thought why don't I buy a new phone. I saw the Google Pixel 7a was for sale I thought why not. I did not only buy the Google pixel 7a becuase of its price, but also the fact that it is really easy to install custom ROMS onto the phone and root the phone.</p> +<p>The day the phone arrived, I tried to install <a href="https://calyxos.org/">CalyxOS</a> onto the phone since it already has a full suite of apps ready to go, plus privacy tweaks, but for some reason the <a href="https://calyxos.org/install/devices/lynx/linux/">Linux installer</a> only unlocked the bootloader and left me with a phone without an operating system. After this I got a tiny bit worried because it would not boot into anything, and this was my first time installing a custom ROM onto my phone. So in my panic, I installed <a href="https://lineageos.org/">LineageOS</a>, and it worked amazingly without a problem. I am so happy and impressed with LineageOS!</p> +<img width="850" src="/images/hardware/GoogleP7a.png"> +<h3>Rooting LineageOS 21</h3> +<p>It is stupidly easy to root LineageOS. The first thing you want to do is enter recovery mode, then go to apply updates >> Apply update >> Apply from ADB after that connect your computer to your phone via the <a href="https://developer.android.com/tools/adb">Android Debug Bridge</a> and push the <a href="https://github.com/topjohnwu/Magisk/releases">Magisk.apk</a> file to the phone, this basically sideloades magisk so you are able to become root.</p> +<hr> +<h3>What I like about the Google Pixel 7a</h3> +<p>Fingerprint detector: For some reason, with most fingerprint readers, they do not like my thumbs. This leads to me barely using the fingerprint detector, but in this phone's case, it does it perfectly!</p> +<p>Easy to root and install custom ROMs: As mentioned, it is very easy to root this phone.</p> +<h3>What I dislike about the Google Pixel 7a</h3> +<p>Storage: Overall, I wish the phone had a little bit more storage. I personally believe the Goldilocks zone for phone storage is around ~250GB because it gives enough space for apps and plenty of space for photos and videos.</p> +<p>MicroSD slot: This ties in with the storage problem; I am not able to add a microSD card, meaning I cannot add more storage. When the time comes when I do need more storage, I will just use USBs for the task.</p> +<hr> +<h2>Specs</h2> +<ul> +<li>Released: May 10, 2023</li> +<li>CPU: Octa-core</li> +<li>GPU: Mali-G710</li> +<li>RAM: 8GB</li> +</ul> +<hr> +<h2>Overview</h2> +<p>Overall, I really like the Google Pixel 7a, and I am so happy I bought it. I have enjoyed setting up the phone and basically turning it into my own little weekend project. I have also mostly de-Googled LineageOS, but I need to tinker a bit more to fully de-Google everything. I might even write a few guides or scripts on how to de-Google LineageOS.</p> +<hr> +<h1>ThinkPad T440p</h1> +<p>Recently if you have looked at the <a href="/todo>Todo</a> list, you may have seen that I have been looking for a laptop that I can Libreboot. After all this time of waiting and searching I have finally found a good one; the best part of the whole thing is that the previous owner already librebooted it meaning that I did not need to do anything on my end! +<img width="870" src="/images/hardware/ThinkpadT440p.png"></p> +<h3>What I like about the ThinkPad T440p</h3> +<p>The keyboard on this computer is amazing! It is better than my previous laptop, and it just feels like heaven typing on it.</p> +<p>Modular: This laptop is extremely modular, with most parts being replaceable! Due to this I will be upgrading and customising the laptop in 2025!</p> +<h3>What I dislike about the ThinkPad T440p</h3> +<p>Screen: My only complaint about this laptop is that the screen is not the best. But I do know that you can replace it, so I plan to do that in the future.</p> +<hr> +<h2>Specs as of now</h2> +<ul> +<li>CPU: i5-4340M</li> +<li>Storage: 180GB SSD</li> +<li>RAM: 8GB</li> +<li>Bios: Libreboot</li> +</ul> +<hr> +<h2>Overview</h2> +<p>Overall I am really happy with my new laptop, and I believe this can be my new daily driver. I hope the next new posts will be about upgrading the hardware on this laptop to be better than its stock specs!</p> +<h2>Upgrades I plan to make</h2> +<p>I plan to replace the trackpad with a better one with physical buttons, I prefer this type of trackpad because it is overall more comfortable and easy to use with the ThinkPad's pointer.</p> +<p>I plan to swap out the current CPU with a Intel Core i7-4910MQ which is more powerful than my current CPU</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + <a href="/tags/hardware/" + aria-label="View posts tagged hardware"> + hardware + </a> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/dwm/index.html b/public/posts/dwm/index.html new file mode 100644 index 0000000..a089aa4 --- /dev/null +++ b/public/posts/dwm/index.html @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Switching to DWM</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Switching to DWM</h1> + <p class="post-date">July 13, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>What is DWM</h2> +<p>DWM stands for Dynamic Window Manager. It is a window manager for X.org; it was developed by the programmers at Suckless Software. DWM is super lightweight, with the entire window manager programmed in about 3,000 lines of C code. Its very minimalistic, allowing users to modify and patch it to their heart's content!</p> +<hr> +<h2>Why DWM?</h2> +<p>Why DWM?</p> +<img class="right-image" width="170" src="/images/dwm.png"> +The reason why I have chosen DWM as my window manager is because recently I have been on a sort of pilgrimage for the perfect window manager, something lightweight and functionable. I started my window manager pilgrimage with the very user-friendly and configurable Qtile written in Python; I was happy with it. But I felt the urge to explore more into window managers, so from there I tried out I3, another great window manager, and I really enjoyed using it, but I wanted to test out the most lightweight and fastest window manager, being DWM. As of writing, I believe this is the end of my pilgrimage since I am more than happy with DWM. +<p>There is also the fact that I want to try out Linux from scratch, Gentoo, and Freebsd in the future, so having the same window manager throughout using all of these operating systems will just make it easier for me to use the OS.</p> +<hr> +<h2>What I like</h2> +<ul> +<li> +<p>Lightweight - I love the fact that DWM is lightweight, as mentioned before it comes in at around 3,000 lines of C code, this means not only is it small in size but compiles faster then something like I3.</p> +</li> +<li> +<p>Indipendance - There is a great sense of independence when using DWM because when you modify it, you are modifying the raw code of the program. This does not happen with something like I3, where you are provided a config file in ~/.config to change. Some people might see this as a burden, but I see it as an opportunity to just mess around and improve my programming skills.</p> +</li> +<li> +<p>Enviroment - DWM makes you produce your own work enviroment, this is because unlike something like KDE plasma you are not given a desktop enviroment with all the tools, instead you are given a window manager and a terminal, I only use around GUI programs so making my enviroment was easy as anything and allows me to preform tasks quicker then if I was using KDE Plasma</p> +</li> +</ul> +<hr> +<center> +<img src="/images/dwmsetup.png" width="800"> +<p>Here is my DWM setup on my PC as of 13-7-2024</p> +</center> +<hr> +<h2>Overview</h2> +<p>I love DWM and I plan to use it for as long as I can, there is a wayland version of DWM called DWL so even if I do switch to wayland I will still be able to use DWM. I am exited to further work on my DWM setup and keep an eye on my dotfiles for any updates!</p> +<p>Note 26-10-2025) I am still using it, and yes. It is still awesome.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/bsd/" + aria-label="View posts tagged bsd"> + bsd + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/emailandlife/index.html b/public/posts/emailandlife/index.html new file mode 100644 index 0000000..6dffa64 --- /dev/null +++ b/public/posts/emailandlife/index.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Email and Life update</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Email and Life update</h1> + <p class="post-date">December 01, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>Hello there, it has been a long while since I have posted to my website. I have just been busy with life and school.</p> +<hr> +<h2>Email</h2> +<p>If you have tried to look at this website the past few days, you may have noticed that it has been down, and that is because I have been trying to get an email server working again. Sadly God does not want me to set this server up because the VPS provider I was using <a href="https://shipwreckt.co.uk/posts/14Email.html">Digital Ocean</a> does not allow port 25, the port needed for Email. I know there is probably a way to tiptoe around this but I cannot be bothered. I have found 3 VPSes that do not block this port so I will hopefully get my awaited email server soon.</p> +<hr> +<h2>School</h2> +<p>School has been alright, just long days and homework. I have not had much time to program or mess around with Linux, but now that mocks are over, I might have some more time to mess around and learn. This whole setting up an email server thing is my latest Linux work, but I hope to do some more junk with servers soon.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/fishshell/index.html b/public/posts/fishshell/index.html new file mode 100644 index 0000000..c049c5b --- /dev/null +++ b/public/posts/fishshell/index.html @@ -0,0 +1,81 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Trying out fish 🐟</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Trying out fish 🐟</h1> + <p class="post-date">August 22, 2024</p> + </header> + <div class="post-content"> + <hr> + <img class="right-image" width="250" src="/images/logos/fish.png"> +<h2>Introduction</h2> +<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!</p> +<h2>Features of Fish 🐟</h2> +<p>Fish aims to be a smart, user-friendly command line shell</p> +<ul> +<li>Tab completion</li> +<li>Themes</li> +<li>Syntax highlighting</li> +<li>Web Based Configuration</li> +</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> +<center> +<img width="840" src="/images/screenshots/fishscreen.png"> +</center> +<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> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/freebsd/index.html b/public/posts/freebsd/index.html new file mode 100644 index 0000000..7372601 --- /dev/null +++ b/public/posts/freebsd/index.html @@ -0,0 +1,133 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Trying out FreeBSD</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Trying out FreeBSD</h1> + <p class="post-date">July 22, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>Today, I had the pleasure of trying out FreeBSD, the open source, Unix-like operating system. In this post, I will share my experience with FreeBSD based on my time using it.</p> +<hr> +<h2>Instillation</h2> +<h3>Install script</h3> +<p>Installing FreeBSD is relatively easy; you are provided with a nice terminal user interface that supports mouse input. Below is a screenshot. +To my surprise installing FreeBSD was relatively easy; the user is provided with a nice terminal user interface powered by <a href="https://invisible-island.net/ncurses/announce.html">ncurses</a> which even supports mouse input allowing for new users to easily adapt. +<br><br></p> +<center> +Screenshot of ncurses using the bsdinstall script +<img width="800" src="/images/bsd/bsdinstall-choose-mode.png"> +</center> +<br> +Thankfully I had no issues whilst using the stock install script, however I did encounter an external problem with <a href="https://www.ventoy.net/en/index.html">Ventoy</a>, for some reason FreeBSD is not supported on Ventoy so I had to burn the FreeBSD iso onto another USB stick. I do hope that in the future this is fixed because for me personally it is easier just to dump the ISO files onto my Ventoy USB. +<h3>Wi-Fi</h3> +<p>During the install since my test computer has an unusual Wi-FI card, this caused me to be unable to install FreeBSD over Wi-Fi. Unlike some people I do understand firmware for Wi-Fi cards is a pain so I am happy to over-look this issue. To solve this problem I used Ethernet so I could install the operating system, it also helps that Ethernet is way faster.</p> +<h3>Wheel</h3> +<p>Like Arch Linux when installing you have to add your user(s) to the 'wheel' group, this grants the selected users the ability to gain root access, however if you believe this is a security threat you can just do all root operations using the root user and using cron scripts to automate tasks.</p> +<hr> +<h2>Post install - Unix</h2> +<p>After the install process, I booted up my test pc into FreeBSD. Instantly I noticed the terminal commands on BSD are basically the same as Linux, this realisation made me feel at ease with using the BSD operating system.</p> +<p>The reason why both operating systems function in a similar manner is because of the UNIX operating system. GNU/Linux as we know it today started as the GNU operating system which is an ongoing attempt to create a fully <a href="https://www.gnu.org/philosophy/free-sw.html">Libre software</a> UNIX-like operating system, however during this same period of time the BSD operating system was starting to emerge at Berkeley University from UNIX. This is why the commands used on both operating systems are virtually the same.</p> +<hr> +<h2>Superuser access</h2> +<p>When I started using BSD I quickly realised that I had no superuser program that'll allow me to run commands from my user with root privileges, this is vital for tasks such as package management. So I went and installed one, here are two superuser programs you can install.</p> +<h3>Commands</h3> +<table> +<thead> +<tr> +<th>Keyword</th> +<th>Meaning</th> +</tr> +</thead> +<tbody> +<tr> +<td>$</td> +<td>Current user</td> +</tr> +<tr> +<td>#</td> +<td>Root user</td> +</tr> +<tr> +<td>pkg</td> +<td>BSD package manager</td> +</tr> +<tr> +<td>sudo / doas</td> +<td>superuser programs</td> +</tr> +</tbody> +</table> +<blockquote> +<p>$ su<br> +# pkg install sudo</p> +</blockquote> +<p>Or alternatively</p> +<blockquote> +<p>$ su<br> +# pkg install doas</p> +</blockquote> +<p>I do suggest that you install doas because from what I know it is much more secure then sudo, especially when you configure it. It also helps that doas was developed for BSD especially.</p> +<hr> +<h2>Xorg and user programs</h2> +<p>After doing all of that, my next step was getting a graphical user interface, so I proceeded to install <a href="https://x.org/">X.Org</a> with <a href="https://dwm.suckless.org/">dwm</a>. I did not bother with installing a display manager (login screen) because I would just use <a href="https://www.x.org/releases/X11R7.6/doc/man/man1/startx.1.xhtml">startx</a>, so I focused on installing Git and my <a href="https://gitlab.com/Shipwreckt/dotfiles">dwm config</a>.</p> +<p>However sadly when trying to compile the code for dwm I ran into a problem, however fortunately for myself there 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. After doing this I checked if my two most-used programs, <a href="https://alacritty.org/">Alacritty</a>, <a href="https://librewolf.net/"></a> were available and functional on FreeBSD. To my surprise they were available and both were functional without any issues.</p> +<hr> +<center> +<img width="800" src="/images/bsd/BSDneo.png"> +Screenshot of my BSD setup running Neofetch +</center> +<hr> +<h3>Conclusion</h3> +<p>Overall I really enjoyed using FreeBSD and tinkering with it; and I do believe that I could BSD as a daily driver since it does support nearly all of my programs. I appreciate that it is a UNIX operating system and has many of the same features as Linux, however for now I shall be staying with Linux, this is because I am more comfortable and knowledgable about Linux (especially <a href="https://archlinux.org">Arch Linux</a>. But in the future I do believe I will try and setup a server with OpenBSD since I have heard exellent things about BSD servers, particularly in regards to security. Anyways I would like to thank you for reading all of this, I hope you have an amazing day, God bless.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/bsd/" + aria-label="View posts tagged bsd"> + bsd + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/gentoo/index.html b/public/posts/gentoo/index.html new file mode 100644 index 0000000..8102dc9 --- /dev/null +++ b/public/posts/gentoo/index.html @@ -0,0 +1,72 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Installing Gentoo Linux</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Installing Gentoo Linux</h1> + <p class="post-date">August 31, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>Over the past three days I have been trying to install Gentoo Linux, I have also been tinkering with this Linux distro!</p> +<h2>Installing</h2> +<img class="right-image" width="230" src="/images/logos/gentoo.png"> +I found the <a href="https://wiki.gentoo.org/wiki/Handbook:Main_Page">Gentoo Handbook</a> extremely useful for installing Gentoo Linux. In the past, my attempts to install Gentoo on my test PC, which uses a BIOS system, were, just a big fail due to a bunch of small mistakes I made. But this time around I installed Gentoo on my main PC, which has 18 cores, that allows me to compile things faster. Overall, I found the installation process to be very straightforward. I simply SSHed into the computer and copied the necessary commands to install the required packages, along with some miscellaneous things like ensuring the file systems where 100% working. +<hr> +<h2>NVIDIA</h2> +<p>After installing I wanted to get my desktop enviroment of <a href="https://dwm.suckless.org/">DWM</a> working. Now sadly I do have a NVIDIA Gpu and I knew before I even started installing Gentoo that I would have problems with it. So I tried the simple solution first just installing the <a href="https://www.x.org/wiki/">Xorg server</a> software and the NVIDA graphics drivers. It did not work so I did some more tinkering and updated my system with a configured kernel but I sent it into a panic. At this point I just lost all hope and I had been using Gentoo for two days at that point and I just wanted a normal desktop so I reinstalled <a href="https://archlinux.org/">Arch Linux</a> and played some video games because I was just tired at that point.</p> +<hr> +<h2>Final thoughts</h2> +<p>I really enjoyed messing around with Gentoo, even though it took a long time to do so. The documentation on their website was excellent, and I highly recommend trying it out if you're looking for a faster operating system. Personally, I plan to switch to Gentoo once I get an AMD GPU since AMD is supported way better on Linux.</p> +<p>My favorite thing about Gentoo is that it doesn’t require <a href="https://systemd.io/">Systemd</a> as your init system. Instead, Gentoo gives you the choice to use OpenRC, which I find to be simpler and more efficient and not to add more clean than Systemd. I also love that Gentoo requires you to compile everything, and I noticed that my system ran way faster compared to when I was using Arch Linux or any other Linux distro.</p> +<p>But that is all, thank you for reading!</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/kernal/index.html b/public/posts/kernal/index.html new file mode 100644 index 0000000..64b7aac --- /dev/null +++ b/public/posts/kernal/index.html @@ -0,0 +1,66 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Compiling the Linux Kernel 🐧</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Compiling the Linux Kernel 🐧</h1> + <p class="post-date">August 28, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>Today I have compiled the newest version of the Linux kernel being 6.10.6!</p> +<p>The main reason why I have done this is because whenever I try install to install Gentoo I fail. I do know you can convert a Linux distro into Gentoo but I want to install it from the ISO first before I do that.</p> +<h2>Was it easy?</h2> +<p>I would say compiling the kernel was very easy; all I did was input a few commands and copy the defauly config over. There is not much I can say because compiling the kernel is not that complex, but one thing I will say is that my computer was crying during the process.</p> +<h2>Results?</h2> +<p>As of right now my computer and Laptop both feel a bit faster now that a I have compilied the kernel, and now that I have learnt how to compile the Linux kernel I will now do it whenever I get a new laptop!</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/life_update/index.html b/public/posts/life_update/index.html new file mode 100644 index 0000000..491254e --- /dev/null +++ b/public/posts/life_update/index.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Life update</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Life update</h1> + <p class="post-date">May 28, 2025</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>If you are reading from a forgine country GCSEs stand for general certificate of secondary ecudation, as of right now I am taking them.</p> +<h2>Focus</h2> +<p>All I really need to focus on is math, my first paper is down and I only have two other maths papers, I need above a grade 4 ideally a grade 6. On my mock exams I got a grade 4 but this was my first set of mocks because for some reason the mocks I took in November finished when I started my GCSEs for some dumb reason. Thankfully these exams are easier then I imagined.</p> +<h2>What will I do when GCSEs are done?</h2> +<p>I plan to go to collage and partake in a course which allows me to further explore IT, I disliked IT class at secondary school because we only learnt about concepts; I am a pratical learner and this form of learning bascially killed me. But the course I am look at for collage seems very promissing and only a few people are allowed to enroll at once, so I do hope I get a possition!</p> +<hr> +<h2>Overview</h2> +<p>That is all really it I just wanted to do a quick update. Sadly I have not been doing much tech related as you can see from my <a href="https://git.shupwreckt.co.uk/">GIT</a> since I am just focusing on GCSEs and myself.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/makingart/index.html b/public/posts/makingart/index.html new file mode 100644 index 0000000..ee91314 --- /dev/null +++ b/public/posts/makingart/index.html @@ -0,0 +1,63 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Making some art</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Making some art</h1> + <p class="post-date">July 24, 2024</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<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 projects page 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> +<h2>Art</h2> +<p>Tux with a vaporwave effect +<img width="800" src="/images/art/Tux_vaporwave.png"></p> +<p>Some wallpapers I have done, my favourite is my edit of Newyork +<img width="800" src="/images/art/Dublin.png"> +<img width="800" src="/images/art/NewYork.png"></p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/newlaptop/index.html b/public/posts/newlaptop/index.html new file mode 100644 index 0000000..2cb3c11 --- /dev/null +++ b/public/posts/newlaptop/index.html @@ -0,0 +1,74 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>New Laptop!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>New Laptop!</h1> + <p class="post-date">August 17, 2024</p> + </header> + <div class="post-content"> + <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! +<img src="/images/hardware/ThinkPad-L560.png"></p> +<h2>Likes</h2> +<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> +<h2>Dislikes</h2> +<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> +<h2>Problems</h2> +<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> +<hr> +<h2>What will it be used for?</h2> +<p>This ThinkPad will be my day laptop, so whenever I go out I will bring it; the reason why I will use it as a day laptop is because I got it for cheep and if it goes missing I will not be too upset.</p> +<hr> +<h2>Last words</h2> +<p>Thank you for reading. I hope this laptop lasts me a while, and I will mostly use it for school.</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/hardware/" + aria-label="View posts tagged hardware"> + hardware + </a> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/pccase/index.html b/public/posts/pccase/index.html new file mode 100644 index 0000000..41257e8 --- /dev/null +++ b/public/posts/pccase/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>New PC case and new year!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>New PC case and new year!</h1> + <p class="post-date">February 16, 2025</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>First post of 2025, happy new year dudes! This is the year of my GCSE (General Certificate of Education) exams, so till summer, updates to the website will be few and far between.</p> +<p>Recently my dad has bought a PC off of eBay; he has taken out his motherboard out of his old computer and put it into the new eBay computer. The case is a <a href="https://www.coolermaster.com/en-gb/">Cooler Master</a>. Since my dad 'could not be bothered' to put the eBay motherboard into his old case, he tasked me with it; I gracefully accepted this task!</p> +<hr> +<h2>Why switch over the motherboard ?</h2> +<p>The reason why I have switched PC cases is quite simple. I think this PC case is a lot kooler looking than my old one. It also has way better airflow and more space inside of it. It also helps that I haven't cleaned my computer for over 5 months now. I know it is bad, but I have been busy, and my computer's hygiene is not at the top of my bucket list.</p> +<hr> +<center> +Photos of my new case, aka my Dad's old case<br> +Before and after I installed my motherboard +<img src="/images/hardware/pccase/PCcase1.png"> +<img src="/images/hardware/pccase/PCcase2.png"> +<img src="/images/hardware/pccase/PCcase3.png"> +<img src="/images/hardware/pccase/PCcase4.png"> +<hr> +<p>Here are some photos of my old PC case.<br> +Before I installed the Ebay motherboard and after</p> +<img src="/images/hardware/pccase/OPCcase1.png"> +<img src="/images/hardware/pccase/OPCcase0.png"> +<hr> +<p>The PC as of 16-02-2025<br> +The disc drive is exclusively for Father Ted episodes +<img src="/images/hardware/pccase/PCcase0.png"></p> +</center> +<hr> +<h2>Overview</h2> +<p>My last thoughts are that I am really happy with my new case and I hope soon I can get a nice guicy GPU to fill up some of the space inside of the computer!</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + <a href="/tags/hardware/" + aria-label="View posts tagged hardware"> + hardware + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/servers/index.html b/public/posts/servers/index.html new file mode 100644 index 0000000..ff35910 --- /dev/null +++ b/public/posts/servers/index.html @@ -0,0 +1,79 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Messing Around with servers</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Messing Around with servers</h1> + <p class="post-date">July 27, 2024</p> + </header> + <div class="post-content"> + <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> +<center> +<img width="550" src="/images/hardware/thinkcenter.png"> +</center> +<hr> +<h2>What is on the Server?</h2> +<img class="right-image" width="250" src="/images/logos/ubuntu-logo.png"> +The operating system of choice for this server is Ubuntu Server; 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 Debian server or an OpenBSD server due to the annoyance of Ubuntu’s snap packages and other weird stuff Ubuntu likes to do. +<p>This is my first time using Docker. Docker allows you to contain programs, such as Apache, 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 Jellyfin media server.</p> +<p>Originally, I planned to install Plex, 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 SearXNG 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> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/hardware/" + aria-label="View posts tagged hardware"> + hardware + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/summer/index.html b/public/posts/summer/index.html new file mode 100644 index 0000000..84cc03a --- /dev/null +++ b/public/posts/summer/index.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Summer holiday!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Summer holiday!</h1> + <p class="post-date">July 19, 2024</p> + </header> + <div class="post-content"> + <hr> + <p>As of today, my summer holiday has started. And with that comes a lot of freetime to mess around with computers! I have planned some projects for the next 6 weeks so I thought I would make a post on what I have planned!</p> +<hr> +<h2>Operating system plans</h2> +<img class="right-image" width="270" src="/images/summertux.png"> +At some point, I will try out <a href="https://www.linuxfromscratch.org/">Linux from scratch</a> because I have heard it is a good way to see how a Linux system is constructed while making it. I would also like to try creating my own distro of some kind and maybe ship it too. +<p>While we are on the topic of Linux, I am going to try out <a href="https://www.gentoo.org/">Gentoo</a> to see if it is any good. All I really know is that it takes longer to install than <a href="https://archlinux.org/">Arch Linux</a> and you need to compile all the programs. I'm looking forward to that experience!</p> +<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> +<hr> +<center> +This is my 'testing computer' where I will be doing all this on. +<img width="800" src="/images/testpc.png"> +</center> +<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 C programming language, and I will be trying to learn some more Python because it is easier for smaller projects and I am planning on trying to make a few small programs and see how much I can do.</p> +<h3>Fakefetch</h3> +<p>I will try to give Fakefetch weekly updates to improve its functionality because I really enjoy developing Fakefetch. It is something simple, yet it expands my knowledge of Linux and the C programming language. For example, I could add an IP option to Fakefetch where you can display your IP address, or I could add a battery option. There are lots of things to do with Fakefetch, so I am excited to work on it more!</p> +<h3>Dotfiles</h3> +<p>There is not much I will do with my dotfiles, to be honest, because so far I have my ideal setup. Maybe I will add some more bits to Neovim and perhaps create a custom color theme, but that's all I can really think of. Of course, I will add little bits and maybe update some of the programs on the install list, but as of today, there is not much I will change apart from maybe some patches for DWM.</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> +<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 projects page for any updates!</p> +<hr> +<h2>Conclusion</h2> +<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> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/life/" + aria-label="View posts tagged life"> + life + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/tags/BSD.html b/public/posts/tags/BSD.html deleted file mode 100644 index ee6184e..0000000 --- a/public/posts/tags/BSD.html +++ /dev/null @@ -1,36 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <div class="tags"> <center> - <h1>BSD 😈</h1> </center> - <p>17-08-2024 - <a href="../07FishShell.html">Trying out fish 🐟</a></p> - <p>27-07-2024 - <a href="../04Servers.html">Messing with servers</a></p> - <p>22-07-2024 - <a href="../02FreeBSD.html">Trying out FreeBSD</a></p> - </div> - - <div class="tags2"><hr> - <h3>Other tags</h3> - <pre><a href="Linux.html">Linux 🐧</a> | <a href="Hardware.html">Hardware 🖥</a> | <a href="Tech.html">Tech 🧑💻</a> | <a href="Life.html">Life 🍺</a></pre> - </div> - </main> - </body> -</html> diff --git a/public/posts/tags/Hardware.html b/public/posts/tags/Hardware.html deleted file mode 100644 index fcab121..0000000 --- a/public/posts/tags/Hardware.html +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <div class="tags"> - <center> - <h1>Hardware 🖥</h1> - </center> - <p>16-02-2025 - <a href="../16PC.html">New PC case!</a></p> - <p>18-12-2024 - <a href="../15Christmas.html">Christmas 🎅</a></p> - <p>17-08-2024 - <a href="../06NewLaptop.html">New Laptop !</a></p> - <p>03-08-2024 - <a href="../05Yubikeys.html">Yubikeys!</a></p> - <p>27-07-2024 - <a href="../04Servers.html">Messing with servers</a></p> - </div> - - <div class="tags2"><hr> - <h3>Other tags</h3> - <pre><a href="Linux.html">Linux 🐧</a> | <a href="BSD.html">BSD 😈</a> | <a href="Tech.html">Tech 🧑💻</a> | <a href="Life.html">Life 🍺</a></pre> - </div> - </main> - </body> -</html> diff --git a/public/posts/tags/Life.html b/public/posts/tags/Life.html deleted file mode 100644 index 69fbcd5..0000000 --- a/public/posts/tags/Life.html +++ /dev/null @@ -1,37 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <div class="tags"> - <center> - <h1>Life 🍺</h1> - </center> - <p>17-04-2025 - <a href="../18Update.html">Life Update</a></p> - <p>01-12-2024 - <a href="../14Email.html">Email and Life update</a></p> - </div> - - <div class="tags2"><hr> - <h3>Other tags</h3> - <pre><a href="Linux.html">Linux 🐧</a> | <a href="BSD.html">BSD 😈</a> | <a href="Hardware.html">Hardware 🖥</a> | <a href="Tech.html">More Tech 🧑💻</a></pre> - </div> - </main> - </body> -</html> diff --git a/public/posts/tags/Linux.html b/public/posts/tags/Linux.html deleted file mode 100644 index cee0de7..0000000 --- a/public/posts/tags/Linux.html +++ /dev/null @@ -1,45 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <div class="tags"> - <center> - <h1>Linux 🐧</h1> - </center> - <p>21-02-2025 - <a href="../17Server.html">VPS Server 🗄️</a></p> - <p>18-12-2024 - <a href="../15Christmas.html">Christmas 🎅</a></p> - <p>18-09-2024 - <a href="../12Pihole.html">Pihole on Arch server</a></p> - <p>31-08-2024 - <a href="../10Gentoo.html">Installing Gentoo Linux</a></p> - <p>28-08-2024 - <a href="..//09Kernel.html">Compiling the Linux Kernel 🐧</a></p> - <p>26-08-2024 - <a href="../08ArchServer.html">Arch Server!</a></p> - <p>17-08-2024 - <a href="../07FishShell.html">Trying Out Fish 🐟</a></p> - <p>27-07-2024 - <a href="../04Servers.html">Messing With Servers</a></p> - <p>13-07-2024 - <a href="../00dwm.html">Switching to DWM</a></p> - </div> - - <div class="tags2"><hr> - <h3>Other tags</h3> - <pre><a href="Hardware.html">Hardware 🖥</a> | <a href="BSD.html">BSD 😈</a> | <a href="Tech.html">Tech 🧑💻</a> |<a href="Life.html">Life 🍺</a></pre> - </div> - </main> - </body> -</html> - diff --git a/public/posts/tags/Tech.html b/public/posts/tags/Tech.html deleted file mode 100644 index e8b2c2b..0000000 --- a/public/posts/tags/Tech.html +++ /dev/null @@ -1,49 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <div class="tags"> - <center> - <h1>Tech 🧑💻</h1> - </center> - <p>21-02-2025 - <a href="../17Server.html">VPS Server 🗄️</a></p> - <p>16-02-2025 - <a href="../16PC.html">New PC case!</a></p> - <p>18-12-2024 - <a href="../15Christmas.html">Christmas 🎅</a></p> - <p>01-12-2024 - <a href="../14Email.html">Email and Life update</a></p> - <p>22-09-2024 - <a href="../13I2P.html">Trying out I2P 🕵️</a></p> - <p>18-09-2024 - <a href="../12Pihole.html">Pihole on Arch server</a></p> - <p>31-08-2024 - <a href="../10Gentoo.html">Installing Gentoo Linux</a></p> - <p>28-08-2024 - <a href="..//09Kernel.html">Compiling the Linux Kernel 🐧</a></p> - <p>26-08-2024 - <a href="../08ArchServer.html">Arch Server!</a></p> - <p>17-08-2024 - <a href="../07FishShell.html">Trying Out Fish 🐟</a></p> - <p>03-08-2024 - <a href="../05Yubikeys.html">Yubikeys!</a></p> - <p>27-07-2024 - <a href="../04Servers.html">Messing With Servers</a></p> - <p>22-07-2024 - <a href="../02FreeBSD.html">Trying Out FreeBSD</a></p> - <p>13-07-2024 - <a href="../00dwm.html">Switching To DWM</a></p> - </div> - - <div class="tags2"><hr> - <h3>Other tags</h3> - <pre><a href="Linux.html">Linux 🐧</a> | <a href="BSD.html">BSD 😈</a> | <a href="Hardware.html">Hardware 🖥</a> | <a href="Life.html">Life 🍺</a> </pre> - </div> - </main> - </body> -</html> diff --git a/public/posts/vps/index.html b/public/posts/vps/index.html new file mode 100644 index 0000000..b7fc82d --- /dev/null +++ b/public/posts/vps/index.html @@ -0,0 +1,80 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>VPS Server 🗄️</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>VPS Server 🗄️</h1> + <p class="post-date">February 21, 2025</p> + </header> + <div class="post-content"> + <hr> + <h2>Introduction</h2> +<p>If you have read any of my posts in the past, you may know of my aspiration to host my website and email server on a VPS. Well, that day has come! Finally.</p> +<p>So far my VPS (virtual private server) is doing three things:</p> +<ul> +<li>Git server: <a href="https://git.shipwreckt.co.uk">git.shipwreckt.co.uk</a></li> +<li>Email server: <a href="https://git.shipwreckt.co.uk/">git.shipwreckt.co.uk</a></li> +<li>CalDEV server: Allows me to sync all my contacts and calendar between devices!</li> +<li>Website hosting! This enables me to try other web languages like <a href="https://www.php.net/">PHP</a> out</li> +</ul> +<hr> +<h2>Why?</h2> +<h3>Why host an email server ?</h3> +<p>A better question would be why not host an email server. When you sign up for Gmail or Protonmail you give them full trust over your email communications. Well, I trust myself way more than any company to handle my personal communications. Sadly, I can only receive emails until I can get some ports unblocked, but I am happy as is!</p> +<h3>Why host a Git server?</h3> +<p>I will be honest: the main reason why I host a Git server is because it is really cool, in my opinion; it has enabled me to learn more about Git as a programme. It is also good to have a personal server that is fully under my control, unlike GitLab!</p> +<p>Sadly, I will not do HTTPS or HTTP Git cloning because it is not needed since I am using the Git daemon to allow people to clone from my server! Whilst on the topic of HTTP and HTTPS, I am using the Stagit static HTML programme to have a kind of front end to my server so you can view all my repositories! Due to it being complex (at least for me), I may write a tutorial on how to get it up and running smoothly.</p> +<h3>Why host a CalDEV server?</h3> +<p>Hosting a CalDAV server is one of the most satisfying things I have ever done. Having everything synchronised just makes me happy! I have all my calendars synced and all of my contacts synced too. I love having a CalDAV server for all the rubbish I have planned, and I hope that I can get more use out of it! Also if you are curious I am using the <a href="https://radicale.org/">radicale</a> software for the CalDEV server.</p> +<hr> +<h2>Overview</h2> +<p>Overall, I am just happy to have a whole server that I can use for whatever I want! This has opened up a whole new world for me of tinkering and stress. I hope this VPS serves me well!</p> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/linux/" + aria-label="View posts tagged linux"> + linux + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/posts/yubikeys/index.html b/public/posts/yubikeys/index.html new file mode 100644 index 0000000..5cfe2b5 --- /dev/null +++ b/public/posts/yubikeys/index.html @@ -0,0 +1,73 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="/assets/css/main.css"> + <title>Yubikeys!</title> + </head> + <body> + <article> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <header> + <h1>Yubikeys!</h1> + <p class="post-date">August 03, 2024</p> + </header> + <div class="post-content"> + <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> +<center> +<img src="/images/hardware/yubikey.png"> +</center> +<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> +<li><a href="https://onlykey.io/">Onlykey</a></li> +<li><a href="https://www.nitrokey.com/products/nitrokeys">Nitrokey</a></li> +<li><a href="https://solokeys.com/">Solokey</a></li> +</ul> +<p>There are two on that list that I am particually interested in, that being TKey and Nitrokey, this is because they are both well delevoped and have ways to set up with SSH so I can connect to servers way more securely, they also provide keys that have NFC so I can use it with my phone which is a big save.</p> +<p>So far the only thing I have really done with my Yubikey is set it up with KeepassXC, for some reason I cannot get my Google account working with it, and this is because I am under Linux, so I might need to install Windows or ChromeOS in a virtual machine and set it up, but even if then, I just have to hope it will still work on Linux because if not, well, that would be ass.</p> +<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> + + </div> + </article> + + + + + <footer class="post-footer"> + <!-- 🌟 Back button --> + <a href="/" class="back-button">⬅ Back to Home</a> + + + <p class="post-tags"> + + <a href="/tags/hardware/" + aria-label="View posts tagged hardware"> + hardware + </a> + + <a href="/tags/tech/" + aria-label="View posts tagged tech"> + tech + </a> + + </p> + + </footer> + + </body> +</html> diff --git a/public/projects.html b/public/projects.html deleted file mode 100644 index 54f0676..0000000 --- a/public/projects.html +++ /dev/null @@ -1,44 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - </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.html">Dotfiles</a><p> - <p>- <a href="projects/programs/fakefetch.html">Fakefetch script</a></p> - - <h2>Hardware</h2> - <p>- <a href="projects/hardware/ThinkPad-T440p.html">ThinkPad T440p</a> - - <h2>Written works</h2> - <p>- <a href="projects/writing/weeklybyte/weeklybyte.html">Weekly Byte</a></p> - - <h2>Misc</h2> - <p>- <a href="projects/art/art.html">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> -</html> - diff --git a/public/projects/art/art.html b/public/projects/art/art.html deleted file mode 100644 index 03a88d3..0000000 --- a/public/projects/art/art.html +++ /dev/null @@ -1,42 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Digital art</h1> - <p>On this page is a collection of art I have made over time. There are two categories: profile pictures and wallpapers. Have a look around, and feel free to use all this art without asking-I don't mind!</p> - <p>If you are curious I use <a href="https://www.gimp.org/">Gimp</a> for all of my art.</p> - <hr> - <h2>Profile pictures</h2> - <img src="../../Images/art/pfp/Tux_vaporwave.png" width="500px"> - <img src="../../Images/art/pfp/mercian.png" width="500px"> - <hr> - <h2>Wallpapers</h2> - <p>As of right now my favourite wallpaper is the edit of Newyork I have done!</p> - <p>Dublin</p> - <img src="../../Images/art/wallpaper/0Dublin.jpg" width="700px" alt="Dublin"> - <p>Newyork</p> - <img src="../../Images/art/wallpaper/1NewYork.jpg" width="700px" alt="Newyork"> - - - </main> - </body> -</html> - diff --git a/public/projects/hardware/ThinkPad-T440p.html b/public/projects/hardware/ThinkPad-T440p.html deleted file mode 100644 index ede3671..0000000 --- a/public/projects/hardware/ThinkPad-T440p.html +++ /dev/null @@ -1,40 +0,0 @@ -<!DOCTYPE html> -<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>ThinkPad T440p</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><b>ThinkPad T440p</b></h1> - <hr> - <p>Original condition of the Thinkpad T440p when I brought it in December 2024</p> - <img width="813" src="../../Images/computers/ThinkpadT440p.jpg"> - <hr> - <h2>UltraNav trackpad upgrade</h2> - <p>The main reason why I replaced the OEM trackpad is simple: it is horrible, feels horrible, and stopped working two weeks after I bought the laptop. In all fairness to the OEM trackpad is 12 years old as of 2025, and that is probably why it went all weird.</p> - <p><b style="color:Red;">Warning!!!</b> Put rubber bits on your lid to prevent the UltraNav trackpad from scratching the screen. This is because the middle button is more elevated than the space bar, causing scratching.</p> - - <p>I brought a synaptics UltraNav trackpad off of <a href="https://www.aliexpress.com/item/1005004106306439.html">aliexpress</a>. </p> - <img width="813" src="../../Images/computers/ThinkpadT440p-TrackPad.jpg"> - <hr> - <center> - <pre><a href="../../index.html">Back 🚪</a></pre> - - </main> - </body> -</html> diff --git a/public/projects/programs/dotfiles.html b/public/projects/programs/dotfiles.html deleted file mode 100644 index 9bca919..0000000 --- a/public/projects/programs/dotfiles.html +++ /dev/null @@ -1,50 +0,0 @@ -<!DOCTYPE html> -<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> - <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><b>Dotfiles</b></h1> - <p>Last tested: 16-02-2025</p> - <hr> - <img src="../../Images/tux/Tux.png" alt="Our Lord" class="right-image"> - <h3>What are Dotfiles?</h3><p> - The reason I have dotfiles is for a few reasons. The first is that I use my PC and a few laptops interchangeably, and having my configurations easily downloadable is a big time saver. The second reason why I have my dotfiles up is because maybe somebody is looking for a certain baseline for their configurations, and if they find it well, I am more than happy to help that person. The third reason is just in case something happens to one of my laptops or my PC. I suggest that if you have configuration files, you should back them up on your preferred git host.</p> - - <h2>What are in my Dotfiles?</h2> - <p>In my Dotfiles, I have created an install script written in Bash that automatically installs all of my configurations and the software I use, giving the end user my setup. I wouldn't suggest the average person use my setup as-is, but rather to take my configs and modify them, thereby making it their own!</p> - - <p>I will not go in-depth about the software I use since I have already done that on the <a href="../../about/software">software</a> page. Instead of including all my software, I have only included the essential software in the install script, as different computers serve different purposes. Additionally, I have programmed a part of the script to install any missing firmware, eliminating those annoying warning messages during package installation. While I can't guarantee this will work on all computers, it has successfully fixed all missing firmware on every computer I've <b>tested it on so far</b>. If you still encounter warning messages, please refer to the <a href="https://wiki.archlinux.org/title/Mkinitcpio#Possibly_missing_firmware_for_module_XXXX">Arch Wiki</a> page to see what firmware you need to install.</p> - - <hr> - <h1>News</h1> - <h2>Changing to starship and other improvments!</h2> <h3>Date: 21-08-2024</h3> - <p>It has been a month since the last update, and right now, as of today, I have finished a pretty big part of my Dotfiles! So I have switched my terminal emulator from <a href="https://alacritty.org/">Alacritty</a> to <a href="https://st.suckless.org/">st</a> by Suckless Software. The reason why I have done this is because St is just way lighter than Alacritty. I have also got the ranger configuration to work on the first install, which is amazing! And I have switched from synth-shell to starship because it is just more fun to mess around with. But that is all for this update!</p> - <hr> - - <h2><u>Fixing Ownership of directories and files</u></h2><h3>Date: 22-7-2024</h3> - <p style="margin-bottom: 60px;">Yesterday I tested the config again because I reinstalled arch on my laptop, and I noticed a problem when I wanted to change a config, it was readonly becasue mt user did not have access to the file, this is the same for the wallpaper file. So to fix this I have added a line in the install file that fixes this issue.</p> - <hr> - - <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> -</html> - diff --git a/public/projects/programs/fakefetch.html b/public/projects/programs/fakefetch.html deleted file mode 100644 index 6192dbc..0000000 --- a/public/projects/programs/fakefetch.html +++ /dev/null @@ -1,47 +0,0 @@ -<!DOCTYPE html> -<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> - <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>Fakefetch</h1><hr> - <h3>Background</h3> - <img src="../../Images/programming/Fakefetch/logo.png" class="right-image" width="250"> - <p>Fakefetch is the first real program I have ever created that I use daily apart from config files. I made fakefetch when I saw people complaining about neofetch being slow that is why I have called it fakefetch. In the start it was just 10 lines of bash with the 'echo' commands which is like 'print' function in python if you do not know, so it was bascially bare minimun, and I was not proud of this program I was like 'ok thats done just add it to my .bashrc' and continue using Linux. After about a day I wanted to see if I could add more to it like the uptime, then comes what package manager im using and after a while I just rewrote it in C and low and behold I have made my own mini neofetch program that I can use on all of my computers.</p> - <h3><b>What is Fakefetch</b></h3> - <p>Fakefetch is an alternative I have made to neofetch, it is written in the C programming language unlike neofetch which is written in bash and due to the fact I have written Fakefetch in C it is way faster then neofetch. In the future I plan to add more features to Fakefetch and make it more user friendly. I do plan on making a Tui customizer at some point to make your own fakefetch script.</p> - <h3><b>Why Fakefetch?</b></h3> - <p>The main reason why you should use Fakefetch is because it is a very flexible program being written in the C programming language; it is not a large program, only being one file large so far and does not slow down your computer at all unlike Neofetch. Fakefetch is also very hackable thanks to how I have commented on the code, meaning you can make your own Fakefetch versions and make it do whatever you want thanks to it being licensed under the GPL, so you have the right to redistribute it if you make your own versions that you can share with anybody.</p> - <h3><b>How to install</b></h3> - <li>Step one: The first thing you want to do is clone the gitlab project, you can do this from the following command.<br>$ git clone https://gitlab.com/Shipwreckt/fakefetch</li></p> - <p><li>Step two: after cloneing the project you want to run the setup.sh with ./setup.sh</li></p> - <p><li>To configure Fakefetch the file is located at /bin/fakefetch</p> - <p>Here is an example of fakefetch!</p> - <img src="../../Images/programming/Fakefetch/Fakefetch.png" alt="An example of fakefetch!" width="750" height="auto"> - <br> - <a href="https://gitlab.com/Shipwreckt/fakefetch">Source code on Gitlab</a> - <p>In the next upcoming updates I plan to add an IP address option and a way to configure it in ~/.config/shipwreckt for ease of use.</p> - <hr> - <h1>News</h1> - <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> -</html> - diff --git a/public/projects/writing/weeklybyte/2024/issue00WB.html b/public/projects/writing/weeklybyte/2024/issue00WB.html deleted file mode 100644 index 250306e..0000000 --- a/public/projects/writing/weeklybyte/2024/issue00WB.html +++ /dev/null @@ -1,96 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <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> - <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.html">Back</a></li> - </ul> - </nav> - </header> - <main> - <h2>Weekly byte<br> by shipwreckt<br> </h2> - <h2>Linux distro of the week: Arch Linux</h2> - - <h3> Personal experience</h3> - <p>I have Arch Linux on all my computers, and, to put it bluntly, I love it. This is due - to the fact that I am able to customise it to be whatever I want, and I know what is - on my computer instead of It grows bloated over time, like windows. While I have had - some trouble in the past with Arch, where all my faults and all of the problems I had - were easily fixed. Overall, I just like having full control over my computer and making - it look nice.</p> - - <hr> - <h3>Pros</h3> - <p>Arch Linux is very custimizable. Linux distro: no two Arch Linux systems are alike because - you have to tailor your arch Linux to your needs, this means you have more space on your - computer because you don't have programmes you do not use. There is a large catalogue of - programmes in the official Arch Linux repository, and there is also even more in the - AUR (Arch user repository)</p> - - <p>If you are ever facing an issue with Arch Linux, there is more likely than not documentation - on your problem, an example of this happening to me was when I updated my packages, it told me I - had missing firmware, which I thought was odd, so I looked it up, and it turns out I needed to install - a few packages.</p> - - <p>Arch Linux has a rolling release model, meaning you get all the fancy new software as - soon as it has been approved to be working. You do get updates daily, but I suggest updating - your computer every week.</p> - <hr> - <h3>Cons</h3> - <p>This con is subjective, but Arch Linux has a steep learning curve. At the start, things are - hard, and You are very confused, but over time, you learn more and more. But if you enjoy - learning how to use I would suggest Arch because I have learned so much from it.</p> - - <p>Arch is not the most beginner-friendly distro, and when I started using Arch, I thought - I knew how to use Linux through the command line pretty well, but I was proven so wrong, - so fast, there were lots of failed when I started with arch, but I learned and tried again - and looked at sources, while it is not the most beginner-friendly, you need to dive yourself - into the deep and try if you want to get anywhere in Arch Linux.</p> - <hr> - <h3>Who would I suggest Arch to?</h3> - <p>I would suggest Arch Linux to somebody who is willing to learn and wants more power over their - computer's software<br><br> - - Arch Linux website link: <a href=https://archlinux.org>archlinux.org</a> - - Tip on installing: I suggest you watch SOG's instillation guide and follow along the first time - you Install it; I did, and it went well. After that, you can develop your own method. Here is the - <a href="https://www.youtube.com/watch?v=_JYIAaLrwcY">link to the video</a> </p> - <hr> - <h3><b>Suggestion of the Week!</h3> - - <h3>Hardware</h3> - <p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to - work on or try out Linux. I suggest you look for second-hand ThinkPad; they are very durable and - are recommended for There are amazing keyboards, and I can back that up. If you look hard enough, - you will find one that is Pretty cheep. I got my ThinkPad for £40 ($50), and it has an I5 in it. - I use it more than my PC, so I would say it was worth every penny that I paid for it.</p> - - <h3>Software</h3> - <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 - up. these newsletters. </p> - <hr> - <h3>Conclusion</h3> - <p>That is all for this week. I will post these on Fridays from now on; I only posted this today. - because I have been given permission to actually do this, and I am grateful. But if you read - all of this, thank you; it does mean a lot to me!</p> - </main> - </body> -</html> - diff --git a/public/projects/writing/weeklybyte/2024/issue01WB.html b/public/projects/writing/weeklybyte/2024/issue01WB.html deleted file mode 100644 index cb2d6ec..0000000 --- a/public/projects/writing/weeklybyte/2024/issue01WB.html +++ /dev/null @@ -1,64 +0,0 @@ -<!DOCTYPE html> -<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> - <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.html">Back</a></li> - </ul> - </nav> - </header> - <main> - <h2>Weekly byte<br> by shipwreckt<br> </h2> - <p>Hello there and welcome to the weekly byte, where I just write a bunch of information about Linux and other projects, so if you are interested, keep reading!</p> - - <h3>Linux distro of the week: Ubuntu</h3> - <p>Ubuntu is a distro that many people start off with in the linux world and for good reasons it has everything you need. My personal experience with ubuntu was alright it was my second Linux distro, my first being MX Linux, this was when I was distro hopping and my experience was alright I could use the software manager to download and delete software and use that software and at the end of the day that is what a operating system is made for, I did not face any bugs or anything.</p> - - <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>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> - <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> - <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> - <h3>Suggestion of the Week!</h3> - - <h3>Hardware</h3> - <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> - </main> - </body> -</html> - diff --git a/public/projects/writing/weeklybyte/2024/issue02WB.html b/public/projects/writing/weeklybyte/2024/issue02WB.html deleted file mode 100644 index cf24c3a..0000000 --- a/public/projects/writing/weeklybyte/2024/issue02WB.html +++ /dev/null @@ -1,62 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> - <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> - <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.html">Back</a></li> - </ul> - </nav> - </header> - <main> - <h2>Weekly byte<br> Date: 2/6/2024</h2> - <hr> - <p>Hello and welcome to this week's edition of the weekly byte! This week we will be talking about some Linux Mint, some software suggestions, how I stay safe online, and way more so keep reading!</p> - <h3>Distro of the week: Linux Mint !</h3> - <p>Linux Mint is my favourite debian-based Linux distro, and for good reason, because it just does what it sets out to do: make it easy on the user, and Linux Mint does that very well. In my experience with Linux Mint, I have had no problems at all to speak of.</p> - <h3>Pros</h3> - <p>User-friendly: As mentioned before, Linux Mint is good for beginners, and this is because it is very usable; it comes out of the box with all the software you need to use a computer, including Firefox, libreoffice, terminal, software center, and more. It also comes with the Cinnamon desktop, which is a similar desktop environment to the Windows desktop, making it great for first-time Linux users.</p> - <p>Stable: I used Linux Mint for around 2 months and I had no problems at all. For comparison, I had to reinstall Manjaro Linux like 2 times within a week because at the time it was unstable. I did the same tasks on both of these Linux systems, but Linux Mint came out on top in terms of longevity.</p> - <p>Large community: As with many Linux systems, Linux Mint has a large community with active forms; if you ever have a problem, you can just bring it up, and somebody has probably had the same exact problem as you in the past.</p> - <h3>Cons</h3> - <p>Hardware: I have noticed with a Lenovo IdeaPad that some hardware does not work with Linux Mint. But maybe that was a me problem using a cheap netbook from around 2018 instead of a Linux Mint problem. Overall, if you are experiencing hardware issues, I suggest looking at the Linux Mint forms just in case, and if you cannot fix them, maybe try a lighter-weight Linux system like MXLinux. This is what I did with the ideapad, and it was working on MXLinux.</p> - <h3>Who would I suggest Linux Mint to?</h3> - <p>I would suggest Linux Mint to anybody who wants a stable, all-purpose Linux system. I would also suggest Linux Mint to a person who is either distro-hopping or is going to try Linux for the first time.</p> - <p>Website: <a href=" https://www.linuxmint.com">https://www.linuxmint.com</a> - <h3>How I stay safe online</h3> - <p>Staying safe online is easy if you know what to do. One thing I will not tell you to do is use the TOR network because most people do not want to do that because TOR is slow. But to the point the internet is a vast landscape with lots of bad actors and it is key to stay safe and private online.</p> - <p>What browser you use is important. Online there is a large debate about what is the best privacy based browser and it boils down to firefox or the brave browser, and all the people in this argument are wrong because the best privacy based browser is Librewolf. The reason why Librewolf is the best privacy based browser is because it does not come with any telemetry, the creators make it as secure as possible, and it barely hinders your internet use. The only way Librewolf hinders you from using the internet is by logging you out everytime you close it and it is annoying but sacrifices must be made for security and p:rivacy, you can always just get a password manager, I would personally suggest Keepassxc if you are interested.</p> - <p>The other way I stay safe online is by using common sense and good opsec. For example only use HTTPS websites, only use HTTP if you absolutely need to, using secure passwords, and not telling anybody personal details and such. All of this keeps me safe. Whilst using the internet.</p> - <hr> - <h3>Why VPN companies over exaggerate</h3> - <p>Virtual Private Networks (VPNs) have turned into this weird thing in modern time, this is because when they first came out it was only used by people who do not want their IP address detected, so for example if you was a hacker, somebody under investigation like Edward Snowden, or even somebody who is security focused. But in recent years since 2020 there has been an uptick in ads and promotions for VPN services, be e that youtube promotions, ads or just google ads.</p> - <p>These ads made by these companies feeds the reader is basically a nothing sandwich, saying things like it offers secure connections and “military grade technology” well I have some bad news because this “military grade technology” is just basic encryption being HTTPS the internet standard for websites, so much so if you went to a HTTP site most browsers will warn you saying it is not secure. There is way more things to mention about these VPN services but the main thing I want to say is having a VPN does not fully protect you from all the bad things on the internet like fingerprinting, It only hides your IP address, encrypted incoming traffic, and hides your internet traffic from your ISP which does protect you to some point but you need to take extra steps to protect yourself further. If you are using a VPN I suggest you check their TOS because many of these VPN services say they do not log your activity and they bring is separate companies to prove that they don’t but they can always just put logs on. I would not suggest the following VPNs:</p><br> - <p> Privacy access VPN, Cyberghost, ZenMate VPN, and Express VPN because they are all owned by the same company, called Kape technologies.<br>Evidence: <a href="https://www.kape.com/our-brands/#our-top-brands/">https://www.kape.com/our-brands/#our-top-brands/</a></p> - <p>NordVPN and SurfShark VPN are both owned by Nord security <br>Evidence: <a href="https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/">https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/</a></p> - <p>IPVanish VPN, Strong VPN, Encrypt.me VPN, Internet shield VPN, FastVPN, SaferVPN, and probably more are all owned by a company by the name of Ziff Davis<br> Evidence: <a href="https://www.ziffdavis.com/brands/security">https://www.ziffdavis.com/brands/security</a> - <p>Now you may be thinking what is wrong with this, well the problem is these three companies are the big three and they make these other VPNs to make the market look way bigger than it actually is giving you the feeling that whatever VPN you choose you trust. Overall if you buy services with any of these VPN companies maybe look for an alternative, I will not suggest any because I do not use a VPN and I cannot in good conscience suggest one but have a look around for a trustworthy VPN, I wish you luck.</p> - <p>This section was inspired by Eric <a href"https://odysee.com/@ericnmurphy:9/the-shady-business-of-vpns:8">Murphy’s video</a> about VPNs</p> - <hr> - <h3>Software of the week</h3> - <p>This week's software I thought should be something I use daily and connot use my computer without. The software of this week is KeePassXC, now I did mention this in the last section but that is for good reason. KeepassXC is an offline password manager meaning all of your passwords are not on a server to be hacked. There is also the benefit of just having them locally on your computer just in case. I would suggest KeepassXC to anybody who wants a simple trust worth password manager. Also here is a tip, due to the fact that it is offline you cannot sync them within the app, so what I personally do is I use the syncthing app to sync all my passwords between my devices. Overall I will give it a 9/10 does it’s job very well and I will be using it until I can’t.</p> - <p>Website for <a href"https://keepassxc.org">KeePassXC</a><br>Website for <a href"https://syncthing.net">Syncthing</a></p> - <h3>Hardware of the week</h3> - <p>This week I discovered an interesting laptop brand, that being the framework laptop. It is a fully customizable and hackable laptop that comes with a full instruction guide on the internals and all the circuitry, I would personally get one if they do find a way to get rid of the intel management engine, like system 76 did. What I like is the repairability and customization of these laptops and if you have any issues with the parts they are relatively cheap to replace off their website.</p> - <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> -</html> - diff --git a/public/projects/writing/weeklybyte/weeklybyte.html b/public/projects/writing/weeklybyte/weeklybyte.html deleted file mode 100644 index 326133a..0000000 --- a/public/projects/writing/weeklybyte/weeklybyte.html +++ /dev/null @@ -1,31 +0,0 @@ -<!DOCTYPE html> -<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> - <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> - <h2>Weekly Byte </h2> - <p>Sadly I do not do this anymore, I did enjoy doing it but I will be honest school and study kinda took over. Might resume in 2026.</p> - <li><a href="2024/issue00WB.html">Issue 0</a></li> - <li><a href="2024/issue01WB.html">Issue 1</a></li> - <li><a href="2024/issue02WB.html">Issue 2</a></li> - </main> - </body> -</html> - diff --git a/public/styles.css b/public/styles.css deleted file mode 100644 index 2ac1e90..0000000 --- a/public/styles.css +++ /dev/null @@ -1,167 +0,0 @@ -/* styles.css */ - - -body { - background-color: #272727; - color: #e6e6e6; - font-family: 'FreeSerif', serif; - max-width: 900px; - margin: 0 auto; - padding: 0 20px; -} - -header { - text-align: center; - padding: 20px; -} - -nav ul { - list-style: none; - padding: 0; - text-align: center; -} - -nav ul li { - display: inline-block; - margin-right: 20px; -} - -nav ul li.logo img { - max-height: 70px; -} - -nav ul li a { - color: #716181; - text-decoration: none; -} - -a { - color: #5e4d96; - text-decoration: none; -} - -a:hover { - text-decoration: underline; -} - -main{ - margin: 20px auto; - font-size: 18px; - max-width: 90%; - padding: 0 10px; -} - -.tags { - margin: 20px auto; - font-size: 18px; - max-width: 40%; - padding: 0 10px; -} - -.tags2 { - margin: 20px auto; - font-size: 18px; - max-width: 68%; - padding: 0 10px; -} - -.posts { - border-top: 1px solid #C0C0C0; - padding-top: 10px; -} - -.posts h2 { - font-size: 24px; - padding-bottom: 5px; -} - -.posts ul { - list-style: none; - padding: 0; -} - -.posts ul li { - margin-bottom: 10px; -} - -.right-image { - float: right; - margin: 0 0 10px 10px; - height: auto; -} - -.left-image { - float: left; - height: auto; -} -.center { - display: block; - margin-left: auto; - margin-right: auto; - width: 70%; -} - -.code-box { - padding-top: 100px; - background-color: #c8c8c8; - font-family: 'FreeSans', sans-serif; - font-size: 15px; - color: #000000; - border: 2px solid; - padding: 7px; -} - -/* Media Queries for responsiveness */ -@media (max-width: 768px) { - body { - max-width: 100%; - padding: 0 10px; - } - - .title { - font-size: 28px; - } - - nav ul { - display: flex; - flex-direction: column; - align-items: center; - } - - nav ul li { - display: block; - margin: 10px 0; - text-align: center; - } - - nav ul li.logo img { - max-height: 50px; - } - - .description { - font-size: 16px; - } - - .posts h2 { - font-size: 22px; - } -} - -@media (max-width: 480px) { - .title { - font-size: 24px; - } - - .description { - font-size: 14px; - } - - .posts h2 { - font-size: 20px; - } - - nav ul li { - margin: 5px 0; - } -} - diff --git a/public/tags/arch-linux/index.html b/public/tags/arch-linux/index.html new file mode 100644 index 0000000..14bd8b5 --- /dev/null +++ b/public/tags/arch-linux/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>arch-linux</h1> +<hr> + +<ul> + + <li><a href="/archive/linux/Speeding_Up_Pacman/">Speeding up Pacman 🚗</a></li> + + <li><a href="/archive/linux/Cleaning_Arch_Linux/">How To Clean Arch Linux 🧹</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/bsd/index.html b/public/tags/bsd/index.html new file mode 100644 index 0000000..b5e9584 --- /dev/null +++ b/public/tags/bsd/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>bsd</h1> +<hr> + +<ul> + + <li><a href="/posts/freebsd/">Trying out FreeBSD</a></li> + + <li><a href="/posts/dwm/">Switching to DWM</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/dark/index.html b/public/tags/dark/index.html new file mode 100644 index 0000000..0f24688 --- /dev/null +++ b/public/tags/dark/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>dark</h1> +<hr> + +<ul> + + <li><a href="/archive/internet/i2p/">I2P 🕵️</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/hardware/index.html b/public/tags/hardware/index.html new file mode 100644 index 0000000..4c6882d --- /dev/null +++ b/public/tags/hardware/index.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>hardware</h1> +<hr> + +<ul> + + <li><a href="/posts/pccase/">New PC case and new year!</a></li> + + <li><a href="/posts/christmas/">Christmas 🎅</a></li> + + <li><a href="/posts/newlaptop/">New Laptop!</a></li> + + <li><a href="/posts/yubikeys/">Yubikeys!</a></li> + + <li><a href="/posts/servers/">Messing Around with servers</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/information-about-linux/index.html b/public/tags/information-about-linux/index.html new file mode 100644 index 0000000..7f40db4 --- /dev/null +++ b/public/tags/information-about-linux/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>information-about-linux</h1> +<hr> + +<ul> + + <li><a href="/archive/linux/Terminal_Is_Better/">Why the terminal will always beat the GUI 👨💻</a></li> + + <li><a href="/archive/linux/File_Hierarchy/">Linux File Hierarchy</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/life/index.html b/public/tags/life/index.html new file mode 100644 index 0000000..e663d09 --- /dev/null +++ b/public/tags/life/index.html @@ -0,0 +1,61 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>life</h1> +<hr> + +<ul> + + <li><a href="/posts/2025-10-30/">Website and life updates!</a></li> + + <li><a href="/posts/No_more_school/">No more school</a></li> + + <li><a href="/posts/life_update/">Life update</a></li> + + <li><a href="/posts/christmas/">Christmas 🎅</a></li> + + <li><a href="/posts/emailandlife/">Email and Life update</a></li> + + <li><a href="/posts/School/">School</a></li> + + <li><a href="/posts/makingart/">Making some art</a></li> + + <li><a href="/posts/summer/">Summer holiday!</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/linux/index.html b/public/tags/linux/index.html new file mode 100644 index 0000000..aec9931 --- /dev/null +++ b/public/tags/linux/index.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>linux</h1> +<hr> + +<ul> + + <li><a href="/posts/vps/">VPS Server 🗄️</a></li> + + <li><a href="/posts/christmas/">Christmas 🎅</a></li> + + <li><a href="/posts/Pi-hole/">Pi-hole</a></li> + + <li><a href="/posts/gentoo/">Installing Gentoo Linux</a></li> + + <li><a href="/posts/kernal/">Compiling the Linux Kernel 🐧</a></li> + + <li><a href="/posts/archserver/">Arch Linux Server!</a></li> + + <li><a href="/posts/fishshell/">Trying out fish 🐟</a></li> + + <li><a href="/posts/newlaptop/">New Laptop!</a></li> + + <li><a href="/posts/servers/">Messing Around with servers</a></li> + + <li><a href="/posts/dwm/">Switching to DWM</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/media-tutorials/index.html b/public/tags/media-tutorials/index.html new file mode 100644 index 0000000..b1ebdb6 --- /dev/null +++ b/public/tags/media-tutorials/index.html @@ -0,0 +1,53 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>media-tutorials</h1> +<hr> + +<ul> + + <li><a href="/archive/linux/Encrypting_USBs/">Encrypting USB with luks 🔒</a></li> + + <li><a href="/archive/linux/Burning_ISO/">Burning an ISO to a USB stick 💾</a></li> + + <li><a href="/archive/linux/Optical_Media/">Burning optical media in Linux 💿</a></li> + + <li><a href="/archive/linux/Formatting_USB/">Formatting USBs With Linux 🔌🔥</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/posts/index.html b/public/tags/posts/index.html new file mode 100644 index 0000000..9db697c --- /dev/null +++ b/public/tags/posts/index.html @@ -0,0 +1,87 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>posts</h1> +<hr> + +<ul> + + <li><a href="/posts/dwm/">Switching to DWM</a></li> + + <li><a href="/posts/summer/">Summer holiday!</a></li> + + <li><a href="/posts/freebsd/">Trying out FreeBSD</a></li> + + <li><a href="/posts/makingart/">Making some art</a></li> + + <li><a href="/posts/servers/">Messing Around with servers</a></li> + + <li><a href="/posts/yubikeys/">Yubikeys!</a></li> + + <li><a href="/posts/newlaptop/">New Laptop!</a></li> + + <li><a href="/posts/fishshell/">Trying out fish 🐟</a></li> + + <li><a href="/posts/archserver/">Arch Linux Server!</a></li> + + <li><a href="/posts/kernal/">Compiling the Linux Kernel 🐧</a></li> + + <li><a href="/posts/gentoo/">Installing Gentoo Linux</a></li> + + <li><a href="/posts/School/">School</a></li> + + <li><a href="/posts/Pi-hole/">Pi-hole</a></li> + + <li><a href="/posts/I2P/">Trying out I2P 🕵️</a></li> + + <li><a href="/posts/emailandlife/">Email and Life update</a></li> + + <li><a href="/posts/christmas/">Christmas 🎅</a></li> + + <li><a href="/posts/pccase/">New PC case and new year!</a></li> + + <li><a href="/posts/vps/">VPS Server 🗄️</a></li> + + <li><a href="/posts/life_update/">Life update</a></li> + + <li><a href="/posts/No_more_school/">No more school</a></li> + + <li><a href="/posts/2025-10-30/">Website and life updates!</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/safe/index.html b/public/tags/safe/index.html new file mode 100644 index 0000000..1176482 --- /dev/null +++ b/public/tags/safe/index.html @@ -0,0 +1,51 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>safe</h1> +<hr> + +<ul> + + <li><a href="/archive/internet/browsers/">Web browsers 🌐</a></li> + + <li><a href="/archive/internet/Passwords/">Passwords 🔑</a></li> + + <li><a href="/archive/internet/Burning_ISO/">Online profiles</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/tech/index.html b/public/tags/tech/index.html new file mode 100644 index 0000000..e7daa35 --- /dev/null +++ b/public/tags/tech/index.html @@ -0,0 +1,75 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>tech</h1> +<hr> + +<ul> + + <li><a href="/posts/2025-10-30/">Website and life updates!</a></li> + + <li><a href="/posts/vps/">VPS Server 🗄️</a></li> + + <li><a href="/posts/pccase/">New PC case and new year!</a></li> + + <li><a href="/posts/christmas/">Christmas 🎅</a></li> + + <li><a href="/posts/I2P/">Trying out I2P 🕵️</a></li> + + <li><a href="/posts/Pi-hole/">Pi-hole</a></li> + + <li><a href="/posts/gentoo/">Installing Gentoo Linux</a></li> + + <li><a href="/posts/kernal/">Compiling the Linux Kernel 🐧</a></li> + + <li><a href="/posts/archserver/">Arch Linux Server!</a></li> + + <li><a href="/posts/fishshell/">Trying out fish 🐟</a></li> + + <li><a href="/posts/yubikeys/">Yubikeys!</a></li> + + <li><a href="/posts/servers/">Messing Around with servers</a></li> + + <li><a href="/posts/freebsd/">Trying out FreeBSD</a></li> + + <li><a href="/posts/summer/">Summer holiday!</a></li> + + <li><a href="/posts/dwm/">Switching to DWM</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/the-linux-server/index.html b/public/tags/the-linux-server/index.html new file mode 100644 index 0000000..6c26c88 --- /dev/null +++ b/public/tags/the-linux-server/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>the-linux-server</h1> +<hr> + +<ul> + + <li><a href="/archive/linux/Git_Server/">How to start your own epic Git server!</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + diff --git a/public/tags/tools/index.html b/public/tags/tools/index.html new file mode 100644 index 0000000..385d38c --- /dev/null +++ b/public/tags/tools/index.html @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title></title> + <link rel="stylesheet" href="/assets/css/main.css"> + </head> + <body> + <header> + <nav class="site-nav"> + <div class="nav-container"> + <div class="nav-left"> + <a href="/" class="site-title">Shipwreckt</a> + </div> + <ul class="nav-right"> + <li><a href="/">Home</a></li> + <li><a href="/archive/">Archive</a></li> + <li><a href="/links/">Links</a></li> + <li><a href="/contact/">Contact</a></li> + </ul> + </div> + </nav> + <hr> + </header> + <main> + +<h1>tools</h1> +<hr> + +<ul> + + <li><a href="/archive/linux/TarGZ/">How to tar.gz a directory 📁</a></li> + + <li><a href="/archive/linux/Ventoy/">How to Install Ventoy with Linux 🐧🔌</a></li> + +</ul> +<hr> +<a href="/">Home</a> + + </main> + </body> + <footer> + <center> + <pre> <a href="https://www.gnu.org/licenses/copyleft.en.html">🄯 2023-2025 Shipwreckt</a> - <a href="https://git.shipwreckt.co.uk/Website.git/">Source code</a> - <a href="mailto:me@shipwreckt.co.uk">me@shipwreckt.co.uk</a></pre> + </center> + </footer> +</html> + |
