From bbdd101952adfb654b98d3a96aba12a60487158f Mon Sep 17 00:00:00 2001 From: Xander Bazzi Date: Wed, 17 Jan 2024 04:28:22 -0700 Subject: [PATCH] Stable version --- assets/style/style.css | 81 +++++++++++++++++++++++++----------------- index.html | 39 ++++++++++---------- 2 files changed, 67 insertions(+), 53 deletions(-) diff --git a/assets/style/style.css b/assets/style/style.css index bcc3466..94f70b3 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -1,29 +1,27 @@ @font-face { font-family: "Monocraft"; src: local("Monocraft"); - /* src: url("https://github.com/IdreesInc/Monocraft/releases/download/v3.0/Monocraft.ttf") format("truetype"); */ - /* src: url("https://sadhost.neocities.org/fonts/FreePixel.ttf") format("truetype"); */ + src: url("https://www.xbazzi.com/Monocraft.ttf") format("truetype"); } :root { - /*background-image: url('../../assets/img/bg.jpg');*/ - - --background: #0E191A; - --main-color:#7107AF; + --background: rgba(150, 150, 150, 0.95); + --main-color:#bf00ff; --main-color-dk:#441261; - --accent-1:#B5E61D; - --accent-2:#EB53D3; + --accent-1: #0000ff; + --accent-2:#00FFFF; --content-spacing:5px; - --background-img:url('../img/bg-code.png'); - --banner:url('../img/bg_ascii2.png'); - --banner-footer: url('../img/tiny-bar-green.png'); - --titleBars:url('../img/tiny-bar-green.png'); - --text-color: white; + --background-img:url('../img/bg-beach4.png'); + --banner:url('../img/xbazzi_logo2.png'); + --banner-footer: url('../img/tiny-bar-cyan.png'); + --titleBars:url('../img/title-bars-win95.png'); + --text-color: black; + --text-bg: #00FFFF; + --title-text-color: white; --text-shadow-custom: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black; --link-color:var(--accent-1); --border:2px solid black; --arrows:url('../assets/images/arrow.png'); - } html, @@ -45,9 +43,15 @@ body { background-size: 100% 100%; height:150px; margin-bottom:var(--content-spacing); - border:var(--border); + /* border:var(--border); */ } +p.blog { + font-weight: bold; + padding: 5px; /* Add some space around the text */ + display: inline-block; /* Ensure the background only covers the text */ + +} #container, .topbar img { max-width: 850px; @@ -80,7 +84,7 @@ body::before { bottom: 0; content: ''; background-image: var(--background-img); - background-size: cover; /* Ensure the image covers the entire element */ + 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 */ z-index: -1; @@ -92,19 +96,30 @@ body::before { } aside { - width: 30%; + font-weight: bold; + width: 25%; + margin: 5px; /* Add some space around the text */ margin-left:var(--content-spacing); border-left:var(--border); background-color: var(--background); - opacity: 0.9; } +.sidebar-title { -.title, .sidebar-title { background-image:var(--titleBars); font-weight:bold; + font-size: 25px; border:var(--border); - font-size:20px; - color: var(--text-color); + color: var(--title-text-color); + text-shadow: var(--text-shadow-custom); +} +.title { + background-image:var(--titleBars); + background-size: 100% 100%; + padding: 5px; + font-weight:bold; + font-size: 25px; + border:var(--border); + color: var(--title-text-color); text-shadow: var(--text-shadow-custom); /*position: sticky;*/ } @@ -119,7 +134,6 @@ aside { main { width: 74%; - background-color: var(--background); } nav { @@ -139,17 +153,19 @@ nav ul li a { .content { padding:25px; + opacity: 1; + background-color: var(--background); + font-size: 20px; } footer { - /*border:var(--border);*/ background-image: var(--banner-footer); - /*background-size: 100% 100%;*/ height:30px; margin-bottom:var(--content-spacing); margin-top:var(--content-spacing); text-align:center; } + /* button styles */ button { background-image:var(--titleBars); @@ -172,8 +188,8 @@ h2 { } #themeDiv { -position: sticky; -top: 550px; + position: sticky; + top: 550px; } @media only screen and (max-width: 640px) { @@ -190,7 +206,7 @@ top: 550px; } aside { display:block; - width:100%; + width:50%; order:1; margin-left:0; } @@ -204,9 +220,10 @@ top: 550px; nav ul > ul { display:none; } +} + +@media only screen and (max-height: 640px) { + nav ul > ul { + display:none; } - @media only screen and (max-height: 640px) { - nav ul > ul { - display:none; - } - } \ No newline at end of file +} \ No newline at end of file diff --git a/index.html b/index.html index 441dc2e..8d2bda4 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ - + @@ -19,39 +19,36 @@
-
  About
-
-

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

+
  whoami
+
+
+

Started off in aerospace + engineering and eventually found myself drawn to the world of + cybersecurity. Along the way, I've tackled + roles as a SysAdmin, rocket engineer, and software engineer + . These days, I find myself exploring + serverless architectures, software-defined networking, and + the applications of AI in offensive security. +

+
- -
  What's new? +
  updates
+

01/10/2024: Generated the cool bg image with DALL-E.

12/26/2023: This site is officially online.

12/05/2023: Finished the home datacenter project.

-
  Blog posts
+
  blog
-

+

Home "datacenter" is what Americans needed, but didn't deserve.

-

+

Bribing a loud enterprise switch with Noctua fans.