diff --git a/assets/img/alien2_clr.gif b/assets/img/alien2_clr.gif new file mode 100644 index 0000000..b93544c Binary files /dev/null and b/assets/img/alien2_clr.gif differ diff --git a/assets/img/bg-beach4.png b/assets/img/bg-beach4.png new file mode 100644 index 0000000..6ae1db5 Binary files /dev/null and b/assets/img/bg-beach4.png differ diff --git a/assets/img/bg-beach5.png b/assets/img/bg-beach5.png new file mode 100644 index 0000000..0f45c7f Binary files /dev/null and b/assets/img/bg-beach5.png differ diff --git a/assets/img/bg-space2.png b/assets/img/bg-space2.png new file mode 100644 index 0000000..f03fc24 Binary files /dev/null and b/assets/img/bg-space2.png differ diff --git a/assets/img/css.gif b/assets/img/css.gif new file mode 100644 index 0000000..020c75a Binary files /dev/null and b/assets/img/css.gif differ diff --git a/assets/img/dc1.JPG b/assets/img/dc1.JPG new file mode 100644 index 0000000..bb51a71 Binary files /dev/null and b/assets/img/dc1.JPG differ diff --git a/assets/img/dc2.JPG b/assets/img/dc2.JPG new file mode 100644 index 0000000..720204e Binary files /dev/null and b/assets/img/dc2.JPG differ diff --git a/assets/img/dc3.JPG b/assets/img/dc3.JPG new file mode 100644 index 0000000..a8c114f Binary files /dev/null and b/assets/img/dc3.JPG differ diff --git a/assets/img/email.gif b/assets/img/email.gif new file mode 100644 index 0000000..ac78997 Binary files /dev/null and b/assets/img/email.gif differ diff --git a/assets/img/github.gif b/assets/img/github.gif new file mode 100644 index 0000000..eeb8383 Binary files /dev/null and b/assets/img/github.gif differ diff --git a/assets/img/homelab_logical.png b/assets/img/homelab_logical.png new file mode 100644 index 0000000..afb89a3 Binary files /dev/null and b/assets/img/homelab_logical.png differ diff --git a/assets/img/linkedingif.gif b/assets/img/linkedingif.gif new file mode 100644 index 0000000..5f8c6ea Binary files /dev/null and b/assets/img/linkedingif.gif differ diff --git a/assets/img/mb1.JPG b/assets/img/mb1.JPG new file mode 100644 index 0000000..fd0ed1e Binary files /dev/null and b/assets/img/mb1.JPG differ diff --git a/assets/img/penguin.gif b/assets/img/penguin.gif new file mode 100644 index 0000000..a54f6fc Binary files /dev/null and b/assets/img/penguin.gif differ diff --git a/assets/img/valid-xhtml10-blue.png b/assets/img/valid-xhtml10-blue.png new file mode 100644 index 0000000..e971248 Binary files /dev/null and b/assets/img/valid-xhtml10-blue.png differ diff --git a/assets/img/vim_on_fire.gif b/assets/img/vim_on_fire.gif new file mode 100644 index 0000000..ab04a01 Binary files /dev/null and b/assets/img/vim_on_fire.gif differ diff --git a/assets/img/website.png b/assets/img/website.png new file mode 100644 index 0000000..ac101df Binary files /dev/null and b/assets/img/website.png differ diff --git a/assets/style/style.css b/assets/style/style.css index c62edc3..ee03c7a 100644 --- a/assets/style/style.css +++ b/assets/style/style.css @@ -11,8 +11,8 @@ --accent-1: #8d0081; --accent-2:#00FFFF; --content-spacing:5px; - --background-img:url('../img/bg-beach3.png'); - --banner:url('../img/banner-cloud.png'); + --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'); --text-color: white; @@ -26,7 +26,7 @@ html, body { margin: 0; box-sizing: border-box; - font-family: "Monocraft"; + font-family: "Times New Roman", Times, serif; } body { @@ -36,23 +36,41 @@ body { z-index: 1; } +.email-link { + position: absolute; + top: 10px; /* Adjust the position as needed */ + right: 10px; /* Adjust the position as needed */ + display: inline-block; +} + +.blog-image { + width: 50%; +} + .topbar { background-image:var(--banner); background-size: 100% 100%; height:150px; + padding-bottom:var(--content-spacing); margin-bottom:var(--content-spacing); /* 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 */ } + +.project-image { + display: block; /* Ensures the image does not have inline whitespace below it */ + max-width: 20%; /* Ensures the image is responsive and fits its container */ + height: auto; /* Maintains aspect ratio */ +} + #container, .topbar img { - max-width: 850px; + max-width: 1000px; margin: 0 auto; } #container a { @@ -90,7 +108,7 @@ body::before { #flex { display: flex; - max-width:850px; + max-width:1000px; } aside { @@ -98,11 +116,16 @@ aside { width: 25%; height: 10%; margin-left:var(--content-spacing); - border-left:var(--border); +} + +.sidebar-container { + /*border:var(--border);*/ + /*margin-top: var(--content-spacing);*/ background-color: var(--background); } .sidebar-title { + font-family: 'Monocraft'; padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */ background-image:var(--titleBars); font-weight:bold; @@ -113,6 +136,7 @@ aside { } .title { + font-family: 'Monocraft'; padding: 3px 10px; /* Adjust top/bottom and left/right padding as needed */ font-weight: bold; font-size: 20px; @@ -120,7 +144,10 @@ aside { color: var(--title-text-color); text-shadow: var(--text-shadow-custom); background-image: var(--titleBars); - background-size: 100% 100%; + background-repeat: repeat-x; + margin-top: var(--content-spacing); + + /* 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 */ @@ -154,18 +181,24 @@ nav ul li a { } .content { - padding:25px; + padding: 1px 20px; opacity: 1; background-color: var(--background); - font-size: 10; + font-size: 18px; + font-family: "Times New Roman", Times, serif; } footer { - background-image: var(--banner-footer); - height:30px; - margin-bottom:var(--content-spacing); + background-color: rgb(70, 70, 70); + height:5%; + border: var(--border); + margin-bottom: var(--content-spacing); margin-top:var(--content-spacing); - text-align:center; + text-align: center; +} + +.p footer { + margin: 5px; } /* button styles */ @@ -206,6 +239,7 @@ h2 { width:100%; order:2; } + aside { display:block; width:50%; diff --git a/changelog.md b/changelog.md index 61d08c9..607884f 100644 --- a/changelog.md +++ b/changelog.md @@ -4,6 +4,13 @@ All notable changes to this site will be documented in this file. The format is based on [Semantic Versioning](https://semver.org/). +## [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. diff --git a/homenetwork.html b/homenetwork.html index 2a062e4..2f51102 100644 --- a/homenetwork.html +++ b/homenetwork.html @@ -20,21 +20,31 @@
- Home "datacenter" is what Americans needed, but diddfn't deserve. + ../ + Home datacenter project
-

- Home "datacenter" + A home datacenter is what most Americans need, but don't deserve. +
+ - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed pretium quam id pharetra efficitur. Aenean pellentesque lectus at nisl viverra vulputate. Aliquam pellentesque hendrerit odio eu convallis. Donec tristique elementum urna et ornare. Aenean nec tempor purus. Quisque sed nisi eu felis ornare tincidunt. Vivamus rutrum mi ac consequat hendrerit. Praesent non sagittis mi. + + +
+ Here is the logical diagram of my homelab setup. +
+ - Morbi porttitor enim nec augue feugiat eleifend. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec dapibus enim quis leo gravida pharetra. Nam commodo, arcu ut bibendum blandit, turpis mi viverra nulla, at imperdiet quam augue molestie felis. Morbi ipsum nulla, commodo vitae molestie pulvinar, consectetur sed nulla. Aliquam ultricies et dolor sit amet efficitur. Donec non interdum sapien. Mauris viverra mauris ipsum, at placerat tellus varius sit amet. Etiam in metus metus. Nulla tincidunt, lorem in pulvinar semper, velit dolor sodales dui, at bibendum tellus risus vel justo. Nunc vel eros ut tortor auctor placerat. Sed commodo elit at nulla cursus ultricies. Phasellus sit amet feugiat nibh. - Donec commodo ornare nunc sit amet molestie. Donec laoreet et nunc nec finibus. Duis rhoncus felis eget ipsum condimentum, vel ullamcorper dui ultrices. Sed eu neque nec nunc vestibulum condimentum ac sit amet ligula. Sed tristique accumsan diam, at semper risus eleifend vitae. Nulla pharetra auctor lorem, non bibendum nunc venenatis ac. Mauris rhoncus sapien eros, non tristique neque aliquam ut. Nulla consequat diam ut feugiat laoreet. Nam porttitor ac est id molestie. Etiam a varius urna, sit amet bibendum nibh. Aliquam quis elementum mauris. Fusce pretium aliquet urna, non porttitor elit interdum vitae. Mauris vel pharetra ex, vitae dignissim nulla. Integer ullamcorper velit feugiat mauris accumsan imperdiet. +
+ Had to fit some of the ultra-small form factor PCs with SFP+ NICs to enable 10gbps transfer speeds on LAN. +
+ - Curabitur euismod odio nulla, vel luctus risus auctor at. Ut sit amet posuere urna, sit amet iaculis lorem. Cras lobortis mauris a risus pulvinar dapibus. Vestibulum vel sapien at eros molestie efficitur. Donec neque urna, pulvinar sit amet risus eu, maximus ultricies velit. Aliquam venenatis ante eu ante finibus, ut lacinia nisi faucibus. Donec posuere pulvinar mi sit amet cursus. Integer tincidunt lobortis vehicula. Suspendisse rutrum sem quam, dictum vehicula risus lacinia ac. Vivamus ullamcorper metus sit amet libero hendrerit maximus. Donec consectetur velit eu nulla rutrum sollicitudin. Etiam volutpat porttitor massa vel imperdiet. Nam non felis eget eros viverra pharetra. Vestibulum molestie, leo eget viverra placerat, augue sem rhoncus est, sed luctus tellus nisl ut velit. Suspendisse suscipit tempor volutpat. - - Nullam nunc massa, interdum ac dolor at, vulputate mollis sapien. Maecenas semper mattis aliquam. Curabitur dignissim feugiat turpis eget faucibus. Sed in vestibulum ipsum. Praesent eget est elit. Phasellus rutrum orci ullamcorper est finibus, in commodo felis tempus. Pellentesque vestibulum congue ante rhoncus viverra. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quam augue, ultricies scelerisque risus eget, hendrerit lobortis quam. In dignissim felis nec mollis euismod. Nulla porta fringilla justo id venenatis. Quisque augue lacus, auctor in ante vitae, ultrices commodo dui. Vestibulum hendrerit, leo sit amet aliquet dignissim, quam est faucibus ex, quis ornare lorem lacus vitae lorem. Vivamus ac elementum orci. Morbi congue metus urna, non ornare augue cursus vel. is what Americans needed, but didn't deserve. +
+ Accessing the main server BMC webUI through the IPMI interface via Ethernet, bypassing any need to output video into a monitor. +
+

diff --git a/index.html b/index.html index fe1153d..a4a7b4b 100644 --- a/index.html +++ b/index.html @@ -16,11 +16,9 @@
-
whoami
-

Network, aerospace, and software engineer turned @@ -32,40 +30,56 @@

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.

+

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

+

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

projects
-
+
+ Datacenter preview

Home datacenter -

+ +

+ Website preview +

+ This website + +

-
+
-
+
+ This site is hosted in an AWS S3 bucket, cached globally by a CloudFront distribution, and updated programmatically through GitHub Actions. +
\ No newline at end of file