commit 195569fc7d72d7789c58b4e2f4beeea9ff4dbc61
parent d5ad0777815bbc600d19627c0bfe71597c403c01
Author: Shipwreckt <shipwreckt@mailfence.com>
Date: Sat, 28 Sep 2024 16:16:11 +0100
Adding some images and making the website more clean
Diffstat:
18 files changed, 26 insertions(+), 59 deletions(-)
diff --git a/public/Images/logos/Neovim.png b/public/Images/logos/Neovim.png
Binary files differ.
diff --git a/public/Images/logos/archlinux.png b/public/Images/logos/archlinux.png
Binary files differ.
diff --git a/public/Images/logos/dwm.png b/public/Images/logos/dwm.png
Binary files differ.
diff --git a/public/Images/logos/fish.png.bk b/public/Images/logos/fish.png.bk
Binary files differ.
diff --git a/public/Images/logos/keepassxc.png b/public/Images/logos/keepassxc.png
Binary files differ.
diff --git a/public/Images/logos/ranger.png b/public/Images/logos/ranger.png
Binary files differ.
diff --git a/public/Images/logos/xorg.png b/public/Images/logos/xorg.png
Binary files differ.
diff --git a/public/Images/media/revolutionos.jpg b/public/Images/media/revolutionos.jpg
Binary files differ.
diff --git a/public/Images/media/zomboid.jpg b/public/Images/media/zomboid.jpg
Binary files differ.
diff --git a/public/about/media b/public/about/media
@@ -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>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>
- <h1>Media I Enjoy!</h1>
- <p>This page is about some media I enjoy. It is divided into two different categories: video games and movies, for now, I do plan to add some books in the future!</p><hr>
-
- <h2>Video Games</h2>
- <img src="../Images/media/zomboid.jpg" class="left-image" width="100" style="padding: 10px; display: block; margin: 10px auto; max-width: 100%;">
- <br><p>My favorite video game is <a href="https://projectzomboid.com">Project Zomboid</a>, a zombie survival game where you have to survive for the longest amount of time. I like the amount of mods the Project Zomboid community has made over time, which add so much content to the game. I am excited for when they add other humans as AI into the game because that would create a whole new level to the game.</p><br><hr>
-
- <h2>Movies</h2>
- <a href="http://www.revolution-os.com"><img src="../Images/media/revolutionos.jpg" class="left-image" width="100" style="padding: 10px; display: block; margin: 10px auto; max-width: 100%;"></a>
- <br><p>A movie I can watch over and over again is <a href="http://www.revolution-os.com/index.html">Revolution OS</a> because I love the way it covers the Free software and open source software movements separately and in a non-biased way. It also provides a lot of information about one of my favorite subjects, the GNU/Linux operating system.</p>
- </main>
- </body>
-</html>
-
diff --git a/public/about/software b/public/about/software
@@ -20,44 +20,52 @@
</nav>
</header>
<main>
+ <hr>
<h3>Linux distro</h3>
- 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
+ <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!
+ the amount of freedom you get from Arch. It is also pretty fun to play with!</p><hr>
<h3>Window manager</h3>
- <p>For my window manager, I use <a href="https://dwm.suckless.org/">DWM</a> because it is lightweight, fast, does the job, and allows me to learn C while configuring it. There is also a large selection of patches to DWM meaning you can modify it to your hearts content! What's not to like?</p>
+ <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>
+ <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>
- <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>
+ <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>
+ to sync all my passwords from my laptop to my phone.</p><hr>
<h3>File manager</h3>
- <p>For my file manager, I mostly use <a href ="https://github.com/ranger/ranger">Ranger</a>. The main reason I use Ranger is because it uses Vim keybinds and well I just love Vim keybinds! The only problem is I still sometimes use thunar for small things like mounting USB sticks and interacting with websites, but apart from that I only really use Ranger!</p>
+ <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>
+ <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>
+ 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>
</main>
</body>
</html>
diff --git a/public/articals/internet/safety/00Intro b/public/articals/internet/safety/00Intro
@@ -21,7 +21,6 @@
</header>
<main>
<h1>Introduction</h1>
- <h3>Date: 08-08-2024</h3>
<hr>
<p>Hello and welcome! In the following articals you will learn how I stay safe online and how I think you should probably stay safe too. So keep on reading and if you have any questions my <a href="https://matrix.to/#/@shipwreckt:matrix.org">Matrix dms</a> are always open for questions!</p>
<h3>Why am I writting this?</h3>
diff --git a/public/articals/internet/safety/01Profiles b/public/articals/internet/safety/01Profiles
@@ -21,7 +21,6 @@
</header>
<main>
<h1>Online profiles</h1>
- <h3>Date: 08-08-2024</h3>
<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>
diff --git a/public/articals/internet/safety/02Passwords b/public/articals/internet/safety/02Passwords
@@ -21,7 +21,6 @@
</header>
<main>
<h1>Passwords</h1>
- <h3>Date: 08-08-2024</h3>
<hr>
<p>Having a secure Password is the most important part of your online security, so how do you keep and know a good password?</p>
<hr>
diff --git a/public/articals/internet/safety/03Browser b/public/articals/internet/safety/03Browser
@@ -21,7 +21,6 @@
</header>
<main>
<h1>Web browsers</h1>
- <h3>Date: 08-08-2024</h3>
<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>
diff --git a/public/articals/internetlist b/public/articals/internetlist
@@ -25,12 +25,12 @@
<section class="posts">
<h2>How to stay safe Online</h2>
- <p>A series of articles I wrote about how I stay safe online.</p>
+ <p>A series of articles I have wrote about how I stay safe online.</p>
<ul>
- <li>08-08-2024 - <a href="internet/safety/00Intro">Introduction</a></li>
- <li>08-08-2024 - <a href="internet/safety/01Profiles">Online profiles</a></li>
- <li>08-08-2024 - <a href="internet/safety/02Passwords">Passwords</a></li>
- <li>08-08-2024 - <a href="internet/safety/03Browser">Web Browsers</a></li>
+ <li><a href="internet/safety/00Intro">Introduction</a></li>
+ <li><a href="internet/safety/01Profiles">Online profiles</a></li>
+ <li><a href="internet/safety/02Passwords">Passwords</a></li>
+ <li><a href="internet/safety/03Browser">Web Browsers</a></li>
</ul>
</main>
</body>
diff --git a/public/index.html b/public/index.html
@@ -23,7 +23,7 @@
<main>
<p>Hello there! I’m Shipwreckt, a 15 year old dude from the UK. I have a passion for programming and am currently learning C and exploring various diffrent algorithms. I also work with Linux and am diving into more complex aspects of it. You can see what I’m up to right now <a href="about/todo">here</a>.</p>
- <p><a href="about/software">Software</a> and <a href="about/hardware">hardware</a> that I use, also <a href="about/media">media</a> I enjoy.</p>
+ <p><a href="about/software">Software</a> and <a href="about/hardware">hardware</a> that I use.</p>
<section class="posts">
<h2>Posts</h2>
<ul>
diff --git a/public/posts/13I2P b/public/posts/13I2P
@@ -25,8 +25,7 @@
<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>
+ <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>
