diff --git a/assets/img/banner-cloud.png b/assets/img/banner-cloud.png new file mode 100644 index 0000000..1f1953f Binary files /dev/null and b/assets/img/banner-cloud.png differ diff --git a/assets/img/bg-beach3.png b/assets/img/bg-beach3.png new file mode 100644 index 0000000..2be11d4 Binary files /dev/null and b/assets/img/bg-beach3.png differ diff --git a/assets/img/bg-space.png b/assets/img/bg-space.png new file mode 100644 index 0000000..383bff7 Binary files /dev/null and b/assets/img/bg-space.png differ diff --git a/assets/img/space-2.png b/assets/img/space-2.png new file mode 100644 index 0000000..19c0901 Binary files /dev/null and b/assets/img/space-2.png differ diff --git a/assets/img/tiny-bar-space.png b/assets/img/tiny-bar-space.png new file mode 100644 index 0000000..c5d064a Binary files /dev/null and b/assets/img/tiny-bar-space.png differ diff --git a/assets/img/xbazzi-ascii.txt b/assets/img/xbazzi-ascii.txt new file mode 100644 index 0000000..6a7fe78 --- /dev/null +++ b/assets/img/xbazzi-ascii.txt @@ -0,0 +1,10 @@ + + +██╗ ██╗██████╗ █████╗ ███████╗███████╗██╗ ██████╗ ██████╗ ███╗ ███╗ +╚██╗██╔╝██╔══██╗██╔══██╗╚══███╔╝╚══███╔╝██║ ██╔════╝██╔═══██╗████╗ ████║ + ╚███╔╝ ██████╔╝███████║ ███╔╝ ███╔╝ ██║ ██║ ██║ ██║██╔████╔██║ + ██╔██╗ ██╔══██╗██╔══██║ ███╔╝ ███╔╝ ██║ ██║ ██║ ██║██║╚██╔╝██║ +██╔╝ ██╗██████╔╝██║ ██║███████╗███████╗██║██╗╚██████╗╚██████╔╝██║ ╚═╝ ██║ +╚═╝ ╚═╝╚═════╝ ╚═╝ ╚═╝╚══════╝╚══════╝╚═╝╚═╝ ╚═════╝ ╚═════╝ ╚═╝ ╚═╝ + + diff --git a/assets/style/style.css b/assets/style/style.css index fc5df93..c62edc3 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -8,11 +8,11 @@ --background: rgba(150, 150, 150, 0.95); --main-color:#bf00ff; --main-color-dk:#441261; - --accent-1: #0000ff; + --accent-1: #8d0081; --accent-2:#00FFFF; --content-spacing:5px; - --background-img:url('../img/beach-night-bg.webp'); - --banner:url('../img/bg_ascii2.png'); + --background-img:url('../img/bg-beach3.png'); + --banner:url('../img/banner-cloud.png'); --banner-footer: url('../img/tiny-bar-green.png'); --titleBars:url('../img/tiny-bar-green.png'); --text-color: white; @@ -96,30 +96,34 @@ body::before { aside { font-weight: bold; width: 25%; - margin: 5px; /* Add some space around the text */ + height: 10%; margin-left:var(--content-spacing); border-left:var(--border); background-color: var(--background); } -.sidebar-title { +.sidebar-title { + padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */ background-image:var(--titleBars); font-weight:bold; - font-size: 25px; + font-size: 20px; border:var(--border); 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); + padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */ + font-weight: bold; + font-size: 20px; + border: var(--border); color: var(--title-text-color); text-shadow: var(--text-shadow-custom); - /*position: sticky;*/ + background-image: var(--titleBars); + background-size: 100% 100%; + /* Remove text-indent if it's not needed */ + /* Ensure padding does not prevent text from reaching the ends */ + box-sizing: border-box; /* Ensures padding is included in the element's total width and height */ } .navclass { @@ -153,7 +157,7 @@ nav ul li a { padding:25px; opacity: 1; background-color: var(--background); - font-size: 20px; + font-size: 10; } footer { diff --git a/homenetwork.html b/homenetwork.html index 0b3be5b..2a062e4 100644 --- a/homenetwork.html +++ b/homenetwork.html @@ -19,8 +19,8 @@
-
  - Home "datacenter" is what Americans needed, but didn't deserve. +
+ Home "datacenter" is what Americans needed, but diddfn't deserve.

diff --git a/index.html b/index.html index f550ee7..fe1153d 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,7 @@

-
  whoami
+
whoami

@@ -28,7 +28,7 @@ software-defined networking, and serverless architectures.

-
  updates +
updates

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

@@ -38,21 +38,17 @@ datacenter project.

-
  blog
+
projects