commit 282f66f61c630d0e5f49390158bc960ad9644c11
parent 3ecd8fa56585d43e1d62dde5f896ccdfdce64d8a
Author: Shipwreckt <Shipwreckt@mailfence.com>
Date: Thu, 30 May 2024 17:35:16 +0100
added articles and changed hr
Diffstat:
8 files changed, 104 insertions(+), 8 deletions(-)
diff --git a/public/articles/0How_To_Stay_Safe_Online.html b/public/articles/0How_To_Stay_Safe_Online.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Shipwreckt</title>
+ <link rel="icon" href="Images/logo.jpg" type="image/x-icon">
+ <link rel="stylesheet" href="../styles.css">
+</head>
+<body>
+ <div class="sidebar">
+ <h2>Table of Contents</h2>
+ <ul>
+ <li><a href="#article">Article</a></li>
+ <li><a href="#resources">Resources used</a></li>
+ </ul>
+ </div>
+ <div class="content">
+ <header>
+ <h1>Shipwreckt</h1>
+ <hr style="width:50%;text-align:center;">
+ <nav>
+ <ul>
+ <li><a href="../index.html">Home</a></li>
+ <li><a href="../index.html#projects">Projects</a></li>
+ <li><a href="../index.html#Articles">Articles</a></li>
+ <li><a href="../index.html#contact">Contact</a></li>
+ </ul>
+ </nav>
+ </header>
+ <main id="main-content">
+ <section id="article">
+ <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 artical 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 what 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>
+ </section>
+
+ <section id="resources" style="display: none;">
+ <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>
+ </section>
+
+ </main>
+ </div>
+ <script src="../script.js"></script>
+</body>
+</html>
+
diff --git a/public/index.html b/public/index.html
@@ -18,11 +18,12 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
- <li><a href="#projects">projects</a></li>
+ <li><a href="#projects">Projects</a></li>
+ <li><a href="#Articles">Articles</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
@@ -37,7 +38,7 @@
bit of news. But that is mostly it for this website have a look around and see what
you like!</p>
<br>
- <p>Also quick note this website is still being made so please be patiant</p>
+ <p>Also quick note this website does need javascript enabled, the javascript can be viewed <a href="https://gitlab.com/Shipwreckt/website/-/blob/master/public/script.js?ref_type=heads">Here</a> if you want to look at it.</p>
</section>
<section id="about" style="display: none;">
@@ -86,6 +87,15 @@
<li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li>
</p>
</section>
+
+ <section id="Articles">
+ <div class="article">
+ <h2><a href="articles/0How_To_Stay_Safe_Online.html">How to stay safe online</a></h2>
+ <p>Date: May 30, 2024</p>
+ </div>
+ </div>
+
+ </section>
</main>
</div>
diff --git a/public/projects/WeeklyByte/2024/issue0WB.html b/public/projects/WeeklyByte/2024/issue0WB.html
@@ -16,7 +16,7 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="../../../index.html">Home</a></li>
diff --git a/public/projects/WeeklyByte/2024/issue1WB.html b/public/projects/WeeklyByte/2024/issue1WB.html
@@ -16,7 +16,7 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="../../../index.html">Home</a></li>
diff --git a/public/projects/WeeklyByte/WeeklyByte.html b/public/projects/WeeklyByte/WeeklyByte.html
@@ -16,7 +16,7 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="../../index.html">Home</a></li>
diff --git a/public/projects/programs/Dotfiles.html b/public/projects/programs/Dotfiles.html
@@ -17,7 +17,7 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="../../index.html">Home</a></li>
diff --git a/public/projects/programs/Fakefetch.html b/public/projects/programs/Fakefetch.html
@@ -18,7 +18,7 @@
</div>
<div class="content">
<header>
- <h1>Shipwreckt</h1>
+ <h1>Shipwreckt</h1><hr>
<nav>
<ul>
<li><a href="../../index.html">Home</a></li>
diff --git a/public/styles.css b/public/styles.css
@@ -68,6 +68,12 @@ header {
z-index: 1000;
}
+
+header hr {
+ width:50%;
+ text-align:center;
+}
+ <hr style="width:50%;text-align:center;">
header h1 {
margin: 0;
color: #ffffff;
@@ -111,6 +117,10 @@ main {
margin-top: 20px;
}
+main h1 {
+ color: #7a4d7c;
+}
+
main h2 {
color: #7a4d7c;
}
@@ -138,3 +148,4 @@ main a:hover {
margin-right: auto;
width: 70%;
}
+
