commit cd0ab5257bc7fc346aa86d651f6436458bbbde78 parent 24774d9f05a0fa594d1f32e3c95aeb641b3971ff Author: Shipwreckt <Shipwreckt@mailfence.com> Date: Sun, 7 Jul 2024 20:16:22 +0100 Updated website, changed names of pages and added Bitcoin page. I will update some more bits tomorrow Diffstat:
| A | public/Images/misc/BitcoinQrCode.png | | | 0 | |
| R | public/Images/logo.jpg -> public/Images/misc/logo.jpg | | | 0 | |
| A | public/about/Bitcoin | | | 42 | ++++++++++++++++++++++++++++++++++++++++++ |
| M | public/about/hardware | | | 16 | ++++++++-------- |
| M | public/about/software | | | 16 | ++++++++-------- |
| A | public/articles/0How_To_Stay_Safe_Online | | | 75 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/articles/0How_To_Stay_Safe_Online.html | | | 75 | --------------------------------------------------------------------------- |
| A | public/articles/1Learning_C | | | 48 | ++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/articles/1Learning_C.html | | | 48 | ------------------------------------------------ |
| A | public/index | | | 120 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/index.html | | | 115 | ------------------------------------------------------------------------------- |
| A | public/projects/WeeklyByte/2024/issue00WB | | | 106 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/WeeklyByte/2024/issue01WB | | | 83 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/WeeklyByte/2024/issue02WB | | | 78 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/projects/WeeklyByte/2024/issue0WB.html | | | 106 | ------------------------------------------------------------------------------- |
| D | public/projects/WeeklyByte/2024/issue1WB.html | | | 83 | ------------------------------------------------------------------------------- |
| D | public/projects/WeeklyByte/2024/issue2WB.html | | | 78 | ------------------------------------------------------------------------------ |
| A | public/projects/WeeklyByte/WeeklyByte | | | 42 | ++++++++++++++++++++++++++++++++++++++++++ |
| D | public/projects/WeeklyByte/WeeklyByte.html | | | 42 | ------------------------------------------ |
| A | public/projects/programs/Dotfiles | | | 60 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/projects/programs/Dotfiles.html | | | 60 | ------------------------------------------------------------ |
| A | public/projects/programs/Fakefetch | | | 97 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/projects/programs/Fakefetch.html | | | 96 | ------------------------------------------------------------------------------- |
23 files changed, 767 insertions(+), 719 deletions(-)
diff --git a/public/Images/misc/BitcoinQrCode.png b/public/Images/misc/BitcoinQrCode.png Binary files differ. diff --git a/public/Images/logo.jpg b/public/Images/misc/logo.jpg Binary files differ. diff --git a/public/about/Bitcoin b/public/about/Bitcoin @@ -0,0 +1,42 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="../index#welcome">Welcome</a></li> + <li><a href="../index#about">About Me</a></li> + <li><a href="../index#contact">Reach out</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> + <nav> + <ul> + <li><a href="../index">Home</a></li> + <li><a href="../index#projects">Projects</a></li> + <li><a href="../index#Articles">Articles</a></li> + <li><a href="../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h1>Bitcoin</h1> + <p>You do not need to donate to me!</p> + <p>bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt</p>i + <img src="../Images/misc/BitcoinQrCode.png" alt="bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt" width="500" hight="auto"> + <img sr></img> + </main> + </div> + <script src="script.js"></script> +</body> +</html> + diff --git a/public/about/hardware b/public/about/hardware @@ -4,16 +4,16 @@ <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="icon" href="../Images/misc/logo.jpg" type="image/x-icon"> <link rel="stylesheet" href="../styles.css"> </head> <body> <div class="sidebar"> <h2>Table of Contents</h2><hr> <ul> - <li><a href="../index.html#welcome">Welcome</a></li> - <li><a href="../index.html#about">About Me</a></li> - <li><a href="../index.html#contact">Reach out</a></li> + <li><a href="../index#welcome">Welcome</a></li> + <li><a href="../index#about">About Me</a></li> + <li><a href="../index#contact">Reach out</a></li> </ul> </div> <div class="content"> @@ -21,10 +21,10 @@ <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> <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> + <li><a href="../index">Home</a></li> + <li><a href="../index#projects">Projects</a></li> + <li><a href="../index#Articles">Articles</a></li> + <li><a href="../index#contact">Contact</a></li> </ul> </nav> </header> diff --git a/public/about/software b/public/about/software @@ -4,16 +4,16 @@ <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="icon" href="../Images/misc/logo.jpg" type="image/x-icon"> <link rel="stylesheet" href="../styles.css"> </head> <body> <div class="sidebar"> <h2>Table of Contents</h2><hr> <ul> - <li><a href="../index.html#welcome">Welcome</a></li> - <li><a href="../index.html#about">About Me</a></li> - <li><a href="../index.html#contact">Reach out</a></li> + <li><a href="../index#welcome">Welcome</a></li> + <li><a href="../index#about">About Me</a></li> + <li><a href="../index#contact">Reach out</a></li> </ul> </div> <div class="content"> @@ -21,10 +21,10 @@ <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> <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> + <li><a href="../index">Home</a></li> + <li><a href="../index#projects">Projects</a></li> + <li><a href="../index#Articles">Articles</a></li> + <li><a href="../index#contact">Contact</a></li> </ul> </nav> </header> diff --git a/public/articles/0How_To_Stay_Safe_Online b/public/articles/0How_To_Stay_Safe_Online @@ -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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="#article">Article</a></li> + <li><a href="#resources">Resources used</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr style="width:50%;text-align:center;"> + <nav> + <ul> + <li><a href="../index">Home</a></li> + <li><a href="../index#projects">Projects</a></li> + <li><a href="../index#Articles">Articles</a></li> + <li><a href="../index#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 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> + </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/articles/0How_To_Stay_Safe_Online.html b/public/articles/0How_To_Stay_Safe_Online.html @@ -1,75 +0,0 @@ -<!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><hr> - <ul> - <li><a href="#article">Article</a></li> - <li><a href="#resources">Resources used</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></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 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> - </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/articles/1Learning_C b/public/articles/1Learning_C @@ -0,0 +1,48 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="#article">Article</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr style="width:50%;text-align:center;"> + <nav> + <ul> + <li><a href="../index">Home</a></li> + <li><a href="../index#projects">Projects</a></li> + <li><a href="../index#Articles">Articles</a></li> + <li><a href="../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h2>Learning the C programming language</h2> + <h3>Date: 10:6:2024</h3> + <hr> + <p>Hello there, I have not updated this website in the last few days or posted much to GitLab, so I thought I might as well publish something to keep some people updated.</p> + + <p>So as the title implies, I have been learning the C programming language recently, and it has been fun. I am still at the basics, and I have tests coming up, but I am doing my best with the time I have! i While I have been learning, I have been making a kind of tutorial file from the tutorial videos I have watched, so when I believe it is fully ready, I will publish it to GitLab.</p> + + <br><hr> + <h3>Date: 27:6:2024</h3> + <p>It has been a few weeks, and I have not made much progress, sadly. I have been quite busy with school, but I have more free time now, so I will have more time to study. I am happy I have more time because I have been really falling behind on learning C. </p> + + <font color="#800000">This page is still being updated as I learn more C so keep checking in! </font> + </main> + </div> + <script src="../script.js"></script> +</body> +</html> + diff --git a/public/articles/1Learning_C.html b/public/articles/1Learning_C.html @@ -1,48 +0,0 @@ -<!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><hr> - <ul> - <li><a href="#article">Article</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></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"> - <h2>Learning the C programming language</h2> - <h3>Date: 10:6:2024</h3> - <hr> - <p>Hello there, I have not updated this website in the last few days or posted much to GitLab, so I thought I might as well publish something to keep some people updated.</p> - - <p>So as the title implies, I have been learning the C programming language recently, and it has been fun. I am still at the basics, and I have tests coming up, but I am doing my best with the time I have! i While I have been learning, I have been making a kind of tutorial file from the tutorial videos I have watched, so when I believe it is fully ready, I will publish it to GitLab.</p> - - <br><hr> - <h3>Date: 27:6:2024</h3> - <p>It has been a few weeks, and I have not made much progress, sadly. I have been quite busy with school, but I have more free time now, so I will have more time to study. I am happy I have more time because I have been really falling behind on learning C. </p> - - <font color="#800000">This page is still being updated as I learn more C so keep checking in! </font> - </main> - </div> - <script src="../script.js"></script> -</body> -</html> - diff --git a/public/index b/public/index @@ -0,0 +1,120 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2> + <hr> + <ul> + <li><a href="#welcome">Welcome</a></li> + <li><a href="#about">About Me</a></li> + <li><a href="#contact">Reach out</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr> + <nav> + <ul> + <li><a href="index">Home</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> + </header> + <main id="main-content"> + <section id="welcome"> + <h2>Welcome To Shipwreckt</h2> + <p>Hello and welcome to my personal website! For the most part this website is + mostly about my programming work I have done, you can find all my coding projects on + the projects page. I do a weekly news artical called the weekly byte where I do a + Linux distro of the week and some software and hardware suggestions, also the odd + 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 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"> + <div class="about-content"> + <div class="about-image"> + <img src="Images/misc/logo.jpg" alt="About Me Image"> + </div> + <div class="about-text"> + <h2>About Me</h2> + <p>Hello there! I am Shipwreckt, a 15-year-old dude who lives in the UK, if you cannot tell I like to program!</p> + + <p>I have enjoyed programming for a number of years now, ever since early 2022, but I only really delved into programming fully in late 2023, when I fully switched from Windows to Linux. The reason why I made the switch was because even though I can see Windows is not all that great, I wanted to challenge myself and also give myself a reason to program again, so I switched over to Linux, and it has been amazing. It has given me the freedom to be creative with my desktop and config files. But I am currently learning the C programming language, and I am planning on making some more programs, so keep your eyes peeled for when I do!</p> + <hr> + <ul> + <li><a href="about/hardware">Hardware I am using</a></li> + <li><a href="about/software">Software I use</a></li> + </ul> + </div> + </div> + </section> + + <section id="contact" style="display: none;"> + <h2>Contact</h2> + <p style="font-size:20px;">You can contact me here for any querys or suggestions.<br> + Email: shipwreckt@mailfence.com</p><br> + + <p style="font-size:20px; ">Code, mostly use gitlab: + <a href="https://gitlab.com/Shipwreckt">Gitlab</a> + <a href="https://github.com/Shipwrecktt">Github</a> + <a href="https://www.freecodecamp.org/Shipwreckt">Freecodecamp.org</a> + <br> + Social: + <a rel="me" href="https://mastodon.online/@shipwreckt">Mastodon</a> + </p> + + <p style ="font-size:20px;"><br> + Donate (If you are feeling kind)<br> + bitcoin: <a href="about/Bitcoin">bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt</a> + </p> + </section> + + <section id="projects" style="display: none;"> + <h2>Projects!</h2> + <p>Below is a list of all my projects, have a look around!</p> + + <p>Programming</p> + <ul> + <li><a href="projects/programs/Dotfiles">Dotfiles</a></li> + <li><a href="projects/programs/Fakefetch#info">Fakefetch script</a></li> + </ul><br> + + <p>Written works</p> + <ul> + <li><a href="projects/WeeklyByte/WeeklyByte">Weekly Byte</a></li> + </ul> + </section> + + <section id="Articles" style="display: none;"> + <div class="article"> + <h2><a href="articles/1Learning_C">Learning the C programming language</a></h2> + <p>Date: June 10th, 2024</p> + <p>My journy of learning C with notes and updates.</p> + <font color="#800000">This artical is still being wrote.</font> + </div> + + <div class="article"> + <h2><a href="articles/0How_To_Stay_Safe_Online#article">How to stay safe online</a></h2> + <p>Date: May 30, 2024</p> + <p>This article is about how I stay safe online and what programs I use to do so.</p> + </div> + </section> + </main> + </div> + <script src="script.js"></script> +</body> +</html> + diff --git a/public/index.html b/public/index.html @@ -1,115 +0,0 @@ -<!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> - <hr> - <ul> - <li><a href="#welcome">Welcome</a></li> - <li><a href="#about">About Me</a></li> - <li><a href="#contact">Reach out</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> - <hr> - <nav> - <ul> - <li><a href="index.html">Home</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> - </header> - <main id="main-content"> - <section id="welcome"> - <h2>Welcome To Shipwreckt</h2> - <p>Hello and welcome to my personal website! For the most part this website is - mostly about my programming work I have done, you can find all my coding projects on - the projects page. I do a weekly news artical called the weekly byte where I do a - Linux distro of the week and some software and hardware suggestions, also the odd - 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 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"> - <div class="about-content"> - <div class="about-image"> - <img src="Images/logo.jpg" alt="About Me Image"> - </div> - <div class="about-text"> - <h2>About Me</h2> - <p>Hello there! I am Shipwreckt, a 15-year-old dude who lives in the UK, if you cannot tell I like to program!</p> - - <p>I have enjoyed programming for a number of years now, ever since early 2022, but I only really delved into programming fully in late 2023, when I fully switched from Windows to Linux. The reason why I made the switch was because even though I can see Windows is not all that great, I wanted to challenge myself and also give myself a reason to program again, so I switched over to Linux, and it has been amazing. It has given me the freedom to be creative with my desktop and config files. But I am currently learning the C programming language, and I am planning on making some more programs, so keep your eyes peeled for when I do!</p> - <hr> - <ul> - <li><a href="about/hardware">Hardware I am using</a></li> - <li><a href="about/software">Software I use</a></li> - </ul> - </div> - </div> - </section> - - <section id="contact" style="display: none;"> - <h2>Contact</h2> - <p style="font-size:20px; ">You can contact me here for any querys or suggestions.<br> - Email: shipwreckt@mailfence.com</p><br> - - <p style="font-size:20px; ">Code, mostly use gitlab: - <a href="https://gitlab.com/Shipwreckt">Gitlab</a> - <a href="https://github.com/Shipwrecktt">Github</a> - <a href="https://www.freecodecamp.org/Shipwreckt">Freecodecamp.org</a> - <br> - Social: - <a rel="me" href="https://mastodon.online/@shipwreckt">Mastodon</a> - </p> - </section> - - <section id="projects" style="display: none;"> - <h2>Projects!</h2> - <p>Below is a list of all my projects, have a look around!</p> - - <p>Programming</p> - <ul> - <li><a href="projects/programs/Dotfiles.html">Dotfiles</a></li> - <li><a href="projects/programs/Fakefetch.html#info">Fakefetch script</a></li> - </ul><br> - - <p>Written works</p> - <ul> - <li><a href="projects/WeeklyByte/WeeklyByte.html">Weekly Byte</a></li> - </ul> - </section> - - <section id="Articles" style="display: none;"> - <div class="article"> - <h2><a href="articles/1Learning_C.html">Learning the C programming language</a></h2> - <p>Date: June 10th, 2024</p> - <p>My journy of learning C with notes and updates.</p> - <font color="#800000">This artical is still being wrote.</font> - </div> - - <div class="article"> - <h2><a href="articles/0How_To_Stay_Safe_Online.html#article">How to stay safe online</a></h2> - <p>Date: May 30, 2024</p> - <p>This article is about how I stay safe online and what programs I use to do so.</p> - </div> - </section> - </main> - </div> - <script src="script.js"></script> -</body> -</html> - diff --git a/public/projects/WeeklyByte/2024/issue00WB b/public/projects/WeeklyByte/2024/issue00WB @@ -0,0 +1,106 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="../WeeklyByte">Weekly byte</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr> + <nav> + <ul> + <li><a href="../../../index">Home</a></li> + <li><a href="../../../index#projects">Projects</a></li> + <li><a href="../../../index#Articles">Articles</a></li> + <li><a href="../../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h2>Weekly byte<br> by shipwreckt<br> </h2> + <h2>Linux distro of the week: Arch Linux</h2> + + <h3> Personal experience</h3> + <p>I have Arch Linux on all my computers, and, to put it bluntly, I love it. This is due + to the fact that I am able to customise it to be whatever I want, and I know what is + on my computer instead of It grows bloated over time, like windows. While I have had + some trouble in the past with Arch, where all my faults and all of the problems I had + were easily fixed. Overall, I just like having full control over my computer and making + it look nice.</p> + + <hr> + <h3>Pros</h3> + <p>Arch Linux is very custimizable. Linux distro: no two Arch Linux systems are alike because + you have to tailor your arch Linux to your needs, this means you have more space on your + computer because you don't have programmes you do not use. There is a large catalogue of + programmes in the official Arch Linux repository, and there is also even more in the + AUR (Arch user repository)</p> + + <p>If you are ever facing an issue with Arch Linux, there is more likely than not documentation + on your problem, an example of this happening to me was when I updated my packages, it told me I + had missing firmware, which I thought was odd, so I looked it up, and it turns out I needed to install + a few packages.</p> + + <p>Arch Linux has a rolling release model, meaning you get all the fancy new software as + soon as it has been approved to be working. You do get updates daily, but I suggest updating + your computer every week.</p> + <hr> + <h3>Cons</h3> + <p>This con is subjective, but Arch Linux has a steep learning curve. At the start, things are + hard, and You are very confused, but over time, you learn more and more. But if you enjoy + learning how to use I would suggest Arch because I have learned so much from it.</p> + + <p>Arch is not the most beginner-friendly distro, and when I started using Arch, I thought + I knew how to use Linux through the command line pretty well, but I was proven so wrong, + so fast, there were lots of failed when I started with arch, but I learned and tried again + and looked at sources, while it is not the most beginner-friendly, you need to dive yourself + into the deep and try if you want to get anywhere in Arch Linux.</p> + <hr> + <h3>>Who would I suggest Arch to?</h3> + <p>I would suggest Arch Linux to somebody who is willing to learn and wants more power over their + computer's software<br><br> + + Arch Linux website link: archlinux.org + + Tip on installing: I suggest you watch SOG's instillation guide and follow along the first time + you Install it; I did, and it went well. After that, you can develop your own method. Here is the + <a href="https://www.youtube.com/watch?v=_JYIAaLrwcY">link to the video</a> </p> + <hr> + <h3><b>Suggestion of the Week!</h3> + + <h3>Hardware</h3> + <p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to + work on or try out Linux. I suggest you look for second-hand ThinkPad; they are very durable and + are recommended for There are amazing keyboards, and I can back that up. If you look hard enough, + you will find one that is Pretty cheep. I got my ThinkPad for £40 ($50), and it has an I5 in it. + I use it more than my PC, so I would say it was worth every penny that I paid for it.</p> + + <h3>Software</h3> + <p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to + <p>I suggest you learn how to use VIM. It is free and easy to learn the basics of, but it gives + you a lot of power. I suggest it, especially if you want to learn or are learning programming + due to the fact that it is really efficient for programming, I use it for programming and typing + up. these newsletters. </p> + <hr> + <h3>Conclusion</h3> + <p>That is all for this week. I will post these on Fridays from now on; I only posted this today. + because I have been given permission to actually do this, and I am grateful. But if you read + all of this, thank you; it does mean a lot to me!</p> + </main> + + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/WeeklyByte/2024/issue01WB b/public/projects/WeeklyByte/2024/issue01WB @@ -0,0 +1,83 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="../WeeklyByte">Weekly byte</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr> + <nav> + <ul> + <li><a href="../../../index">Home</a></li> + <li><a href="../../../index#projects">Projects</a></li> + <li><a href="../../../index#Articles">Articles</a></li> + <li><a href="../../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h2>Weekly byte<br> by shipwreckt<br> </h2> + <p>Hello there and welcome to the weekly byte, where I just write a bunch of information + about Linux and other projects, so if you are interested, keep reading!</p> + + <h3>Linux distro of the week: Ubuntu</h3> + <p>Ubuntu is a distro that many people start off with in the linux world and for good reasons it has everything you need. My personal experience with ubuntu was alright it was my second Linux distro, my first being MX Linux, this was when I was distro hopping and my experience was alright I could use the software manager to download and delete software and use that software and at the end of the day that is what a operating system is made for, I did not face any bugs or anything.</p> + + <hr> + <h3>Pros</h3> + <p>Ubuntu is rather easy to install and use, from my experience when I installed it there were no issues and the setup was seamless, all the default software worked and the Ubuntu store installed apps. In terms of usability it is very usable and I can see why many people use it. +</p> + <p>Ubuntu has been alive for 19 years as of today and overtime it has amassed a giant community of people world wide, it is available in over languages even obscure languages like Irish Gaelic. +</p> + + <p>Since Ubuntu has a large community this means that there are a lot of support, if you have an issue there is a high chance somebody else has encountered the same problem and has posted it online and you can see the solution yourself.</p> + + <hr> + <h3>Cons</h3> + <p>The Ubuntu Snap Store is proprietary; this is bad for a Linux app store because Linux is supposed to be an outlier in a sea of proprietary operating systems. Over time, Canonical has been starting to force snap packages instead of apt packages. This is bad because snaps run slower and have a larger footprint. Just because of this, I personally would not use Ubuntu and instead use something like Linux Mint.</p> + + <p>In the past, Ubuntu has been known to spy on its users. They also have a lot of proprietary code in the +distro, so we don't even know what that code is doing</p> + + <p>Ubuntu comes with a lot; some might say too much. While it is not as bloated as Windows, it still +comes with a lot of software that the normal user does not need, but at the same time, if you don't +care about space and you have optimised systemd on Ubuntu, this should not be a problem. +</p> + + + <hr> + <h3>Who would I suggest Ubuntu to?</h3> + <p>I would suggest ubuntu for people who are new to the linux world and need a bit of hand holding tosee if they like linux or not. I would also suggest ubuntu to people who just want to use and old computer but don't really care about Linux.</p> + + Ubuntu website link: <a href "https://ubuntu.com/">Ubuntu.com </a> + + <hr> + <h3>Suggestion of the Week!</h3> + + <h3>Hardware</h3> + <p>This weeks hardware is the keyboard I have been using since Christmas so for a couple of months now and it is called the "Ducky one mini" whilst the sound is average it has a really nice feeling and you do not need to install any dumb software to change the colours you can just change then on the keyboard by pressing the function and alt key. There are also different modes you can put it in like random colours and such but I prefer solid colours, I would recommend the ducky one mini to anyone who wants an alright keyboard, I got mine for £20 ($24) second hand and I love it so if you are in the market for a keyboard have a look at the Ducky one mini.</p> + + <h3><b>Software</h3> + <p>This weeks software is a piece of software is F-droid the one stop shop for all your libre and free +software applications F-droid can be installed on any android phone and as mentioned is an app +store for free and libre code, personally I would suggest "table habit" it lets you forge good +habits and break old ones!</p> + </main> + + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/WeeklyByte/2024/issue02WB b/public/projects/WeeklyByte/2024/issue02WB @@ -0,0 +1,78 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="../WeeklyByte">Weekly byte</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> + <hr> + <nav> + <ul> + <li><a href="../../../index">Home</a></li> + <li><a href="../../../index#projects">Projects</a></li> + <li><a href="../../../index#Articles">Articles</a></li> + <li><a href="../../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h2>Weekly byte<br> Date: 2/6/2024</h2> + <hr> + <p>Hello and welcome to this week's edition of the weekly byte! This week we will be talking about some Linux Mint, some software suggestions, how I stay safe online, and way more so keep reading!</p> + <h3>Distro of the week: Linux Mint !</h3> + <p>Linux Mint is my favourite debian-based Linux distro, and for good reason, because it just does what it sets out to do: make it easy on the user, and Linux Mint does that very well. In my experience with Linux Mint, I have had no problems at all to speak of.</p> + <h3>Pros</h3> + <p>User-friendly: As mentioned before, Linux Mint is good for beginners, and this is because it is very usable; it comes out of the box with all the software you need to use a computer, including Firefox, libreoffice, terminal, software center, and more. It also comes with the Cinnamon desktop, which is a similar desktop environment to the Windows desktop, making it great for first-time Linux users.</p> + <p>Stable: I used Linux Mint for around 2 months and I had no problems at all. For comparison, I had to reinstall Manjaro Linux like 2 times within a week because at the time it was unstable. I did the same tasks on both of these Linux systems, but Linux Mint came out on top in terms of longevity.</p> + <p>Large community: As with many Linux systems, Linux Mint has a large community with active forms; if you ever have a problem, you can just bring it up, and somebody has probably had the same exact problem as you in the past.</p> + <h3>Cons</h3> + <p>Hardware: I have noticed with a Lenovo IdeaPad that some hardware does not work with Linux Mint. But maybe that was a me problem using a cheap netbook from around 2018 instead of a Linux Mint problem. Overall, if you are experiencing hardware issues, I suggest looking at the Linux Mint forms just in case, and if you cannot fix them, maybe try a lighter-weight Linux system like MXLinux. This is what I did with the ideapad, and it was working on MXLinux.</p> + + <h3>Who would I suggest Linux Mint to?</h3> + <p>I would suggest Linux Mint to anybody who wants a stable, all-purpose Linux system. I would also suggest Linux Mint to a person who is either distro-hopping or is going to try Linux for the first time.</p> + <p>Website: <a href=" https://www.linuxmint.com">https://www.linuxmint.com</a> + + <h3>How I stay safe online</h3> + <p>Staying safe online is easy if you know what to do. One thing I will not tell you to do is use the TOR network because most people do not want to do that because TOR is slow. But to the point the internet is a vast landscape with lots of bad actors and it is key to stay safe and private online.</p> + <p>What browser you use is important. Online there is a large debate about what is the best privacy based browser and it boils down to firefox or the brave browser, and all the people in this argument are wrong because the best privacy based browser is Librewolf. The reason why Librewolf is the best privacy based browser is because it does not come with any telemetry, the creators make it as secure as possible, and it barely hinders your internet use. The only way Librewolf hinders you from using the internet is by logging you out everytime you close it and it is annoying but sacrifices must be made for security and p:rivacy, you can always just get a password manager, I would personally suggest Keepassxc if you are interested.</p> + <p>The other way I stay safe online is by using common sense and good opsec. For example only use HTTPS websites, only use HTTP if you absolutely need to, using secure passwords, and not telling anybody personal details and such. All of this keeps me safe. Whilst using the internet.</p> + + <hr> + + <h3>Why VPN companies over exaggerate</h3> + <p>Virtual Private Networks (VPNs) have turned into this weird thing in modern time, this is because when they first came out it was only used by people who do not want their IP address detected, so for example if you was a hacker, somebody under investigation like Edward Snowden, or even somebody who is security focused. But in recent years since 2020 there has been an uptick in ads and promotions for VPN services, be e that youtube promotions, ads or just google ads.</p> + <p>These ads made by these companies feeds the reader is basically a nothing sandwich, saying things like it offers secure connections and “military grade technology” well I have some bad news because this “military grade technology” is just basic encryption being HTTPS the internet standard for websites, so much so if you went to a HTTP site most browsers will warn you saying it is not secure. There is way more things to mention about these VPN services but the main thing I want to say is having a VPN does not fully protect you from all the bad things on the internet like fingerprinting, It only hides your IP address, encrypted incoming traffic, and hides your internet traffic from your ISP which does protect you to some point but you need to take extra steps to protect yourself further. If you are using a VPN I suggest you check their TOS because many of these VPN services say they do not log your activity and they bring is separate companies to prove that they don’t but they can always just put logs on. I would not suggest the following VPNs:</p><br> + <p> Privacy access VPN, Cyberghost, ZenMate VPN, and Express VPN because they are all owned by the same company, called Kape technologies.<br>Evidence: <a href="https://www.kape.com/our-brands/#our-top-brands/">https://www.kape.com/our-brands/#our-top-brands/</a></p> + <p>NordVPN and SurfShark VPN are both owned by Nord security <br>Evidence: <a href="https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/">https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/</a></p> + <p>IPVanish VPN, Strong VPN, Encrypt.me VPN, Internet shield VPN, FastVPN, SaferVPN, and probably more are all owned by a company by the name of Ziff Davis<br> Evidence: <a href="https://www.ziffdavis.com/brands/security">https://www.ziffdavis.com/brands/security</a> + <p>Now you may be thinking what is wrong with this, well the problem is these three companies are the big three and they make these other VPNs to make the market look way bigger than it actually is giving you the feeling that whatever VPN you choose you trust. Overall if you buy services with any of these VPN companies maybe look for an alternative, I will not suggest any because I do not use a VPN and I cannot in good conscience suggest one but have a look around for a trustworthy VPN, I wish you luck.</p> + <p>This section was inspired by Eric <a href"https://odysee.com/@ericnmurphy:9/the-shady-business-of-vpns:8">Murphy’s video</a> about VPNs</p> + <hr> + <h3>Software of the week</h3> + <p>This week's software I thought should be something I use daily and connot use my computer without. The software of this week is KeePassXC, now I did mention this in the last section but that is for good reason. KeepassXC is an offline password manager meaning all of your passwords are not on a server to be hacked. There is also the benefit of just having them locally on your computer just in case. I would suggest KeepassXC to anybody who wants a simple trust worth password manager. Also here is a tip, due to the fact that it is offline you cannot sync them within the app, so what I personally do is I use the syncthing app to sync all my passwords between my devices. Overall I will give it a 9/10 does it’s job very well and I will be using it until I can’t.</p> + <p>Website for <a href"https://keepassxc.org">KeePassXC</a><br>Website for <a href"https://syncthing.net">Syncthing</a></p> + + <h3>Hardware of the week</h3> + <p>This week I discovered an interesting laptop brand, that being the framework laptop. It is a fully customizable and hackable laptop that comes with a full instruction guide on the internals and all the circuitry, I would personally get one if they do find a way to get rid of the intel management engine, like system 76 did. What I like is the repairability and customization of these laptops and if you have any issues with the parts they are relatively cheap to replace off their website.</p> + + <h3>Conclusion</h3> + <p>As normal thank you for reading I do put a lot of work into writing this so I do hope you have enjoyed it</p> + </main> + + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/WeeklyByte/2024/issue0WB.html b/public/projects/WeeklyByte/2024/issue0WB.html @@ -1,106 +0,0 @@ -<!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><hr> - <ul> - <li><a href="../WeeklyByte.html">Weekly byte</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> - <hr> - <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"> - <h2>Weekly byte<br> by shipwreckt<br> </h2> - <h2>Linux distro of the week: Arch Linux</h2> - - <h3> Personal experience</h3> - <p>I have Arch Linux on all my computers, and, to put it bluntly, I love it. This is due - to the fact that I am able to customise it to be whatever I want, and I know what is - on my computer instead of It grows bloated over time, like windows. While I have had - some trouble in the past with Arch, where all my faults and all of the problems I had - were easily fixed. Overall, I just like having full control over my computer and making - it look nice.</p> - - <hr> - <h3>Pros</h3> - <p>Arch Linux is very custimizable. Linux distro: no two Arch Linux systems are alike because - you have to tailor your arch Linux to your needs, this means you have more space on your - computer because you don't have programmes you do not use. There is a large catalogue of - programmes in the official Arch Linux repository, and there is also even more in the - AUR (Arch user repository)</p> - - <p>If you are ever facing an issue with Arch Linux, there is more likely than not documentation - on your problem, an example of this happening to me was when I updated my packages, it told me I - had missing firmware, which I thought was odd, so I looked it up, and it turns out I needed to install - a few packages.</p> - - <p>Arch Linux has a rolling release model, meaning you get all the fancy new software as - soon as it has been approved to be working. You do get updates daily, but I suggest updating - your computer every week.</p> - <hr> - <h3>Cons</h3> - <p>This con is subjective, but Arch Linux has a steep learning curve. At the start, things are - hard, and You are very confused, but over time, you learn more and more. But if you enjoy - learning how to use I would suggest Arch because I have learned so much from it.</p> - - <p>Arch is not the most beginner-friendly distro, and when I started using Arch, I thought - I knew how to use Linux through the command line pretty well, but I was proven so wrong, - so fast, there were lots of failed when I started with arch, but I learned and tried again - and looked at sources, while it is not the most beginner-friendly, you need to dive yourself - into the deep and try if you want to get anywhere in Arch Linux.</p> - <hr> - <h3>>Who would I suggest Arch to?</h3> - <p>I would suggest Arch Linux to somebody who is willing to learn and wants more power over their - computer's software<br><br> - - Arch Linux website link: archlinux.org - - Tip on installing: I suggest you watch SOG's instillation guide and follow along the first time - you Install it; I did, and it went well. After that, you can develop your own method. Here is the - <a href="https://www.youtube.com/watch?v=_JYIAaLrwcY">link to the video</a> </p> - <hr> - <h3><b>Suggestion of the Week!</h3> - - <h3>Hardware</h3> - <p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to - work on or try out Linux. I suggest you look for second-hand ThinkPad; they are very durable and - are recommended for There are amazing keyboards, and I can back that up. If you look hard enough, - you will find one that is Pretty cheep. I got my ThinkPad for £40 ($50), and it has an I5 in it. - I use it more than my PC, so I would say it was worth every penny that I paid for it.</p> - - <h3>Software</h3> - <p>This week's hardware suggestion I have for you is that if you are looking for a spare laptop to - <p>I suggest you learn how to use VIM. It is free and easy to learn the basics of, but it gives - you a lot of power. I suggest it, especially if you want to learn or are learning programming - due to the fact that it is really efficient for programming, I use it for programming and typing - up. these newsletters. </p> - <hr> - <h3>Conclusion</h3> - <p>That is all for this week. I will post these on Fridays from now on; I only posted this today. - because I have been given permission to actually do this, and I am grateful. But if you read - all of this, thank you; it does mean a lot to me!</p> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/WeeklyByte/2024/issue1WB.html b/public/projects/WeeklyByte/2024/issue1WB.html @@ -1,83 +0,0 @@ -<!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><hr> - <ul> - <li><a href="../WeeklyByte.html">Weekly byte</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> - <hr> - <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"> - <h2>Weekly byte<br> by shipwreckt<br> </h2> - <p>Hello there and welcome to the weekly byte, where I just write a bunch of information - about Linux and other projects, so if you are interested, keep reading!</p> - - <h3>Linux distro of the week: Ubuntu</h3> - <p>Ubuntu is a distro that many people start off with in the linux world and for good reasons it has everything you need. My personal experience with ubuntu was alright it was my second Linux distro, my first being MX Linux, this was when I was distro hopping and my experience was alright I could use the software manager to download and delete software and use that software and at the end of the day that is what a operating system is made for, I did not face any bugs or anything.</p> - - <hr> - <h3>Pros</h3> - <p>Ubuntu is rather easy to install and use, from my experience when I installed it there were no issues and the setup was seamless, all the default software worked and the Ubuntu store installed apps. In terms of usability it is very usable and I can see why many people use it. -</p> - <p>Ubuntu has been alive for 19 years as of today and overtime it has amassed a giant community of people world wide, it is available in over languages even obscure languages like Irish Gaelic. -</p> - - <p>Since Ubuntu has a large community this means that there are a lot of support, if you have an issue there is a high chance somebody else has encountered the same problem and has posted it online and you can see the solution yourself.</p> - - <hr> - <h3>Cons</h3> - <p>The Ubuntu Snap Store is proprietary; this is bad for a Linux app store because Linux is supposed to be an outlier in a sea of proprietary operating systems. Over time, Canonical has been starting to force snap packages instead of apt packages. This is bad because snaps run slower and have a larger footprint. Just because of this, I personally would not use Ubuntu and instead use something like Linux Mint.</p> - - <p>In the past, Ubuntu has been known to spy on its users. They also have a lot of proprietary code in the -distro, so we don't even know what that code is doing</p> - - <p>Ubuntu comes with a lot; some might say too much. While it is not as bloated as Windows, it still -comes with a lot of software that the normal user does not need, but at the same time, if you don't -care about space and you have optimised systemd on Ubuntu, this should not be a problem. -</p> - - - <hr> - <h3>Who would I suggest Ubuntu to?</h3> - <p>I would suggest ubuntu for people who are new to the linux world and need a bit of hand holding tosee if they like linux or not. I would also suggest ubuntu to people who just want to use and old computer but don't really care about Linux.</p> - - Ubuntu website link: <a href "https://ubuntu.com/">Ubuntu.com </a> - - <hr> - <h3>Suggestion of the Week!</h3> - - <h3>Hardware</h3> - <p>This weeks hardware is the keyboard I have been using since Christmas so for a couple of months now and it is called the "Ducky one mini" whilst the sound is average it has a really nice feeling and you do not need to install any dumb software to change the colours you can just change then on the keyboard by pressing the function and alt key. There are also different modes you can put it in like random colours and such but I prefer solid colours, I would recommend the ducky one mini to anyone who wants an alright keyboard, I got mine for £20 ($24) second hand and I love it so if you are in the market for a keyboard have a look at the Ducky one mini.</p> - - <h3><b>Software</h3> - <p>This weeks software is a piece of software is F-droid the one stop shop for all your libre and free -software applications F-droid can be installed on any android phone and as mentioned is an app -store for free and libre code, personally I would suggest "table habit" it lets you forge good -habits and break old ones!</p> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/WeeklyByte/2024/issue2WB.html b/public/projects/WeeklyByte/2024/issue2WB.html @@ -1,78 +0,0 @@ -<!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><hr> - <ul> - <li><a href="../WeeklyByte.html">Weekly byte</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1> - <hr> - <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"> - <h2>Weekly byte<br> Date: 2/6/2024</h2> - <hr> - <p>Hello and welcome to this week's edition of the weekly byte! This week we will be talking about some Linux Mint, some software suggestions, how I stay safe online, and way more so keep reading!</p> - <h3>Distro of the week: Linux Mint !</h3> - <p>Linux Mint is my favourite debian-based Linux distro, and for good reason, because it just does what it sets out to do: make it easy on the user, and Linux Mint does that very well. In my experience with Linux Mint, I have had no problems at all to speak of.</p> - <h3>Pros</h3> - <p>User-friendly: As mentioned before, Linux Mint is good for beginners, and this is because it is very usable; it comes out of the box with all the software you need to use a computer, including Firefox, libreoffice, terminal, software center, and more. It also comes with the Cinnamon desktop, which is a similar desktop environment to the Windows desktop, making it great for first-time Linux users.</p> - <p>Stable: I used Linux Mint for around 2 months and I had no problems at all. For comparison, I had to reinstall Manjaro Linux like 2 times within a week because at the time it was unstable. I did the same tasks on both of these Linux systems, but Linux Mint came out on top in terms of longevity.</p> - <p>Large community: As with many Linux systems, Linux Mint has a large community with active forms; if you ever have a problem, you can just bring it up, and somebody has probably had the same exact problem as you in the past.</p> - <h3>Cons</h3> - <p>Hardware: I have noticed with a Lenovo IdeaPad that some hardware does not work with Linux Mint. But maybe that was a me problem using a cheap netbook from around 2018 instead of a Linux Mint problem. Overall, if you are experiencing hardware issues, I suggest looking at the Linux Mint forms just in case, and if you cannot fix them, maybe try a lighter-weight Linux system like MXLinux. This is what I did with the ideapad, and it was working on MXLinux.</p> - - <h3>Who would I suggest Linux Mint to?</h3> - <p>I would suggest Linux Mint to anybody who wants a stable, all-purpose Linux system. I would also suggest Linux Mint to a person who is either distro-hopping or is going to try Linux for the first time.</p> - <p>Website: <a href=" https://www.linuxmint.com">https://www.linuxmint.com</a> - - <h3>How I stay safe online</h3> - <p>Staying safe online is easy if you know what to do. One thing I will not tell you to do is use the TOR network because most people do not want to do that because TOR is slow. But to the point the internet is a vast landscape with lots of bad actors and it is key to stay safe and private online.</p> - <p>What browser you use is important. Online there is a large debate about what is the best privacy based browser and it boils down to firefox or the brave browser, and all the people in this argument are wrong because the best privacy based browser is Librewolf. The reason why Librewolf is the best privacy based browser is because it does not come with any telemetry, the creators make it as secure as possible, and it barely hinders your internet use. The only way Librewolf hinders you from using the internet is by logging you out everytime you close it and it is annoying but sacrifices must be made for security and p:rivacy, you can always just get a password manager, I would personally suggest Keepassxc if you are interested.</p> - <p>The other way I stay safe online is by using common sense and good opsec. For example only use HTTPS websites, only use HTTP if you absolutely need to, using secure passwords, and not telling anybody personal details and such. All of this keeps me safe. Whilst using the internet.</p> - - <hr> - - <h3>Why VPN companies over exaggerate</h3> - <p>Virtual Private Networks (VPNs) have turned into this weird thing in modern time, this is because when they first came out it was only used by people who do not want their IP address detected, so for example if you was a hacker, somebody under investigation like Edward Snowden, or even somebody who is security focused. But in recent years since 2020 there has been an uptick in ads and promotions for VPN services, be e that youtube promotions, ads or just google ads.</p> - <p>These ads made by these companies feeds the reader is basically a nothing sandwich, saying things like it offers secure connections and “military grade technology” well I have some bad news because this “military grade technology” is just basic encryption being HTTPS the internet standard for websites, so much so if you went to a HTTP site most browsers will warn you saying it is not secure. There is way more things to mention about these VPN services but the main thing I want to say is having a VPN does not fully protect you from all the bad things on the internet like fingerprinting, It only hides your IP address, encrypted incoming traffic, and hides your internet traffic from your ISP which does protect you to some point but you need to take extra steps to protect yourself further. If you are using a VPN I suggest you check their TOS because many of these VPN services say they do not log your activity and they bring is separate companies to prove that they don’t but they can always just put logs on. I would not suggest the following VPNs:</p><br> - <p> Privacy access VPN, Cyberghost, ZenMate VPN, and Express VPN because they are all owned by the same company, called Kape technologies.<br>Evidence: <a href="https://www.kape.com/our-brands/#our-top-brands/">https://www.kape.com/our-brands/#our-top-brands/</a></p> - <p>NordVPN and SurfShark VPN are both owned by Nord security <br>Evidence: <a href="https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/">https://nordvpn.com/blog/nord-security-surfshark-merger-agreement/</a></p> - <p>IPVanish VPN, Strong VPN, Encrypt.me VPN, Internet shield VPN, FastVPN, SaferVPN, and probably more are all owned by a company by the name of Ziff Davis<br> Evidence: <a href="https://www.ziffdavis.com/brands/security">https://www.ziffdavis.com/brands/security</a> - <p>Now you may be thinking what is wrong with this, well the problem is these three companies are the big three and they make these other VPNs to make the market look way bigger than it actually is giving you the feeling that whatever VPN you choose you trust. Overall if you buy services with any of these VPN companies maybe look for an alternative, I will not suggest any because I do not use a VPN and I cannot in good conscience suggest one but have a look around for a trustworthy VPN, I wish you luck.</p> - <p>This section was inspired by Eric <a href"https://odysee.com/@ericnmurphy:9/the-shady-business-of-vpns:8">Murphy’s video</a> about VPNs</p> - <hr> - <h3>Software of the week</h3> - <p>This week's software I thought should be something I use daily and connot use my computer without. The software of this week is KeePassXC, now I did mention this in the last section but that is for good reason. KeepassXC is an offline password manager meaning all of your passwords are not on a server to be hacked. There is also the benefit of just having them locally on your computer just in case. I would suggest KeepassXC to anybody who wants a simple trust worth password manager. Also here is a tip, due to the fact that it is offline you cannot sync them within the app, so what I personally do is I use the syncthing app to sync all my passwords between my devices. Overall I will give it a 9/10 does it’s job very well and I will be using it until I can’t.</p> - <p>Website for <a href"https://keepassxc.org">KeePassXC</a><br>Website for <a href"https://syncthing.net">Syncthing</a></p> - - <h3>Hardware of the week</h3> - <p>This week I discovered an interesting laptop brand, that being the framework laptop. It is a fully customizable and hackable laptop that comes with a full instruction guide on the internals and all the circuitry, I would personally get one if they do find a way to get rid of the intel management engine, like system 76 did. What I like is the repairability and customization of these laptops and if you have any issues with the parts they are relatively cheap to replace off their website.</p> - - <h3>Conclusion</h3> - <p>As normal thank you for reading I do put a lot of work into writing this so I do hope you have enjoyed it</p> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/WeeklyByte/WeeklyByte b/public/projects/WeeklyByte/WeeklyByte @@ -0,0 +1,42 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="#info">Weekly byte</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> + <nav> + <ul> + <li><a href="../../index">Home</a></li> + <li><a href="../../index#projects">Projects</a></li> + <li><a href="../../index#Articles">Articles</a></li> + <li><a href="../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h3>Weekly Byte </h3> + <p>The weekly byte is a kind of news thing I do each week, it covers some software and hardware I like and a weekly distro. There is also the odd bit of news if I think it is intresting but overall this is just so I can learn more about the Linux and programming world. </p> + + <li><a href="2024/issue00WB">Issue 0</a></li> + <li><a href="2024/issue01WB">Issue 1</a></li> + <li><a href="2024/issue02WB">Issue 2</a></li> + </main> + + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/WeeklyByte/WeeklyByte.html b/public/projects/WeeklyByte/WeeklyByte.html @@ -1,42 +0,0 @@ -<!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><hr> - <ul> - <li><a href="#info">Weekly byte</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> - <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"> - <h3>Weekly Byte </h3> - <p>The weekly byte is a kind of news thing I do each week, it covers some software and hardware I like and a weekly distro. There is also the odd bit of news if I think it is intresting but overall this is just so I can learn more about the Linux and programming world. </p> - - <li><a href="2024/issue0WB.html">Issue 0</a></li> - <li><a href="2024/issue1WB.html">Issue 1</a></li> - <li><a href="2024/issue2WB.html">Issue 2</a></li> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/programs/Dotfiles b/public/projects/programs/Dotfiles @@ -0,0 +1,60 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2><hr> + <ul> + <li><a href="Dotfiles">Dotfiles</a></li> + <li><a href="https://gitlab.com/Shipwreckt/Dotfiles">Gitlab link</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> + <nav> + <ul> + <li><a href="../../index">Home</a></li> + <li><a href="../../index#projects">Projects</a></li> + <li><a href="../../index#Articles">Articles</a></li> + <li><a href="../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <h2><b>Dotfiles</b></h2> + <h3>What are Dotfiles?</h3><p> + The reason I have dotfiles is for a few reasons. The first is that I use my PC and a + few laptops interchangeably, and having my configurations easily downloadable is a + big time saver. The second reason why I have my dotfiles up is because maybe + somebody is looking for a certain baseline for their configurations, and if they + find it well, I am more than happy to help that person. The third reason is just in + case something happens to one of my laptops or my PC. I suggest that if you have + configuration files, you should back them up on your preferred git host.</p> + + <h3>What is the purpose?</h3><p> + The reason why I have dotfiles is for a few reasons. The first being I use my PC and + a few laptops, and having my configs being easilly downloadable is a big time saver. + The second reason why I have my Dotfiles up is because maybe somebody is looking for + a certain baseline for their configs and if they find mind well I am more then happy + to help. The third reason is just in case somehting happens to one of my laptops or + my PC. I suggest if you have configuration files you should back them up on your + prefered git host.</p> + + <h3>Software that is in the install script</h3> + <p>Arch Linux packages: qt5ct breeze breeze-gtk redshift htop lsb-release libreoffice-fresh python-psutil ufw scrot keepassxc rofi polybar ranger unzip mpv feh redshift linux-firmware-qlogic pavucontrol picom nitrogen thunar gvfs lxappearance + <p>AUR: wd719x-firmware upd72020x-fw yt-dlp-drop-in librewolf-bin nuclear-player-bin + </p> + </main> + + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/programs/Dotfiles.html b/public/projects/programs/Dotfiles.html @@ -1,60 +0,0 @@ -<!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><hr> - <ul> - <li><a href="Dotfiles.html">Dotfiles</a></li> - <li><a href="https://gitlab.com/Shipwreckt/Dotfiles">Gitlab link</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> - <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"> - <h2><b>Dotfiles</b></h2> - <h3>What are Dotfiles?</h3><p> - The reason I have dotfiles is for a few reasons. The first is that I use my PC and a - few laptops interchangeably, and having my configurations easily downloadable is a - big time saver. The second reason why I have my dotfiles up is because maybe - somebody is looking for a certain baseline for their configurations, and if they - find it well, I am more than happy to help that person. The third reason is just in - case something happens to one of my laptops or my PC. I suggest that if you have - configuration files, you should back them up on your preferred git host.</p> - - <h3>What is the purpose?</h3><p> - The reason why I have dotfiles is for a few reasons. The first being I use my PC and - a few laptops, and having my configs being easilly downloadable is a big time saver. - The second reason why I have my Dotfiles up is because maybe somebody is looking for - a certain baseline for their configs and if they find mind well I am more then happy - to help. The third reason is just in case somehting happens to one of my laptops or - my PC. I suggest if you have configuration files you should back them up on your - prefered git host.</p> - - <h3>Software that is in the install script</h3> - <p>Arch Linux packages: qt5ct breeze breeze-gtk redshift htop lsb-release libreoffice-fresh python-psutil ufw scrot keepassxc rofi polybar ranger unzip mpv feh redshift linux-firmware-qlogic pavucontrol picom nitrogen thunar gvfs lxappearance - <p>AUR: wd719x-firmware upd72020x-fw yt-dlp-drop-in librewolf-bin nuclear-player-bin - </p> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/programs/Fakefetch b/public/projects/programs/Fakefetch @@ -0,0 +1,97 @@ +<!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/misc/logo.jpg" type="image/x-icon"> + <link rel="stylesheet" href="../../styles.css"> +</head> +<body> + <div class="sidebar"> + <h2>Table of Contents</h2> + <hr> + <ul> + <li><a href="#info">Fakefetch</a></li> + <li><a href="#news">News</a></li> + <li><a href="#images">Images</a></li> + <li><a onclick="window.open('https://gitlab.com/Shipwreckt/Fakefetch', '_blank')">GitLab</a></li> + </ul> + </div> + <div class="content"> + <header> + <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> + <nav> + <ul> + <li><a href="../../index">Home</a></li> + <li><a href="../../index#projects">Projects</a></li> + <li><a href="../../index#Articles">Articles</a></li> + <li><a href="../../index#contact">Contact</a></li> + </ul> + </nav> + </header> + <main id="main-content"> + <section id="info"> + <h1>Fakefetch</h1><hr> + + <div class="about-content"> + <div class="about-image"> + <img src="../../Images/Fakefetch/LogoFakefetch.png" alt="About Me Image"> + </div> + <div class="about-text"> + <h3>Background</h3> + <p> + Fakefetch is the first real program I have ever created that I use daily apart from config + files. I made fakefetch when I saw people complaining about neofetch being slow that is why + I have called it fakefetch. In the start it was just 10 lines of bash echo commands which is + like printing in python, so it was bascially bare theminimun, and I was not proud of this + program I was like ok thats done just add it to my .bashrc and continue using Linux. After + about a day I wanted to see if I could add more to it like the uptime, then comes what + package manager im using and after a while I have made my own mini neofetch program that I + can use on all of my computers. + </p> + + </div> + </div> + </p> + + <h3><b>What is Fakefetch</b></h3> + <p>Fakefetch is an alternative I have made to neofetch, it is written in bash script (like neofetch) but is not a billion lines long meaning it is less bloated. In the future I plan to re-write Fakefetch in the C programming language so it is faster.</p> + + <h3><b>Why Fakefetch?</b></h3> + <p>The main reason why you should use Fakefetch is because it is a very flexible program + being written in bash script; it is not a large program, only being one file large and does + not slow down your computer at all unlike Neofetch. Fakefetch is also very hackable thanks + to how I have commented on the code, meaning you can make your own Fakefetch versions and + make it do whatever you want thanks to it being licensed under the GPL, so you have the + right to redistribute it if you make your own versions that you can share with anybody.</p> + + <h3><b>How to install</b></h3> + <li>Step one: The first thing you want to do is clone the gitlab project, you can do + this from the following command.<br>$ git clone https://gitlab.com/Shipwreckt/fakefetch</li></p> + + <p><li>Step two: after cloneing the project you want to run the setup.sh with + ./setup.sh</li></p> + + <p><li>To configure Fakefetch the file is located at /bin/fakefetch</p> + <p>Here is an example of fakefetch!</p> + <img src="../../Images/Fakefetch/Fakefetch.png" alt="An example of fakefetch!" width="750" height="auto" > + <br> + <a href="https://gitlab.com/Shipwreckt/fakefetch">Source code on Gitlab</a> + </section> + + <section id="images"> + <img src="../../Images/Fakefetch/bluearch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/greenarch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/orangearch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/redarch.png" width="900" height="auto" class="space-image"> + <img src="../../Images/Fakefetch/plumarch.png" width="900" height="auto" class="space-image"> + </section> + + + </main> + </div> + <script src="../../script.js"></script> +</body> +</html> + diff --git a/public/projects/programs/Fakefetch.html b/public/projects/programs/Fakefetch.html @@ -1,96 +0,0 @@ -<!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> - <hr> - <ul> - <li><a href="#info">Fakefetch</a></li> - <li><a href="#images">Images</a></li> - <li><a onclick="window.open('https://gitlab.com/Shipwreckt/Fakefetch', '_blank')">GitLab</a></li> - </ul> - </div> - <div class="content"> - <header> - <h1><a href ="https://shipwreckt.co.uk">Shipwreckt</a></h1><hr> - <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="info"> - <h1>Fakefetch</h1><hr> - - <div class="about-content"> - <div class="about-image"> - <img src="../../Images/Fakefetch/LogoFakefetch.png" alt="About Me Image"> - </div> - <div class="about-text"> - <h3>Background</h3> - <p> - Fakefetch is the first real program I have ever created that I use daily apart from config - files. I made fakefetch when I saw people complaining about neofetch being slow that is why - I have called it fakefetch. In the start it was just 10 lines of bash echo commands which is - like printing in python, so it was bascially bare theminimun, and I was not proud of this - program I was like ok thats done just add it to my .bashrc and continue using Linux. After - about a day I wanted to see if I could add more to it like the uptime, then comes what - package manager im using and after a while I have made my own mini neofetch program that I - can use on all of my computers. - </p> - - </div> - </div> - </p> - - <h3><b>What is Fakefetch</b></h3> - <p>Fakefetch is an alternative I have made to neofetch, it is written in bash script (like neofetch) but is not a billion lines long meaning it is less bloated. In the future I plan to re-write Fakefetch in the C programming language so it is faster.</p> - - <h3><b>Why Fakefetch?</b></h3> - <p>The main reason why you should use Fakefetch is because it is a very flexible program - being written in bash script; it is not a large program, only being one file large and does - not slow down your computer at all unlike Neofetch. Fakefetch is also very hackable thanks - to how I have commented on the code, meaning you can make your own Fakefetch versions and - make it do whatever you want thanks to it being licensed under the GPL, so you have the - right to redistribute it if you make your own versions that you can share with anybody.</p> - - <h3><b>How to install</b></h3> - <li>Step one: The first thing you want to do is clone the gitlab project, you can do - this from the following command.<br>$ git clone https://gitlab.com/Shipwreckt/fakefetch</li></p> - - <p><li>Step two: after cloneing the project you want to run the setup.sh with - ./setup.sh</li></p> - - <p><li>To configure Fakefetch the file is located at /bin/fakefetch</p> - <p>Here is an example of fakefetch!</p> - <img src="../../Images/Fakefetch/Fakefetch.png" alt="An example of fakefetch!" width="750" height="auto" > - <br> - <a href="https://gitlab.com/Shipwreckt/fakefetch">Source code on Gitlab</a> - </section> - - <section id="images"> - <img src="../../Images/Fakefetch/bluearch.png" width="900" height="auto" class="space-image"> - <img src="../../Images/Fakefetch/greenarch.png" width="900" height="auto" class="space-image"> - <img src="../../Images/Fakefetch/orangearch.png" width="900" height="auto" class="space-image"> - <img src="../../Images/Fakefetch/redarch.png" width="900" height="auto" class="space-image"> - <img src="../../Images/Fakefetch/plumarch.png" width="900" height="auto" class="space-image"> - </section> - - - </main> - </div> - <script src="../../script.js"></script> -</body> -</html> -
