dark mode website

smparkin.xcodeproj/project.xcworkspace/xcshareddata/swiftpm/Package.resolved

@@ -1,12 +1,13 @@
 {
+  "originHash" : "72522807f64a92bdddb842babbc3889aa60e931be5959af76e1c0e4b69bca532",
   "pins" : [
     {
       "identity" : "async-http-client",
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/swift-server/async-http-client.git",
       "state" : {
-        "revision" : "291438696abdd48d2a83b52465c176efbd94512b",
+        "revision" : "a22083713ee90808d527d0baa290c2fb13ca3096",
-        "version" : "1.20.1"
+        "version" : "1.21.1"
       }
     },
     {
@@ -23,8 +24,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/vapor/console-kit.git",
       "state" : {
-        "revision" : "a31f44ebfbd15a2cc0fda705279676773ac16355",
+        "revision" : "9c24ac496c97cfb49c1bd5e7162008bb50abafc8",
-        "version" : "4.14.1"
+        "version" : "4.14.2"
       }
     },
     {
@@ -41,8 +42,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/vapor/leaf-kit.git",
       "state" : {
-        "revision" : "547a1340b3a063ca738be4351660f59179c8dc34",
+        "revision" : "547e48cc5f8d98380dd8a7226ce630d3aa3b2245",
-        "version" : "1.10.3"
+        "version" : "1.10.6"
       }
     },
     {
@@ -59,8 +60,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/vapor/routing-kit.git",
       "state" : {
-        "revision" : "2a92a7eac411a82fb3a03731be5e76773ebe1b3e",
+        "revision" : "8c9a227476555c55837e569be71944e02a056b72",
-        "version" : "4.9.0"
+        "version" : "4.9.1"
       }
     },
     {
@@ -95,8 +96,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-crypto.git",
       "state" : {
-        "revision" : "cc76b894169a3c86b71bac10c78a4db6beb7a9ad",
+        "revision" : "bc1c29221f6dfeb0ebbfbc98eb95cd3d4967868e",
-        "version" : "3.2.0"
+        "version" : "3.4.0"
       }
     },
     {
@@ -104,8 +105,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-http-types",
       "state" : {
-        "revision" : "12358d55a3824bd5fed310b999ea8cf83a9a1a65",
+        "revision" : "9bee2fdb79cc740081abd8ebd80738063d632286",
-        "version" : "1.0.3"
+        "version" : "1.1.0"
       }
     },
     {
@@ -122,8 +123,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-metrics.git",
       "state" : {
-        "revision" : "971ba26378ab69c43737ee7ba967a896cb74c0d1",
+        "revision" : "eb18581491dfb266a2342f74e0bdd42c14798297",
-        "version" : "2.4.1"
+        "version" : "2.4.2"
       }
     },
     {
@@ -131,8 +132,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-nio.git",
       "state" : {
-        "revision" : "635b2589494c97e48c62514bc8b37ced762e0a62",
+        "revision" : "359c461e5561d22c6334828806cc25d759ca7aa6",
-        "version" : "2.63.0"
+        "version" : "2.65.0"
       }
     },
     {
@@ -140,8 +141,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-nio-extras.git",
       "state" : {
-        "revision" : "363da63c1966405764f380c627409b2f9d9e710b",
+        "revision" : "a3b640d7dc567225db7c94386a6e71aded1bfa63",
-        "version" : "1.21.0"
+        "version" : "1.22.0"
       }
     },
     {
@@ -149,8 +150,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-nio-http2.git",
       "state" : {
-        "revision" : "0904bf0feb5122b7e5c3f15db7df0eabe623dd87",
+        "revision" : "c6afe04165c865faaa687b42c32ed76dfcc91076",
-        "version" : "1.30.0"
+        "version" : "1.31.0"
       }
     },
     {
@@ -167,8 +168,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/apple/swift-nio-transport-services.git",
       "state" : {
-        "revision" : "6cbe0ed2b394f21ab0d46b9f0c50c6be964968ce",
+        "revision" : "38ac8221dd20674682148d6451367f89c2652980",
-        "version" : "1.20.1"
+        "version" : "1.21.0"
       }
     },
     {
@@ -194,8 +195,8 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/vapor/vapor.git",
       "state" : {
-        "revision" : "3a7da193a2937472b252b8db210897e7abf37b47",
+        "revision" : "5bc1dfa47e533ed1d20151ebdaff372e900472d9",
-        "version" : "4.92.4"
+        "version" : "4.99.3"
       }
     },
     {
@@ -203,10 +204,10 @@
       "kind" : "remoteSourceControl",
       "location" : "https://github.com/vapor/websocket-kit.git",
       "state" : {
-        "revision" : "53fe0639a98903858d0196b699720decb42aee7b",
+        "revision" : "4232d34efa49f633ba61afde365d3896fc7f8740",
-        "version" : "2.14.0"
+        "version" : "2.15.0"
       }
     }
   ],
-  "version" : 2
+  "version" : 3
 }

smparkin/Views/home.leaf

@@ -1,96 +1,118 @@
-<!DOCTYPE html>
+<!doctype html>
-<html>
+<html lang="en">
-<head>
+    <head>
-<title>Stephen Parkinson</title>
+        <meta charset="UTF-8" />
-<meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-<meta name="viewport" content="width=device-width, initial-scale=1">
+        <title>Stephen Parkinson</title>
-<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+        <style>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
+            body {
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+                margin: 0;
-<style>
+                font-family: Arial, sans-serif;
-body,h1,h2,h3,h4,h5,h6 {font-family: "Raleway", sans-serif}
+                background-color: #121212;
-</style>
+                color: #ffffff;
-</head>
+            }
-<body class="w3-light-grey w3-content" style="max-width:1600px">
+            header {
-
+                background-color: #1e1e1e;
-<!-- Sidebar/menu -->
+                padding: 20px;
-<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"><br>
+                text-align: center;
-  <div class="w3-container">
+                border-bottom: 2px solid #9370db;
-    <a href="#" onclick="w3_close()" class="w3-hide-large w3-right w3-jumbo w3-padding w3-hover-grey" title="close menu">
+            }
-      <i class="fa fa-remove"></i>
+            header h1 {
-    </a>
+                margin: 0;
-    <img src="/images/me.jpg" style="width:45%;" class="w3-round"><br><br>
+                color: #9370db;
-    <h4><b>Stephen Parkinson</b></h4>
+            }
-    <p class="w3-text-grey">Software Engineer</p>
+            header img {
-  </div>
+                max-width: 150px;
-  <div class="w3-bar-block">
+                height: auto;
-    <a href="#about" onclick="w3_close()" class="w3-bar-item w3-button w3-padding"><i class="fa fa-user fa-fw w3-margin-right"></i>ABOUT</a> 
+                border-radius: 50%;
-  </div>
+                border: 2px solid #9370db;
-  <div class="w3-panel w3-large">
+                margin: 10px 0;
-    <a href="https://www.linkedin.com/in/stephen-parkinson/">
+            }
-      <i class="fa fa-linkedin w3-hover-opacity"></i>
+            nav {
-    </a>
+                display: flex;
-  </div>
+                justify-content: center;
-</nav>
+                flex-wrap: wrap;
-
+                margin: 20px 0;
-<!-- Overlay effect when opening sidebar on small screens -->
+            }
-<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
+            nav a {
-
+                color: #9370db;
-<!-- !PAGE CONTENT! -->
+                text-decoration: none;
-<div class="w3-main" style="margin-left:300px">
+                margin: 5px 15px;
-
+                padding: 10px 20px;
-  <!-- Header -->
+                border: 1px solid #9370db;
-  <header id="portfolio">
+                border-radius: 5px;
-    <a href="#"><img src="/images/me.jpg" style="width:65px;" class="w3-circle w3-right w3-margin w3-hide-large w3-hover-opacity"></a>
+                transition: background-color 0.3s, color 0.3s;
-    <span class="w3-button w3-hide-large w3-xxlarge w3-hover-text-grey" onclick="w3_open()"><i class="fa fa-bars"></i></span>
+            }
-    <div class="w3-container">
+            nav a:hover {
-    <h1><b></b></h1>
+                background-color: #9370db;
-    </div>
+                color: #ffffff;
+            }
+            section {
+                max-width: 800px;
+                margin: 40px auto;
+                padding: 20px;
+                background-color: #1e1e1e;
+                border-radius: 10px;
+                box-sizing: border-box;
+            }
+            section img {
+                max-width: 100%;
+                height: auto;
+                display: block;
+                margin: 0 auto 20px auto;
+                border-radius: 10px;
+                border: 2px solid #9370db;
+            }
+            footer {
+                text-align: center;
+                padding: 20px;
+                background-color: #1e1e1e;
+                border-top: 2px solid #9370db;
+            }
+        </style>
+    </head>
+    <body>
+        <header>
+            <img
+                src="/images/me.jpg"
+                alt="Stephen Parkinson"
+            />
+            <h1>Stephen Parkinson</h1>
+            <p>Systems Development Engineer</p>
         </header>
-
+        <nav>
-  <!-- About -->
+            <a href="#about">About Me</a>
-  <div class="w3-row-padding w3-padding-16" id="about">
+            <a href="#contact">Contact</a>
-    <div class="w3-col m6">
+        </nav>
-      <img src="/images/trees.jpg" alt="A picture I took" style="width:100%">
+        <section id="about">
-    </div>
+            <h2>About Me</h2>
-  </div>
-
-  <div class="w3-container w3-padding-large" style="margin-bottom:32px">
-    <h4><b>About Me</b></h4>
             <p>I'm doing a lot of stuff with computers right now.</p>
-    <hr>
+        </section>
-  </div>
+        <section id="image">
-  
+            <img
-  <!-- Contact Section -->
+                src="images/trees.jpg"
-  <div class="w3-container w3-padding-large w3-grey">
+                alt="Project Image"
-    <h4 id="contact"><b>Contact Me</b></h4>
+            />
-    <div class="w3-row-padding w3-center w3-padding-24" style="margin:0 -16px">
+        </section>
-      <div class="w3-third w3-dark-grey">
+        <section id="contact">
-        <a href="mailto:stephen@smpark.in">
+            <h2>Contact</h2>
-          <p><i class="fa fa-envelope w3-xxlarge w3-text-light-grey"></i></p>
+            <p>
-          <p>stephen@smpark.in</p>
+                Connect with me on
-        </a>
+                <a
-      </div>
+                    href="https://www.linkedin.com/in/stephen-parkinson"
-    </div>
+                    target="_blank"
-  </div>
+                    >LinkedIn</a
-  
+                >.
-  <div class="w3-black w3-center w3-padding-24">Powered by <a href="https://www.w3schools.com/w3css/default.asp" title="W3.CSS" target="_blank" class="w3-hover-opacity">w3.css</a></div>
+            </p>
-
+            <p>
-<!-- End page content -->
+                Check out my work on
-</div>
+                <a href="https://github.com/stephen-parkinson" target="_blank"
-
+                    >GitHub</a
-<script>
+                >.
-// Script to open and close sidebar
+            </p>
-function w3_open() {
+        </section>
-    document.getElementById("mySidebar").style.display = "block";
+        <footer>
-    document.getElementById("myOverlay").style.display = "block";
+            <p>&copy; 2024 Stephen Parkinson. All rights reserved.</p>
-}
+        </footer>
- 
+    </body>
-function w3_close() {
-    document.getElementById("mySidebar").style.display = "none";
-    document.getElementById("myOverlay").style.display = "none";
-}
-</script>
-
-</body>
 </html>