commit f98ea96668786d92862d990919831b57bad73cc1 parent 18be66b70f071e880fa08e96e5a50a7b78647390 Author: Shipwreckt <shipwreckt@mailfence.com> Date: Thu, 22 Aug 2024 19:07:25 +0100 updates Diffstat:
| D | public/articals/internet/0Intro | | | 34 | ---------------------------------- |
| D | public/articals/internet/1Profiles | | | 41 | ----------------------------------------- |
| D | public/articals/internet/2Passwords | | | 45 | --------------------------------------------- |
| D | public/articals/internet/3Browser | | | 45 | --------------------------------------------- |
| A | public/articals/internet/safety/00Intro | | | 34 | ++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/safety/01Profiles | | | 41 | +++++++++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/safety/02Passwords | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/safety/03Browser | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
| M | public/articals/internetlist | | | 9 | +++++---- |
| M | public/styles.css | | | 2 | +- |
10 files changed, 171 insertions(+), 170 deletions(-)
diff --git a/public/articals/internet/0Intro b/public/articals/internet/0Intro @@ -1,34 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <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 class="description"> - <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> - <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="1Profiles">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/1Profiles b/public/articals/internet/1Profiles @@ -1,41 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <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 class="description"> - <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> - - <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="../internetlist">Back</a> <a href="2Passwords">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/2Passwords b/public/articals/internet/2Passwords @@ -1,45 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<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"> -</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 class="description"> - <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> - <pre text-align=center><a href="../internetlist">Back</a> <a href="3Browser">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/3Browser b/public/articals/internet/3Browser @@ -1,45 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <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 class="description"> - <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> - <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="../internetlist">Back</a> <a href="1Profiles">Next</a> - </main> -</body> -</html> - diff --git a/public/articals/internet/safety/00Intro b/public/articals/internet/safety/00Intro @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <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 class="description"> + <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> + <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> + </main> +</body> +</html> + diff --git a/public/articals/internet/safety/01Profiles b/public/articals/internet/safety/01Profiles @@ -0,0 +1,41 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <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 class="description"> + <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> + + <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">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 @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en"> +<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"> +</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 class="description"> + <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> + <pre text-align=center><a href="01Profiles">Back</a> <a href="../../internetlist">List</a> <a href="03Browser">Next</a> + </main> +</body> +</html> + diff --git a/public/articals/internet/safety/03Browser b/public/articals/internet/safety/03Browser @@ -0,0 +1,45 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <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 class="description"> + <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> + <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">Back</a> <a href="../../internetlist">List</a> + </main> +</body> +</html> + diff --git a/public/articals/internetlist b/public/articals/internetlist @@ -22,13 +22,14 @@ <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> - <li>08-08-2024 - <a href="internet/0Intro">Introduction</a></li> - <li>08-08-2024 - <a href="internet/1Profiles">Online profiles</a></li> - <li>08-08-2024 - <a href="internet/2Passwords">Passwords</a></li> - <li>08-08-2024 - <a href="internet/3Browser">Web Browsers</a></li> + <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> </ul> </main> </body> diff --git a/public/styles.css b/public/styles.css @@ -39,7 +39,7 @@ nav ul li a { } a { - color: #643f7c; + color: #5e4d96; text-decoration: none; }