updating posts and logic

Author: AIUPVH8

Content/postTemplate/post.md

@@ -1,12 +1,25 @@
 ---
-title: Post Template
-desc: templatePost
-date: 0001-01-30T00:00:00
-updated: 0001-01-30T00:00:00
-image: post.webp
+title: Post Title
+desc: Short one-line summary for the post card and top section.
+date: 2026-01-01T12:00:00
+updated: 2026-01-01T12:00:00
+image: cover.webp
 tags:
-  - tag1
-  - tag2
-  - tag3
+  - TagOne
+  - TagTwo
+  - TagThree
 ---
-markdown text
+## Introduction
+Start with context and what this post covers.
+
+## What I Built
+- Key decision one
+- Key decision two
+- Key decision three
+
+## Results
+Summarize outcomes, learnings, and what changed.
+
+## Next Steps
+- Follow-up improvement one
+- Follow-up improvement two

Content/posts/post1/post.md

@@ -10,9 +10,6 @@ tags:
   - Design
   - Markdown
 ---
-#
-# My First Post
-
 When I originally designed my website I wanted to make it as simple as possible just to see what I could come up with, and now it has expanded quite a bit.
 
 Back awhile ago I decided that I wanted to have the ability to has support for rich text without the need for writing the 
@@ -32,4 +29,4 @@ it goes in the future.
 
 ![[post1.jpg]]
 
-The image above is the first release of my homepage.
+The image above is the first release of my homepage.

Content/posts/post2/post.md

@@ -10,10 +10,6 @@ tags:
   - Charging
   - Soldering
 ---
-#
-# OnePlus 8 Wireless Charging Mod
-### June 7, 2022
-
 ## Introduction:
 
 I have had my OnePlus 8 for a while now and I have been loving it. The only thing that I have been missing is wireless charging

Content/posts/post3/post.md

@@ -21,10 +21,6 @@ tags:
   - development
   - Python
 ---
-#
-# LANL VM Automated Penetration Testing
-##### April 26, 2024
-
 ## Introduction:
 
 From 08-22-2023 through 04-26-24 I lead a team for my Enterprise at Michigan Tech, The project was given to us by the Los Alamo's National Laboratory (LANL) and had the goal of automatically penetration testing virtual machines deployed on our infrastructure. My team was originally on half of 2 team which eventually became 3 teams which I managed. 
@@ -47,4 +43,4 @@ Team 3 (added later): Web Development and UI/UX
 
 ## What I Learned:
 
-## Conclusion:
+## Conclusion:

Content/posts/post4/post.md

@@ -11,9 +11,6 @@ tags:
   - Professional
   - Development
 ---
-# Superior Cyber Range
-###### 11/27/2024
-
 ## Background:
 
 The Superior Cyber Range project is a collaborative effort led by Michigan Technological University (MTU), in partnership with Northern Michigan University (NMU) and Baraga Community College, designed to serve the entire Upper Peninsula of Michigan and beyond. The project aims to provide a state-of-the-art, scalable, and versatile environment for cybersecurity education, training, and research. This initiative will support institutions, students, and professionals by enabling hands-on experience in realistic cyber defense and attack scenarios.
@@ -46,4 +43,3 @@ The Superior Cyber Range project is a collaborative effort led by Michigan Techn
 - ### Vision and Long-Term Plan:
   - Completion within three years, with a proof of concept (POC) and proof of value (POV) ready by mid-February for NSF funding.
   Future expansion plans include enabling other institutions across Michigan to connect to the range for improved performance.
-

Content/posts/post5/post.md

@@ -7,9 +7,6 @@ image: download.png
 tags:
   - HomeLab
 ---
-# HomeLab
-###### 02/21/2026
-
 # Introduction
 Over the past few weeks, I completed a significant infrastructure refresh in my homelab environment. The updates focused on:
 
@@ -56,4 +53,3 @@ The PA-440 now acts as the primary L3 gateway for:
 Proxmox nodes are connected via trunk ports and pass VLAN tags directly to VMs.
 
 Key change: I eliminated overlapping subnets between Proxmox management and guest networks, which was causing asymmetric routing and inconsistent firewall behavior.
-

assets/css/content.css

@@ -74,6 +74,12 @@ body {
   border-bottom: 1px solid #3a3a3a;
 }
 
+.post-image--logo {
+  object-fit: contain;
+  padding: 0.6rem;
+  background: #202020;
+}
+
 .post-link {
   padding: 0.9rem;
 }
@@ -112,24 +118,69 @@ body {
 }
 
 .post-article {
-  background: #262626;
+  background: linear-gradient(165deg, #2a2a2a, #222222);
   border: 1px solid #3a3a3a;
-  border-radius: 12px;
-  padding: 1.1rem;
+  border-radius: 14px;
+  padding: 1.2rem;
+}
+
+.post-header {
+  display: block;
+  text-align: left;
+  background: transparent;
+  border: none;
+  padding: 0;
+  backdrop-filter: none;
 }
 
 .post-header h1 {
   font-size: 2rem;
   margin-bottom: 0.5rem;
 }
 
+.post-hero-image {
+  width: 100%;
+  max-height: 340px;
+  object-fit: cover;
+  border: 1px solid #3a3a3a;
+  border-radius: 10px;
+  margin-bottom: 0.85rem;
+}
+
+.post-hero-image--logo {
+  max-height: 220px;
+  width: min(100%, 460px);
+  display: block;
+  margin: 0 auto 0.85rem auto;
+  object-fit: contain;
+  padding: 0.75rem;
+  background: #202020;
+}
+
 .post-meta {
   color: #a9a9a9;
   margin-bottom: 0.5rem;
 }
 
 .post-desc {
   color: #d4d4d4;
+  margin-bottom: 0.6rem;
+}
+
+.post-tags {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+  margin: 0.35rem 0 0.5rem 0;
+}
+
+.post-tag {
+  border: 1px solid rgba(251, 203, 7, 0.45);
+  border-radius: 999px;
+  padding: 0.2rem 0.65rem;
+  font-size: 0.76rem;
+  color: #f3f3f3;
+  background: rgba(251, 203, 7, 0.08);
 }
 
 .post-body img {
@@ -138,6 +189,14 @@ body {
   max-width: 100%;
 }
 
+.post-body img[src*="logo"],
+.post-body img[src*="icon"] {
+  max-height: 260px;
+  object-fit: contain;
+  background: #202020;
+  padding: 0.6rem;
+}
+
 .post-body h1 {
   font-size: 1.8rem;
   margin: 1rem 0 0.55rem 0;
@@ -156,7 +215,7 @@ body {
 
 .post-message {
   max-width: 860px;
-  background: #262626;
+  background: linear-gradient(165deg, #2a2a2a, #222222);
   border: 1px solid #3a3a3a;
   border-radius: 12px;
   padding: 1rem;

assets/css/desktop.css

@@ -251,6 +251,22 @@
   margin-top: 0.75rem;
 }
 
+.experience-highlights {
+  margin: 0.55rem 0 0.4rem 1.1rem;
+}
+
+.experience-more {
+  margin-top: 0.35rem;
+  border-top: 1px dashed rgba(255, 255, 255, 0.12);
+  padding-top: 0.45rem;
+}
+
+.experience-more summary {
+  cursor: pointer;
+  font-size: 0.92rem;
+  color: #e0e0e0;
+}
+
 .home-showcase {
   background:
     radial-gradient(circle at 10% 10%, rgba(251, 203, 7, 0.15), transparent 35%),

assets/css/mobile.css

@@ -306,6 +306,22 @@ header {
   font-weight: bold;
 }
 
+.experience-highlights {
+  margin: 0.45rem 0 0.3rem 1rem;
+}
+
+.experience-more {
+  margin-top: 0.3rem;
+  border-top: 1px dashed rgba(255, 255, 255, 0.12);
+  padding-top: 0.38rem;
+}
+
+.experience-more summary {
+  cursor: pointer;
+  font-size: 0.88rem;
+  color: #e0e0e0;
+}
+
 .home-showcase {
   background:
     radial-gradient(circle at 8% 12%, rgba(251, 203, 7, 0.14), transparent 35%),

assets/js/content-legacy.js

@@ -24,13 +24,15 @@ document.addEventListener('DOMContentLoaded', () => {
     const dateRaw = String(raw.date || '').trim();
     const date = dateRaw && !Number.isNaN(new Date(dateRaw).getTime()) ? dateRaw : null;
     const image = String(raw.image || '').trim();
+    const isLogoImage = /(logo|icon)/i.test(image);
 
     return {
       slug,
       title,
       desc,
       date,
       image,
+      isLogoImage,
       imageUrl: image ? `/Content/posts/${slug}/${image}` : defaultImage,
       tags: Array.isArray(raw.tags) ? raw.tags : [],
     };
@@ -160,6 +162,9 @@ document.addEventListener('DOMContentLoaded', () => {
 
       const postImage = document.createElement('img');
       postImage.className = 'post-image';
+      if (post.isLogoImage) {
+        postImage.classList.add('post-image--logo');
+      }
       postImage.src = post.imageUrl;
       postImage.alt = `${post.title} preview image`;
       postImage.loading = 'lazy';