Initial commit 🚀
This commit is contained in:
108
index.html
Normal file
108
index.html
Normal file
@@ -0,0 +1,108 @@
|
||||
<!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>
|
||||
Reference in New Issue
Block a user