Compare commits
10 Commits
ac6bcedf1e
...
be701dbf3f
Author | SHA1 | Date | |
---|---|---|---|
![]() |
be701dbf3f | ||
![]() |
925d776737 | ||
![]() |
823858133b | ||
![]() |
62603b4326 | ||
![]() |
a4f07fbc86 | ||
![]() |
7bc3c5d887 | ||
![]() |
23b1dd0b12 | ||
![]() |
8401e7ff21 | ||
![]() |
2f8eae4394 | ||
![]() |
aeff27ab48 |
BIN
assets/img/astronaut.png
Normal file
After Width: | Height: | Size: 3.9 MiB |
BIN
assets/img/astronaut_beach.png
Normal file
After Width: | Height: | Size: 2.2 MiB |
BIN
assets/img/astronaut_beach2.png
Normal file
After Width: | Height: | Size: 3.9 MiB |
BIN
assets/img/astronaut_beach4.png
Normal file
After Width: | Height: | Size: 2.7 MiB |
BIN
assets/img/astronaut_beach5.png
Normal file
After Width: | Height: | Size: 4.4 MiB |
BIN
assets/img/astronaut_beach6.png
Normal file
After Width: | Height: | Size: 4.2 MiB |
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 8.0 KiB |
BIN
assets/img/gifs/email_dark.gif
Normal file
After Width: | Height: | Size: 11 KiB |
BIN
assets/img/title-bars-win95.png
Normal file
After Width: | Height: | Size: 14 KiB |
BIN
assets/img/website-diagram-light.png
Normal file
After Width: | Height: | Size: 96 KiB |
BIN
assets/img/website-diagram-light2.png
Normal file
After Width: | Height: | Size: 98 KiB |
BIN
assets/img/xbazzi_logo.png
Normal file
After Width: | Height: | Size: 5.1 KiB |
BIN
assets/img/xbazzi_logo2.png
Normal file
After Width: | Height: | Size: 32 KiB |
@ -11,7 +11,7 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
||||
</ul>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://github.com/alexbazzi" target="_blank"><span class="fa-brands fa-github"></span>GitHub</a>
|
||||
<a href="https://github.com/xbazzi" target="_blank"><span class="fa-brands fa-github"></span>GitHub</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul>
|
||||
@ -21,13 +21,13 @@ document.addEventListener('DOMContentLoaded', (event) => {
|
||||
</ul>
|
||||
<a target='_blank' rel='noreferrer noopener'
|
||||
href='mailto:xander@xbazzi.com'>
|
||||
<img style="height: 40px; margin: 10px;" src="assets/img/gifs/email.gif">
|
||||
<img style="height: 90px; margin: 10px;" src="assets/img/gifs/email.gif">
|
||||
</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div class="sidebar-container">
|
||||
<div class="sidebar-title">Cyware RSS feed</div>
|
||||
<div class="sidebar-title">darknet.org RSS</div>
|
||||
<div id="rss-feed">Loading...</div>
|
||||
</div>
|
||||
</aside>
|
||||
|
@ -27,7 +27,7 @@ function parseRSSFeed(feedXML) {
|
||||
}
|
||||
|
||||
async function displayRSSFeed() {
|
||||
const url = "https://1pro71t329.execute-api.us-east-1.amazonaws.com/allnews/feed"
|
||||
const url = "https://1pro71t329.execute-api.us-east-1.amazonaws.com/darknet/rss"
|
||||
const rssData = await fetchRSSFeed(url);
|
||||
|
||||
if (rssData) {
|
||||
|
@ -5,16 +5,16 @@
|
||||
}
|
||||
|
||||
:root {
|
||||
--background: rgba(150, 150, 150, 0.95);
|
||||
--background: rgba(150, 150, 150, 0.8);
|
||||
--main-color:#bf00ff;
|
||||
--main-color-dk:#441261;
|
||||
--accent-1: #8d0081;
|
||||
--accent-2:#00FFFF;
|
||||
--content-spacing:5px;
|
||||
--background-img:url('../img/bg-beach5.png');
|
||||
--banner:url('../img/bg_ascii2.png');
|
||||
--banner-footer: url('../img/tiny-bar-green.png');
|
||||
--titleBars:url('../img/tiny-bar-green.png');
|
||||
--background-img:url('../img/astronaut_beach6.png');
|
||||
--banner:url('../img/xbazzi_logo2.png');
|
||||
--banner-footer: url('../img/title-bars-win95.png');
|
||||
--titleBars:url('../img/title-bars-win95.png');
|
||||
--text-color: white;
|
||||
--text-shadow-custom: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
|
||||
--link-color:var(--accent-1);
|
||||
@ -26,13 +26,14 @@
|
||||
|
||||
html,
|
||||
body {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
font-family: "Times New Roman", Times, serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
/*background-color: black;*/
|
||||
color: var(--text-color);
|
||||
background-attachment: scroll;
|
||||
z-index: 1;
|
||||
@ -65,6 +66,7 @@ ul {
|
||||
height:150px;
|
||||
padding-bottom:var(--content-spacing);
|
||||
margin-bottom:var(--content-spacing);
|
||||
margin-top:var(--content-spacing);
|
||||
/* border:var(--border); */
|
||||
}
|
||||
|
||||
@ -102,6 +104,7 @@ p.blog {
|
||||
|
||||
/* Revised Pseudo-element Styles */
|
||||
body::before {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
@ -111,7 +114,7 @@ body::before {
|
||||
background-image: var(--background-img);
|
||||
background-size: 100% 100%; /* Ensure the image covers the entire element */
|
||||
background-repeat: no-repeat; /* Prevent the image from repeating */
|
||||
opacity: 0.8; /* Adjust the transparency */
|
||||
opacity: 0.9; /* Adjust the transparency */
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
@ -143,6 +146,7 @@ aside {
|
||||
font-family: 'Monocraft';
|
||||
padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */
|
||||
background-image: var(--titleBars);
|
||||
background-repeat: round;
|
||||
font-weight:bold;
|
||||
font-size: 20px;
|
||||
border:var(--border);
|
||||
@ -158,7 +162,7 @@ aside {
|
||||
color: var(--title-text-color);
|
||||
text-shadow: var(--text-shadow-custom);
|
||||
background-image: var(--titleBars);
|
||||
background-repeat: repeat-x;
|
||||
background-repeat: round;
|
||||
margin-top: var(--content-spacing);
|
||||
font-weight: bold;
|
||||
|
||||
@ -173,7 +177,7 @@ aside {
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
opacity: 0.9;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
main {
|
||||
@ -182,6 +186,7 @@ main {
|
||||
|
||||
nav {
|
||||
/*position:sticky;*/
|
||||
font-size: 20px;
|
||||
top:20px;
|
||||
}
|
||||
|
||||
@ -199,17 +204,19 @@ nav ul li a {
|
||||
vertical-align: top;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
width: 120px;
|
||||
font-weight:400;
|
||||
font-size: 20px;
|
||||
width: 200px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.project-image {
|
||||
display: block; /* Ensures the image does not have inline whitespace below it */
|
||||
max-width: 100%; /* Ensures the image is responsive and fits its container */
|
||||
height: auto; /* Maintains aspect ratio */
|
||||
height: 200px; /* Maintains aspect ratio */
|
||||
margin-top: 10px;
|
||||
margin: auto;
|
||||
width: 100px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
@ -234,7 +241,8 @@ pre {
|
||||
}
|
||||
|
||||
code {
|
||||
background-color: #252525; /* Light grey background */
|
||||
color: #3e5915;
|
||||
background-color: #f6f5b2;
|
||||
padding: 2px 4px;
|
||||
border-radius: 3px;
|
||||
word-wrap: break-word;
|
||||
|
66
changelog.md
@ -1,66 +0,0 @@
|
||||
# Changelog
|
||||
|
||||
All notable changes to this site will be documented in this file.
|
||||
|
||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/) and the versioning is consistent with [Semantic Versioning](https://semver.org/).
|
||||
|
||||
## [0.7.0] - 2024-07-03
|
||||
### Changed
|
||||
- Modified text in index, homenetwork, and website pages.
|
||||
## [0.6.1] - 2024-05-22
|
||||
### Added
|
||||
- Descriptive diagram of the logical setup in the README.md.
|
||||
|
||||
### Changed
|
||||
- Modified text in homenetwork and index pages.
|
||||
|
||||
## [0.6.0] - 2024-04-14
|
||||
### Changed
|
||||
- index.html
|
||||
- homenetwork.html
|
||||
|
||||
|
||||
## [0.5.0] - 2024-04-02
|
||||
### Added
|
||||
- footer.js script to dynamically load the footer with js.
|
||||
|
||||
### Changed
|
||||
- Some CSS stuff
|
||||
- Cleaned up index.html and worked on the wording for homenetwork.html.
|
||||
|
||||
## [0.4.0] - 2024-04-01
|
||||
### Added
|
||||
- Cyware RSS feed.
|
||||
- New project page: Overengineered Static Site.
|
||||
|
||||
### Changed
|
||||
- Fixed several CSS issues.
|
||||
- Changed RSS fetch URL to AWS-powered HTTP proxy to avoid CORS errors.
|
||||
- Modularized the \<aside\> element so it can be loaded with a script tag in every page.
|
||||
- Added "under construction" gif.
|
||||
|
||||
## [0.3.0] - 2024-03-12
|
||||
### Added
|
||||
- RSS Feed to tl;dr tech news.
|
||||
|
||||
## [0.2.0] - 2024-03-12
|
||||
### Added
|
||||
- Text to the home datacenter project with more information.
|
||||
|
||||
### Fixed
|
||||
- Broken URLs to GitHub and LinkedIn.
|
||||
|
||||
## [0.1.0] - 2024-02-26
|
||||
### Added
|
||||
- Several new image assets
|
||||
|
||||
### Changed
|
||||
- Modified index and homenetwork pages with new images
|
||||
|
||||
## [0.0.1] - 2024-02-23
|
||||
### Added
|
||||
- Changelog file.
|
||||
- deploy-site.yaml GitHub Actions workflow.
|
||||
|
||||
### Changed
|
||||
- README.md file.
|
11
index.html
@ -20,7 +20,8 @@
|
||||
<div class="title"><span class="fa-solid fa-user"></span> whoami</div>
|
||||
<div class="content">
|
||||
<p>
|
||||
Software engineer, especializing in algorithms and physics-based models. Passionate about theoretical computer science and low-level programming.
|
||||
Software engineer, specializing in algorithms, socket programming, and physics-based models. Passionate about theoretical computer science and low-level programming.
|
||||
As you can see, I am not a web developer.
|
||||
</p>
|
||||
</div>
|
||||
<div class="title"><span class="fa-solid fa-lightbulb"></span> projects </div>
|
||||
@ -28,13 +29,13 @@
|
||||
<div class="project">
|
||||
<a href="./homenetwork.html"><img src="assets/img/dc1.JPG" alt="Datacenter preview" class="project-image"></a>
|
||||
<a href='./homenetwork.html'><span class="caption">
|
||||
Datacenter at Home
|
||||
We have datacenter at home
|
||||
</span></a>
|
||||
</div>
|
||||
<div class="project">
|
||||
<a href="./website.html"><img src="assets/img/website.png" alt="Website preview" class="project-image"></a>
|
||||
<a href='./website.html'><span class="caption">
|
||||
Overengineered Static Site (this website)
|
||||
Overengineered static site (this website)
|
||||
</span></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -43,9 +44,6 @@
|
||||
</div>
|
||||
|
||||
<footer id="footer"></footer>
|
||||
<div class="under-construction">
|
||||
<img src="assets/img/gifs/thispageisunderconstruction.gif" alt="Under construction gif"></img>
|
||||
</div>
|
||||
</div>
|
||||
<style>
|
||||
main {
|
||||
@ -58,5 +56,6 @@
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
</style>
|
||||
<!-- Cloudflare Web Analytics --><script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "851787a3fc454e6e83a8ad922bcfe266"}'></script><!-- End Cloudflare Web Analytics -->
|
||||
|
||||
</body></html>
|
@ -7,7 +7,7 @@
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="assets/style/style.css">
|
||||
<link rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/tokyo-night-dark.min.css">
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/school-book.min.css">
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
|
||||
<script>hljs.highlightAll();</script>
|
||||
<script src="assets/scripts/rss.js"></script>
|
||||
@ -51,7 +51,7 @@
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<a href="assets/img/website-diagram-dark.png"><img src="assets/img/website-diagram-dark.png"
|
||||
<a href="assets/img/website-diagram-light2.png"><img src="assets/img/website-diagram-light2.png"
|
||||
class="blog-image"></a>
|
||||
<br>
|
||||
<br>
|
||||
@ -61,7 +61,7 @@
|
||||
bucket. Furthermore, the
|
||||
CloudFront distribution cache is invalidated, forcing it to fetch and distribute the newest
|
||||
content.
|
||||
Here is the <code> deploy-site.yaml</code> file that runs the CI pipeline:
|
||||
Here is the <code class="language-yaml"> deploy-site.yaml</code> file that runs the CI pipeline:
|
||||
<pre><code class="language-yaml">name: Deploy to AWS S3 and Invalidate CloudFront
|
||||
|
||||
on:
|
||||
@ -99,7 +99,6 @@ jobs:
|
||||
AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
|
||||
AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
|
||||
AWS_REGION: 'us-east-1'</code></pre>
|
||||
</p>
|
||||
<p>Even though I injected complexity by implementing a cloud-based, declarative, highly-available architecture,
|
||||
I still haven't touched a single JS framework; the whole codebase is simple HTML, CSS and javascript.
|
||||
Maybe one day I'll learn React, Vue, or Svelte... maybe even JQuery... but not today.
|
||||
|