update github username

assets/scripts/aside.js

@@ -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>

assets/scripts/rss.js

@@ -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) {

assets/style/style.css

@@ -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;
 }
 
@@ -142,7 +145,8 @@ aside {
 .sidebar-title {
     font-family: 'Monocraft';
     padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */
-    background-image:var(--titleBars);
+    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;

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.

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>
+    </body></html>

website.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.