fix: Limit width for html

feat: Finish updating resume template
feat: Start on new resume layout
2025-11-04 17:35:41 +11:00 · 2025-11-04 17:24:28 +11:00 · 2025-11-04 17:24:28 +11:00
9 changed files with 249 additions and 237 deletions
--- a/NathanWoodburn.bsdesign
+++ b/NathanWoodburn.bsdesign
--- a/data/resume.pdf
+++ b/data/resume.pdf
--- a/data/resume_support.pdf
+++ b/data/resume_support.pdf
--- a/server.py
+++ b/server.py
@@ -661,13 +661,20 @@ def hosting_post():
        return json_response(request, "Failed to send enquiry", 500)
    return json_response(request, "Enquiry sent", 200)

+@app.route("/resume")
+def resume():
+    # Check if arg for support is passed
+    support = request.args.get("support")
+    return render_template(
+        "resume.html", support=support)

@app.route("/resume.pdf")
 def resume_pdf():
-    # Check if file exists
-    if os.path.isfile("data/resume.pdf"):
+    # Check if arg for support is passed
+    support = request.args.get("support")
+    if support:
+        return send_file("data/resume_support.pdf")
    return send_file("data/resume.pdf")
-    return error_response(request, message="Resume not found")


@app.route("/tools")
--- a/templates/assets/css/brand-reveal.min.css
+++ b/templates/assets/css/brand-reveal.min.css
@@ -1 +1 @@
-.name-container{display:inline-flex;align-items:center;overflow:hidden;position:absolute;width:fit-content;left:50%;transform:translateX(-50%)}.slider{position:relative;left:0;animation:1s linear 1s forwards slide}@keyframes slide{0%{left:0}100%{left:calc(100%)}}.brand{mask-image:linear-gradient(to right,black 50%,transparent 50%);-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-position:100% 0;-webkit-mask-position:100% 0;mask-size:200%;-webkit-mask-size:200%;animation:1s linear 1s forwards reveal}@keyframes reveal{0%{mask-position:100% 0;-webkit-mask-position:100% 0}100%{mask-position:0 0;-webkit-mask-position:0 0}}.now-playing{position:fixed;bottom:0;right:0;border-top-left-radius:10px;background:#10101039;padding:1em}
+.name-container{display:inline-flex;align-items:center;overflow:hidden;position:absolute;width:fit-content;left:50%;transform:translateX(-50%)}.slider{position:relative;left:0;animation:1s linear 1s forwards slide}@keyframes slide{0%{left:0}100%{left:calc(100%)}}.brand{mask-image:linear-gradient(to right,black 50%,transparent 50%);-webkit-mask-image:linear-gradient(to right,black 50%,transparent 50%);mask-position:100% 0;-webkit-mask-position:100% 0;mask-size:200%;-webkit-mask-size:200%;animation:1s linear 1s forwards reveal}@keyframes reveal{0%{mask-position:100% 0;-webkit-mask-position:100% 0}100%{mask-position:0 0;-webkit-mask-position:0 0}}.now-playing{position:fixed;bottom:0;right:0;border-top-left-radius:10px;background:#10101039;padding:1em}.hr-l{width:80%;border-width:2px;border-color:var(--bs-light);margin-top:0;opacity:.8}.hr-l-primary{border-width:3px;border-color:var(--bs-primary);margin-top:0;opacity:1}.float-right{position:absolute;right:3em}
--- a/templates/assets/css/resume-print.css
+++ b/templates/assets/css/resume-print.css
@@ -0,0 +1,104 @@
+/* print.css */
+@media print {
+
+    /* Page margins */
+    @page {
+        size: A4;
+        margin: 10mm 10mm;
+    }
+
+    /* Reset body */
+    body, html {
+        margin: 0;
+        padding: 0;
+        font-size: 10pt; /* smaller for print */
+        line-height: 1.3;
+        background: #fff !important;
+        color: #000 !important;
+    }
+
+    /* Container adjustments */
+    .container-fluid, .resume-row, .resume-column {
+        padding: 0 !important;
+        margin: 0 !important;
+        box-sizing: border-box;
+        /* background: none !important; */
+    }
+
+    /* Flex layout for 33/66 split */
+    .resume-row {
+        display: flex !important;
+        flex-wrap: nowrap !important;
+        width: 100% !important;
+    }
+
+    .resume-column-left {
+        flex: 0 0 33.3333% !important;
+        max-width: 33.3333% !important;
+        padding-left: 5mm !important;
+        padding-right: 5mm !important;
+        color: #fff !important;
+        border: none !important;
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+    }
+    .resume-column-left a {
+        color: #fff !important;
+        text-decoration: none !important;
+    }
+
+    .resume-column-right {
+        flex: 0 0 66.6667% !important;
+        max-width: 66.6667% !important;
+        padding-left: 5mm !important;
+        padding-right: 5mm !important;
+        background: #fff !important;
+        color: #000 !important;
+        border: none !important;
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+    }
+
+    /* Images adjustments */
+    img {
+        max-width: 100% !important;
+        height: auto !important;
+        display: block;
+        margin: 10mm auto !important;
+    }
+
+    /* Text adjustments for print */
+    h1 { font-size: 14pt; margin-bottom: 3mm; }
+    h2 { font-size: 12pt; margin-bottom: 2mm; }
+    h3 { font-size: 11pt; margin-bottom: 2mm; }
+    h4 { font-size: 10pt; margin-bottom: 1mm; }
+    h5, h6 { font-size: 9pt; margin-bottom: 1mm; }
+    p, li, .r-body, .l-body { font-size: 10pt; line-height: 1.3; }
+
+    .title {
+        font-size: 36px !important;
+    }
+    .subtitle {
+        font-size: 18px !important;
+    }
+
+    .r-heading1 {
+        margin-top: 4mm !important;
+    }
+
+    /* Links as plain text */
+    a {
+        color: #000 !important;
+        text-decoration: none !important;
+    }
+
+    /* Avoid page breaks inside blocks */
+    .noprintbreak {
+        break-inside: avoid !important;
+        page-break-inside: avoid !important;
+        /* margin-bottom: 5mm !important; */
+    }
+    .r-body {
+        margin-bottom: 0 !important;
+    }
+}
--- a/templates/assets/css/resume.min.css
+++ b/templates/assets/css/resume.min.css
@@ -1 +1 @@
-.profile-container{height:170px;width:170px;z-index:2;left:10%}.title{position:absolute;margin-left:calc(100px);width:calc(100% - 100px);padding:1em;margin-top:-240px;z-index:0}.title>*{width:100%;margin-bottom:0}img.profile{left:10px;width:150px;position:absolute;aspect-ratio:1;transform:scale(1);transition:.5s;z-index:2}img.background2{left:0;width:170px!important;margin-top:-10px;pointer-events:none;z-index:1}img.foreground{border-radius:50%;pointer-events:none;z-index:3}img.background:hover,img.backgroundsml:hover{filter:blur(5px)}.spacer{height:100px}img.profilesml{width:150px;position:absolute;left:50%;margin-left:-85px;aspect-ratio:1;padding-top:calc(var(--s)/5);transform:scale(1);transition:.5s}img.foregroundsml{border-radius:50%;pointer-events:none}img.background2sml{width:170px!important;left:calc(50% - 10px);margin-top:-10px;pointer-events:none;z-index:0}print_text{color:#000!important}@media print{.noprintbreak{page-break-inside:avoid}*{color:#000;background-color:#fff}body{background-color:#fff}.hideprint{display:none}.print_text{color:#000!important}.profile-container{margin-top:10px!important}.r-heading1{font-size:16pt!important;margin-bottom:10px!important}.r-heading2{font-size:14pt!important}.r-heading3{font-size:12pt!important}.r-body,.r-small{font-size:10pt!important}.spacer{height:25px!important}}.r-heading1{margin-bottom:20px}.r-heading2{margin-bottom:0}.r-heading3{margin-bottom:.5em}@media (max-width:500px){.print_text{font-size:10px}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{text-transform:none}
+img.profile-side{width:200px;aspect-ratio:1;z-index:2;border:6px solid #fff;margin:3em 0;border-radius:50%}.spacer{height:100px}.l-heading1,.l-heading2,.r-heading2{margin-bottom:0}.l-heading3,.r-heading3{margin-bottom:.5em}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{text-transform:none}.side-column{margin-top:2em}.noprintbreak{margin-bottom:1.5em}.resume-column-left{background:var(--bs-primary);padding-left:3em;padding-right:3em;max-width:320px}.resume-column-right{padding-right:3em;padding-left:3em;background:var(--bs-light);color:var(--bs-black)}.row-fill div{padding:0}.r-heading1{font-size:28px;margin-bottom:0;color:var(--bs-primary)}.title-hr{width:15%;color:var(--bs-primary);border-width:5px;border-color:var(--bs-primary);opacity:1}.l-body{margin-left:1em;line-height:initial}.r-body{line-height:initial}.l-summary{margin-top:3em}::selection{color:#fff;background-color:#0c4279}body{max-width:1400px;margin:0 auto}
--- a/templates/assets/css/styles.min.css
+++ b/templates/assets/css/styles.min.css
@@ -1 +1 @@
-:root,[data-bs-theme=light]{--bs-primary:#6E0E9C;--bs-primary-rgb:110,14,156;--bs-primary-text-emphasis:#2C063E;--bs-primary-bg-subtle:#E2CFEB;--bs-primary-border-subtle:#C59FD7;--bs-link-color:#6E0E9C;--bs-link-color-rgb:110,14,156;--bs-link-hover-color:#a41685;--bs-link-hover-color-rgb:164,22,133}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#6E0E9C;--bs-btn-border-color:#6E0E9C;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5E0C85;--bs-btn-hover-border-color:#580B7D;--bs-btn-focus-shadow-rgb:233,219,240;--bs-btn-active-color:#fff;--bs-btn-active-bg:#580B7D;--bs-btn-active-border-color:#530B75;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6E0E9C;--bs-btn-disabled-border-color:#6E0E9C}.btn-outline-primary{--bs-btn-color:#6E0E9C;--bs-btn-border-color:#6E0E9C;--bs-btn-focus-shadow-rgb:110,14,156;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6E0E9C;--bs-btn-hover-border-color:#6E0E9C;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6E0E9C;--bs-btn-active-border-color:#6E0E9C;--bs-btn-disabled-color:#6E0E9C;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6E0E9C}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}@media (min-width:992px){.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}}
+:root,[data-bs-theme=light]{--bs-primary:#6E0E9C;--bs-primary-rgb:110,14,156;--bs-primary-text-emphasis:#2C063E;--bs-primary-bg-subtle:#E2CFEB;--bs-primary-border-subtle:#C59FD7;--bs-link-color:#6E0E9C;--bs-link-color-rgb:110,14,156;--bs-link-hover-color:#a41685;--bs-link-hover-color-rgb:164,22,133}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#6E0E9C;--bs-btn-border-color:#6E0E9C;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5E0C85;--bs-btn-hover-border-color:#580B7D;--bs-btn-focus-shadow-rgb:233,219,240;--bs-btn-active-color:#fff;--bs-btn-active-bg:#580B7D;--bs-btn-active-border-color:#530B75;--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6E0E9C;--bs-btn-disabled-border-color:#6E0E9C}.btn-outline-primary{--bs-btn-color:#6E0E9C;--bs-btn-border-color:#6E0E9C;--bs-btn-focus-shadow-rgb:110,14,156;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6E0E9C;--bs-btn-hover-border-color:#6E0E9C;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6E0E9C;--bs-btn-active-border-color:#6E0E9C;--bs-btn-disabled-color:#6E0E9C;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6E0E9C}
--- a/templates/resume.html
+++ b/templates/resume.html
@@ -35,53 +35,94 @@
    <link rel="stylesheet" href="/assets/css/resume.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>
+<script async src="https://umami.woodburn.au/script.js" data-website-id="6a55028e-aad3-481c-9a37-3e096ff75589"></script><link rel="stylesheet" href="/assets/css/resume-print.css" media="print">
 </head>

-<body style="width: 90%;margin-left: 5%;margin-right: 5%;font-family: 'Noto Sans', sans-serif;">
-    <div class="d-none d-lg-inline d-xl-inline d-xxl-inline">
-        <div class="profile-container" style="margin-top: 5em;margin-bottom: 5em;">
-            <div style="background-color: var(--bs-primary);height: 170px;width: 170px;margin-top: -10px;pointer-events: none;z-index: 1;position: absolute;border-radius: 50%;"></div><img class="profile foreground hideprint" src="/assets/img/nathanwoodburn.jpeg" alt="">
-        </div>
-        <div class="title" style="text-align: right;background: var(--bs-primary);">
-            <h1>Nathan Woodburn</h1>
-            <p><a href="mailto:contact@nathan.woodburn.au" style="color: rgb(255,255,255);text-decoration: none;display: inline;" target="_blank">contact@nathan.woodburn.au</a>&nbsp;|&nbsp;<a href="tel:+61493129562" style="color: rgb(255,255,255);text-decoration: none;display: inline;" target="_blank">0493129562</a>&nbsp;| Canberra, ACT</p>
-            <p><a href="https://github.com/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;display: inline;" 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">
-                        <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>&nbsp;@nathanwoodburn</a>&nbsp;|&nbsp;<a href="https://linkedin.com/in/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;display: inline;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin">
-                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
-                    </svg>&nbsp;@nathanwoodburn</a>&nbsp;|&nbsp;<a href="https://nathan.woodburn.au" style="color: rgb(255,255,255);text-decoration: none;display: inline;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-link-45deg">
-                        <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path>
-                        <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"></path>
-                    </svg>&nbsp;nathan.woodburn.au</a></p>
-        </div>
-    </div>
-    <div class="d-lg-none d-xl-none d-xxl-none">
-        <div class="profile-container" style="margin-top: 5em;margin-bottom: 10px;"><img class="profilesml foregroundsml" src="/assets/img/nathanwoodburn.jpeg" style="width: 170px;border: 10px solid var(--bs-primary) ;" alt=""></div>
-        <div style="text-align: center;margin-bottom: 25px;">
-            <h1 style="margin-bottom: 0px;">Nathan Woodburn</h1>
-            <div class="r-small"><a class="print_text" href="mailto:contact@nathan.woodburn.au" style="color: rgb(255,255,255);text-decoration: none;" target="_blank">contact@nathan.woodburn.au</a><span>&nbsp;|&nbsp;</span><a class="print_text" href="tel:+61493129562" style="color: rgb(255,255,255);text-decoration: none;" target="_blank">0493129562</a><span>&nbsp;|&nbsp;</span><span class="print_text">Canberra, ACT</span></div>
-            <div class="r-small"><a class="print_text" href="https://github.com/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;" 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">
-                        <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>&nbsp;@nathanwoodburn</a><span>&nbsp;|&nbsp;</span><a class="print_text" href="https://linkedin.com/in/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin">
-                        <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
-                    </svg>&nbsp;@nathanwoodburn</a><span>&nbsp;|&nbsp;</span><a class="print_text" href="https://nathan.woodburn.au" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-link-45deg">
+<body style="font-family: 'Noto Sans', sans-serif;">
+    <div class="container-fluid h-100">
+        <div class="row h-100 resume-row">
+            <div class="col-md-4 resume-column resume-column-left">
+                <div class="row row-cols-1 row-fill">
+                    <div class="col">
+                        <div class="text-center"><img class="profile-side" src="/assets/img/nathanwoodburn.jpeg" alt=""></div>
+                        <h1 class="l-heading1">Contact</h1>
+                        <hr class="hr-l">
+                        <div class="r-small"><a class="print_text" href="tel:+61493129562" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-telephone-fill">
+                                    <path fill-rule="evenodd" d="M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z"></path>
+                                </svg>&nbsp;+61 493 129 562</a></div>
+                        <div class="r-small"><a class="print_text" href="mailto:nathan@woodburn.au" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-envelope-fill">
+                                    <path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555ZM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757Zm3.436-.586L16 11.801V4.697l-5.803 3.546Z"></path>
+                                </svg>&nbsp;nathan@woodburn.au</a></div>
+                        <div class="r-small"><span class="print_text"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-pin-angle-fill">
+                                    <path d="M9.828.722a.5.5 0 0 1 .354.146l4.95 4.95a.5.5 0 0 1 0 .707c-.48.48-1.072.588-1.503.588-.177 0-.335-.018-.46-.039l-3.134 3.134a5.927 5.927 0 0 1 .16 1.013c.046.702-.032 1.687-.72 2.375a.5.5 0 0 1-.707 0l-2.829-2.828-3.182 3.182c-.195.195-1.219.902-1.414.707-.195-.195.512-1.22.707-1.414l3.182-3.182-2.828-2.829a.5.5 0 0 1 0-.707c.688-.688 1.673-.767 2.375-.72a5.922 5.922 0 0 1 1.013.16l3.134-3.133a2.772 2.772 0 0 1-.04-.461c0-.43.108-1.022.589-1.503a.5.5 0 0 1 .353-.146z"></path>
+                                </svg>&nbsp;Canberra, ACT</span></div>
+                        <div class="r-small"><a class="print_text" href="https://nathan.woodburn.au" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-link-45deg">
                                    <path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"></path>
                                    <path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243z"></path>
                                </svg>&nbsp;nathan.woodburn.au</a></div>
+                        <div class="r-small"><a class="print_text" href="https://github.com/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;" 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">
+                                    <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>&nbsp;@nathanwoodburn</a></div>
+                        <div class="r-small"><a class="print_text" href="https://linkedin.com/in/nathanwoodburn" style="color: rgb(255,255,255);text-decoration: none;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-linkedin">
+                                    <path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401m-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4"></path>
+                                </svg>&nbsp;@nathanwoodburn</a></div>
+                        <div>
+                            <div style="text-align: center;margin-bottom: 25px;"></div>
                        </div>
                    </div>
-    <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">Technical Support Specialist and System Administrator specializing in Linux environments, Docker, and DNS management. Proven ability to deploy and maintain secure server environments, including Proxmox hypervisors and VLAN-isolated networks, while leveraging Python for automation and service deployment. Expertly troubleshoot critical domain and network issues, providing front-line support and collaborating with engineering teams for continuous improvement.</p>
-        </div>
-        <div class="row row-cols-1 row-cols-lg-2 row-cols-xl-2 row-cols-xxl-2">
-            <div class="col">
+                    <div class="col side-column">
+                        <h1 class="l-heading1">Education</h1>
+                        <hr class="hr-l">
                        <div class="noprintbreak">
+                            <h5 class="r-heading2">Bachelor of Computing</h5>
+                            <h6 class="r-heading3">Australian National University<br>2022 - Present</h6>
+                        </div>
+                        <div class="noprintbreak">
+                            <h5 class="r-heading2">Discovering Engineering</h5>
+                            <h6 class="r-heading3">Australian National University<br>Years 11 - 12</h6>
+                            <p class="l-body">Completed enrichment program in engineering disciplines, CAD modeling, and design thinking</p>
+                        </div>
+                        <div class="noprintbreak">
+                            <h5 class="r-heading2">Home Educated</h5>
+                            <h6 class="r-heading3">Self-Directed Learning</h6>
+                            <p class="l-body">Developed passion for technology through independent exploration of programming, system administration, and server management.</p>
+                        </div>
+                    </div>
+                    <div class="col side-column">
+                        <h1 class="l-heading1">Skills</h1>
+                        <hr class="hr-l">
+                        <div class="noprintbreak">
+                            <ul class="r-body">
+                                <li>Python 3</li>
+                                <li>Git</li>
+                                <li>Docker Containerization</li>
+                                <li>DNS</li>
+                                <li>Linux administration</li>
+                                <li>Technical troubleshooting</li>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col resume-column resume-column-right">
+                <div style="margin: 3em;">
+                    <h1 class="title" style="margin-bottom: 0px;">Nathan Woodburn</h1>
+                    <h1 class="subtitle r-heading3" style="font-size: 25px;color: var(--bs-gray);">{% if support %}Technical Support Specialist{% else %}Linux Systems Administrator{% endif %}</h1>
+                    <hr class="title-hr">
+                </div>
+                <div class="l-summary">
+                    <h1 class="r-heading1">Summary</h1>
+                    <hr class="hr-l-primary">
+                    <p class="r-body">{% if support %}Technical Support Specialist with expertise in Linux, DNS, and network troubleshooting. Experienced in resolving critical domain and network issues, supporting end-users, and collaborating with engineering teams to ensure stable and secure systems. Skilled in Python automation to streamline repetitive tasks and improve operational efficiency.{% else %}System Administrator specializing in Linux, Docker, and server deployments. Experienced in managing Proxmox, networks, and CI/CD pipelines. Implementing Python automations to optimize system operations. Ability to deploy and maintain server environments, self-hosted services, and web applications while ensuring reliability, scalability, and security.{% endif %}</p>
+                </div>
+                <div class="row g-0 row-cols-1">
+                    <div class="col">
                        <h1 class="r-heading1">Experience</h1>
-                    <h4 class="r-heading2">Technical Support Specialist</h4>
-                    <h6 class="r-heading3">Namebase - Remote |&nbsp;Oct 2022 - JUN 2025</h6>
+                        <hr class="hr-l-primary">
+                        <div class="noprintbreak">
+                            <h4 class="l-heading2 float-right">Oct 2022 - Jun 2025</h4>
+                            <h4 class="l-heading2">Technical Support Specialist</h4>
+                            <h6 class="l-heading3">Namebase - Remote</h6>
                            <ul class="r-body">
                                <li>Provided technical support for users, focusing on domain setup, configuration, and troubleshooting.</li>
                                <li>Worked with engineering teams to report bugs and suggest product improvements.</li>
@@ -89,186 +130,46 @@
                                <li>Gained hands-on experience with recursive and authoritative DNS, DNSSEC, and decentralized naming.</li>
                                <li>Engaged with the community through social platforms and represented Namebase at conferences.</li>
                            </ul>
-                    <hr>
                        </div>
                        <div class="noprintbreak">
-                    <h4 class="r-heading2">Small Business Owner</h4>
-                    <h6 class="r-heading3">Nathan 3D Printing Service |&nbsp;Feb 2020 - Dec 2023</h6>
+                            <h4 class="l-heading2 float-right">Feb 2020 - Dec 2023</h4>
+                            <h4 class="l-heading2">Small Business Owner</h4>
+                            <h6 class="l-heading3">Nathan 3D Printing Service</h6>
                            <ul class="r-body">
                                <li>Operated a custom 3D printing and CAD design business independently.</li>
                                <li>Handled client communication, design iteration, and order fulfillment.</li>
                                <li>Built end-to-end project management and technical design skills.</li>
                            </ul>
-                    <hr>
-                </div>
-                <div class="noprintbreak">
-                    <h4 class="r-heading2">Audio Production&nbsp;Volunteer</h4>
-                    <h6 class="r-heading3">1WAY FM |&nbsp;Feb 2021 - Dec 2021</h6>
-                    <ul class="r-body">
-                        <li>Recorded, edited, and produced audio content for community radio broadcasts.</li>
-                        <li>Supported the production team in day-to-day technical operations.</li>
-                        <li>Gained practical skills in audio engineering and collaborative media work.</li>
-                    </ul>
-                    <hr>
                        </div>
                    </div>
-            <div class="col edu-main">
-                <div class="noprintbreak">
-                    <h1 class="r-heading1">Education</h1>
-                    <h4 class="r-heading2">Bachelor of Computing</h4>
-                    <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, 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>
-                    <hr>
-                </div>
-                <div class="noprintbreak">
-                    <h4 class="r-heading2">Discovering Engineering</h4>
-                    <h6 class="r-heading3">Australian National University |&nbsp;YearS 11 &amp; 12</h6>
-                    <ul class="r-body">
-                        <li>Completed an enrichment program introducing core engineering disciplines and technical concepts.</li>
-                        <li>Explored CAD modeling, design thinking, and practical problem-solving through workshops and case studies.</li>
-                        <li>Gained early exposure to engineering tools and technical communication, laying the groundwork for later technical studies.</li>
-                    </ul>
-                    <hr>
-                </div>
-                <div class="noprintbreak">
-                    <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.</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>
-                    <hr>
-                </div>
-            </div>
-        </div>
-        <div class="spacer"></div>
                    <div class="col">
                        <h1 class="r-heading1">Projects</h1>
+                        <hr class="hr-l-primary">
                        <div class="noprintbreak">
-                <h4 class="r-heading2">Server Lab</h4>
-                <h6 class="r-heading3">Proxmox, Networking, Linux, DNS</h6>
+                            <h4 class="l-heading2">Server Lab</h4>
+                            <h6 class="l-heading3">Proxmox, Networking, Linux, DNS</h6>
                            <ul class="r-body">
                                <li>Maintain a personal physical server running Proxmox hypervisor.</li>
                                <li>Host multiple virtual machines across three VLANs with isolated firewalls for enhanced security.</li>
                                <li>Provide DNS and recursive resolver hosting services for external users.</li>
                                <li>Host a suite of self-hosted services such as Gitea, Authentik, Vaultwarden and Nextcloud.</li>
                            </ul>
-                <hr>
                        </div>
                        <div class="noprintbreak">
-                <h4 class="r-heading2">HNS DoH</h4>
-                <h6 class="r-heading3">DNS, Handshake, DoH, Distributed Systems, Linux</h6>
+                            <h4 class="l-heading2">Personal Website</h4>
+                            <h6 class="l-heading3">Python 3, Flask, Docker, CI/CD</h6>
                            <ul class="r-body">
-                    <li>Manage a distributed Handshake DoH resolver network spanning six independent nodes.</li>
-                    <li>Administer four nodes and collaborate with two external operators on updates, patches, and troubleshooting.</li>
-                    <li>Ensure uptime and resiliency across geographically distributed infrastructure.</li>
+                                <li>Designed modular web application architecture with Flask blueprints and reusable templates.</li>
+                                <li>Managed containerized deployment using Docker on a dedicated server, ensuring consistency and scalability.</li>
+                                <li>Implemented CI/CD pipelines for automated testing, building, and deployment from Git.</li>
+                                <li>Integrated dynamic content and interactive features while maintaining secure and optimized server operations.</li>
                            </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Fire Wallet</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>
-            <div class="noprintbreak">
-                <h1 class="r-heading1">Skills</h1>
-                <h4 class="r-heading2">Programming &amp; Development</h4>
-                <ul class="r-body">
-                    <li><strong>Python 3</strong>: Proficient in building web services and automation tools; experienced with libraries such as Flask, requests, and asyncio.</li>
-                    <li><strong>C &amp; Java</strong>: Applied in university coursework and labs for systems programming, algorithms, and object-oriented design.</li>
-                    <li><strong>C#</strong>: Experienced in building Windows applications, including debugging and testing since 2016.</li>
-                </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Networking &amp; Security</h4>
-                <ul class="r-body">
-                    <li><strong>DNS &amp; DNSSEC</strong>: Skilled in managing DNS zones, records, and DNSSEC; experienced with both authoritative and recursive resolvers.</li>
-                    <li><strong>Linux System Administration</strong>: Manage cloud and physical servers, using the command line for scripting, security, and package management.</li>
-                    <li><strong>Server Infrastructure</strong>: Operate a dedicated server running Proxmox; manage virtual machines across VLANs with separate firewalls to enhance isolation and security.</li>
-                </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Technical Support &amp; Communication</h4>
-                <ul class="r-body">
-                    <li><strong>Technical Support</strong>: Deliver front-line technical assistance, troubleshoot software/platform issues, and communicate clearly with users.</li>
-                    <li><strong>Community Engagement</strong>: Active contributor and presenter within the Handshake and blockchain communities.</li>
-                    <li><strong>Tools</strong>: Git, Docker, NGINX, SSH, Bash scripting.</li>
-                </ul>
-                <hr>
                </div>
            </div>
-        <div class="spacer"></div>
-        <div>
-            <h1 class="r-heading1">Conferences</h1>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Presenter – HandyCon 2025</h4>
-                <h6 class="r-heading3">Online | March 2025</h6>
-                <ul class="r-body">
-                    <li><strong>Firewallet Updates &amp; How to Resolve HNS Sites</strong> – Presented new features and usability improvements in FireWallet, including user-friendly Handshake resolution methods.</li>
-                    <li><strong>Building the Future of Handshake: Advancing Wallets &amp; Ecosystem Development</strong> (co-presented with Rithvik Vibhu) – Discussed strategies for wallet development, improving developer tooling, and enhancing the decentralized web experience on Handshake.</li>
-                </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Judge &amp; Speaker – Onchain Names &amp; Identity Hackathon</h4>
-                <h6 class="r-heading3">Vietnam | April 2024</h6>
-                <ul class="r-body">
-                    <li>Invited judge for blockchain-focused hackathon entries using Handshake and decentralized identity tools.</li>
-                    <li>Delivered a talk comparing Handshake DNS with traditional DNS systems, highlighting benefits of decentralized roots for security and censorship resistance.</li>
-                </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Presenter – HandyCon 2024</h4>
-                <h6 class="r-heading3">Online | March 2024</h6>
-                <ul class="r-body">
-                    <li><strong>FireWallet</strong> – Showcased a modular Handshake wallet written in Python, designed with plugin support to enable extensibility and developer customization.</li>
-                </ul>
-                <hr>
-            </div>
-            <div class="noprintbreak">
-                <h4 class="r-heading2">Presenter – HandyCon 2023</h4>
-                <h6 class="r-heading3">Online | March 2023</h6>
-                <ul class="r-body">
-                    <li>Presented a technical walkthrough on launching websites with Handshake domains.</li>
-                    <li>Covered HTTPS setup using DANE to eliminate reliance on traditional certificate authorities.</li>
-                </ul>
-                <hr>
        </div>
    </div>
-        <div class="spacer"></div>
-    </div>
-    <footer class="text-center bg-dark d-print-none" style="width: 99vw;margin-left: -5vw;padding: 0px;">
-        <div class="container text-white py-4 py-lg-5" style="width: auto;max-width: 100%;">
-            <ul class="list-inline">
-                <li class="list-inline-item me-4"><a href="https://www.facebook.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-facebook text-light">
-                            <path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"></path>
-                        </svg></a></li>
-                <li class="list-inline-item me-4"><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 text-light">
-                            <path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15"></path>
-                        </svg></a></li>
-                <li class="list-inline-item me-4"><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 text-light">
-                            <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>
-            </ul>
-            <p class="text-muted mb-0" style="color: rgb(255,255,255) !important;">Copyright © Nathan.Woodburn/ 2025</p>
-        </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>
Author	SHA1	Message	Date
Nathan Woodburn	720e59c144	fix: Limit width for html All checks were successful Check Code Quality / RuffCheck (push) Successful in 1m20s Details Build Docker / BuildImage (push) Successful in 1m40s Details	2025-11-04 17:35:41 +11:00
Nathan Woodburn	c45a30675c	feat: Finish updating resume template All checks were successful Check Code Quality / RuffCheck (push) Successful in 1m12s Details Build Docker / BuildImage (push) Successful in 1m24s Details	2025-11-04 17:24:28 +11:00
Nathan Woodburn	9e8e23165e	feat: Start on new resume layout	2025-11-04 17:24:28 +11:00