nathanwoodburn/Nathanwoodburn.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add servers page
All checks were successful
Build Docker / Build Image (push) Successful in 30s
Details

Browse Source
This commit is contained in:
Nathan Woodburn 2023-11-06 11:27:09 +11:00
parent 699e9988f2
commit 33158bdb57
Signed by: nathanwoodburn
GPG Key ID: 203B000478AD0EF1
4 changed files with 304 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/about.html
View File

@ -47,8 +47,6 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
<body class="about-body" style="text-align: center;color: rgb(255,255,255);background: transparent;">
{{handshake_scripts | safe}}
<!-- <script src="https://nathan.woodburn/handshake.js" domain="nathan.woodburn"></script>
<script src="https://nathan.woodburn/https.js"></script> -->
<div class="profile-container" style="margin-bottom: 2em;margin-top: 5em;"><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: 0.5em;">Nathan.Woodburn/</h1>
<div class="social-icons" style="background: rgba(255,255,255,0);color: rgb(255,255,255);padding: 0px;"><a href="https://www.facebook.com/nathanjwoodburn" target="_blank"><i class="icon ion-social-facebook facebook social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a><a target="_blank" href="https://twitter.com/woodburn_nathan"><i class="icon ion-social-twitter twitter social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a><a href="https://www.linkedin.com/in/nathanwoodburn/" target="_blank"><i class="icon ion-social-linkedin linkedin social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a><a href="https://github.com/Nathanwoodburn" target="_blank"><i class="icon ion-social-github github social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a><a href="mailto:contact@nathan.woodburn.au" target="_blank"><i class="icon ion-email email social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a><a href="https://keybase.io/nathanwoodburn" target="_blank"><i class="fab fa-keybase keybase social-icons-hidden" style="border-color: #ffffff;color: rgb(255,255,255);font-size: 35px;margin-top: 0.5em;margin-bottom: 0.5em;"></i></a></div>

2
templates/ascii.html
View File

File diff suppressed because one or more lines are too long

2
templates/projects.html
View File

@ -110,8 +110,6 @@ height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
</div>
</footer>
{{handshake_scripts | safe}}
<!-- <script src="https://nathan.woodburn/handshake.js" domain="nathan.woodburn"></script>
<script src="https://nathan.woodburn/https.js"></script> -->
<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>

304
templates/servers.html Normal file
View File

@ -0,0 +1,304 @@
<!DOCTYPE html>
<html data-bs-theme="light" lang="en-au">
<head>
<meta charset="utf-8">
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NNXTCKW');</script>
<!-- End Google Tag Manager -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Servers | Nathan.Woodburn/</title>
<meta name="theme-color" content="#97009a">
<link rel="canonical" href="https://nathan.woodburn.au/servers.html">
<meta property="og:url" content="https://nathan.woodburn.au/servers.html">
<meta http-equiv="onion-location" content="http://wdbrncwefot4hd7bdrz5rzb74mefay7zvrjn2vmkpdm44l7fwnih5ryd.onion">
<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: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="Check my server status">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="180x180" href="/assets/img/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="192x192" href="/assets/img/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/assets/img/android-chrome-512x512.png">
<link rel="stylesheet" href="/assets/bootstrap/css/bootstrap.min.css">
<link rel="manifest" href="/manifest.json">
<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">
<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">
<link rel="me" href="https://mastodon.woodburn.au/@nathanwoodburn" />
</head>
<body id="page-top" data-bs-spy="scroll" data-bs-target="#mainNav" data-bs-offset="77"><!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNXTCKW"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<nav class="navbar navbar-expand-md fixed-top navbar-light" id="mainNav">
<div class="container"><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>
<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="projects">Projects</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background-image:url('/assets/img/intro-bg.webp');">
<div class="intro-body">
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-top: 100px;">
<h1>Server info</h1>
</div>
</div>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-1 row-cols-xl-3 row-cols-xxl-3">
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Docker01</h4>CPU<br>
<iframe
src="https://docker01.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://docker01.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://docker01.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Docker02</h4>CPU<br>
<iframe
src="https://docker02.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://docker02.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://docker02.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Docker03</h4>CPU<br>
<iframe
src="https://docker03.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://docker03.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://docker03.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-1 row-cols-xl-3 row-cols-xxl-3">
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Oracle Main</h4>CPU<br>
<iframe
src="https://dashdot.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://dashdot.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://dashdot.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Podcast Server</h4>CPU<br>
<iframe
src="https://smalldash.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://smalldash.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://smalldash.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Potato1</h4>CPU<br>
<iframe
src="https://potato1dash.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://potato1dash.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://potato1dash.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
</div>
<div class="row row-cols-1 row-cols-sm-1 row-cols-md-1 row-cols-lg-1 row-cols-xl-3 row-cols-xxl-3">
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">Potato2 (3D Printer)</h4>CPU<br>
<iframe
src="https://potato2dash.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://potato2dash.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://potato2dash.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
<div class="col">
<div class="card" style="margin-top: 10px;margin-bottom: 10px;">
<div class="card-body text-primary text-bg-dark">
<h4 class="card-title">HNSHosting WP</h4>CPU<br>
<iframe
src="https://dashwp.woodburn.au/?graph=cpu&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>MEM<br>
<iframe
src="https://dashwp.woodburn.au/?graph=ram&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
<br>Storage<br>
<iframe
src="https://dashwp.woodburn.au/?graph=storage&showPercentage=true&surface=212529"
style="border-radius: 20px"
allowtransparency="true"
frameborder="0"
></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<footer>
<div class="container text-center">
<p class="copyright">Copyright ©&nbsp;Nathan Woodburn 2023</p>
</div>
</footer>
{{handshake_scripts | safe}}
<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>
</body>
</html>