diff options
| author | Shipwreckt <Shipwreckt@mailfence.com> | 2024-07-17 17:39:54 +0100 |
|---|---|---|
| committer | Shipwreckt <Shipwreckt@mailfence.com> | 2024-07-17 17:39:54 +0100 |
| commit | b61aca6682042e415e52b4546255b2a0bcd7b42a (patch) | |
| tree | 7e141aa190061223575a5e7539be33131abdf8f8 /public/about | |
| parent | b663eae365f70f13ed4a3447198dff0a32d203eb (diff) | |
Website overhaul
Diffstat (limited to 'public/about')
| -rw-r--r-- | public/about/Bitcoin | 42 | ||||
| -rw-r--r-- | public/about/bitcoin | 29 | ||||
| -rw-r--r-- | public/about/hardware | 49 | ||||
| -rw-r--r-- | public/about/software | 121 |
4 files changed, 95 insertions, 146 deletions
diff --git a/public/about/Bitcoin b/public/about/Bitcoin deleted file mode 100644 index 5c8caf3..0000000 --- a/public/about/Bitcoin +++ /dev/null @@ -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 new file mode 100644 index 0000000..f637429 --- /dev/null +++ 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 index bb4208a..b2424a0 100644 --- 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 index 9dafa68..c48f7ee 100644 --- 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> |