Update index.html and homenetwork.html with images.

This commit is contained in:
Xander Bazzi
2024-02-26 20:34:24 -07:00
parent 97cbfd4541
commit c60e4d107f
21 changed files with 106 additions and 52 deletions

View File

@@ -16,11 +16,9 @@
<div id="container">
<a href="https://www.xbazzi.com"><div class="topbar" ></div></a>
<div id="flex">
<main>
<div class="wrapper">
<div class="title"><span class="fa-solid fa-user"></span> whoami</div>
<div class="contentDaddy">
<div class="content">
<p>
Network, aerospace, and software engineer turned
@@ -32,40 +30,56 @@
</div>
<div class="content">
<p class="update">01/10/2024: Generated the cool bg image with DALL-E.</p>
<p class="update">12/26/2023: This site is
officially online.</p>
<p class="update">12/05/2023: Finished the home
datacenter project.</p>
<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"><span class="fa-solid fa-lightbulb"></span> projects </div>
<div class="content">
<div class="content flex">
<img src="assets/img/dc1.JPG" alt="Datacenter preview" class="project-image">
<p class="blog"><a href='./homenetwork.html'>
Home datacenter
</a></p>
</a>
</p>
<img src="assets/img/website.png" alt="Website preview" class="project-image">
<p class="blog"><a href='./website.html'>
This website
</a>
</p>
</div>
</div>
</main>
<aside>
<div class="sidebar-title">Navigation</div>
<div class="navclass">
<nav id="nav">
<div class="sidebar-container">
<div class="sidebar-title">Quick links</div>
<nav id="nav">
<ul>
<li>
<a href="index.html">Home</a>
</li>
</ul>
<ul>
<li>
<a target='_blank' rel='noreferrer noopener'
href='https://github.com/alexbazzi'>
Github
</a>
<a href="github.com/alexbazzi"><span class="fa-brands fa-github"></span>GitHub</a>
</li>
</ul>
</nav></div>
<ul>
<li>
<a href="linkedin.com/in/alexbazzi"><span class="fa-brands fa-linkedin"></span>LinkedIn</a>
</li>
</ul>
<a target='_blank' rel='noreferrer noopener'
href='mailto:x@xbazzi.com'>
<img style="height: 40px; margin: 10px;" src="assets/img/email.gif">
</a>
</nav>
</div>
</aside>
</div>
<footer id="footer"></footer>
<footer id="footer">
This site is hosted in an AWS S3 bucket, cached globally by a CloudFront distribution, and updated programmatically through GitHub Actions.
</footer>
</div>
<style>
.update {
@@ -78,20 +92,9 @@
.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>