commit 742c940abe843d0002ac57c57175a3d34744757b parent dc76ead9978ea3cf3d5c43c86e0d25f932293203 Author: Shipwreckt <shipwreckt@mailfence.com> Date: Thu, 8 Aug 2024 18:36:39 +0100 Internet safety! Diffstat:
| A | public/Images/logos/librewolf.png | | | 0 | |
| A | public/Images/logos/torbrowser.png | | | 0 | |
| D | public/articals/0How_To_Stay_Safe_Online | | | 50 | -------------------------------------------------- |
| A | public/articals/internet/0Intro | | | 34 | ++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/1Profiles | | | 41 | +++++++++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/2Passwords | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/articals/internet/3Browser | | | 45 | +++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/articals/internetlist | | | 36 | ++++++++++++++++++++++++++++++++++++ |
| A | public/articals/neovim/0move | | | 52 | ++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/articals/neovim/1move | | | 52 | ---------------------------------------------------- |
| M | public/articals/neovimlist | | | 2 | +- |
| M | public/index.html | | | 2 | +- |
12 files changed, 255 insertions(+), 104 deletions(-)
diff --git a/public/Images/logos/librewolf.png b/public/Images/logos/librewolf.png Binary files differ. diff --git a/public/Images/logos/torbrowser.png b/public/Images/logos/torbrowser.png Binary files differ. diff --git a/public/articals/0How_To_Stay_Safe_Online b/public/articals/0How_To_Stay_Safe_Online @@ -1,50 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Stay safe</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"> - <h2>How to stay safe online</h2> - <h3>Date: 30:5:2024</h3> - <hr> - <h3>Introduction</h3> - <p>Computers are always at risk. No matter how much work you do or how hard you try, there will always be a way to hack your system. In this article I will share how I keep my computers safe and the tools I use to do so.</p> - <h3>Passwords</h3> - <p>Passwords are the main way people get into our computers and online accounts. So it is key to have strong passwords, so hackers have a hard time finding out what the passwords are. So what does a strong password consist of? A strong password should consist of a sequence of special characters (like?, #, and $) and normal characters. A strong password should also not have any words found in the dictionary, so that rules out many people's passwords.</p> - <p font color="#9433ff">An example of a weak password would be: <br> - <font color="white">Password123</font> - <p font color="#9433ff">And an example of a strong password would be: <br> - <font color="white">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font> - <p>Now you may be wondering, How the hell do I remember all of that, and for multiple accounts, none the less, well easily with KeePassXC? I personally use KeePassXC for my password management, mostly because it is offline, meaning you are not trusting a company with your data. I also find it very easy to use, and it has many features I like, for example, two-factor authentication, customisation options, and a password generator, all built into it.</p> - <h3>Browser</h3> - <p>Many people argue over what is the best browser for privacy, and many people have the argument over <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://brave.com/">the Brave brower</a>, and there are many good arguments for one or the other. But personally, I do not take part in this debate because it is obvious what the best privacy-based browser is <a href="https://librewolf.net/">Librewolf</a>. The reason why Librewolf is better than Brave and Firefox is for a large number of reasons, mainly because the people who develop Librewolf care about privacy, and it comes with uBlock Origin, which is an ad block that is very useful.</p> - <h3>Conclusion</h3> - <p>That is all that I do to remain safe online, all the rest is common sense like not using windows, not downloading suspisous files online and not telling other people personal infomations. So I do hope you have enjoyed reading this and I will publish more articles in the future.</p> - <hr> - <h1>Resources</h1> - <p>Little note here, much of this artical is knowlage I have learnt overtime that is why there is a lack of resources.</p> - <h2>Books</h2> - <ul> - <li><a href="https://www.amazon.co.uk/Computer-Science-Workbook-Collins-Revision/dp/0008326819/ref=sr_1_9?keywords=collins+ocr+gcse+computer+science">Collin's GCSE revision for computer science</a></li> - <li><a href="https://keepassxc.org/docs/">Keepass Docs</a></li> - <li><a href="https://librewolf.net/docs/faq/">Librewolf Docs</a></li> - </ul> - </main> -</body> -</html> - diff --git a/public/articals/internet/0Intro b/public/articals/internet/0Intro @@ -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="1Profiles">Next</a> + </main> +</body> +</html> + diff --git a/public/articals/internet/1Profiles b/public/articals/internet/1Profiles @@ -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="../internetlist">Back</a> <a href="2Passwords">Next</a> + </main> +</body> +</html> + diff --git a/public/articals/internet/2Passwords b/public/articals/internet/2Passwords @@ -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="../internetlist">Back</a> <a href="3Browser">Next</a> + </main> +</body> +</html> + diff --git a/public/articals/internet/3Browser b/public/articals/internet/3Browser @@ -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="../internetlist">Back</a> <a href="1Profiles">Next</a> + </main> +</body> +</html> + diff --git a/public/articals/internetlist b/public/articals/internetlist @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <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 class="description"> + <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> + </ul> + </main> +</body> +</html> + diff --git a/public/articals/neovim/0move b/public/articals/neovim/0move @@ -0,0 +1,52 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <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 class="description"> + <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> + <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> + </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="">Next</a> + </main> +</body> +</html> diff --git a/public/articals/neovim/1move b/public/articals/neovim/1move @@ -1,52 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <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 class="description"> - <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> - <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> - </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="">Next</a> - </main> -</body> -</html> diff --git a/public/articals/neovimlist b/public/articals/neovimlist @@ -27,7 +27,7 @@ <section class="posts"> <h2>Tutorials</h2> <ul> - <li><a href="neovim/1move">How To Move in Neovim?</a></li> + <li><a href="neovim/0move">How To Move in Neovim?</a></li> </ul> </main> </body> diff --git a/public/index.html b/public/index.html @@ -40,7 +40,7 @@ <ul> <li>07-08-2024 - <a href="articals/neovimlist">Neovim run through</a></li> <li>25-07-2024 - <a href="articals/linuxlist">Articles about Linux</a></li> - <li>30-05-2024 - <a href="articals/0How_To_Stay_Safe_Online">How to stay safe online</a></li> + <li>25-07-2024 - <a href="articals/internetlist">Articles about the Internet</a></li> </ul> </section> </main>
