2024-02-24 18:47:23 +11:00
<!DOCTYPE html>
< html data-bs-theme = "light" lang = "en" >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0, shrink-to-fit=no" >
< title > HNS Links< / title >
< meta name = "description" content = "Create a links page for your domain" >
< link rel = "icon" type = "image/png" sizes = "600x627" href = "/assets/img/favicon.png" >
< link rel = "icon" type = "image/png" sizes = "600x627" href = "/assets/img/favicon.png" >
< link rel = "icon" type = "image/png" sizes = "600x627" href = "/assets/img/favicon.png" >
< link rel = "icon" type = "image/png" sizes = "600x627" href = "/assets/img/favicon.png" >
< link rel = "icon" type = "image/png" sizes = "600x627" href = "/assets/img/favicon.png" >
< link rel = "stylesheet" href = "/assets/bootstrap/css/bootstrap.min.css" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Inter:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&display=swap" >
< link rel = "stylesheet" href = "/assets/css/styles.min.css" >
< link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" >
2024-02-25 15:12:26 +11:00
< script async src = "https://umami.woodburn.au/script.js" data-website-id = "a165bb1c-eef8-4737-8066-fcd8b4a380bd" > < / script >
2024-02-24 18:47:23 +11:00
< / head >
< body >
< nav class = "navbar navbar-expand-md sticky-top py-3 navbar-dark" id = "mainNav" >
< div class = "container" > < a class = "navbar-brand d-flex align-items-center" href = "/" > < img src = "/assets/img/favicon.png" width = "45px" > < span > HNS Links< / span > < / a > < button data-bs-toggle = "collapse" class = "navbar-toggler" data-bs-target = "#navcol-1" > < span class = "visually-hidden" > Toggle navigation< / span > < span class = "navbar-toggler-icon" > < / span > < / button >
< div class = "collapse navbar-collapse" id = "navcol-1" >
< ul class = "navbar-nav mx-auto" >
2024-02-24 19:30:26 +11:00
< li class = "nav-item" > < a class = "nav-link active" href = "/" > Home< / a > < / li >
2024-02-24 18:47:23 +11:00
< li class = "nav-item" > < a class = "nav-link active" href = "/#contact" > Contact< / a > < / li >
< / ul > < button class = "btn btn-primary shadow" type = "button" onclick = "{{varo}}" > Create/edit site< / button >
< / div >
< / div >
< / nav >
< header class = "bg-dark" >
< div class = "container pt-4 pt-xl-5" >
< h1 class = "text-center" style = "color: rgb(255,0,0);" > {{error}}< / h1 >
< div class = "row pt-5" >
< div class = "col-md-8 col-xl-6 text-center text-md-start mx-auto" >
< div class = "text-center" >
2024-02-24 19:30:26 +11:00
< h1 class = "fw-bold" > Easy to use links page for Handshake domains< / h1 >
2024-02-24 18:47:23 +11:00
< / div >
< / div >
< div class = "col-12 col-lg-10 mx-auto" >
< div class = "position-relative" style = "display: flex;flex-wrap: wrap;justify-content: flex-end;" >
2024-02-24 19:30:26 +11:00
< div style = "position: relative;flex: 0 0 45%;transform: translate3d(-15%, 35%, 0);" > < img class = "img-fluid" data-bss-parallax = "" data-bss-parallax-speed = "0.8" src = "/assets/img/example_page.png" > < / div >
< div style = "position: relative;flex: 0 0 45%;transform: translate3d(-5%, 20%, 0);" > < img class = "img-fluid" data-bss-parallax = "" data-bss-parallax-speed = "0.4" src = "/assets/img/example_hnsau.png" > < / div >
< div style = "position: relative;flex: 0 0 60%;transform: translate3d(0, 0%, 0);" > < img class = "img-fluid" data-bss-parallax = "" data-bss-parallax-speed = "0.25" src = "/assets/img/dashboard.png" style = "border-width: 1px;border-style: solid;border-radius: 10px;" > < / div >
2024-02-24 18:47:23 +11:00
< / div >
< / div >
< / div >
< / div >
< / header >
2024-02-24 19:30:26 +11:00
< section style = "background: rgb(39,38,46);" >
2024-02-24 18:47:23 +11:00
< div class = "container bg-dark py-5" >
2024-02-24 21:54:08 +11:00
< div class = "text-center" style = "margin-bottom: 50px;" >
< h1 > Want to get started?< / h1 >
< p > Simply login below button to create your account< / p > < button class = "btn btn-primary" type = "button" onclick = "{{varo}}" > Create your site< / button >
< / div >
2024-02-24 18:47:23 +11:00
< div class = "row" >
< div class = "col-md-8 col-xl-6 text-center mx-auto" >
< p class = "fw-bold text-success mb-2" > Features< / p >
< h3 class = "fw-bold" > What we can do for you< / h3 >
< / div >
< / div >
< div class = "py-5 p-lg-5" >
< div class = "row row-cols-1 row-cols-md-2 mx-auto" style = "max-width: 900px;" >
< div class = "col mb-5" >
< div class = "card shadow-sm" >
< div class = "card-body px-4 py-5 px-md-5" >
< h5 class = "fw-bold card-title" > Easy to create site< / h5 >
< p class = "text-muted card-text mb-4" > We use varo auth to allow you to login with any Handshake domain to allow building your page.< br > Once you login just fill in some info and publish your site in minutes.< / p >
< / div >
2024-02-24 19:30:26 +11:00
< / div >
< / div >
< div class = "col mb-5" >
< div class = "card shadow-sm" >
< div class = "card-body px-4 py-5 px-md-5" >
< h5 class = "fw-bold card-title" > Add wallet addresses for HIP05< / h5 >
< p class = "text-muted card-text mb-4" > Allow anyone to send HNS to @yourdomain by adding your domain in the page info.< / p >
< / div >
2024-02-24 18:47:23 +11:00
< / div >
< / div >
< div class = "col mb-5" >
< div class = "card shadow-sm" >
< div class = "card-body px-4 py-5 px-md-5" >
< h5 class = "fw-bold card-title" > Open Source< / h5 >
< p class = "text-muted card-text mb-4" > Want full control over your website? Deploy this entire system on your server for free< / p > < a class = "btn btn-primary shadow" role = "button" target = "_blank" href = "https://git.woodburn.au/nathanwoodburn/hns-links" > Learn more< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< section id = "contact" class = "py-5" >
< div class = "container" >
< div class = "row mb-5" >
< div class = "col-md-8 col-xl-6 text-center mx-auto" >
< p class = "fw-bold text-success mb-2" > Contact< / p >
< h2 class = "fw-bold" > How you can reach us< / h2 >
< / div >
< / div >
< div class = "row d-flex justify-content-center" >
< div class = "col-md-4 col-xl-4 d-flex justify-content-center justify-content-xl-start" >
< div class = "d-flex flex-wrap flex-md-column justify-content-md-start align-items-md-start h-100" >
< div class = "d-flex align-items-center p-3" >
< div class = "bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md" > < svg xmlns = "http://www.w3.org/2000/svg" width = "1em" height = "1em" fill = "currentColor" viewBox = "0 0 16 16" class = "bi bi-discord" >
< 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 > < / div >
< div class = "px-2" >
< h6 class = "fw-bold mb-0" > Discord< / h6 > < a href = "https://discord.hns.au" target = "_blank" > Join our server< / a >
< / div >
< / div >
< div class = "d-flex align-items-center p-3" >
< div class = "bs-icon-md bs-icon-circle bs-icon-primary shadow d-flex flex-shrink-0 justify-content-center align-items-center d-inline-block bs-icon bs-icon-md" > < svg xmlns = "http://www.w3.org/2000/svg" height = "1em" viewBox = "0 0 24 24" width = "1em" fill = "currentColor" style = "color: #ffffff;" >
< path d = "M0 0h24v24H0z" fill = "none" > < / path >
< path d = "M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z" > < / path >
< / svg > < / div >
< div class = "px-2" >
< h6 class = "fw-bold mb-0" > Email< / h6 > < a href = "mailto:links@hns.au" > links@hns.au< / a >
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / section >
< footer class = "bg-dark" >
< div class = "container py-4 py-lg-5" >
< div class = "row justify-content-center" >
< div class = "col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column" >
< h3 class = "fs-6 fw-bold" > Services< / h3 >
< ul class = "list-unstyled" >
< li > < a href = "https://hnshosting.au" target = "_blank" > Wordpress Hosting< / a > < / li >
< li > < a href = "https://firewallet.au" target = "_blank" > FireWallet< / a > < / li >
< / ul >
< / div >
< div class = "col-sm-4 col-md-3 text-center text-lg-start d-flex flex-column" >
< h3 class = "fs-6 fw-bold" > About< / h3 >
< ul class = "list-unstyled" >
< li > < a href = "https://hns.au" target = "_blank" > HNSAU< / a > < / li >
< li > < a href = "https://nathan.woodburn.au" target = "_blank" > Nathan.Woodburn/< / a > < / li >
< / ul >
< / div >
< div class = "col-lg-3 text-center text-lg-start d-flex flex-column align-items-center order-first align-items-lg-start order-lg-last" >
< div class = "fw-bold d-flex align-items-center mb-2" > < span > HNS Links< / span > < / div >
< p class = "text-muted" > Easy to manage links page on Handshake domains< / p >
< / div >
< / div >
< hr >
< div class = "text-muted d-flex justify-content-between align-items-center pt-3" >
< p class = "mb-0" > Copyright © {{year}} Nathan.Woodburn/< / p >
< / div >
< / div >
< / footer >
< script src = "/assets/js/jquery.min.js" > < / script >
< script src = "/assets/bootstrap/js/bootstrap.min.js" > < / script >
< script src = "https://auth.varo.domains/v1" > < / script >
< script src = "/assets/js/script.min.js" > < / script >
< / body >
< / html >