diff options
| author | Shipwreckt <shipwreckt@mailfence.com> | 2024-08-28 07:46:57 +0100 |
|---|---|---|
| committer | Shipwreckt <shipwreckt@mailfence.com> | 2024-08-28 07:46:57 +0100 |
| commit | 56867c9b4ced86f7231a5ee1bbea62b0cb784574 (patch) | |
| tree | db31015f7e014f7e86eedbe5d41e8d0e1ccd1340 /public/articals | |
| parent | c31d17cc545bf18159066b2656d3a79f6cf7025b (diff) | |
Changes to lang
Diffstat (limited to 'public/articals')
20 files changed, 367 insertions, 349 deletions
diff --git a/public/articals/internet/safety/00Intro b/public/articals/internet/safety/00Intro index 58b7c54..66ef48f 100644 --- a/public/articals/internet/safety/00Intro +++ b/public/articals/internet/safety/00Intro @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Introduction</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Introduction</h1> @@ -27,7 +28,7 @@ <p>The reason why I am writing this series of articles to share how I stay safe online and to help others become more privacy conscious and secure. </p> <hr> <center> - <pre text-align=center><a href="../../internetlist">Back</a> <a href="01Profiles">Next</a> + <pre text-align=center><a href="../../internetlist">Back</a> <a href="01Profiles">Next</a> </main> </body> </html> diff --git a/public/articals/internet/safety/01Profiles b/public/articals/internet/safety/01Profiles index 88fe551..9e42c7c 100644 --- a/public/articals/internet/safety/01Profiles +++ b/public/articals/internet/safety/01Profiles @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Profiles</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Online profiles</h1> @@ -34,7 +35,7 @@ <p>Use your common sense! Do not share any of your passwords unless you absolutely have tools. If a website seems off and you feel uncomfortable, leave the website.</p> <hr> <center> - <pre text-align=center><a href="00Intro">Back</a> <a href="../../internetlist">List</a> <a href="02Passwords">Next</a> + <pre text-align=center><a href="00Intro">Back</a> <a href="../../internetlist">List</a> <a href="02Passwords">Next</a> </main> </body> </html> diff --git a/public/articals/internet/safety/02Passwords b/public/articals/internet/safety/02Passwords index d8a54b0..98c0016 100644 --- a/public/articals/internet/safety/02Passwords +++ b/public/articals/internet/safety/02Passwords @@ -1,43 +1,44 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en-GB"> <head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Passwords</title> - <link rel="stylesheet" href="../../../styles.css"> - <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> + <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Passwords</title> + <link rel="stylesheet" href="../../../styles.css"> + <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> </head> <body> - <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> - </header> - <main> - <h1>Passwords</h1> - <h3>Date: 08-08-2024</h3> - <hr> - <p>Having a secure Password is the most important part of your online security, so how do you keep and know a good password?</p> - <hr> - <h3>Password managers</h3> - <p>In the modern day you do not need to remember your passwords thanks to password managers! But what password managers can you turst and use?</p> + <header> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main> + <h1>Passwords</h1> + <h3>Date: 08-08-2024</h3> + <hr> + <p>Having a secure Password is the most important part of your online security, so how do you keep and know a good password?</p> + <hr> + <h3>Password managers</h3> + <p>In the modern day you do not need to remember your passwords thanks to password managers! But what password managers can you turst and use?</p> - <p>I only suggest one password manager, that being <a href="https://keepassxc.org">KeePassXC</a>, and the reason why I suggest KeePassXC is because the source code is available to view so you know you can trust it, and the other reason why I suggest using KeePassXC is because it is offline, meaning nobody can hack an online account; instead, they have to obtain the password.kdbx file on your computer, which is harder to do than hacking an online account.</p> - <p>Due to the fact that KeePassXC works offline with a .kdbx file, I suggest having a spare USB stick with a backup on it just in case it gets deleted for whatever reason.</p> - <p>Syncing all of your passwords between devices is easy with KeePassXC; I just use <a href="https://syncthing.net/">Syncthing</a> to do so. It is easy to setup, and I have never had any issues with it!</p> - <hr> - <h3>What makes a good password?</h3> - <p>A good password should be made up of totally random charicters that have no relation to you as a person.</p> - <p>An example of a weak password would be: <br><font color="red">Grace'sPassword123</font></p> - <p>And an example of a strong password would be: <br><font color="green">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font></p> - <p>Now you might see why you should have a password manager, so it can remember stuff like this for you!</p> - <hr> - <center> + <p>I only suggest one password manager, that being <a href="https://keepassxc.org">KeePassXC</a>, and the reason why I suggest KeePassXC is because the source code is available to view so you know you can trust it, and the other reason why I suggest using KeePassXC is because it is offline, meaning nobody can hack an online account; instead, they have to obtain the password.kdbx file on your computer, which is harder to do than hacking an online account.</p> + <p>Due to the fact that KeePassXC works offline with a .kdbx file, I suggest having a spare USB stick with a backup on it just in case it gets deleted for whatever reason.</p> + <p>Syncing all of your passwords between devices is easy with KeePassXC; I just use <a href="https://syncthing.net/">Syncthing</a> to do so. It is easy to setup, and I have never had any issues with it!</p> + <hr> + <h3>What makes a good password?</h3> + <p>A good password should be made up of totally random charicters that have no relation to you as a person.</p> + <p>An example of a weak password would be: <br><font color="red">Grace'sPassword123</font></p> + <p>And an example of a strong password would be: <br><font color="green">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font></p> + <p>Now you might see why you should have a password manager, so it can remember stuff like this for you!</p> + <hr> + <center> <pre text-align=center><a href="01Profiles">Back</a> <a href="../../internetlist">List</a> <a href="03Browser">Next</a> </main> </body> diff --git a/public/articals/internet/safety/03Browser b/public/articals/internet/safety/03Browser index bae0a0b..dbf05b7 100644 --- a/public/articals/internet/safety/03Browser +++ b/public/articals/internet/safety/03Browser @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Web browser</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Web browsers</h1> @@ -38,7 +39,7 @@ <p>Overall, if you use one of these two browsers, you should be pretty safe from being tracked across the internet. Before you try out one of these browsers, make sure you still have your previous browser installed, just in case you dislike it.</p> <hr> <center> - <pre text-align=center> <a href="02Passwords">Back</a> <a href="../../internetlist">List</a> + <pre text-align=center> <a href="02Passwords">Back</a> <a href="../../internetlist">List</a> </main> </body> </html> diff --git a/public/articals/internetlist b/public/articals/internetlist index 33065eb..4463dd1 100644 --- a/public/articals/internetlist +++ b/public/articals/internetlist @@ -1,28 +1,29 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Internet index</title> <link rel="stylesheet" href="../styles.css"> <link rel="icon" href="../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../index.html">Home</a></li> - <li><a href="../links.html">Links</a></li> - <li><a href="../projects.html">Projects</a></li> - <li><a href="../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Articles about the internet</h1> <p>Sometimes I write about how to stay safe online and some thoughts about the modern internet, so have a look around!</p> <section class="posts"> - + <h2>How to stay safe Online</h2> <p>A series of articles I wrote about how I stay safe online.</p> <ul> @@ -32,6 +33,6 @@ <li>08-08-2024 - <a href="internet/safety/03Browser">Web Browsers</a></li> </ul> </main> -</body> + </body> </html> diff --git a/public/articals/linux/ArchLinux/00CleaningArchLinux b/public/articals/linux/ArchLinux/00CleaningArchLinux index fec0132..6f5e112 100644 --- a/public/articals/linux/ArchLinux/00CleaningArchLinux +++ b/public/articals/linux/ArchLinux/00CleaningArchLinux @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Cleaning Arch Linux</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How to Clean Arch Linux 🧹</h1> @@ -30,7 +31,7 @@ <p>sudo pacman -Scc # Remove packages from cache both installed and not installed</p> </div> <p>Some people like to automate this task of cleaning the cache with <a href="https://wiki.archlinux.org/title/Pacman#Cleaning_the_package_cache">paccache</a>, but personally I would not because it is something that takes around five minutes max to do. However, it is your choice if you want to do so to avoid the trouble of doing it manually. Regardless of whether you choose to do this manually or automatically, I suggest cleaning the cache monthly. -</p> + </p> <hr> <h2>Removing Orphan Packages</h2> <p>Orphan packages are those installed as dependencies for other software but are no longer needed. For example, when you install <a href="https://librewolf.net/">LibreWolf</a>, it downloads a package called librewolf-debug as a dependency. Once the installation is complete, librewolf-debug becomes an orphan package because it is no longer used by LibreWolf.</p> @@ -48,8 +49,8 @@ </div> <hr> <center> - <p>That is all for now, I hope this artical has helped you clean your system.</p> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <p>That is all for now, I hope this artical has helped you clean your system.</p> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linux/ArchLinux/01SpeedingUpArchLinux b/public/articals/linux/ArchLinux/01SpeedingUpArchLinux index f4c638a..524db1b 100644 --- a/public/articals/linux/ArchLinux/01SpeedingUpArchLinux +++ b/public/articals/linux/ArchLinux/01SpeedingUpArchLinux @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Speeding up Pacman 🚗</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How to speed up Pacman 🚗</h1> diff --git a/public/articals/linux/info/00LinuxFileHierarchy b/public/articals/linux/info/00LinuxFileHierarchy index a45e9dc..437f6b1 100644 --- a/public/articals/linux/info/00LinuxFileHierarchy +++ b/public/articals/linux/info/00LinuxFileHierarchy @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Linuxx file hierarchy</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>The Linux File Hierarchy</h1> @@ -81,7 +82,7 @@ <p>This has took me a while to write because I have had to double check everything and put it in my own words so I understand it! If there are any issues please with this artical please report it.</p> <p>As normal thank you for reading!</p><hr> <center> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> diff --git a/public/articals/linux/info/01Terminal b/public/articals/linux/info/01Terminal index e29ffc2..e33f504 100644 --- a/public/articals/linux/info/01Terminal +++ b/public/articals/linux/info/01Terminal @@ -1,29 +1,28 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Terminal > GUI</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Why the terminal will always beat the GUI 👨💻</h1> - <h3>Date: 27-08-2024</h3> - <hr> - <p>I want to say this now, I do not care if people use a GUI option for things, Linux is all about choice and if you choose to use a GUI instead of using the terminal that is your choice!</p> - <hr> + <h3>Date: 27-08-2024</h3><hr> + <p>I want to say this now, I do not care if people use a GUI option for things, Linux is all about choice and if you choose to use a GUI instead of using the terminal that is your choice!</p><hr> <h3>1) The Terminal Simplifies Tasks With Fewer Steps:</h3> <p>Using the terminal can be way faster and more straightforward than navigating a GUI. For example, updating your Linux system requires one simple command in the terminal. In contrast, using a GUI software centre involves way more steps: opening the software center, navigating to the update section, and then updating all the programs. The terminal streamlines all of this which makes it way more efficient.</p><hr> @@ -35,7 +34,7 @@ <p>By learning all of these command-line tools over time, you will start learning how a Linux system works and operates, and this will help you fix any issues that pop up in the future. For example, if you wanted to format a USB stick, while yes, you could use <a href="https://apps.gnome.org/DiskUtility/">Gnome-disk</a>, it is faster just to use <a href="https://linux.die.net/man/8/fdisk">fdisk</a> and <a href-"https://linux.die.net/man/8/mkfs">mkfs</a> for formatting a USB stick.</p><hr> <p>For now that is all I have on why terminal is better!</p> <hr><center> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linux/media/00cd b/public/articals/linux/media/00cd index fcb1fc4..9bda2e2 100644 --- a/public/articals/linux/media/00cd +++ b/public/articals/linux/media/00cd @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning optical media in Linux</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How To Format A USB with Linux 💿</h1> @@ -26,49 +27,49 @@ <hr> <h3>Warning ⚠️</h3> <p>Once you burn an optical disk you cannot reburn it.</b> - <p>Optical media does not have the best storage, normally under 1GiB so make sure your files align with the size of the optical media.</b> - <hr> - <h2>What you will need 📋</h2> - <ul> - <li>Optical drive capable of writing to a CD</li> - <li>A computer with Linux 🐧🖥️</li> - <li>The ability to read instructions and to follow them 🧠</li> - </ul> - <hr> - - <h2>Steps to burn 🔥</h2> - <p>You will only need one program to burn media to a CD; the name of that program is <a href="https://linux.die.net/man/1/wodim">wodim</a>, and it is part of a collection of programs called <a href="https://packages.debian.org/source/sid/cdrkit">cdrkit</a>, as in thename ofe this collection of programs that allow you to do a whole variaty of things withopticall media! - <hr> + <p>Optical media does not have the best storage, normally under 1GiB so make sure your files align with the size of the optical media.</b> + <hr> + <h2>What you will need 📋</h2> + <ul> + <li>Optical drive capable of writing to a CD</li> + <li>A computer with Linux 🐧🖥️</li> + <li>The ability to read instructions and to follow them 🧠</li> + </ul> + <hr> + + <h2>Steps to burn 🔥</h2> + <p>You will only need one program to burn media to a CD; the name of that program is <a href="https://linux.die.net/man/1/wodim">wodim</a>, and it is part of a collection of programs called <a href="https://packages.debian.org/source/sid/cdrkit">cdrkit</a>, as in thename ofe this collection of programs that allow you to do a whole variaty of things withopticall media! + <hr> - <li>1) Install cdrkit, on some Linux distrobutions cdrkit is already installed, but on my main Linux distrobution <a href="https://archlinux.org">Arch Linux</a>, it is not so check you have it installed, the package on your distro will most likely be called cdrkit.</li> - <br> - <div class="code-box"> - <p>sudo pacman -S cdrkit</p> - </div> - <br> + <li>1) Install cdrkit, on some Linux distrobutions cdrkit is already installed, but on my main Linux distrobution <a href="https://archlinux.org">Arch Linux</a>, it is not so check you have it installed, the package on your distro will most likely be called cdrkit.</li> + <br> + <div class="code-box"> + <p>sudo pacman -S cdrkit</p> + </div> + <br> - <hr> + <hr> - <li>2) You want to get whatever data you want into an ISO file, so if you had a file called movies that held movies you would use the command.</li><br> - <div class="code-box"> - <p>mkisofs -o movies.iso movies</p> - </div> - <p>movies.iso being the output ISO and movies being the directory with the movies in there.</p> + <li>2) You want to get whatever data you want into an ISO file, so if you had a file called movies that held movies you would use the command.</li><br> + <div class="code-box"> + <p>mkisofs -o movies.iso movies</p> + </div> + <p>movies.iso being the output ISO and movies being the directory with the movies in there.</p> - <hr> + <hr> - <li>3) Now the last command is the actual event of burning the optical media! So insert it into your optical drive and type this command.</li><br> - <div class="code-box"> - <p>wodim -v dev=/dev/sr0 movies.iso</p> - </div> - <p>movies.iso being the output ISO from the last command.</p> + <li>3) Now the last command is the actual event of burning the optical media! So insert it into your optical drive and type this command.</li><br> + <div class="code-box"> + <p>wodim -v dev=/dev/sr0 movies.iso</p> + </div> + <p>movies.iso being the output ISO from the last command.</p> - <hr> + <hr> - <li>4) Now it is time to sit back and wait for it to burn; do not get impatient; give it time, and it will burn. When it is done, you may enject the optical media from the CD drive, and it should have all the files you desire.</li><br> - <center> - <hr><p>That is all the required steps to burn optical media on Linux, I hope this has helped you!</p> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <li>4) Now it is time to sit back and wait for it to burn; do not get impatient; give it time, and it will burn. When it is done, you may enject the optical media from the CD drive, and it should have all the files you desire.</li><br> + <center> + <hr><p>That is all the required steps to burn optical media on Linux, I hope this has helped you!</p> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linux/media/01BurningIsos b/public/articals/linux/media/01BurningIsos index 2ec7657..04b7a3f 100644 --- a/public/articals/linux/media/01BurningIsos +++ b/public/articals/linux/media/01BurningIsos @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Burning an ISO 🔥💾</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How to burn an ISO to a USB stick 💾</h1> @@ -25,7 +26,7 @@ <p>Burning an ISO onto a USB stick on Linux is very easy, and you only need to use a few commands!</p> <hr> <h2>What you will need 📋</h2> - <ul> + <ul> <li>A USB drive</li> <li>A computer with Linux 🐧🖥</li> <li>The ability to read instructions and to follow them 🧠</li> @@ -61,7 +62,7 @@ <p>After following all of these steps, your USB should have the ISO image burned into it. I hope this has helped you burn a Linux or BSD distro to a USB!</p> <hr> <center> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linux/media/02FormattingUSB b/public/articals/linux/media/02FormattingUSB index 3424aaa..f9fed53 100644 --- a/public/articals/linux/media/02FormattingUSB +++ b/public/articals/linux/media/02FormattingUSB @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Formatting USBs with Linux 🔌🔥</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Formatting USBs With Linux 🔌🔥</h1> @@ -24,42 +25,42 @@ <hr> <p>Formatting a USB in Linux is easier then <a href="01BurningIsos">burning an ISO</a> and only needs a few quick commands!</p><hr> <h2>What you will need 📋</h2> - <ul> - <li>A USB drive</li> - <li>A computer with Linux 🐧🖥</li> - <li>The ability to read instructions and to follow them 🧠</li> - </ul><hr> + <ul> + <li>A USB drive</li> + <li>A computer with Linux 🐧🖥</li> + <li>The ability to read instructions and to follow them 🧠</li> + </ul><hr> - <h2>Formatting the USB</h2> - <p>1) The first thing you want to do is plug in your USB stick and identify the USB stick's name.</p> - <div class="code-box"> - <p>lsblk</p> - </div> - <p>Normally the USB will be something like sdX; a tip on identifying it is by looking at the size of the USB in the table that lsblk gives you!</p><hr> + <h2>Formatting the USB</h2> + <p>1) The first thing you want to do is plug in your USB stick and identify the USB stick's name.</p> + <div class="code-box"> + <p>lsblk</p> + </div> + <p>Normally the USB will be something like sdX; a tip on identifying it is by looking at the size of the USB in the table that lsblk gives you!</p><hr> - <p>2) Now you need to use a program called <a href="https://linux.die.net/man/8/fdisk">fdisk</a> that will allow you to create a new partition table for the USB, this will format the USB.</p> - <div class="code-box"> - <p>sudo fdisk /dev/sdX</p> - </div> - <p>You will need to press the following keys to make a new partition table for the USB.</p> - <ul> - <li>o - Creates a new DOS partition table</li> - <li>n - New partition, press enter to all that follows</li> - <li>w - Writes the partition table</li> - </ul> - <p>Give fdisk a minute to write the new partition to the USB.</p><hr> + <p>2) Now you need to use a program called <a href="https://linux.die.net/man/8/fdisk">fdisk</a> that will allow you to create a new partition table for the USB, this will format the USB.</p> + <div class="code-box"> + <p>sudo fdisk /dev/sdX</p> + </div> + <p>You will need to press the following keys to make a new partition table for the USB.</p> + <ul> + <li>o - Creates a new DOS partition table</li> + <li>n - New partition, press enter to all that follows</li> + <li>w - Writes the partition table</li> + </ul> + <p>Give fdisk a minute to write the new partition to the USB.</p><hr> <p>3) Now is the time to give that partition a file system. You should look into this beforehand to see what file system you want, but I will use ext4 because it was made for Linux use.</p> - <div class="code-box"> - <p>sudo mkfs.ext4 -L "Backup-USB" /dev/sdXx</p> - </div> - <p>The small x represents the number of the partition; the -L flag is used to give the USB stick a name.</p><hr> + <div class="code-box"> + <p>sudo mkfs.ext4 -L "Backup-USB" /dev/sdXx</p> + </div> + <p>The small x represents the number of the partition; the -L flag is used to give the USB stick a name.</p><hr> - <h2>Finished ✅</h2> - <p>All done! Now you have an empty USB stick you can use for all your files!</p><hr> + <h2>Finished ✅</h2> + <p>All done! Now you have an empty USB stick you can use for all your files!</p><hr> <center> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linux/tools/00Ventoy b/public/articals/linux/tools/00Ventoy index b677ef0..b45fdcd 100644 --- a/public/articals/linux/tools/00Ventoy +++ b/public/articals/linux/tools/00Ventoy @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Installing Ventoy</title> <link rel="stylesheet" href="../../../styles.css"> <link rel="icon" href="../../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../../index.html">Home</a></li> - <li><a href="../../../links.html">Links</a></li> - <li><a href="../../../projects.html">Projects</a></li> - <li><a href="../../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How to Install Ventoy with Linux 🐧🔌</h1> @@ -49,7 +50,7 @@ <p>cd ventoy-<version>/ && lsblk</p> </div> <p>Normally the USB with the lowest amount of storage will be your USB; to make sure, check the size of your USB compared to the devices listed under lsblk.</p><hr> - + <p>5) This command will install Ventoy to the USB. Make sure your USB name is correct; it will be something like sdb. A good way to identify the USB is by running lsblk when the USB is out and then running lsblk while the USB is plugged in.</p> <div class=code-box> <p>sudo sh Ventoy2Disk.sh -i /dev/sdX</p> @@ -65,8 +66,8 @@ <p>After following all of these steps Ventoy should be installed on your USB stick, now the only thing to do is plug the USB in and put the ISO and IMG files into the USB, I hope this has helped you!</p> <center> - <hr> - <pre text-align=center> <a href="../../linuxlist">Back</a> + <hr> + <pre text-align=center> <a href="../../linuxlist">Back</a> </main> </body> </html> diff --git a/public/articals/linuxlist b/public/articals/linuxlist index 338a17c..400ba4f 100644 --- a/public/articals/linuxlist +++ b/public/articals/linuxlist @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Linux index</title> <link rel="stylesheet" href="../styles.css"> <link rel="icon" href="../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../index.html">Home</a></li> - <li><a href="../links.html">Links</a></li> - <li><a href="../projects.html">Projects</a></li> - <li><a href="../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Linux articles 🐧</h1> @@ -46,6 +47,6 @@ <li>25-08-2024 - <a href="linux/tools/00Ventoy">Ventoy install with Linux 🐧🔌</a></li> </ul> </main> -</body> + </body> </html> diff --git a/public/articals/neovim/0move b/public/articals/neovim/0move index 4d287d3..79a0e31 100644 --- a/public/articals/neovim/0move +++ b/public/articals/neovim/0move @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Neovim index</title> <link rel="stylesheet" href="../../styles.css"> <link rel="icon" href="../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../index.html">Home</a></li> - <li><a href="../../links.html">Links</a></li> - <li><a href="../../projects.html">Projects</a></li> - <li><a href="../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../index.html">Home</a></li> + <li><a href="../../links.html">Links</a></li> + <li><a href="../../projects.html">Projects</a></li> + <li><a href="../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Moving around in Neovim</h1> @@ -56,9 +57,9 @@ </ul> <hr> <center> - <p>That is all now you know how to move around in Neovim! </p> - <hr> - <pre text-align=center><a href="../neovimlist">Back</a> <a href="1modes">Next</a> + <p>That is all now you know how to move around in Neovim! </p> + <hr> + <pre text-align=center><a href="../neovimlist">Back</a> <a href="1modes">Next</a> </main> </body> </html> diff --git a/public/articals/neovim/1modes b/public/articals/neovim/1modes index 8b0b5a6..da70d37 100644 --- a/public/articals/neovim/1modes +++ b/public/articals/neovim/1modes @@ -1,7 +1,8 @@ <!DOCTYPE html> -<html lang="en"> +<html lang="en-GB"> <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Modes in Neovim</title> <link rel="stylesheet" href="../../styles.css"> diff --git a/public/articals/neovim/2exitingnvim b/public/articals/neovim/2exitingnvim index 0a335d2..21f46c9 100644 --- a/public/articals/neovim/2exitingnvim +++ b/public/articals/neovim/2exitingnvim @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Exiting Neovim</title> <link rel="stylesheet" href="../../styles.css"> <link rel="icon" href="../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../index.html">Home</a></li> - <li><a href="../../links.html">Links</a></li> - <li><a href="../../projects.html">Projects</a></li> - <li><a href="../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../index.html">Home</a></li> + <li><a href="../../links.html">Links</a></li> + <li><a href="../../projects.html">Projects</a></li> + <li><a href="../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How to exit Neovim!</h1> @@ -29,8 +30,8 @@ </ul> <p>To people who have used Vim-based text editors, this might look strange to you because you are used to using :q and :q! And whilst those do still work, using ZZ and ZQ is way more dynamic and just smoother in the long run.</p> <center> - <hr> - <pre text-align=center><a href="../neovimlist">Back</a> + <hr> + <pre text-align=center><a href="../neovimlist">Back</a> </main> </body> </html> diff --git a/public/articals/neovimlist b/public/articals/neovimlist index 4a96d16..432a4b4 100644 --- a/public/articals/neovimlist +++ b/public/articals/neovimlist @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Neovim index</title> <link rel="stylesheet" href="../styles.css"> <link rel="icon" href="../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../index.html">Home</a></li> - <li><a href="../links.html">Links</a></li> - <li><a href="../projects.html">Projects</a></li> - <li><a href="../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Neovim</h1> @@ -32,6 +33,6 @@ <li><a href="neovim/2exitingnvim">How exit</a></li> </ul> </main> -</body> + </body> </html> diff --git a/public/articals/programming/0HowToAct b/public/articals/programming/0HowToAct index af5b0d9..13341fd 100644 --- a/public/articals/programming/0HowToAct +++ b/public/articals/programming/0HowToAct @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <title>How to act with Foss projects</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../../styles.css"> <link rel="icon" href="../../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../../index.html">Home</a></li> - <li><a href="../../links.html">Links</a></li> - <li><a href="../../projects.html">Projects</a></li> - <li><a href="../../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../../index.html">Home</a></li> + <li><a href="../../links.html">Links</a></li> + <li><a href="../../projects.html">Projects</a></li> + <li><a href="../../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>How you should act with Foss projects</h1> @@ -29,11 +30,11 @@ <h3>Communication</h3> <p>This is the most important parts of developing any type of project because without communicaiton there is no way to know who is contributing to your code and this causes you to not understand why they have done some of the changes and additions they have made. Good communication also means keeping the users informed about what is happening with the program and its development normally through an IRC (internet relay chat) channel, but in the modern day I would suggest something like <a href="https://matrix.org/">Matrix. Please do not use <a href="https://discord.com">Discord</a> because it gives less control to the users and its just easier and safer to use an IRC or just Matrix. - <hr> - <p>For now that is all that I know how to act when working with Foss projects, if you have any suggestions becasue I know there probably is more you can contact me <a href="../../contact.html">here.</a></p> - <center> - <hr> - <pre text-align=center><a href="../programminglist">Back</a> + <hr> + <p>For now that is all that I know how to act when working with Foss projects, if you have any suggestions becasue I know there probably is more you can contact me <a href="../../contact.html">here.</a></p> + <center> + <hr> + <pre text-align=center><a href="../programminglist">Back</a> </main> </body> </html> diff --git a/public/articals/programminglist b/public/articals/programminglist index be35ea3..982aaeb 100644 --- a/public/articals/programminglist +++ b/public/articals/programminglist @@ -1,22 +1,23 @@ <!DOCTYPE html> -<html lang="en"> -<head> +<html lang="en-GB"> + <head> <meta charset="UTF-8"> + <meta name="author" content="Shipwreckt"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Internet index</title> <link rel="stylesheet" href="../styles.css"> <link rel="icon" href="../Images/favi.png" type="image/x-icon"> -</head> -<body> + </head> + <body> <header> - <nav> - <ul> - <li><a href="../index.html">Home</a></li> - <li><a href="../links.html">Links</a></li> - <li><a href="../projects.html">Projects</a></li> - <li><a href="../contact.html">Contact</a></li> - </ul> - </nav> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> </header> <main> <h1>Articles about programming</h1> @@ -26,6 +27,6 @@ <li>15-08-2024 - <a href="programming/0HowToAct">How to act with Foss projects</a></li> </ul> </main> -</body> + </body> </html> |