style overhaul

author: Shipwreckt <Shipwreckt@mailfence.com> 2024-05-27 22:07:54 +0100
committer: Shipwreckt <Shipwreckt@mailfence.com> 2024-05-27 22:07:54 +0100
commit: 1cfeaa83cd59c1d5b8ffbaa16f2385c6b2f84e4d (patch)
tree: 7a32305ae75d0dbf703ddf6437ec3d63d5af89a3 /public/about
parent: c9df72b87c8715ac1d7bbf5a88ccdc0ab75d4e88 (diff)
2 files changed, 84 insertions, 100 deletions
diff --git a/public/about/hardware b/public/about/hardware
index dade385..c358096 100644
--- a/public/about/hardware
+++ b/public/about/hardware
@@ -1,38 +1,34 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
+<!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="../logo.jpg" type="image/x-icon">
-    
-    <!-- styles -->
-    <link href="../style.css" rel="stylesheet" type="text/css" />
-
-    <!-- jQuery -->
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>    
-
-  </head>
-  
-  <body>
-
-    <header id="header">
-      <img src="../logo.jpg">
-      <h1>Shipwreckt</h1>
-      
-      <!-- Menu selection  -->
-      <ul class="main-menu">
-        <li><a href="../index#home">Home</a></li>
-        <li><a href="../index#about">About</a></li>
-        <li><a href="../index#projects">Projects</a></li>
-        <li><a href="../index#contact">Contact</a></li>
-      </ul>                 
-
-</header>
-
-    <div id="container">
-      <div class="inner">
-        <div id="content"> 
-            <h3>Hardware</h3>
+    <link rel="icon" href="../Images/logo.jpg" type="image/x-icon">
+    <link rel="stylesheet" href="../styles.css">
+</head>
+<body>
+    <div class="sidebar">
+        <h2>Table of Contents</h2>
+        <ul>
+            <li><a href="../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>Shipwreckt</h1>
+            <nav>
+                <ul>
+                    <li><a href="../index.html">Home</a></li>
+                    <li><a href="../index.html#projects">projects</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
@@ -40,12 +36,9 @@
             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>
-          </div>
-      </div>
+        </main>
     </div>
-
-    <!-- Load additional JS scripts here -->
-    <script type="text/javascript" src="../script.js"></script>
-    
-  </body>
+    <script src="script.js"></script>
+</body>
 </html>
+
diff --git a/public/about/software b/public/about/software
index 9c77655..a0ff903 100644
--- a/public/about/software
+++ b/public/about/software
@@ -1,95 +1,86 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
+<!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="../logo.jpg" type="image/x-icon">
-    
-    <!-- styles -->
-    <link href="../style.css" rel="stylesheet" type="text/css" />
-
-    <!-- jQuery -->
-    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>    
-
-  </head>
-  
-  <body>
-
-    <header id="header">
-      <img src="../logo.jpg">
-      <h1>Shipwreckt</h1>
-      
-      <!-- Menu selection  -->
-      <ul class="main-menu">
-        <li><a href="../index.html#home">Home</a></li>
-        <li><a href="../index.html#about">About</a></li>
-        <li><a href="../index.html#projects">Projects</a></li>
-        <li><a href="../index.html#contact">Contact</a></li>
-      </ul>                 
-
-</header>
-    <div id="container">
-      <div class="inner">
-        <div id="content">
-
-            <h2>Software</h2>
-            <p><b>Linux distro</b><br>
+    <link rel="icon" href="../Images/logo.jpg" type="image/x-icon">
+    <link rel="stylesheet" href="../styles.css">
+</head>
+<body>
+    <div class="sidebar">
+        <h2>Table of Contents</h2>
+        <ul>
+            <li><a href="../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>Shipwreckt</h1>
+            <nav>
+                <ul>
+                    <li><a href="../index.html">Home</a></li>
+                    <li><a href="../index.html#projects">projects</a></li>
+                    <li><a href="../index.html#contact">Contact</a></li>
+                </ul>
+            </nav>
+        </header>
+        <main id="main-content">
+                    <h2>Software</h2>
+            <h3>Linux distro</h3>
             I use arch, 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.
 
-            <p><b>Web browser</b><br>
-            For my web browser is <a href "https://librewolf.net/">librewolf</a> the only browser that
+            <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 
+            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>
 
-            <p><b>IDE</b><br>My IDE is Vim, it is a good all around program to use, it is fast to work with and is very
+            <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>
 
-            <p><b>Password manager</b><br>
-            I use <a href="https://keepassxc.org/">KeePassXC</a> for managing my passwords, I
+            <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>
 
-            <p><b>File manager</b><br>
-            For my file manager, I use <a href ="https://github.com/ranger/ranger">Ranger</a>.
+            <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>
-            <p><b>Status bar</b><br>
-            <a href "https://github.com/polybar">Polybar</a>
+            <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>
 
-            <p><b>App launcher</b><br>
-            I use <a href "https://github.com/davatorium/rofi">rofi</a> for my app launcher because
+            <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>
 
-            <p><b>Xorg or Wayland?</b><br>
-            I like Wayland; it is smooth and modern. But I do not think it is fully there yet, so for
+            <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> 
- 
-          </div>
-          
-        </div>
-      </div>
+        </main>
     </div>
-
-    <!-- Load additional JS scripts here -->
-    <script type="text/javascript" src="script.js"></script>
-    
-  </body>
+    <script src="script.js"></script>
+</body>
 </html>
+
author	Shipwreckt <Shipwreckt@mailfence.com>	2024-05-27 22:07:54 +0100
committer	Shipwreckt <Shipwreckt@mailfence.com>	2024-05-27 22:07:54 +0100
commit	1cfeaa83cd59c1d5b8ffbaa16f2385c6b2f84e4d (patch)
tree	7a32305ae75d0dbf703ddf6437ec3d63d5af89a3 /public/about
parent	c9df72b87c8715ac1d7bbf5a88ccdc0ab75d4e88 (diff)