index: Added Woodburn registry and changed style

This commit is contained in:
Nathan Woodburn 2023-02-23 21:30:38 +11:00
parent 293f2f4f5c
commit 41d0e10bad
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
5 changed files with 61 additions and 23 deletions

4
assets/css/index.css Normal file
View File

@ -0,0 +1,4 @@
img.no-drag {
pointer-events: none;
}

1
assets/img/tilt.svg Normal file
View File

@ -0,0 +1 @@
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" ><path d="M1200 120L0 16.48 0 0 1200 0 1200 120z" class="shape-fill" fill="#000000" fill-opacity="1"></path></svg>

After

Width:  |  Height:  |  Size: 226 B

View File

@ -0,0 +1 @@
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none" ><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" class="shape-fill" fill="#000000" fill-opacity="1"></path><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" class="shape-fill" fill="#000000" fill-opacity="1"></path><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" class="shape-fill" fill="#000000" fill-opacity="1"></path></svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
assets/img/woodburn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

View File

@ -35,6 +35,7 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css"> <link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/ionicons.min.css"> <link rel="stylesheet" href="assets/fonts/ionicons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css"> <link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/index.css">
<link rel="stylesheet" href="assets/css/profile.css"> <link rel="stylesheet" href="assets/css/profile.css">
<link rel="stylesheet" href="assets/css/Social-Icons.css"> <link rel="stylesheet" href="assets/css/Social-Icons.css">
<link rel="canonical" href="https://nathan.woodburn.au" /> <link rel="canonical" href="https://nathan.woodburn.au" />
@ -73,7 +74,7 @@ height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscri
<div class="col-lg-8 mx-auto"> <div class="col-lg-8 mx-auto">
<h2>About ME</h2> <h2>About ME</h2>
<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.png"></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.png"></div>
<p>Hi, I'm Nathan Woodburn and I live in Canberra, Australia.<br>I've been home schooled all the way to Yr 12.<br>I'm currently studying a&nbsp;Bachelor of Engineering.<br>I started a 3D printing service in early 2021.<br>I'm one of the founders of <a href="https://hns.au" target="_blank">Handshake AU</a>. We work to help Handshake adoption in Australia<br>I work for <a href="https://www.namebase.io" target="_blank">Namebase</a>&nbsp;as tech and general support. Namebase is owned by <a href="https://namecheap.com" target="_blank">Namecheap</a>&nbsp;and is an easy way to get a domain on Handshake.</p> <p>Hi, I'm Nathan Woodburn and I live in Canberra, Australia.<br>I've been home schooled all the way to Yr 12.<br>I'm currently studying a&nbsp;Bachelor of Engineering.<br>I started a 3D printing service in early 2021.<br>I'm one of the founders of <a href="https://hns.au" target="_blank">Handshake AU</a>&nbsp;working to increase Handshake adoption in Australia.<br>I work for <a href="https://www.namebase.io" target="_blank">Namebase</a>&nbsp;as tech and general support. Namebase is a US based company owned by <a href="https://namecheap.com" target="_blank">Namecheap</a>.</p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -91,46 +92,77 @@ height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscri
</div> </div>
</div> </div>
<p class="text-start d-inline-block skillcode"></p> <p class="text-start d-inline-block skillcode"></p>
</section> </section><img class="no-drag" src="assets/img/tilt.svg" style="background: #363636;width: 100%;">
<section class="text-center content-section" id="sites"> <section class="text-center content-section sites" id="sites" style="background: #363636;padding-top: 0px;padding-bottom: 0px;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 mx-auto"> <div class="col-lg-8 mx-auto">
<h2>My WebSites</h2> <h2>My WebSites</h2>
</div> </div>
</div> </div>
<div class="row"> <div class="row row-cols-1 d-print-none d-lg-none d-xl-none d-xxl-none">
<div class="col"><a href="https://nathan3dprinting.au" target="_blank"><img src="assets/img/favicon_trans.png" width="50%" style="width: 200px;"></a> <div class="col" style="padding-bottom: 50px;"><a href="https://nathan3dprinting.au" target="_blank"><img src="assets/img/favicon_trans.png" style="width: 200px;"></a>
<p>Nathan 3D Printing Service<br>Cheap 3D printing and CAD modeling</p><a class="btn btn-primary" role="button" href="https://nathan3dprinting.au" target="_blank">Visit Nathan 3D Printing Service</a> <p>Nathan 3D Printing Service<br>Cheap 3D printing and CAD modeling</p><a class="btn btn-primary" role="button" href="https://nathan3dprinting.au" target="_blank">Visit Nathan 3D Printing Service</a>
</div> </div>
<div class="col"><a href="https://hns.au" target="_blank"><img src="assets/img/HNSAU_white.png" width="50%" style="width: 192px;"></a> <div class="col" style="padding-bottom: 50px;"><a href="https://hns.au" target="_blank"><img src="assets/img/HNSAU_white.png" style="width: 192px;"></a>
<p>Handshake AU<br>Australian Handshake web3 group</p><a class="btn btn-primary" role="button" href="https://hns.au" target="_blank">Visit HNSAU</a> <p>Handshake AU<br>Australian Handshake web3 group</p><a class="btn btn-primary" role="button" href="https://hns.au" target="_blank">Visit HNSAU</a>
</div> </div>
<div class="col"><a href="https://nathan.woodburn.au/ANURobot/" target="_blank"><img src="assets/img/acrylicRover41.jpg" width="50%" style="width: 221px;"></a> <div class="col" style="padding-bottom: 50px;"><a href="https://reg.woodburn.au/" target="_blank"><img src="assets/img/woodburn.png" style="width: 221px;"></a>
<p>ANU Robot<br>Autonomous maze solving robot</p><a class="btn btn-primary" role="button" href="https://nathan.woodburn.au/ANURobot/" target="_blank">Visit ANU Robot</a> <p>Woodburn Registry<br>Selling Domains on some Handshake TLDs</p><a class="btn btn-primary" role="button" href="https://reg.woodburn.au/" target="_blank">Visit Woodburn Registry</a>
</div> </div>
</div> </div>
<div class="row d-none d-print-flex d-lg-flex d-xl-flex d-xxl-flex">
<div class="col"><a href="https://nathan3dprinting.au" target="_blank"><img src="assets/img/favicon_trans.png" style="width: 200px;"></a></div>
<div class="col"><a href="https://hns.au" target="_blank"><img src="assets/img/HNSAU_white.png" style="width: 192px;"></a></div>
<div class="col"><a href="https://reg.woodburn.au/" target="_blank"><img src="assets/img/woodburn.png" style="width: 221px;"></a></div>
</div> </div>
</section> <div class="row d-none d-print-flex d-lg-flex d-xl-flex d-xxl-flex">
<section class="text-center content-section" id="contact"> <div class="col">
<p>Nathan 3D Printing Service<br>Cheap 3D printing and CAD modeling</p>
</div>
<div class="col">
<p>Handshake AU<br>Australian Handshake web3 group</p>
</div>
<div class="col">
<p>Woodburn Registry<br>Selling Domains on some Handshake TLDs</p>
</div>
</div>
<div class="row d-none d-print-flex d-lg-flex d-xl-flex d-xxl-flex">
<div class="col" style="padding-bottom: 50px;"><a class="btn btn-primary" role="button" href="https://nathan3dprinting.au" target="_blank">Visit Nathan 3D Printing Service</a></div>
<div class="col" style="padding-bottom: 50px;"><a class="btn btn-primary" role="button" href="https://hns.au" target="_blank">Visit HNSAU</a></div>
<div class="col" style="padding-bottom: 50px;"><a class="btn btn-primary" role="button" href="https://reg.woodburn.au/" target="_blank">Visit Woodburn Registry</a></div>
</div>
</div>
</section><img class="no-drag" src="assets/img/tilt.svg" style="width: 100%;background: #363636;transform: rotate(180deg);">
<section class="text-center content-section" id="contact" style="padding-top: 0px;padding-bottom: 3em;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 mx-auto"> <div class="col-lg-8 mx-auto">
<h2>Contact Me</h2> <h2>Contact Me</h2>
<p>Feel free to send me a message with any of the below buttons</p> <p>Here are my social. I'm most active on Discord</p>
<ul class="list-inline banner-social-buttons"> <div class="table-responsive">
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" style="width: 171px;" target="_blank" href="https://discord.gg/p4dm8uWkwC"><i class="fab fa-discord fa-fw"></i><span class="network-name">&nbsp;Discord</span></a></li> <table class="table">
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="mailto:about@nathan.woodburn.au" style="width: 170px;"><i class="icon ion-email fa-fw" style="font-size: 19px;"></i><span class="network-name">&nbsp; Email</span></a></li> <tbody>
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="https://www.facebook.com/nathanjwoodburn" style="width: 170px;" target="_blank"><i class="fa fa-facebook fa-fw"></i><span class="network-name">&nbsp;Facebook</span></a></li> <tr>
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="https://github.com/Nathanwoodburn" style="width: 171px;" target="_blank"><i class="fa fa-github fa-fw"></i><span class="network-name">&nbsp;github</span></a></li> <td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" style="width: 171px;" target="_blank" href="https://discord.gg/p4dm8uWkwC"><i class="fab fa-discord fa-fw"></i><span class="network-name">&nbsp;Discord</span></a></td>
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="https://keybase.io/nathanwoodburn" style="width: 170px;" target="_blank"><i class="fab fa-keybase fa-fw"></i><span class="network-name">Keybase</span></a></li> <td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" href="mailto:about@nathan.woodburn.au" style="width: 170px;"><i class="icon ion-email fa-fw" style="font-size: 19px;"></i><span class="network-name">&nbsp; Email</span></a></td>
<li class="list-inline-item" style="padding-top: 10px;">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" style="width: 170px;" target="_blank" href="https://twitter.com/woodburn_nathan"><i class="fa fa-twitter fa-fw"></i><span class="network-name">Twitter</span></a></li> </tr>
</ul> <tr>
<td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" href="https://www.facebook.com/nathanjwoodburn" style="width: 170px;" target="_blank"><i class="fa fa-facebook fa-fw"></i><span class="network-name">&nbsp;Facebook</span></a></td>
<td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" href="https://github.com/Nathanwoodburn" style="width: 171px;" target="_blank"><i class="fa fa-github fa-fw"></i><span class="network-name">&nbsp;github</span></a></td>
</tr>
<tr>
<td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" href="https://keybase.io/nathanwoodburn" style="width: 170px;" target="_blank"><i class="fab fa-keybase fa-fw"></i><span class="network-name">Keybase</span></a></td>
<td style="border-width: 0px;border-style: none;"><a class="btn btn-primary btn-lg btn-default" role="button" style="width: 170px;" target="_blank" href="https://twitter.com/woodburn_nathan"><i class="fa fa-twitter fa-fw"></i><span class="network-name">Twitter</span></a></td>
</tr>
</tbody>
</table>
</div> </div>
</div> </div>
</div> </div>
</section> </div>
<section class="text-center content-section" id="donate"> </section><img class="no-drag" src="assets/img/wavesblack.svg" style="background: #110033;width: 100%;">
<section class="text-center content-section" id="donate" style="background: #110033;">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-lg-8 mx-auto"> <div class="col-lg-8 mx-auto">
@ -139,12 +171,12 @@ height="0" width="0" style="display: none;visibility: hidden;"></iframe></noscri
<ul class="list-inline banner-social-buttons"> <ul class="list-inline banner-social-buttons">
<li class="list-inline-item">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="https://paypal.me/nathanwoodburn" style="width: 170px;" target="_blank"><i class="fab fa-paypal fa-fw"></i><span class="network-name">&nbsp; Paypal</span></a></li> <li class="list-inline-item">&nbsp;<a class="btn btn-primary btn-lg btn-default" role="button" href="https://paypal.me/nathanwoodburn" style="width: 170px;" target="_blank"><i class="fab fa-paypal fa-fw"></i><span class="network-name">&nbsp; Paypal</span></a></li>
</ul> </ul>
<p>HNS:<br><code class="hns">hs1qk4sq6mk3kcshp02xgchukv09m38czdnq5qv76w</code><br>BTC:<br><code class="btc">bc1qhs94zzcw64qnwq4hvk056rwxwvgrkd7tq7d4xw</code><br>ETH:<br><code class="eth">0x6cB4B39bEc23a921C9a20D061Bf17d4640B0d39e</code></p> <p>HNS:<br><code class="hns" style="color: rgb(242,90,5);">hs1qk4sq6mk3kcshp02xgchukv09m38czdnq5qv76w</code><br>BTC:<br><code class="btc" style="color: rgb(242,90,5);">bc1qhs94zzcw64qnwq4hvk056rwxwvgrkd7tq7d4xw</code><br>ETH:<br><code class="eth" style="color: rgb(242,90,5);">0x6cB4B39bEc23a921C9a20D061Bf17d4640B0d39e</code></p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
<footer> <footer style="background: #110033;">
<div class="container text-center"> <div class="container text-center">
<div class="row"> <div class="row">
<div class="col"> <div class="col">