summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorShipwreckt <shipwreckt@mailfence.com>2024-08-22 19:07:25 +0100
committerShipwreckt <shipwreckt@mailfence.com>2024-08-22 19:07:25 +0100
commitf98ea96668786d92862d990919831b57bad73cc1 (patch)
treec8027945a83820efbb2c158b07ee3cd605d5e592 /public
parent18be66b70f071e880fa08e96e5a50a7b78647390 (diff)
updates
Diffstat (limited to 'public')
-rw-r--r--public/articals/internet/safety/00Intro (renamed from public/articals/internet/0Intro)14
-rw-r--r--public/articals/internet/safety/01Profiles (renamed from public/articals/internet/1Profiles)14
-rw-r--r--public/articals/internet/safety/02Passwords (renamed from public/articals/internet/2Passwords)14
-rw-r--r--public/articals/internet/safety/03Browser (renamed from public/articals/internet/3Browser)18
-rw-r--r--public/articals/internetlist9
-rw-r--r--public/styles.css2
6 files changed, 36 insertions, 35 deletions
diff --git a/public/articals/internet/0Intro b/public/articals/internet/safety/00Intro
index e46931b..54d5ac2 100644
--- a/public/articals/internet/0Intro
+++ b/public/articals/internet/safety/00Intro
@@ -4,17 +4,17 @@
<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">
+ <link rel="stylesheet" href="../../../styles.css">
+ <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
</head>
<body>
<header>
<nav>
<ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
+ <li><a href="../../../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>
@@ -27,7 +27,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="1Profiles">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/1Profiles b/public/articals/internet/safety/01Profiles
index 61fc152..bc3748f 100644
--- a/public/articals/internet/1Profiles
+++ b/public/articals/internet/safety/01Profiles
@@ -4,17 +4,17 @@
<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">
+ <link rel="stylesheet" href="../../../styles.css">
+ <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
</head>
<body>
<header>
<nav>
<ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
+ <li><a href="../../../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>
@@ -34,7 +34,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="../internetlist">Back</a> <a href="2Passwords">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/2Passwords b/public/articals/internet/safety/02Passwords
index 0517d5c..7326c5f 100644
--- a/public/articals/internet/2Passwords
+++ b/public/articals/internet/safety/02Passwords
@@ -4,17 +4,17 @@
<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">
+ <link rel="stylesheet" href="../../../styles.css">
+ <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
</head>
<body>
<header>
<nav>
<ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
+ <li><a href="../../../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>
@@ -38,7 +38,7 @@
<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>
+ <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/3Browser b/public/articals/internet/safety/03Browser
index 113b7b8..a7c9790 100644
--- a/public/articals/internet/3Browser
+++ b/public/articals/internet/safety/03Browser
@@ -4,17 +4,17 @@
<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">
+ <link rel="stylesheet" href="../../../styles.css">
+ <link rel="icon" href="../../../Images/favi.png" type="image/x-icon">
</head>
<body>
<header>
<nav>
<ul>
- <li><a href="../../index.html">Home</a></li>
- <li><a href="../../links.html">Links</a></li>
- <li><a href="../../projects.html">Projects</a></li>
- <li><a href="../../contact.html">Contact</a></li>
+ <li><a href="../../../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>
@@ -24,12 +24,12 @@
<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">
+ <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">
+ <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>
@@ -38,7 +38,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="../internetlist">Back</a> <a href="1Profiles">Next</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 63bb57b..02ecc83 100644
--- 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
index aae6ccc..f807cc7 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -39,7 +39,7 @@ nav ul li a {
}
a {
- color: #643f7c;
+ color: #5e4d96;
text-decoration: none;
}