feat: Move solana create transaction to new file

Make api endpoints more consistent

blog.py

@@ -48,7 +48,7 @@ def fix_numbered_lists(html):
     # Find the <p> tag containing numbered steps
     paragraphs = soup.find_all('p')
     for p in paragraphs:
-        content = p.decode_contents()
+        content = p.decode_contents() # type: ignore
 
         # Check for likely numbered step structure
         if re.search(r'1\.\s', content):

mail.py

@@ -22,7 +22,11 @@ import os
 # }'
 
 def validateSender(email):
-    domains = os.getenv("EMAIL_DOMAINS").split(",")
+    domains = os.getenv("EMAIL_DOMAINS")
+    if not domains:
+        return False
+    
+    domains = domains.split(",")
     for domain in domains:
         if re.match(r".+@" + domain, email):
             return True
@@ -84,8 +88,17 @@ def sendEmail(data):
     
     # Sending the email
     try:
-        with smtplib.SMTP_SSL(os.getenv("EMAIL_SMTP"), 465) as server:
+        host = os.getenv("EMAIL_SMTP")
-            server.login(os.getenv("EMAIL_USER"), os.getenv("EMAIL_PASS"))
+        user = os.getenv("EMAIL_USER")
+        password = os.getenv("EMAIL_PASS")
+        if host is None or user is None or password is None:
+            return jsonify({
+                "status": 500,
+                "error": "Email server not configured"
+            })
+
+        with smtplib.SMTP_SSL(host, 465) as server:
+            server.login(user, password)
             server.sendmail(fromEmail, to, msg.as_string())
         print("Email sent successfully.")
         return jsonify({

main.py

@@ -17,8 +17,8 @@ class GunicornApp(BaseApplication):
 
     def load_config(self):
         for key, value in self.options.items():
-            if key in self.cfg.settings and value is not None:
+            if key in self.cfg.settings and value is not None: # type: ignore
-                self.cfg.set(key.lower(), value)
+                self.cfg.set(key.lower(), value) # type: ignore
 
     def load(self):
         return self.application

now.py

@@ -2,7 +2,6 @@ import os
 from flask import render_template
 from datetime import datetime
 
-
 def list_now_page_files():
     now_pages = os.listdir("templates/now")
     now_pages = [
@@ -24,7 +23,6 @@ def get_latest_now_date(formatted=False):
         return date
     return list_now_dates()[0]
 
-#region Rendering
 def render_now_page(date,handshake_scripts=None):
     # If the date is not available, render the latest page
     if date is None:
@@ -40,9 +38,6 @@ def render_now_page(date,handshake_scripts=None):
     date_formatted = date_formatted.strftime("%A, %B %d, %Y")
     return render_template(f"now/{date}.html",DATE=date_formatted,handshake_scripts=handshake_scripts)
 
-
 def render_latest_now(handshake_scripts=None):
     now_page = list_now_dates()[0]
     return render_now_page(now_page,handshake_scripts=handshake_scripts)
-
-#endregion

sol.py

@@ -0,0 +1,45 @@
+from solders.keypair import Keypair
+from solders.pubkey import Pubkey
+from solana.rpc.api import Client
+from solders.system_program import TransferParams, transfer
+from solders.transaction import Transaction
+from solders.hash import Hash
+from solders.message import MessageV0
+from solders.transaction import VersionedTransaction
+from solders.null_signer import NullSigner
+import binascii
+import base64
+import os
+
+SOLANA_ADDRESS = None
+if os.path.isfile(".well-known/wallets/SOL"):
+    with open(".well-known/wallets/SOL") as file:
+        address = file.read()
+    SOLANA_ADDRESS = Pubkey.from_string(address.strip())
+
+def create_transaction(sender_address: str, amount: float) -> str:
+    if SOLANA_ADDRESS is None:
+        raise ValueError("SOLANA_ADDRESS is not set. Please ensure the .well-known/wallets/SOL file exists and contains a valid address.")
+    # Create transaction
+    sender = Pubkey.from_string(sender_address)
+    transfer_ix = transfer(
+        TransferParams(
+            from_pubkey=sender, to_pubkey=SOLANA_ADDRESS, lamports=int(
+                amount * 1000000000)
+        )
+    )
+    solana_client = Client("https://api.mainnet-beta.solana.com")
+    blockhashData = solana_client.get_latest_blockhash()
+    blockhash = blockhashData.value.blockhash
+
+    msg = MessageV0.try_compile(
+        payer=sender,
+        instructions=[transfer_ix],
+        address_lookup_table_accounts=[],
+        recent_blockhash=blockhash,
+    )
+    tx = VersionedTransaction(message=msg, keypairs=[NullSigner(sender)])
+    tx = bytes(tx).hex()
+    raw_bytes = binascii.unhexlify(tx)
+    base64_string = base64.b64encode(raw_bytes).decode("utf-8")
+    return base64_string

templates/assets/js/loading-enhanced.js

@@ -1,154 +0,0 @@
-document.addEventListener("DOMContentLoaded", function() {
-    const loadingScreen = document.getElementById("loading-screen");
-    
-    // Terminal simulation data
-    const commands = [
-        { pre: '┌──(<span class="blue">nathan@NWTux</span>)-[<span class="white">~</span>]', message: "cd Git" },
-        { pre: '┌──(<span class="blue">nathan@NWTux</span>)-[<span class="white">~/Git</span>]', message: "cd Nathanwoodburn.github.io" },
-        { pre: '┌──(<span class="blue">nathan@NWTux</span>)-[<span class="white">~/Git/Nathanwoodburn.github.io</span>]', message: "python3 main.py" }
-    ];
-    
-    const serverMessages = [
-        "Starting server with 1 workers and 2 threads",
-        "+0000] [1] [INFO] Starting gunicorn 22.0.0",
-        "+0000] [1] [INFO] Listening at: http://0.0.0.0:5000 (1)",
-        "+0000] [1] [INFO] Using worker: gthread",
-        "+0000] [8] [INFO] Booting worker with pid: 8",
-        "Preloading assets for faster navigation..."
-    ];
-    
-    let currentCommand = 0;
-    let assetsLoaded = false;
-    let terminalComplete = false;
-    
-    // Enhanced asset preloading function
-    function preloadAssets() {
-        const assets = [
-            // Additional CSS files that might not be in preload
-            '/assets/css/animate.min.min.css',
-            '/assets/css/fixes.min.css',
-            '/assets/css/Footer-Dark-icons.min.css',
-            '/assets/css/GridSystem-1.min.css',
-            // Font files
-            '/assets/fonts/fa-solid-900.woff2',
-            '/assets/fonts/fa-brands-400.woff2',
-            '/assets/fonts/fa-regular-400.woff2'
-        ];
-        
-        let loadedCount = 0;
-        const totalAssets = assets.length;
-        
-        function onAssetLoad() {
-            loadedCount++;
-            if (loadedCount === totalAssets) {
-                assetsLoaded = true;
-                checkReadyToRedirect();
-            }
-        }
-        
-        // Load additional assets
-        assets.forEach(assetUrl => {
-            const link = document.createElement('link');
-            link.rel = 'preload';
-            link.as = assetUrl.endsWith('.css') ? 'style' : 
-                     assetUrl.endsWith('.js') ? 'script' : 
-                     assetUrl.includes('/fonts/') ? 'font' : 'fetch';
-            if (link.as === 'font') {
-                link.crossOrigin = 'anonymous';
-            }
-            link.href = assetUrl;
-            link.onload = onAssetLoad;
-            link.onerror = onAssetLoad; // Count errors as loaded to prevent hanging
-            document.head.appendChild(link);
-        });
-        
-        // If no additional assets, mark as loaded
-        if (totalAssets === 0) {
-            assetsLoaded = true;
-            checkReadyToRedirect();
-        }
-    }
-    
-    function checkReadyToRedirect() {
-        if (assetsLoaded && terminalComplete) {
-            setTimeout(redirectToIndex, 200);
-        }
-    }
-    
-    function getCurrentTime() {
-        const now = new Date();
-        return `${now.getUTCFullYear()}-${String(now.getUTCMonth() + 1).padStart(2, '0')}-${String(now.getUTCDate()).padStart(2, '0')} ${String(now.getUTCHours()).padStart(2, '0')}:${String(now.getUTCMinutes()).padStart(2, '0')}:${String(now.getUTCSeconds()).padStart(2, '0')}`;
-    }
-    
-    function displayServerMessages(messages, callback) {
-        const timestamp = getCurrentTime();
-        
-        for (let i = 0; i < messages.length; i++) {
-            const messageDiv = document.createElement("div");
-            messageDiv.classList.add("loading-line");
-            messageDiv.innerHTML = i !== 0 ? "[" + timestamp + "] " + messages[i] : messages[i];
-            loadingScreen.appendChild(messageDiv);
-        }
-        
-        callback();
-    }
-    
-    function redirectToIndex() {
-        if (window.location.pathname === "/") {
-            window.location.reload();
-        } else {
-            window.location.href = "/";
-        }
-    }
-    
-    // Event listeners for manual redirect
-    window.addEventListener("keypress", redirectToIndex);
-    
-    if (window.innerWidth < 768) {
-        console.log("Screen width is less than 768px, allowing click to redirect");
-        window.addEventListener("click", redirectToIndex);
-    }
-    
-    function typeCommand(command, callback) {
-        const preDiv = document.createElement("div");
-        preDiv.classList.add("loading-pre");
-        preDiv.innerHTML = command.pre;
-        loadingScreen.appendChild(preDiv);
-        
-        const commandDiv = document.createElement("div");
-        commandDiv.classList.add("loading-line");
-        commandDiv.innerHTML = '└─<span class="blue">$</span> <span class="cursor"></span>';
-        loadingScreen.appendChild(commandDiv);
-        
-        let charIndex = 0;
-        const typeInterval = setInterval(() => {
-            commandDiv.removeChild(commandDiv.querySelector(".cursor"));
-            commandDiv.innerHTML += command.message[charIndex] + '<span class="cursor"></span>';
-            charIndex++;
-            
-            if (charIndex === command.message.length) {
-                commandDiv.removeChild(commandDiv.querySelector(".cursor"));
-                clearInterval(typeInterval);
-                callback();
-            }
-        }, 50);
-    }
-    
-    function runTerminalSimulation() {
-        if (currentCommand < commands.length) {
-            typeCommand(commands[currentCommand], () => {
-                currentCommand++;
-                setTimeout(runTerminalSimulation, 200);
-            });
-        } else {
-            displayServerMessages(serverMessages, () => {
-                terminalComplete = true;
-                checkReadyToRedirect();
-            });
-        }
-    }
-    
-    // Start the loading process
-    preloadAssets();
-    runTerminalSimulation();
-});

templates/blog/blog.html

@@ -53,6 +53,7 @@ Find something interesting to read. Or maybe check one of my tutorials">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/blog/template.html

@@ -54,6 +54,7 @@ Find something interesting to read. Or maybe check one of my tutorials">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/donate.html

@@ -51,6 +51,7 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/hosting.html

@@ -0,0 +1,390 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en-au" style="height: 100%;">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>Nathan.Woodburn/</title>
+    <meta name="theme-color" content="#000000">
+    <link rel="canonical" href="https://nathan.woodburn.au/hosting">
+    <meta property="og:url" content="https://nathan.woodburn.au/hosting">
+    <meta name="fediverse:creator" content="@nathanwoodburn@mastodon.woodburn.au">
+    <meta name="twitter:description" content="G'day, this is my personal website. You can find out about me or check out some of my projects.">
+    <meta property="og:title" content="Nathan.Woodburn/">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <meta property="og:type" content="website">
+    <meta name="twitter:title" content="Nathan.Woodburn/">
+    <meta property="og:description" content="G'day, this is my personal website. You can find out about me or check out some of my projects.">
+    <meta name="description" content="G'day, this is my personal website. You can find out about me or check out some of my projects.">
+    <meta property="og:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicon/android-chrome-512x512.png">
+    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
+    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap">
+    <link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/assets/css/styles.min.css">
+    <link rel="stylesheet" href="/assets/css/brand-reveal.min.css">
+    <link rel="stylesheet" href="/assets/css/profile.min.css">
+    <link rel="stylesheet" href="/assets/css/Social-Icons.min.css">
+<link rel="me" href="https://mastodon.woodburn.au/@nathanwoodburn" />
+<script async src="https://umami.woodburn.au/script.js" data-website-id="6a55028e-aad3-481c-9a37-3e096ff75589"></script>
+</head>
+
+<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77" style="display: flex;flex-direction: column;">{{handshake_scripts | safe}}
+    <nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);">
+        <div class="container-fluid"><a class="navbar-brand" href="/#">
+                <div style="padding-right: 1em;display: inline-flex;">
+                    <div class="slider"><span>/</span></div><span class="brand">Nathan.Woodburn</span>
+                </div>
+            </a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+    <section class="text-center content-section" style="background: #110033;padding-bottom: 100px;flex: 1;display: flex;flex-direction: column;justify-content: center;">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 mx-auto">
+                    <h2>Web Hosting</h2>
+                    <p style="margin-bottom: 10px;">Configure your hosting setup below</p><form id="costForm">
+  <div style="padding: 10px;">
+    <label style="font-weight: bold; margin-bottom: 15px; display: block;">Choose a plan:</label>
+    <div style="display: flex; gap: 15px; flex-wrap: wrap; margin-top: 10px;">
+      <div class="plan-card" onclick="selectPreset('standard')" style="border: 2px solid #ddd; border-radius: 8px; padding: 20px; cursor: pointer; flex: 1; min-width: 250px; background: white; transition: all 0.3s ease;">
+        <input type="radio" name="preset" value="standard" onchange="handlePresetChange()" checked style="margin-bottom: 10px;">
+        <h4 style="margin: 0 0 10px 0; color: #333;">Standard WordPress</h4>
+        <div style="font-size: 24px; font-weight: bold; color: #007bff; margin-bottom: 10px;">$6/month</div>
+        <ul style="list-style: none; padding: 0; margin: 0; color: #666;">
+          <li style="margin-bottom: 5px;">✓ 1 CPU Core</li>
+          <li style="margin-bottom: 5px;">✓ 0.5GB RAM</li>
+          <li style="margin-bottom: 5px;">✓ 10GB Storage</li>
+          <li style="margin-bottom: 5px;">✓ Perfect for small sites</li>
+        </ul>
+      </div>
+      
+      <div class="plan-card" onclick="selectPreset('premium')" style="border: 2px solid #ddd; border-radius: 8px; padding: 20px; cursor: pointer; flex: 1; min-width: 250px; background: white; transition: all 0.3s ease;">
+        <input type="radio" name="preset" value="premium" onchange="handlePresetChange()" style="margin-bottom: 10px;">
+        <h4 style="margin: 0 0 10px 0; color: #333;">Premium WordPress</h4>
+        <div style="font-size: 24px; font-weight: bold; color: #28a745; margin-bottom: 10px;">$10/month</div>
+        <ul style="list-style: none; padding: 0; margin: 0; color: #666;">
+          <li style="margin-bottom: 5px;">✓ 1 CPU Core</li>
+          <li style="margin-bottom: 5px;">✓ 1GB RAM</li>
+          <li style="margin-bottom: 5px;">✓ 50GB Storage</li>
+          <li style="margin-bottom: 5px;">✓ Weekly Backups Included</li>
+        </ul>
+      </div>
+      
+      <div class="plan-card" onclick="selectPreset('custom')" style="border: 2px solid #ddd; border-radius: 8px; padding: 20px; cursor: pointer; flex: 1; min-width: 250px; background: white; transition: all 0.3s ease;">
+        <input type="radio" name="preset" value="custom" onchange="handlePresetChange()" style="margin-bottom: 10px;">
+        <h4 style="margin: 0 0 10px 0; color: #333;">Custom Configuration</h4>
+        <div style="font-size: 24px; font-weight: bold; color: #6c757d; margin-bottom: 10px;">Variable</div>
+        <ul style="list-style: none; padding: 0; margin: 0; color: #666;">
+          <li style="margin-bottom: 5px;">✓ Choose your CPU</li>
+          <li style="margin-bottom: 5px;">✓ Choose your RAM</li>
+          <li style="margin-bottom: 5px;">✓ Choose your Storage</li>
+          <li style="margin-bottom: 5px;">✓ Optional Backups</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <div id="customSliders" style="display: none;">
+    <div>
+      <label class="form-label" for="cpus" style="padding: 10px;">CPUs: 
+        <span id="cpusValue" style="display:inline-block; min-width: 3ch; font-family: monospace;">1</span>
+      </label>
+      <input id="cpus" name="cpus" class="form-range" type="range" 
+             min="1" max="4" value="1" step="1" 
+             style="max-width: 500px; padding-top: 10px;" 
+             oninput="updateValue('cpus')">
+    </div>
+
+    <div>
+      <label class="form-label" for="memory" style="padding: 10px;">Memory (GB): 
+        <span id="memoryValue" style="display:inline-block; min-width: 5ch; font-family: monospace;">0.5</span>
+      </label>
+      <input id="memory" name="memory" class="form-range" type="range" 
+             min="0" max="6" value="0" step="1" 
+             style="max-width: 500px; padding-top: 10px;" 
+             oninput="updateValue('memory')">
+    </div>
+
+    <div>
+      <label class="form-label" for="disk" style="padding: 10px;">Disk Space (GB): 
+        <span id="diskValue" style="display:inline-block; min-width: 5ch; font-family: monospace;">10</span>
+      </label>
+      <input id="disk" name="disk" class="form-range" type="range" 
+             min="10" max="500" value="10" step="10" 
+             style="max-width: 500px; padding-top: 10px;" 
+             oninput="updateValue('disk')">
+    </div>
+
+    <div style="padding: 10px;">
+      <label><input type="checkbox" id="backups" onchange="calculateCost()"> Backups ($5/month for up to 150GB)</label>
+    </div>
+  </div>
+
+  <div style="padding: 10px; font-weight: bold;">
+    Monthly Cost: $<span id="monthlyCost" style="display:inline-block; min-width: 6ch; font-family: monospace; text-align: left;">0.00</span><br>
+    <small>All prices are in AUD</small>
+    <br>
+
+    <input type="email" id="email" name="email" class="form-control" placeholder="Your Email" required style="margin-top: 10px;">
+    <!-- Allow message -->
+    <textarea id="message" name="message" class="form-control" placeholder="Your Message" rows="3" style="margin-top: 10px;"></textarea>
+
+    <button type="button" class="btn btn-primary" style="margin-top: 10px;" onclick="sendEnquiry()">Send Enquiry</button>
+    <small id="enquiryStatus" style="display: block; margin-top: 10px;"></small>
+  </div>
+  
+</form>
+
+<script>
+  // Rates
+  const cpuRate = 3;
+  const memoryRate = 5;
+  const diskRate = 0.1;
+  const backupRate = 1;
+
+  // Memory values mapping
+  const memoryValues = [0.5, 1, 2, 4, 8, 16, 24];
+
+  // Initialize on load
+  document.addEventListener('DOMContentLoaded', () => {
+    // Check if parameters are in the URL
+    const urlParams = new URLSearchParams(window.location.search);
+    
+    // Check for preset parameter
+    if (urlParams.has('preset')) {
+      const presetValue = urlParams.get('preset');
+      const presetRadio = document.querySelector(`input[name="preset"][value="${presetValue}"]`);
+      if (presetRadio) {
+        presetRadio.checked = true;
+        handlePresetChange();
+      }
+    }
+    
+    if (urlParams.has('cpus')) {
+      document.getElementById('cpus').value = urlParams.get('cpus');
+    }
+    if (urlParams.has('memory')) {
+      const memoryParam = parseFloat(urlParams.get('memory'));
+      const memoryIndex = memoryValues.indexOf(memoryParam);
+      document.getElementById('memory').value = memoryIndex >= 0 ? memoryIndex : 0;
+    }
+    if (urlParams.has('disk')) {
+      document.getElementById('disk').value = urlParams.get('disk');
+    }
+    if (urlParams.has('backups')) {
+      document.getElementById('backups').checked = urlParams.get('backups') === 'true';
+    }
+    if (urlParams.has('email')) {
+      document.getElementById('email').value = urlParams.get('email');
+    }
+    if (urlParams.has('message')) {
+      document.getElementById('message').value = urlParams.get('message');
+    }
+    // Update the displayed values
+    updateValue('cpus');
+    updateValue('memory');
+    updateValue('disk');
+    calculateCost();
+    // Send the enquiry if the form is submitted
+    document.getElementById('costForm').addEventListener('submit', function(event) {
+      event.preventDefault();
+      sendEnquiry();
+    });
+    
+    // Initialize preset handling and card styles
+    handlePresetChange();
+    updateCardStyles();
+  });
+
+  function updateValue(field) {
+    let value = document.getElementById(field).value;
+    
+    if (field === 'memory') {
+      value = memoryValues[parseInt(value)];
+    }
+    
+    document.getElementById(field + 'Value').textContent = value;
+    calculateCost();
+  }
+
+  function selectPreset(presetValue) {
+    document.querySelector(`input[name="preset"][value="${presetValue}"]`).checked = true;
+    handlePresetChange();
+    updateCardStyles();
+  }
+
+  function updateCardStyles() {
+    const cards = document.querySelectorAll('.plan-card');
+    const selectedPreset = document.querySelector('input[name="preset"]:checked').value;
+    
+    cards.forEach((card, index) => {
+      const presetValues = ['standard', 'premium', 'custom'];
+      const isSelected = presetValues[index] === selectedPreset;
+      
+      if (isSelected) {
+        card.style.borderColor = '#007bff';
+        card.style.background = '#f8f9fa';
+        card.style.transform = 'translateY(-2px)';
+        card.style.boxShadow = '0 4px 12px rgba(0,123,255,0.15)';
+      } else {
+        card.style.borderColor = '#ddd';
+        card.style.background = 'white';
+        card.style.transform = 'translateY(0)';
+        card.style.boxShadow = 'none';
+      }
+    });
+  }
+
+  function handlePresetChange() {
+    const selectedPreset = document.querySelector('input[name="preset"]:checked').value;
+    const customSliders = document.getElementById('customSliders');
+    
+    updateCardStyles();
+    
+    if (selectedPreset === 'custom') {
+      customSliders.style.display = 'block';
+    } else {
+      customSliders.style.display = 'none';
+      
+      // Set preset values
+      if (selectedPreset === 'standard') {
+        document.getElementById('cpus').value = 1;
+        document.getElementById('memory').value = 0; // 0.5GB
+        document.getElementById('disk').value = 10;
+        document.getElementById('backups').checked = false;
+      } else if (selectedPreset === 'premium') {
+        document.getElementById('cpus').value = 1;
+        document.getElementById('memory').value = 1; // 1GB
+        document.getElementById('disk').value = 50;
+        document.getElementById('backups').checked = true;
+      }
+      
+      // Update displayed values
+      updateValue('cpus');
+      updateValue('memory');
+      updateValue('disk');
+    }
+    
+    calculateCost();
+  }
+
+  function calculateCost() {
+    const selectedPreset = document.querySelector('input[name="preset"]:checked').value;
+    
+    // For presets, use fixed pricing
+    if (selectedPreset === 'standard') {
+      document.getElementById('monthlyCost').textContent = '6.00';
+      return;
+    } else if (selectedPreset === 'premium') {
+      document.getElementById('monthlyCost').textContent = '10.00';
+      return;
+    }
+    
+    // Custom calculation
+    const cpus = parseFloat(document.getElementById('cpus').value);
+    const memoryIndex = parseInt(document.getElementById('memory').value);
+    const memory = memoryValues[memoryIndex];
+    const disk = parseFloat(document.getElementById('disk').value);
+
+    let monthlyCost = (cpus * cpuRate) + (memory * memoryRate) + (disk * diskRate);
+
+    if (document.getElementById('backups').checked) {
+      const backupUnits = Math.ceil(disk / 50);
+      monthlyCost += backupUnits * backupRate;
+    }
+
+    document.getElementById('monthlyCost').textContent = monthlyCost.toFixed(2);
+  }
+
+  function sendEnquiry() {
+    // Ensure that the email field is filled
+    const email = document.getElementById('email').value;
+    if (!email) {
+      document.getElementById('enquiryStatus').textContent = 'Please enter your email address.';
+      document.getElementById('enquiryStatus').style.color = 'red';
+      return;
+    }
+
+    // Collect form data
+    const selectedPreset = document.querySelector('input[name="preset"]:checked').value;
+    const cpus = document.getElementById('cpus').value;
+    const memoryIndex = parseInt(document.getElementById('memory').value);
+    const memory = memoryValues[memoryIndex];
+    const disk = document.getElementById('disk').value;
+    const backups = document.getElementById('backups').checked ? 'Yes' : 'No';
+    const message = document.getElementById('message').value;
+    const enquiryData = {
+      email: email,
+      preset: selectedPreset,
+      cpus: cpus,
+      memory: memory,
+      disk: disk,
+      backups: backups,
+      message: message
+    };
+    // Send the enquiry data to the server
+    fetch('/hosting/send-enquiry', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify(enquiryData)
+    })
+    .then(response => {
+      if (response.ok) {
+        document.getElementById('enquiryStatus').textContent = 'Enquiry sent successfully!';
+        document.getElementById('enquiryStatus').style.color = 'green';
+        calculateCost();
+      } else {
+        document.getElementById('enquiryStatus').textContent = 'Failed to send enquiry. Please try again.';
+        document.getElementById('enquiryStatus').style.color = 'red';
+      }
+    })
+    .catch(error => {
+      console.error('Error sending enquiry:', error);
+      document.getElementById('enquiryStatus').textContent = 'Error sending enquiry. Please check your network connection.';
+      document.getElementById('enquiryStatus').style.color = 'red';
+    });
+  }
+</script>
+
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer style="background: #110033;">
+        <div class="container text-center">
+            <div class="row">
+                <div class="col">
+                    <p class="copyright">Copyright ©&nbsp;Nathan.Woodburn/ 2025</p>
+                </div>
+            </div>
+        </div>
+    </footer>{{custom | safe}}
+    <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="/assets/js/script.min.js"></script>
+    <script src="/assets/js/grayscale.min.js"></script>
+    <script src="/assets/js/hacker.min.js"></script>
+</body>
+
+</html>

templates/index.html

@@ -67,6 +67,7 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_02_18.html

@@ -54,6 +54,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_02_25.html

@@ -54,6 +54,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_04_19.html

@@ -54,6 +54,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_05_20.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_05_28.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_06_06.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_06_17.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_06_24.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_07_15.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_08_05.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_09_07.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_09_27.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_10_07.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_10_15.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_10_22.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/24_12_19.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_01_01.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_01_30.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_03_27.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_05_28.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_06_19.html

@@ -53,6 +53,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/25_07_21.html

@@ -0,0 +1,166 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en-au" style="background: black;height: auto;">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>What's up at the moment | Nathan.Woodburn/</title>
+    <meta name="theme-color" content="#000000">
+    <link rel="canonical" href="https://nathan.woodburn.au/now/25_07_21">
+    <meta property="og:url" content="https://nathan.woodburn.au/now/25_07_21">
+    <meta name="fediverse:creator" content="@nathanwoodburn@mastodon.woodburn.au">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <meta property="og:description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <meta name="twitter:title" content="What's up at the moment | Nathan.Woodburn/">
+    <meta property="og:title" content="What's up at the moment | Nathan.Woodburn/">
+    <meta name="description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <meta name="twitter:description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicon/android-chrome-512x512.png">
+    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
+    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap">
+    <link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
+    <link rel="stylesheet" href="/assets/css/styles.min.css">
+    <link rel="stylesheet" href="/assets/css/brand-reveal.min.css">
+    <link rel="stylesheet" href="/assets/css/profile.min.css">
+    <link rel="stylesheet" href="/assets/css/Social-Icons.min.css">
+<link rel="me" href="https://mastodon.woodburn.au/@nathanwoodburn" />
+<script async src="https://umami.woodburn.au/script.js" data-website-id="6a55028e-aad3-481c-9a37-3e096ff75589"></script>
+</head>
+
+<body class="text-center" style="background: linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0.80)), url(&quot;/assets/img/bg/background.webp&quot;) center / cover no-repeat;">
+    <nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);">
+        <div class="container-fluid"><a class="navbar-brand" href="/#">
+                <div style="padding-right: 1em;display: inline-flex;">
+                    <div class="slider"><span>/</span></div><span class="brand">Nathan.Woodburn</span>
+                </div>
+            </a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>{{handshake_scripts | safe}}
+    <div style="height: 10em;"></div>
+    <div class="profile-container" style="margin-bottom: 2em;"><img class="profile background" src="/assets/img/profile.jpg" style="border-radius: 50%;"><img class="profile foreground" src="/assets/img/pfront.webp"></div>
+    <h1 class="nathanwoodburn" style="margin-bottom: 0px;">Nathan.Woodburn/</h1>
+    <h3 style="margin-bottom: 0px;">WHat's Happening Now</h3>
+    <h6>{{DATE}}</h6>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">Uni Semester 2</h1>
+            <p>I'm back at uni this week. I'm doing 2 courses this semester:&nbsp;Software Engineering,&nbsp;Operating Systems Implementation, Network Security. I'm hoping to finish my degree in semester 1 of 2026.</p>
+        </div>
+    </section>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">FireWallet Updates</h1>
+            <p>I've updated FireWallet, a wallet for Handshake (a decentralized alternative DNS root zone). I've updated the transactions page to display the tx action clearer.<br>There is a new auction page with better UI and dynamic reloading. The auctions now also show mempool bids.</p>
+        </div>
+    </section>
+    <section class="text-center content-section" id="contact" style="padding-top: 0px;padding-bottom: 3em;">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 d-none d-print-block d-sm-block d-md-block d-lg-block d-xl-block d-xxl-block mx-auto">
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list">
+                            <li class="social-link"><a href="https://twitter.com/woodburn_nathan" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter-x icon">
+                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
+                                    </svg></a></li>
+                            <li class="social-link"><a href="https://github.com/Nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github icon">
+                                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
+                                    </svg></a></li>
+                            <li class="social-link"><a href="mailto:about@nathan.woodburn.au" target="_blank"><i class="icon ion-email icon"></i></a></li>
+                            <li class="social-link discord"><a href="https://l.woodburn.au/discord" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord icon">
+                                        <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list">
+                            <li class="social-link mastodon"><a href="https://mastodon.woodburn.au/@nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mastodon icon">
+                                        <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"></path>
+                                    </svg></a></li>
+                            <li class="social-link youtube"><a href="https://www.youtube.com/@nathanjwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube icon">
+                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
+                                    </svg></a></li>
+                            <li class="social-link signal"><a href="/signalQR" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-signal icon">
+                                        <path d="m6.08.234.179.727a7.264 7.264 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.265 7.265 0 0 1 2.01.832l.388-.643A7.957 7.957 0 0 0 9.92.234zm-8.77 3.63a7.944 7.944 0 0 0-.916 2.215l.727.18a7.264 7.264 0 0 1 .832-2.01l-.643-.386zM.75 8a7.3 7.3 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7.262 7.262 0 0 1 .75 8m11.384 6.848-.384-.64a7.23 7.23 0 0 1-2.007.831l.18.728a7.965 7.965 0 0 0 2.211-.919zM15.251 8c0 .364-.028.727-.082 1.086l.74.112a7.966 7.966 0 0 0 0-2.398l-.74.114c.054.36.082.722.082 1.086m.516 1.918-.728-.18a7.252 7.252 0 0 1-.832 2.012l.643.387a7.933 7.933 0 0 0 .917-2.219zm-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a7.99 7.99 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.229 7.229 0 0 1-1.537 1.534l.446.605a8.07 8.07 0 0 0 1.695-1.689l-.604-.45zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8.06 8.06 0 0 0-1.69-1.691l-.45.604zM2.163 3.7A7.242 7.242 0 0 1 3.7 2.163l-.45-.604a8.06 8.06 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a7.931 7.931 0 0 0-.916-2.214M6.913.831a7.254 7.254 0 0 1 2.172 0l.112-.74a7.985 7.985 0 0 0-2.396 0l.112.74zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357-.17-.734zM.786 12.612l.732.168.25-1.073A7.187 7.187 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.197 7.197 0 0 1-1.962-.811l-.007.005zM8 1.5a6.502 6.502 0 0 0-6.498 6.502 6.516 6.516 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.516 6.516 0 0 0 8 1.5"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-8 d-block d-print-none d-sm-none d-md-none d-lg-none d-xl-none d-xxl-none mx-auto">
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list-sml">
+                            <li class="social-link-sml"><a href="https://twitter.com/woodburn_nathan" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter-x icon-sml">
+                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
+                                    </svg></a></li>
+                            <li class="social-link-sml"><a href="https://github.com/Nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github icon-sml">
+                                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
+                                    </svg></a></li>
+                            <li class="social-link-sml"><a href="mailto:about@nathan.woodburn.au" target="_blank"><i class="icon ion-email icon-sml"></i></a></li>
+                            <li class="discord social-link-sml"><a href="https://l.woodburn.au/discord" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord icon-sml">
+                                        <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list-sml">
+                            <li class="mastodon social-link-sml"><a href="https://mastodon.woodburn.au/@nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mastodon icon-sml">
+                                        <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"></path>
+                                    </svg></a></li>
+                            <li class="youtube social-link-sml"><a href="https://www.youtube.com/@nathanjwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube icon-sml">
+                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
+                                    </svg></a></li>
+                            <li class="signal social-link-sml"><a href="/signalQR" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-signal icon-sml">
+                                        <path d="m6.08.234.179.727a7.264 7.264 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.265 7.265 0 0 1 2.01.832l.388-.643A7.957 7.957 0 0 0 9.92.234zm-8.77 3.63a7.944 7.944 0 0 0-.916 2.215l.727.18a7.264 7.264 0 0 1 .832-2.01l-.643-.386zM.75 8a7.3 7.3 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7.262 7.262 0 0 1 .75 8m11.384 6.848-.384-.64a7.23 7.23 0 0 1-2.007.831l.18.728a7.965 7.965 0 0 0 2.211-.919zM15.251 8c0 .364-.028.727-.082 1.086l.74.112a7.966 7.966 0 0 0 0-2.398l-.74.114c.054.36.082.722.082 1.086m.516 1.918-.728-.18a7.252 7.252 0 0 1-.832 2.012l.643.387a7.933 7.933 0 0 0 .917-2.219zm-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a7.99 7.99 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.229 7.229 0 0 1-1.537 1.534l.446.605a8.07 8.07 0 0 0 1.695-1.689l-.604-.45zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8.06 8.06 0 0 0-1.69-1.691l-.45.604zM2.163 3.7A7.242 7.242 0 0 1 3.7 2.163l-.45-.604a8.06 8.06 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a7.931 7.931 0 0 0-.916-2.214M6.913.831a7.254 7.254 0 0 1 2.172 0l.112-.74a7.985 7.985 0 0 0-2.396 0l.112.74zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357-.17-.734zM.786 12.612l.732.168.25-1.073A7.187 7.187 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.197 7.197 0 0 1-1.962-.811l-.007.005zM8 1.5a6.502 6.502 0 0 0-6.498 6.502 6.516 6.516 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.516 6.516 0 0 0 8 1.5"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer style="background: #110033;">
+        <div class="container text-center">
+            <div class="row">
+                <div class="col">
+                    <p class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block">Want to look at some past Now pages?<br>Check out <a href="/old">/old</a></p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <p class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block">This site is also available on<br><a href="https://learn.namebase.io/" target="_blank">Handshake</a>&nbsp;at <a href="https://nathan.woodburn">https://nathan.woodburn/</a></p>
+                    <p class="copyright">Copyright ©&nbsp;Nathan.Woodburn/ 2025</p>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="/assets/js/script.min.js"></script>
+    <script src="/assets/js/grayscale.min.js"></script>
+    <script src="/assets/js/hacker.min.js"></script>
+</body>
+
+</html>

templates/now/25_08_15.html

@@ -0,0 +1,178 @@
+<!DOCTYPE html>
+<html data-bs-theme="light" lang="en-au" style="background: black;height: auto;">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
+    <title>What's up at the moment | Nathan.Woodburn/</title>
+    <meta name="theme-color" content="#000000">
+    <link rel="canonical" href="https://nathan.woodburn.au/now/25_08_15">
+    <meta property="og:url" content="https://nathan.woodburn.au/now/25_08_15">
+    <meta name="fediverse:creator" content="@nathanwoodburn@mastodon.woodburn.au">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://nathan.woodburn.au/assets/img/profile.jpg">
+    <meta property="og:description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <meta name="twitter:title" content="What's up at the moment | Nathan.Woodburn/">
+    <meta property="og:title" content="What's up at the moment | Nathan.Woodburn/">
+    <meta name="description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <meta name="twitter:description" content="G'day, 
+Find out what I've been up to in the last little bit">
+    <link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon/favicon-16x16.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="180x180" href="/assets/img/favicon/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="192x192" href="/assets/img/favicon/android-chrome-192x192.png">
+    <link rel="icon" type="image/png" sizes="512x512" href="/assets/img/favicon/android-chrome-512x512.png">
+    <link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
+    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cabin:700&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anonymous+Pro&amp;display=swap">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap">
+    <link rel="stylesheet" href="/assets/fonts/font-awesome.min.css">
+    <link rel="stylesheet" href="/assets/fonts/ionicons.min.css">
+    <link rel="stylesheet" href="/assets/css/styles.min.css">
+    <link rel="stylesheet" href="/assets/css/brand-reveal.min.css">
+    <link rel="stylesheet" href="/assets/css/profile.min.css">
+    <link rel="stylesheet" href="/assets/css/Social-Icons.min.css">
+<link rel="me" href="https://mastodon.woodburn.au/@nathanwoodburn" />
+<script async src="https://umami.woodburn.au/script.js" data-website-id="6a55028e-aad3-481c-9a37-3e096ff75589"></script>
+</head>
+
+<body class="text-center" style="background: linear-gradient(rgba(0,0,0,0.80), rgba(0,0,0,0.80)), url(&quot;/assets/img/bg/background.webp&quot;) center / cover no-repeat;">
+    <nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav" style="background: var(--bs-navbar-hover-color);">
+        <div class="container-fluid"><a class="navbar-brand" href="/#">
+                <div style="padding-right: 1em;display: inline-flex;">
+                    <div class="slider"><span>/</span></div><span class="brand">Nathan.Woodburn</span>
+                </div>
+            </a><button data-bs-toggle="collapse" class="navbar-toggler navbar-toggler-right" data-bs-target="#navbarResponsive" type="button" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation" value="Menu"><i class="fa fa-bars"></i></button>
+            <div class="collapse navbar-collapse" id="navbarResponsive">
+                <ul class="navbar-nav ms-auto">
+                    <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>
+                </ul>
+            </div>
+        </div>
+    </nav>{{handshake_scripts | safe}}
+    <div style="height: 10em;"></div>
+    <div class="profile-container" style="margin-bottom: 2em;"><img class="profile background" src="/assets/img/profile.jpg" style="border-radius: 50%;"><img class="profile foreground" src="/assets/img/pfront.webp"></div>
+    <h1 class="nathanwoodburn" style="margin-bottom: 0px;">Nathan.Woodburn/</h1>
+    <h3 style="margin-bottom: 0px;">WHat's Happening Now</h3>
+    <h6>{{DATE}}</h6>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">HNSDoH Updates</h1>
+            <p>Lately HNSDoH, my distributed DNS resolver service, has been crashing or having timeouts. In order to mitigate this, I've updated HNSDoH to only route non-ICANN domains to HSD (Handshake domain backend server). This will stop HSD from being swamped with regular traffic and allow it to focus only on resolving Handshake domains. I have also added caching to help with repeat requests.</p>
+        </div>
+    </section>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">HNSAU Redesign</h1>
+            <p>I've updated HNSAU to have an entire new UI thanks to the input from Erwin and Tim. Have a look at <a href="https://hns.au" target="_blank">https://hns.au</a></p>
+        </div>
+    </section>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">FireAlerts</h1>
+            <p>I've recently released an alerts system for your Handshake domains. It will send you a reminder before your domain expires. Have a look at <a href="https://alerts.firewallet.au" target="_blank">https://alerts.firewallet.au</a></p>
+        </div>
+    </section>
+    <section style="margin-bottom: 50px;max-width: 95%;margin-right: auto;margin-left: auto;">
+        <div style="max-width: 700px;margin: auto;">
+            <h1 style="margin-bottom: 0px;">Support</h1>
+            <p>I am currently running low on funding. So if you use any of my projects and would like to support me please send me a message or visit the link below<br><a class="btn btn-primary" role="button" target="_blank" href="/donate">Donate</a></p>
+        </div>
+    </section>
+    <section class="text-center content-section" id="contact" style="padding-top: 0px;padding-bottom: 3em;">
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-8 d-none d-print-block d-sm-block d-md-block d-lg-block d-xl-block d-xxl-block mx-auto">
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list">
+                            <li class="social-link"><a href="https://twitter.com/woodburn_nathan" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter-x icon">
+                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
+                                    </svg></a></li>
+                            <li class="social-link"><a href="https://github.com/Nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github icon">
+                                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
+                                    </svg></a></li>
+                            <li class="social-link"><a href="mailto:about@nathan.woodburn.au" target="_blank"><i class="icon ion-email icon"></i></a></li>
+                            <li class="social-link discord"><a href="https://l.woodburn.au/discord" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord icon">
+                                        <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list">
+                            <li class="social-link mastodon"><a href="https://mastodon.woodburn.au/@nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mastodon icon">
+                                        <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"></path>
+                                    </svg></a></li>
+                            <li class="social-link youtube"><a href="https://www.youtube.com/@nathanjwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube icon">
+                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
+                                    </svg></a></li>
+                            <li class="social-link signal"><a href="/signalQR" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-signal icon">
+                                        <path d="m6.08.234.179.727a7.264 7.264 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.265 7.265 0 0 1 2.01.832l.388-.643A7.957 7.957 0 0 0 9.92.234zm-8.77 3.63a7.944 7.944 0 0 0-.916 2.215l.727.18a7.264 7.264 0 0 1 .832-2.01l-.643-.386zM.75 8a7.3 7.3 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7.262 7.262 0 0 1 .75 8m11.384 6.848-.384-.64a7.23 7.23 0 0 1-2.007.831l.18.728a7.965 7.965 0 0 0 2.211-.919zM15.251 8c0 .364-.028.727-.082 1.086l.74.112a7.966 7.966 0 0 0 0-2.398l-.74.114c.054.36.082.722.082 1.086m.516 1.918-.728-.18a7.252 7.252 0 0 1-.832 2.012l.643.387a7.933 7.933 0 0 0 .917-2.219zm-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a7.99 7.99 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.229 7.229 0 0 1-1.537 1.534l.446.605a8.07 8.07 0 0 0 1.695-1.689l-.604-.45zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8.06 8.06 0 0 0-1.69-1.691l-.45.604zM2.163 3.7A7.242 7.242 0 0 1 3.7 2.163l-.45-.604a8.06 8.06 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a7.931 7.931 0 0 0-.916-2.214M6.913.831a7.254 7.254 0 0 1 2.172 0l.112-.74a7.985 7.985 0 0 0-2.396 0l.112.74zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357-.17-.734zM.786 12.612l.732.168.25-1.073A7.187 7.187 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.197 7.197 0 0 1-1.962-.811l-.007.005zM8 1.5a6.502 6.502 0 0 0-6.498 6.502 6.516 6.516 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.516 6.516 0 0 0 8 1.5"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                </div>
+                <div class="col-lg-8 d-block d-print-none d-sm-none d-md-none d-lg-none d-xl-none d-xxl-none mx-auto">
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list-sml">
+                            <li class="social-link-sml"><a href="https://twitter.com/woodburn_nathan" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-twitter-x icon-sml">
+                                        <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"></path>
+                                    </svg></a></li>
+                            <li class="social-link-sml"><a href="https://github.com/Nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-github icon-sml">
+                                        <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"></path>
+                                    </svg></a></li>
+                            <li class="social-link-sml"><a href="mailto:about@nathan.woodburn.au" target="_blank"><i class="icon ion-email icon-sml"></i></a></li>
+                            <li class="discord social-link-sml"><a href="https://l.woodburn.au/discord" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord icon-sml">
+                                        <path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                    <div class="social-div">
+                        <ul class="list-unstyled social-list-sml">
+                            <li class="mastodon social-link-sml"><a href="https://mastodon.woodburn.au/@nathanwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-mastodon icon-sml">
+                                        <path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"></path>
+                                    </svg></a></li>
+                            <li class="youtube social-link-sml"><a href="https://www.youtube.com/@nathanjwoodburn" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube icon-sml">
+                                        <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408z"></path>
+                                    </svg></a></li>
+                            <li class="signal social-link-sml"><a href="/signalQR" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-signal icon-sml">
+                                        <path d="m6.08.234.179.727a7.264 7.264 0 0 0-2.01.832l-.383-.643A7.9 7.9 0 0 1 6.079.234zm3.84 0L9.742.96a7.265 7.265 0 0 1 2.01.832l.388-.643A7.957 7.957 0 0 0 9.92.234zm-8.77 3.63a7.944 7.944 0 0 0-.916 2.215l.727.18a7.264 7.264 0 0 1 .832-2.01l-.643-.386zM.75 8a7.3 7.3 0 0 1 .081-1.086L.091 6.8a8 8 0 0 0 0 2.398l.74-.112A7.262 7.262 0 0 1 .75 8m11.384 6.848-.384-.64a7.23 7.23 0 0 1-2.007.831l.18.728a7.965 7.965 0 0 0 2.211-.919zM15.251 8c0 .364-.028.727-.082 1.086l.74.112a7.966 7.966 0 0 0 0-2.398l-.74.114c.054.36.082.722.082 1.086m.516 1.918-.728-.18a7.252 7.252 0 0 1-.832 2.012l.643.387a7.933 7.933 0 0 0 .917-2.219zm-6.68 5.25c-.72.11-1.453.11-2.173 0l-.112.742a7.99 7.99 0 0 0 2.396 0l-.112-.741zm4.75-2.868a7.229 7.229 0 0 1-1.537 1.534l.446.605a8.07 8.07 0 0 0 1.695-1.689l-.604-.45zM12.3 2.163c.587.432 1.105.95 1.537 1.537l.604-.45a8.06 8.06 0 0 0-1.69-1.691l-.45.604zM2.163 3.7A7.242 7.242 0 0 1 3.7 2.163l-.45-.604a8.06 8.06 0 0 0-1.691 1.69l.604.45zm12.688.163-.644.387c.377.623.658 1.3.832 2.007l.728-.18a7.931 7.931 0 0 0-.916-2.214M6.913.831a7.254 7.254 0 0 1 2.172 0l.112-.74a7.985 7.985 0 0 0-2.396 0l.112.74zM2.547 14.64 1 15l.36-1.549-.729-.17-.361 1.548a.75.75 0 0 0 .9.902l1.548-.357-.17-.734zM.786 12.612l.732.168.25-1.073A7.187 7.187 0 0 1 .96 9.74l-.727.18a8 8 0 0 0 .736 1.902l-.184.79zm3.5 1.623-1.073.25.17.731.79-.184c.6.327 1.239.574 1.902.737l.18-.728a7.197 7.197 0 0 1-1.962-.811l-.007.005zM8 1.5a6.502 6.502 0 0 0-6.498 6.502 6.516 6.516 0 0 0 .998 3.455l-.625 2.668L4.54 13.5a6.502 6.502 0 0 0 6.93-11A6.516 6.516 0 0 0 8 1.5"></path>
+                                    </svg></a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <footer style="background: #110033;">
+        <div class="container text-center">
+            <div class="row">
+                <div class="col">
+                    <p class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block">Want to look at some past Now pages?<br>Check out <a href="/old">/old</a></p>
+                </div>
+            </div>
+            <div class="row">
+                <div class="col">
+                    <p class="d-none d-print-inline-block d-sm-inline-block d-md-inline-block d-lg-inline-block d-xl-inline-block d-xxl-inline-block">This site is also available on<br><a href="https://learn.namebase.io/" target="_blank">Handshake</a>&nbsp;at <a href="https://nathan.woodburn">https://nathan.woodburn/</a></p>
+                    <p class="copyright">Copyright ©&nbsp;Nathan.Woodburn/ 2025</p>
+                </div>
+            </div>
+        </div>
+    </footer>
+    <script src="/assets/bootstrap/js/bootstrap.min.js"></script>
+    <script src="/assets/js/script.min.js"></script>
+    <script src="/assets/js/grayscale.min.js"></script>
+    <script src="/assets/js/hacker.min.js"></script>
+</body>
+
+</html>

templates/now/old.html

@@ -54,6 +54,7 @@ Find out what I've been up to in the last week">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/now/template.html

@@ -54,6 +54,7 @@ Find out what I've been up to in the last little bit">
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/projects.html

@@ -49,6 +49,7 @@
             <div class="collapse navbar-collapse" id="navbarResponsive">
                 <ul class="navbar-nav ms-auto">
                     <li class="nav-item nav-link"><a class="nav-link" href="/">Home</a></li>
+                    <li class="nav-item nav-link"><a class="nav-link" href="/hosting">Hosting</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/projects">Projects</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/blog">Blog</a></li>
                     <li class="nav-item nav-link"><a class="nav-link" href="/now">Now</a></li>

templates/resume.html

@@ -67,7 +67,7 @@
     <div style="max-width: 2000px;margin: auto;">
         <div style="margin-bottom: 50px;">
             <h1 class="r-heading3" style="font-size: 25px;">Summary</h1>
-            <p class="r-body">Cybersecurity-focused computing student with hands-on experience in DNS, Linux system administration, server infrastructure, and decentralized technologies. Skilled in providing technical support, resolving complex domain-related issues, and engaging in open-source blockchain communities. Experienced speaker and contributor at Handshake-related conferences. Passionate about building secure, resilient, and privacy-respecting systems from the ground up.</p>
+            <p class="r-body">Linux and server administration student with experience managing servers, DNS, virtualization, and networking. Skilled in deploying and maintaining self-hosted services, troubleshooting complex system issues, and building resilient, automated infrastructures. Passionate about open-source tools and practical system design.</p>
         </div>
         <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-2 row-cols-xxl-2">
             <div class="col">
@@ -112,7 +112,7 @@
                     <h6 class="r-heading3">Australian National University |&nbsp;2022 - Present</h6>
                     <ul class="r-body">
                         <li>Currently pursuing a Bachelor of Computing with a specialization in cybersecurity.</li>
-                        <li>Gaining hands-on experience in network security, cryptography, and secure software development.</li>
+                        <li>Gaining hands-on experience in network security, system design, and secure software development.</li>
                         <li>Building a strong foundation in computer science principles, programming, and system architecture.</li>
                         <li>Collaborating on group projects and labs to apply theoretical knowledge to real-world challenges.</li>
                     </ul>
@@ -132,7 +132,7 @@
                     <h4 class="r-heading2">Home Educated</h4>
                     <h6 class="r-heading3">Self-Directed Learning</h6>
                     <ul class="r-body">
-                        <li>Cultivated time management, self-discipline, and critical thinking skills crucial for success in tech and cybersecurity.</li>
+                        <li>Cultivated time management, self-discipline, and critical thinking skills crucial for success in tech.</li>
                         <li>Developed a strong passion for technology, programming, and system administration through independent exploration.</li>
                         <li>Built custom applications, managed servers, and solved technical challenges in a flexible learning environment.</li>
                     </ul>
@@ -142,16 +142,7 @@
         </div>
         <div class="spacer"></div>
         <div class="col">
-            <div class="noprintbreak">
             <h1 class="r-heading1">Projects</h1>
-                <h4 class="r-heading2">FireWallet</h4>
-                <h6 class="r-heading3">Python, Handshake, Plugin Architecture</h6>
-                <ul class="r-body">
-                    <li>Developed a modular Python-based Handshake wallet with plugin support for extensibility.</li>
-                    <li>Presented at HandyCon 2024 and 2025, showcasing usability improvements and HNS site resolution.</li>
-                </ul>
-                <hr>
-            </div>
             <div class="noprintbreak">
                 <h4 class="r-heading2">Server Lab</h4>
                 <h6 class="r-heading3">Proxmox, Networking, Linux, DNS</h6>
@@ -173,6 +164,15 @@
                 </ul>
                 <hr>
             </div>
+            <div class="noprintbreak">
+                <h4 class="r-heading2">FireWallet</h4>
+                <h6 class="r-heading3">Python, Handshake, Plugin Architecture</h6>
+                <ul class="r-body">
+                    <li>Developed a modular Python-based Handshake wallet with plugin support for extensibility.</li>
+                    <li>Presented at HandyCon 2024 and 2025, showcasing usability improvements and HNS site resolution.</li>
+                </ul>
+                <hr>
+            </div>
         </div>
         <div class="spacer"></div>
         <div>

templates/sitemap.xml

@@ -66,6 +66,9 @@
     <url>
         <loc>https://nathan.woodburn.au/now/25_06_19</loc>
     </url>
+    <url>
+        <loc>https://nathan.woodburn.au/now/25_08_15</loc>
+    </url>
     <url>
         <loc>https://nathan.woodburn.au/now/old</loc>
     </url>
@@ -75,6 +78,9 @@
     <url>
         <loc>https://nathan.woodburn.au/donate</loc>
     </url>
+    <url>
+        <loc>https://nathan.woodburn.au/hosting</loc>
+    </url>
     <url>
         <loc>https://nathan.woodburn.au/</loc>
     </url>