2023-11-02 20:26:15 +11:00
<!DOCTYPE html>
< html data-bs-theme = "light" lang = "en-au" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >
< title > Projects | Nathan.Woodburn/< / title >
2024-09-11 20:57:10 +10:00
< meta name = "theme-color" content = "#000000" >
2024-01-08 02:30:13 +11:00
< link rel = "canonical" href = "https://nathan.woodburn.au/projects" >
< meta property = "og:url" content = "https://nathan.woodburn.au/projects" >
2023-11-02 20:26:15 +11:00
< 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." >
2024-12-19 12:33:56 +11:00
< meta property = "og:image" content = "https://nathan.woodburn.au/assets/img/profile.jpg" >
2023-11-02 20:26:15 +11:00
< meta name = "description" content = "Check out some of my projects" >
2024-06-17 21:29:52 +10:00
< 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" >
2023-11-02 22:53:08 +11:00
< link rel = "stylesheet" href = "/assets/bootstrap/css/bootstrap.min.css" >
2024-02-13 14:20:20 +11:00
< link rel = "manifest" href = "/manifest.json" crossorigin = "use-credentials" >
2023-11-02 20:26:15 +11:00
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic&display=swap" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Cabin:700&display=swap" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Anonymous+Pro&display=swap" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" >
2023-11-02 22:53:08 +11:00
< 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/profile.min.css" >
2023-11-02 20:26:15 +11:00
< link rel = "me" href = "https://mastodon.woodburn.au/@nathanwoodburn" / >
2023-12-20 15:22:15 +11:00
< script async src = "https://umami.woodburn.au/script.js" data-website-id = "6a55028e-aad3-481c-9a37-3e096ff75589" > < / script >
2023-11-02 20:26:15 +11:00
< / head >
2024-06-19 13:12:33 +10:00
< body id = "page-top" data-bs-spy = "scroll" data-bs-target = "#mainNav" data-bs-offset = "77" >
2024-06-18 12:44:26 +10:00
< 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 nathanwoodburn" href = "/#" > Nathan.Woodburn/< / 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 >
2023-11-02 20:26:15 +11:00
< 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 >
2024-06-18 12:44:26 +10:00
< 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 = "/now" > Now< / a > < / li >
2023-11-02 20:26:15 +11:00
< / ul >
< / div >
< / div >
< / nav >
2024-06-18 12:44:26 +10:00
< header class = "masthead" style = "background: url("/assets/img/bg/projects.webp") bottom / cover no-repeat;height: auto;padding-top: 20px;" >
2024-04-25 10:51:34 +10:00
< div style = "margin-top: 150px;margin-bottom: 100px;" >
2023-11-02 20:26:15 +11:00
< div class = "container" >
< div class = "row" >
< div class = "col-lg-8 mx-auto" >
< h1 class = "brand-heading" > Projects< / h1 >
< / div >
< / div >
< / div >
< / div >
< / header >
2024-06-18 12:44:26 +10:00
< section class = "text-center content-section" id = "sites" style = "padding-bottom: 100px;" >
2023-11-02 20:26:15 +11:00
< div class = "container" >
2024-08-15 14:12:00 +10:00
< div class = "row gx-5 row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-3 row-cols-xl-3 row-cols-xxl-4" style = "max-width: 100vw;" > {% for site in sites %}
2024-06-18 12:44:26 +10:00
< div class = "col" style = "padding-top: 20px;" >
< h2 > {{site.name}}< / h2 >
< p > {{site.description}}< / p > < a class = "btn btn-primary" role = "button" href = "{{site.url}}" target = "_blank" > More Info< / a >
< / div >
{% endfor %}< / div >
2023-11-02 20:26:15 +11:00
< / div >
< / section >
2024-06-18 12:44:26 +10:00
< p class = "text-center" style = "font-size: 28px;" > Check out my < a href = "https://git.woodburn.au/nathanwoodburn" target = "_blank" > Git< / a > for all my projects< / p >
2023-11-02 20:26:15 +11:00
< footer >
< div class = "container text-center" >
2023-12-18 15:02:13 +11:00
< p class = "copyright" > Copyright © Nathan.Woodburn/ 2024< / p >
2023-11-02 20:26:15 +11:00
< / div >
2023-12-18 11:24:41 +11:00
< / footer > {{handshake_scripts | safe}}
2023-11-02 22:53:08 +11:00
< script src = "/assets/bootstrap/js/bootstrap.min.js" > < / script >
< script src = "/assets/js/script.min.js" > < / script >
< script src = "/assets/js/hacker.min.js" > < / script >
2023-11-02 20:26:15 +11:00
< / body >
< / html >