108 lines
4.4 KiB
HTML
108 lines
4.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Xander Bazzi</title>
|
|
<meta property="og:image"
|
|
content="https://sadgrl.online/images/og/homepage.png">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="assets/style/style.css">
|
|
<!-- <script src="assets/scripts/load.js"></script> -->
|
|
<!-- <script src="//gc.zgo.at/count.js" data-goatcounter="https://sadgrl.goatcounter.com/count" async=""></script> -->
|
|
<link rel="icon" href="/assets/images/fav.gif" type="image/gif">
|
|
</head>
|
|
|
|
<body>
|
|
<div id="container">
|
|
<a href="https://www.xbazzi.com"><div class="topbar" ></div></a>
|
|
<div id="flex">
|
|
|
|
<main>
|
|
<div class="wrapper">
|
|
<div class="title"> About</div>
|
|
<div class="content">
|
|
<p> This is my piece of real estate in the public
|
|
internet.
|
|
My name's Xander, and I've worked as a SysAdmin,
|
|
rocket engineer, network engineer, scientific
|
|
programmer,
|
|
freelancer, and software engineer. Nowadays, I
|
|
dedicate my
|
|
time to help further
|
|
the modernization of our current cyberspace
|
|
--specifically in the areas
|
|
of cybersecurity, cloud architecture, and
|
|
software-defined networking.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="title"> What's new?
|
|
</div>
|
|
<div class="content">
|
|
<p class="update">12/26/2023: This site is
|
|
officially online.</p>
|
|
<p class="update">12/05/2023: Finished the home
|
|
datacenter project.</p>
|
|
</div>
|
|
|
|
<div class="title"> Blog posts</div>
|
|
<div class="content">
|
|
<p><a href='./homenetwork.html'>
|
|
Home "datacenter" is what Americans needed,
|
|
but didn't deserve.
|
|
</a></p>
|
|
<p><a href='./juniperfanmod.html'>
|
|
Bribing a loud enterprise switch with Noctua fans.
|
|
</a></p>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
<aside>
|
|
<div class="sidebar-title"> Navigation</div>
|
|
<div class="navclass">
|
|
<nav id="nav">
|
|
<ul>
|
|
<li>
|
|
<a href="index.html">Home</a>
|
|
</li>
|
|
<li>
|
|
<a target='_blank' rel='noreferrer noopener'
|
|
href='https://github.com/alexbazzi'>
|
|
Github
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</nav></div>
|
|
</aside>
|
|
</div>
|
|
<footer id="footer"></footer>
|
|
</div>
|
|
<style>
|
|
.update {
|
|
border: 2px dashed var(--main-color);
|
|
padding: 5px;
|
|
}
|
|
main {
|
|
background-color: transparent !important;
|
|
}
|
|
.content {
|
|
background-color: var(--background);
|
|
}
|
|
.title {
|
|
margin-top: var(--content-spacing);
|
|
}
|
|
.title:first-child {
|
|
margin-top: 0 !important;
|
|
}
|
|
.myButton {
|
|
display:flex;
|
|
margin:0 auto;
|
|
width:150px;
|
|
}
|
|
.yw-content {
|
|
text-align: center;
|
|
}
|
|
</style>
|
|
|
|
</body></html> |