commit b61aca6682042e415e52b4546255b2a0bcd7b42a parent b663eae365f70f13ed4a3447198dff0a32d203eb Author: Shipwreckt <Shipwreckt@mailfence.com> Date: Wed, 17 Jul 2024 17:39:54 +0100 Website overhaul Diffstat:
| A | public/Images/misc/logo.png | | | 0 | |
| D | public/about/Bitcoin | | | 42 | ------------------------------------------ |
| A | public/about/bitcoin | | | 29 | +++++++++++++++++++++++++++++ |
| M | public/about/hardware | | | 49 | +++++++++++++++---------------------------------- |
| M | public/about/software | | | 121 | +++++++++++++++++++++++++++++++++---------------------------------------------- |
| A | public/articals/0How_To_Stay_Safe_Online | | | 49 | +++++++++++++++++++++++++++++++++++++++++++++++++ |
| D | public/articles/0How_To_Stay_Safe_Online | | | 75 | --------------------------------------------------------------------------- |
| D | public/articles/1Learning_C | | | 78 | ------------------------------------------------------------------------------ |
| D | public/articles/2Dwm | | | 59 | ----------------------------------------------------------- |
| A | public/contact.html | | | 38 | ++++++++++++++++++++++++++++++++++++++ |
| M | public/index.html | | | 150 | ++++++++++++++++--------------------------------------------------------------- |
| A | public/links.html | | | 31 | +++++++++++++++++++++++++++++++ |
| A | public/posts/0learningC | | | 54 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/posts/1dwm | | | 32 | ++++++++++++++++++++++++++++++++ |
| A | public/projects.html | | | 34 | ++++++++++++++++++++++++++++++++++ |
| D | public/projects/WeeklyByte/2024/issue00WB | | | 106 | ------------------------------------------------------------------------------- |
| D | public/projects/WeeklyByte/2024/issue01WB | | | 83 | ------------------------------------------------------------------------------- |
| D | public/projects/WeeklyByte/2024/issue02WB | | | 78 | ------------------------------------------------------------------------------ |
| D | public/projects/WeeklyByte/WeeklyByte | | | 42 | ------------------------------------------ |
| D | public/projects/programs/Dotfiles | | | 40 | ---------------------------------------- |
| D | public/projects/programs/Fakefetch | | | 90 | ------------------------------------------------------------------------------- |
| A | public/projects/programs/dotfiles | | | 27 | +++++++++++++++++++++++++++ |
| A | public/projects/programs/fakefetch | | | 43 | +++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/writing/weeklybyte/2024/issue00WB | | | 94 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/writing/weeklybyte/2024/issue01WB | | | 62 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/writing/weeklybyte/2024/issue02WB | | | 60 | ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| A | public/projects/writing/weeklybyte/weeklybyte | | | 29 | +++++++++++++++++++++++++++++ |
| D | public/script.js | | | 27 | --------------------------- |
| M | public/styles.css | | | 192 | +++++++++++++++++++------------------------------------------------------------ |
29 files changed, 724 insertions(+), 1090 deletions(-)
diff --git a/public/Images/misc/logo.png b/public/Images/misc/logo.png Binary files differ. diff --git a/public/about/Bitcoin b/public/about/Bitcoin @@ -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/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> - </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"> - <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/bitcoin b/public/about/bitcoin @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Bitcoin</title> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h1>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> +</body> +</html> + diff --git a/public/about/hardware b/public/about/hardware @@ -3,43 +3,24 @@ <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"> + <title>Hardware</title> <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> - </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>Hardware</h3> - <p>I am daily driving a <a href="https://www.notebookcheck.net/Review-Lenovo-ThinkPad-L440-Notebook.107632.0.html">ThinkPad - L440</a> made in 2013, its keyboard feels like heaven, definitely the best keyboard I have - ever used my hands just glide over it. It is durable as hell, I have dropped this thing a - few times no dents or scratches, I know it has a roll cage in it so this laptop will last - me forever. I have 8GB of RAM in this laptop - which I will upgrade at some point and im using a I5-4200M CPU. Overall it is an amazing - laptop and I believe I can use this laptop for the rest of my life.</p> - </main> - </div> - <script src="script.js"></script> + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h3>Hardware</h3> + <p>I am daily driving a <a href="https://www.notebookcheck.net/Review-Lenovo-ThinkPad-L440-Notebook.107632.0.html">ThinkPad L440</a> made in 2013, its keyboard feels like heaven, definitely the best keyboard I have ever used my hands just glide over it. It is durable as hell, I have dropped this thing a few times no dents or scratches, I know it has a roll cage in it so this laptop will last me forever. I have 8GB of RAM in this laptop which I will upgrade at some point and im using a I5-4200M CPU. Overall it is an amazing laptop and I believe I can use this laptop for the rest of my life if it lasts that long.</p> + </main> </body> </html> diff --git a/public/about/software b/public/about/software @@ -3,85 +3,66 @@ <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"> + <title>Software</title> <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"> - <h2>Software</h2> - <h3>Linux distro</h3> - I use <a href="https://archlinux.org/">arch</a>, mainly because I am making my own work environment and I can pick what - applications I want to install instead of some linux distro that does it for me, the - beauty of Arch Linux is that you're held responsible nothing happens unless you let it - happen. There is a learning curve but when you break it, it is more than worth it for - the amount of freedom you get from Arch. + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h3>Linux distro</h3> + I use <a href="https://archlinux.org/">arch</a>, mainly because I am making my own work environment and I can pick what + applications I want to install instead of some linux distro that does it for me, the + beauty of Arch Linux is that you're held responsible nothing happens unless you let it + happen. There is a learning curve but when you break it, it is more than worth it for + the amount of freedom you get from Arch. - <h3>Web browser</h3> - <p>For my web browser is <a href "https://librewolf.net/">librewolf</a> the only browser that - really cares about your privacy, whilst yes it is annoying being logged out of everything - each time I close it, small sacrifices need to be made for privacy and this is why password managers - exist I just log on in a matter of seconds. I don't use many extensions but the ones I do use are - <a href "https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">ublock</a> , - <a href "https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/">KeePassXC</a> , - <a href "https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark reader</a>.</p> + <h3>Web browser</h3> + <p>For my web browser is <a href "https://librewolf.net/">librewolf</a> the only browser that + really cares about your privacy, whilst yes it is annoying being logged out of everything + each time I close it, small sacrifices need to be made for privacy and this is why password managers + exist I just log on in a matter of seconds. I don't use many extensions but the ones I do use are + <a href "https://addons.mozilla.org/en-US/firefox/addon/ublock-origin/">ublock</a> , + <a href "https://addons.mozilla.org/en-US/firefox/addon/keepassxc-browser/">KeePassXC</a> , + <a href "https://addons.mozilla.org/en-US/firefox/addon/darkreader/">Dark reader</a>.</p> - <h3>IDE</h3> - <p>My IDE is Vim, it is a good all around program to use, it is fast to work with and is very - customizable which I love personally, I would recommend vim for anybody who wants a - terminal based text editor and to anybody who wants to get into programming or anybody - who is programming currently.</p> + <h3>IDE</h3> + <p>My IDE is Vim, it is a good all around program to use, it is fast to work with and is very + customizable which I love personally, I would recommend vim for anybody who wants a + terminal based text editor and to anybody who wants to get into programming or anybody + who is programming currently.</p> - <h3>Password manager</h3> - <p>I use <a href="https://keepassxc.org/">KeePassXC</a> for managing my passwords, I - used to use bitwarden but after a while I just thought I did not want my passwords in - somebody else's server so I switched to KeePassXC because it is offline, I use syncthing - to sync all my passwords from my laptop to my phone.</p> + <h3>Password manager</h3> + <p>I use <a href="https://keepassxc.org/">KeePassXC</a> for managing my passwords, I + used to use bitwarden but after a while I just thought I did not want my passwords in + somebody else's server so I switched to KeePassXC because it is offline, I use syncthing + to sync all my passwords from my laptop to my phone.</p> - <h3>File manager</h3> - <p>For my file manager, I use <a href ="https://github.com/ranger/ranger">Ranger</a>. - The main reason I use Ranger is because it uses Vim keybinds, - which I love. I first tested it out to see if it was any good, and after using it for about a - day, I decided to fully switch over to it, and it is a good file manager. I would suggest it to - anybody who likes the vim keybinds. </p> - <h3>Status bar</h3> - <p><a href "https://github.com/polybar">Polybar</a> - is the software that I use for my status bar because it is very customizable and it has all - the features I look for in a status bar, it it also has a clean and modern look by - deafult. Sometimes I just mess around with my polybar and see what looks the best.</p> + <h3>File manager</h3> + <p>For my file manager, I use <a href ="https://github.com/ranger/ranger">Ranger</a>. + The main reason I use Ranger is because it uses Vim keybinds, + which I love. I first tested it out to see if it was any good, and after using it for about a + day, I decided to fully switch over to it, and it is a good file manager. I would suggest it to + anybody who likes the vim keybinds. </p> - <h3>App launcher</h3> - <p>I use <a href "https://github.com/davatorium/rofi">rofi</a> for my app launcher because - it is customizable and easy to use, it also comes with a bunch of default options which - I sometimes use as a template for my rofi configs.</p> + <h3>App launcher</h3> + <p>I use <a href "https://github.com/davatorium/rofi">rofi</a> for my app launcher because + it is customizable and easy to use, it also comes with a bunch of default options which + I sometimes use as a template for my rofi configs.</p> - <h3>Xorg or Wayland?</h3> - <p>I like Wayland; it is smooth and modern. But I do not think it is fully there yet, so for - now I am staaying with Xorg, because it just works and I have no issues with it. In the future, - in about a year, I will switch to Wayland because it is more modern, but for now, Xorg is my go-to.</p> - </main> - </div> - <script src="script.js"></script> + <h3>Xorg or Wayland?</h3> + <p>I like Wayland; it is smooth and modern. But I do not think it is fully there yet, so for + now I am staaying with Xorg, because it just works and I have no issues with it. In the future, + in about a year, I will switch to Wayland because it is more modern, but for now, Xorg is my go-to.</p> + </main> </body> </html> diff --git a/public/articals/0How_To_Stay_Safe_Online b/public/articals/0How_To_Stay_Safe_Online @@ -0,0 +1,49 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Stay safe</title> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h2>How to stay safe online</h2> + <h3>Date: 30:5:2024</h3> + <hr> + <h3>Introduction</h3> + <p>Computers are always at risk. No matter how much work you do or how hard you try, there will always be a way to hack your system. In this article I will share how I keep my computers safe and the tools I use to do so.</p> + <h3>Passwords</h3> + <p>Passwords are the main way people get into our computers and online accounts. So it is key to have strong passwords, so hackers have a hard time finding out what the passwords are. So what does a strong password consist of? A strong password should consist of a sequence of special characters (like?, #, and $) and normal characters. A strong password should also not have any words found in the dictionary, so that rules out many people's passwords.</p> + <p font color="#9433ff">An example of a weak password would be: <br> + <font color="white">Password123</font> + <p font color="#9433ff">And an example of a strong password would be: <br> + <font color="white">{gÙIjWÝ0ó{Ðö÷åQü9+òÀË×?̯Áv</font> + <p>Now you may be wondering, How the hell do I remember all of that, and for multiple accounts, none the less, well easily with KeePassXC? I personally use KeePassXC for my password management, mostly because it is offline, meaning you are not trusting a company with your data. I also find it very easy to use, and it has many features I like, for example, two-factor authentication, customisation options, and a password generator, all built into it.</p> + <h3>Browser</h3> + <p>Many people argue over what is the best browser for privacy, and many people have the argument over <a href="https://www.mozilla.org/en-US/firefox/new/">Firefox</a> or <a href="https://brave.com/">the Brave brower</a>, and there are many good arguments for one or the other. But personally, I do not take part in this debate because it is obvious what the best privacy-based browser is <a href="https://librewolf.net/">Librewolf</a>. The reason why Librewolf is better than Brave and Firefox is for a large number of reasons, mainly because the people who develop Librewolf care about privacy, and it comes with uBlock Origin, which is an ad block that is very useful.</p> + <h3>Conclusion</h3> + <p>That is all that I do to remain safe online, all the rest is common sense like not using windows, not downloading suspisous files online and not telling other people personal infomations. So I do hope you have enjoyed reading this and I will publish more articles in the future.</p> + <hr> + <h1>Resources</h1> + <p>Little note here, much of this artical is knowlage I have learnt overtime that is why there is a lack of resources.</p> + <h2>Books</h2> + <ul> + <li><a href="https://www.amazon.co.uk/Computer-Science-Workbook-Collins-Revision/dp/0008326819/ref=sr_1_9?keywords=collins+ocr+gcse+computer+science">Collin's GCSE revision for computer science</a></li> + <li><a href="https://keepassxc.org/docs/">Keepass Docs</a></li> + <li><a href="https://librewolf.net/docs/faq/">Librewolf Docs</a></li> + </ul> + </main> +</body> +</html> + diff --git a/public/articles/0How_To_Stay_Safe_Online b/public/articles/0How_To_Stay_Safe_Online @@ -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/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.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 @@ -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/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</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>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> - - <br><hr> - <h3>Date: 8:7:2024</h3> - <p>Hello there! It has been a little while since I last updated this page. I have added some of the resources I use today, so that is a plus for you to read if you are curious! But the main bit of news is that I have is that I have rewrote my programme <a href=../projects/programs/Fakefetch#info>Fakefetch</a> in the C programmeming language. It was a bit of a challenging, and I needed some help with troubleshooting, but I got there in the end. I have expanded on my notes, and when I am ready, I shall publish what I have done so far. But for now, that is all. Thank you for reading.</p> - - <font color="#800000">This page is still being updated as I learn more C so keep checking in! </font> - </section> - - <main id="main-content"> - <section id="resources"> - <p>This is a page full of resources I use to learn the C programming language.</p> - <h3>Websites</h3> - <ul> - <li><a href="https://freecomputerbooks.com/langCBooks.html">Freecomputerbooks.com</a></li> - <li><a href="https://www.learn-c.org/">learn-c.org</a></li> - </ul> - <h3>Reading material</h3> - <ul> - <li><a href="https://mirror.parrot.sh/parrot/misc/openbooks/programming/C_Programming.pdf">C programming</a></li> - <li><a href="https://www.gnu.org/software/gnu-c-manual/gnu-c-manual.html#hello_002ec">Gnu C refrance manual</a></li> - </ul> - - <h3>Videos</h3> - <p>For privacy reasons I have used yewtu.be which for now is more private then google's youtube.</p> - <ul> - <li><a href="https://yewtu.be/watch?v=KJgsSFOSQv0">C programming (freecodecamp)</a></li> - <li><a href="">C programming course (brocode)</a></li> - </ul> - </ul> - </section> - </main> - </div> - <script src="../script.js"></script> -</body> -</html> - diff --git a/public/articles/2Dwm b/public/articles/2Dwm @@ -1,59 +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/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</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>Switching to DWM</h2> - <h3>Date: 13/7/2024</h3> - <hr> - <p>It has been a little while since I have updated or added anything to the website, and this is due to the fact that I have been working on my configs, and so far I have them in such a way that I am happy with them. I have also been switching from <a href="https://qtile.org/">Qtile</a> to <a href="https://i3wm.org/">i3</a> to, well, <a href="https://dwm.suckless.org/">Dwm</a> now, which has been fun! The reason why I have switched to DWM is because it is written in C, and as my last article stated, I am currently learning C, so it's a win-win: I get a highly hackable window manager, and I get to learn more about C. I also just like how small it is in size because I have been considering doing a few projects in the future, that being, trying <a href="https://www.freebsd.org/">BSD</a>, <a href="https://www.linuxfromscratch.org/">LFS</a>, and <a href="https://www.gentoo.org/">Gentoo</a>, which DWM works on all of them; since two of them (LFS and Gentoo) require me to compile everything, this has not been the worst decision I have made.</p> - - <p><br>Here is my DWM config on my PC</p> - <img src="../Images/DWM/DWM.png" alt="Linux rice" height="450px"> - - <p>So far, I would say DWM is the perfect window manager for me. I do not see myself going back to Qtile or I3 any time soon because DWM has literally everything I would ever need and more, thanks to the amazing patches I am set up with. I have found it quite easy to configure it; it did take a little bit of time to get used to, but the people at Suckless have made it very easy to configure. I don't think I will be adding much to DWM from now on because I have it how I want currently, so I am pretty happy!</p> - - <p><br>That is all for this post thank you for reading, more posts to come!</p> - </section> - <main id="main-content"> - <section id="resources"> - <h3>Websites</h3> - <ul> - <li><a href="https://dwm.suckless.org/">suckless's DWM</a></li> - <li><a href="https://dwm.suckless.org/patches/">DWM patches</a></li> - </ul> - - </section> - </main> - </div> - <script src="../script.js"></script> -</body> -</html> - diff --git a/public/contact.html b/public/contact.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Contact</title> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="links.html">Links</a></li> + <li class="logo"><img src="Images/misc/logo.png" alt="Logo"></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <hr> + <h2>Contact:</h2> + <p>- Email: <a href="mailto:shipwreckt@mailfence.com">shipwreckt@mailfence.com</a></p> + <p>- Matrix: <a href="https://matrix.to/#/@shipwreckt:matrix.org">@shipwreckt:matrix.org</a></p> + <p>- Masterdon: <a href="https://mastodon.online/@shipwreckt">@shipwreck@mtastodon.online</a></p> + <hr> + <h2>Programming</h2> + <p>- Gitlab: <a href="https://gitlab.com/Shipwreckt">gitlab.com/shipwreckt</a></p> + <p>- Github: <a href="https://github.com/Shipwrecktt">github.com/shipwrecktt</a></p> + <p>- Freecodecamp: <a href="https://www.freecodecamp.org/Shipwreckt">freecodecamp.org/Shipwreckt</a></p> + <hr> + <h2>Bitcoin:</h2> + <p>bitcoin: <a href="about/bitcoin">bc1qfdeuda5hl0t6yxfmlx9rkh06fwhw2x7glpx0tn5555kc0dthz53qexwath?message=Shipwreckt</a></p> + </main> +</body> +</html> + diff --git a/public/index.html b/public/index.html @@ -3,129 +3,39 @@ <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"> + <title>Home page</title> <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> - - <h3>Some project ideas on my mind / Todo list</h3> - <ul> - <li>Getting PlayStation VR working under Linux</li> - <li>Work on learning the C programming language</li> - <li>Keep writing my Linux guide.</li> - <li>Test out <a href="https://pi-hole.net/">Pihole</a> on my wifi router</li> - </ul> - </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> - <a rel="me" href="https://matrix.to/#/@shipwreckt:matrix.org">Matrix</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/2Dwm#article">Switching to DWM</a></h2> - <p>Date: July 13h, 2024</p> - <p>This artical is just about Suckless's DWM and how I like it.</p> - </div> - - <div class="article"> - <h2><a href="articles/1Learning_C#article">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> + <header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="links.html">Links</a></li> + <li class="logo"><img src="Images/misc/logo.png" alt="Logo"></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <p> + Hello there, I am Shipwreckt a teenager from the UK. If you cannot tell I like to program and I am currently learning the C programming language and diffrent algerithems.</p> + <p><a href=about/software>Software</a> and <a href=about/hardware>hardware</a> that I use</p> + <section class="posts"> + <h2>Posts</h2> + <ul> + <li>13-07-2024 - <a href="posts/1dwm">Switching to DWM</a></li> + <li>10-06-2024 - <a href="posts/0learningC">Learning the C programming language</a></li> + </ul> + </section> + <section class="posts"> + <h2>Articals</h2> + <ul> + <li>30-05-2024 - <a href="articals/0How_To_Stay_Safe_Online">How to stay safe online</a></li> + </ul> + </section> + </main> </body> </html> diff --git a/public/links.html b/public/links.html @@ -0,0 +1,31 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Links</title> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="links.html">Links</a></li> + <li class="logo"><img src="Images/misc/logo.png" alt="Logo"></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <hr> + <h2>Links</h2> + <p>Other personal websites</p> + <ul> + <li><a href="https://tippfehlr.dev/">tippfehlr.dev</a></li> + </ul> + </main> +</body> +</html> + diff --git a/public/posts/0learningC b/public/posts/0learningC @@ -0,0 +1,54 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Learning C</title> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h2>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> + <br><hr> + <h3>Date: 8:7:2024</h3> + <p>Hello there! It has been a little while since I last updated this page. I have added some of the resources I use today, so that is a plus for you to read if you are curious! But the main bit of news is that I have is that I have rewrote my programme <a href=../projects/programs/Fakefetch#info>Fakefetch</a> in the C programmeming language. It was a bit of a challenging, and I needed some help with troubleshooting, but I got there in the end. I have expanded on my notes, and when I am ready, I shall publish what I have done so far. But for now, that is all. Thank you for reading.</p> + <font color="#800000">This page is still being updated as I learn more C so keep checking in! </font> + <hr> + <p>This is a section is full of resources I use to learn the C programming language.</p> + <h3>Websites</h3> + <ul> + <li><a href="https://freecomputerbooks.com/langCBooks.html">Freecomputerbooks.com</a></li> + <li><a href="https://www.learn-c.org/">learn-c.org</a></li> + </ul> + <h3>Reading material</h3> + <ul> + <li><a href="https://mirror.parrot.sh/parrot/misc/openbooks/programming/C_Programming.pdf">C programming</a></li> + <li><a href="https://www.gnu.org/software/gnu-c-manual/gnu-c-manual.html#hello_002ec">Gnu C refrance manual</a></li> + </ul> + <h3>Videos</h3> + <p>For privacy reasons I have used yewtu.be which for now is more private then google's youtube.</p> + <ul> + <li><a href="https://yewtu.be/watch?v=KJgsSFOSQv0">C programming (freecodecamp)</a></li> + <li><a href="">C programming course (brocode)</a></li> + </ul> + </main> +</body> +</html> + diff --git a/public/posts/1dwm b/public/posts/1dwm @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>DWM</title> + <link rel="stylesheet" href="../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../index.html">Home</a></li> + <li><a href="../links.html">Links</a></li> + <li><a href="../projects.html">Projects</a></li> + <li><a href="../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h2>Switching to DWM</h2> + <h3>Date: 13/7/2024</h3> + <hr> + <p>It has been a little while since I have updated or added anything to the website, and this is due to the fact that I have been working on my configs, and so far I have them in such a way that I am happy with them. I have also been switching from <a href="https://qtile.org/">Qtile</a> to <a href="https://i3wm.org/">i3</a> to, well, <a href="https://dwm.suckless.org/">Dwm</a> now, which has been fun! The reason why I have switched to DWM is because it is written in C, and as my last article stated, I am currently learning C, so it's a win-win: I get a highly hackable window manager, and I get to learn more about C. I also just like how small it is in size because I have been considering doing a few projects in the future, that being, trying <a href="https://www.freebsd.org/">BSD</a>, <a href="https://www.linuxfromscratch.org/">LFS</a>, and <a href="https://www.gentoo.org/">Gentoo</a>, which DWM works on all of them; since two of them (LFS and Gentoo) require me to compile everything, this has not been the worst decision I have made.</p> + <p><br>Here is my DWM config on my PC</p> + <img src="../Images/DWM/DWM.png" alt="Linux rice" height="450px"> + <p>So far, I would say DWM is the perfect window manager for me. I do not see myself going back to Qtile or I3 any time soon because DWM has literally everything I would ever need and more, thanks to the amazing patches I am set up with. I have found it quite easy to configure it; it did take a little bit of time to get used to, but the people at Suckless have made it very easy to configure. I don't think I will be adding much to DWM from now on because I have it how I want currently, so I am pretty happy!</p> + <p><br>That is all for this post thank you for reading, more posts to come!</p> + </main> +</body> +</html> + diff --git a/public/projects.html b/public/projects.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Projects</title> + <link rel="stylesheet" href="styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="links.html">Links</a></li> + <li class="logo"><img src="Images/misc/logo.png" alt="Logo"></li> + <li><a href="projects.html">Projects</a></li> + <li><a href="contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h1>Projects</h1> + <p>Below is a list of all my projects avaliable online.</p> + <hr> + <h2>Programming</h2> + <p>- <a href="projects/programs/dotfiles">Dotfiles</a><p> + <p>- <a href="projects/programs/fakefetch">Fakefetch script</a></p> + + <h2>Written works</h2> + <p>- <a href="projects/writing/weeklybyte/weeklybyte">Weekly Byte</a></p> + </main> +</body> +</html> + diff --git a/public/projects/WeeklyByte/2024/issue00WB b/public/projects/WeeklyByte/2024/issue00WB @@ -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/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.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/issue01WB b/public/projects/WeeklyByte/2024/issue01WB @@ -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/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.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/issue02WB b/public/projects/WeeklyByte/2024/issue02WB @@ -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/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.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 @@ -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/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.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/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/programs/Dotfiles b/public/projects/programs/Dotfiles @@ -1,40 +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/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.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> - </main> - - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/programs/Fakefetch b/public/projects/programs/Fakefetch @@ -1,90 +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/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="#images">Images</a></li> - <li><a href="#news">News</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 with the 'echo' commands which is like 'print' function in python if you do not know, so it was bascially bare minimun, 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 just rewrote it in C and low and behold 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 the C programming language unlike neofetch which is written in bash and due to the fact I have written Fakefetch in C it is way faster then neofetch. In the future I plan to add more features to Fakefetch and make it more user friendly. I do plan on making a Tui customizer at some point to make your own fakefetch script.</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 the C programming language; it is not a large program, only being one file large so far 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> - - <section id="news"> - <h2>Great rewrite</h2><h3>Date: 8/7/2024</h3> - <p>First post hello there! So yesterday there was a big update to Fakefetch, which involved me basically reprogramming the whole thing in the C programming language in my efforts to understand it more. Now the program might have some missing features compared to when it was written in bash, but in the coming week I will be adding more code to it and more features, so stay tuned in!</p> - </section> - - - </main> - </div> - <script src="../../script.js"></script> -</body> -</html> - diff --git a/public/projects/programs/dotfiles b/public/projects/programs/dotfiles @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Dotfiles</title> + <link rel="stylesheet" href="../../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../../index.html">Home</a></li> + <li><a href="../../links.html">Links</a></li> + <li><a href="../../projects.html">Projects</a></li> + <li><a href="../../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h2><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> + </main> +</body> +</html> + diff --git a/public/projects/programs/fakefetch b/public/projects/programs/fakefetch @@ -0,0 +1,43 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Fakefetch</title> + <link rel="stylesheet" href="../../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../../index.html">Home</a></li> + <li><a href="../../links.html">Links</a></li> + <li><a href="../../projects.html">Projects</a></li> + <li><a href="../../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h1>Fakefetch</h1><hr> + <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 with the 'echo' commands which is like 'print' function in python if you do not know, so it was bascially bare minimun, 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 just rewrote it in C and low and behold I have made my own mini neofetch program that I can use on all of my computers.</p> + <h3><b>What is Fakefetch</b></h3> + <p>Fakefetch is an alternative I have made to neofetch, it is written in the C programming language unlike neofetch which is written in bash and due to the fact I have written Fakefetch in C it is way faster then neofetch. In the future I plan to add more features to Fakefetch and make it more user friendly. I do plan on making a Tui customizer at some point to make your own fakefetch script.</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 the C programming language; it is not a large program, only being one file large so far 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> + <hr> + <h1>News</h1> + <h2>Great rewrite</h2><h3>Date: 8/7/2024</h3> + <p>First post hello there! So yesterday there was a big update to Fakefetch, which involved me basically reprogramming the whole thing in the C programming language in my efforts to understand it more. Now the program might have some missing features compared to when it was written in bash, but in the coming week I will be adding more code to it and more features, so stay tuned in!</p> + </main> +</body> +</html> + diff --git a/public/projects/writing/weeklybyte/2024/issue00WB b/public/projects/writing/weeklybyte/2024/issue00WB @@ -0,0 +1,94 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Issue 0</title> + <link rel="stylesheet" href="../../../../styles.css"> +</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="../weeklybyte">Back</a></li> + </ul> + </nav> + </header> + <main class="description"> + <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: <a href=https://archlinux.org>archlinux.org</a> + + 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> +</body> +</html> + diff --git a/public/projects/writing/weeklybyte/2024/issue01WB b/public/projects/writing/weeklybyte/2024/issue01WB @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Issue 1</title> + <link rel="stylesheet" href="../../../../styles.css"> +</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="../weeklybyte">Back</a></li> + </ul> + </nav> + </header> + <main class="description"> + <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> +</body> +</html> + diff --git a/public/projects/writing/weeklybyte/2024/issue02WB b/public/projects/writing/weeklybyte/2024/issue02WB @@ -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>Issue 2</title> + <link rel="stylesheet" href="../../../../styles.css"> +</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="../weeklybyte">Back</a></li> + </ul> + </nav> + </header> + <main class="description"> + <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> +</body> +</html> + diff --git a/public/projects/writing/weeklybyte/weeklybyte b/public/projects/writing/weeklybyte/weeklybyte @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Weekly Byte</title> + <link rel="stylesheet" href="../../../styles.css"> +</head> +<body> + <header> + <nav> + <ul> + <li><a href="../../../index.html">Home</a></li> + <li><a href="../../../links.html">Links</a></li> + <li><a href="../../../projects.html">Projects</a></li> + <li><a href="../../../contact.html">Contact</a></li> + </ul> + </nav> + </header> + <main class="description"> + <h2>Weekly Byte </h2> + <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> +</body> +</html> + diff --git a/public/script.js b/public/script.js @@ -1,27 +0,0 @@ -document.addEventListener("DOMContentLoaded", function() { - function loadSection() { - // Hide all sections - document.querySelectorAll('main > section').forEach(section => { - section.style.display = 'none'; - }); - - // Show the section based on the hash - const hash = window.location.hash.substring(1); - if (hash) { - const section = document.getElementById(hash); - if (section) { - section.style.display = 'block'; - } - } else { - // Default to showing the welcome section if no hash is present - document.getElementById('welcome').style.display = 'block'; - } - } - - // Load the correct section on initial page load - loadSection(); - - // Load the correct section when the hash changes - window.addEventListener('hashchange', loadSection); -}); - diff --git a/public/styles.css b/public/styles.css @@ -1,187 +1,87 @@ -/* Reset CSS */ +/* styles.css */ + body { - font-family: Arial, sans-serif; + background-color: #1f1f1f; + color: #e6e6e6; + font-family: 'FreeSerif', serif; margin: 0; padding: 0; - background-color: #141414; - color: #ffffff; - display: flex; -} - -/* Sidebar Styles */ -.sidebar { - position: fixed; - top: 0; - left: 0; - width: 240px; /* Default sidebar width */ - height: 100%; - background-color: #141414; - padding-top: 20px; - box-shadow: 2px 0 5px rgba(0, 0, 0, 0.5); - transition: width 0.3s ease; -} - -.sidebar hr { - width: 72%; -} -.sidebar:hover { - width: 300px; -} - -.sidebar h2 { - color: #7a4d7c; - text-align: center; - margin-bottom: 20px; -} - -.sidebar ul { - list-style-type: none; - padding: 0; - margin: 0; -} - - -.sidebar ul li { - padding: 10px; - text-align: center; -} - -.sidebar ul li a { - color: #ffffff; - text-decoration: none; - display: block; - padding: 10px 0; -} - -.sidebar ul li a:hover { - background-color: #7a4d7c; - color: #f9f9f9; -} - -/* Content Styles */ -.content { - margin-left: 240px; - padding: 20px; - flex: 1; + max-width: 900px; + margin: 0 auto; + padding: 0 20px; } header { - background-color: #191919; - padding: 10px; - text-align: center; - z-index: 1000; - width: 100%; -} - -header a { - color: #ffffff; - text-align: center; - text-decoration: none; -} - -header hr { - width: 50%; text-align: center; + padding: 20px; } -header h1 { - margin: 0; - color: #ffffff; +.title { + font-size: 36px; + font-family: 'Arial Black', sans-serif; + color: #C4A000; } -header h1 span { - color: #d1a1d3; +nav ul li.logo img { + max-height: 70px; } nav ul { - list-style-type: none; + list-style: none; padding: 0; - text-align: center; - margin: 0; - display: flex; - justify-content: center; -} - -nav ul li { - margin: 0 10px; } -nav ul li a { - color: #ffffff; +a { + color: #716181; text-decoration: none; - padding: 10px 20px; - display: block; -} - -nav ul li a:hover { - background-color: #7a4d7c; - color: #f9f9f9; - border-radius: 5px; } -/* Main Content Styles */ -main { - padding: 20px; - margin-top: 20px; -} - -main h1, main h2, main h3 { - color: #7a4d7c; +a:hover { + text-decoration: underline; } -main p { - margin: 10px 0; - color: #cacaca +nav ul li { + display: inline; + margin-right: 35px; } -main a { - color: #9433ff; +nav ul li a { + color: #716181; text-decoration: none; } -main a:hover { - text-decoration: underline; +.description { + margin: 20px auto; + font-size: 18px; + max-width: 90%; + padding: 0 10px; } -/* About Section Styles */ -.about-content { - display: flex; - align-items: center; - flex-direction: row-reverse; +.posts h2 { + font-size: 24px; + padding-bottom: 5px; } -/* Images */ -.about-image { - margin-left: 20px; - margin-right: 30px; +.posts { + border-top: 1px solid #C0C0C0; + padding-top: 10px; } -.about-image img { - width: 200px; - height: auto; - border-radius: 50%; - border: 5px solid #7a4d7c; +.posts ul { + list-style: none; + padding: 0; } -.space-image{ - margin: 10px; /* Adjust the space around images */ -} -/* Article Styles */ -.article { - background-color: #171717; - padding: 20px; - margin-bottom: 20px; /* Margin between articles */ - border-radius: 10px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Box shadow */ +.posts ul li { + margin-bottom: 10px; } -#Articles a { - color: #7a4d7c; +.posts ul li a { + color: #716181; + text-decoration: none; } -#Articles a:hover { - color: #9433ff; +.posts ul li a:hover { + text-decoration: underline; } - -
