From cf74e597ceb2afeacf28519e0e1984d7851cf122 Mon Sep 17 00:00:00 2001
From: Jarvis Prime <jarvis@openclaw.local>
Date: Mon, 23 Mar 2026 18:20:25 +0000
Subject: [PATCH] Fix Astro site styling - proper CSS overhaul

---
 ...go-member.png?1455269978 => asp_logo-member.png} | Bin
 public/images/{brno.jpg?1455269978 => brno.jpg}     | Bin
 ...componentowl.gif?1455269978 => componentowl.gif} | Bin
 ...net-small.gif?1455269978 => dextronet-small.gif} | Bin
 public/images/{libor.jpg?1455269978 => libor.jpg}   | Bin
 ...otnet-big.gif?1455269978 => logo-dotnet-big.gif} | Bin
 .../{logo-dotnet.gif?1455269978 => logo-dotnet.gif} | Bin
 .../{logo-vs-big.gif?1455269978 => logo-vs-big.gif} | Bin
 .../images/{logo-vs.gif?1455269978 => logo-vs.gif}  | Bin
 .../{logo-win.gif?1455269978 => logo-win.gif}       | Bin
 ...partner.png?1455269978 => microsoft-partner.png} | Bin
 .../{overview.gif?1455269978 => overview.gif}       | Bin
 .../{owl-flag.gif?1455269978 => owl-flag.gif}       | Bin
 .../{ss-overview.png?1455269978 => ss-overview.png} | Bin
 src/layouts/Base.astro                              |   4 ++--
 src/pages/about-us.astro                            |   8 ++++----
 src/pages/index.astro                               |   2 +-
 17 files changed, 7 insertions(+), 7 deletions(-)
 rename public/images/{asp_logo-member.png?1455269978 => asp_logo-member.png} (100%)
 rename public/images/{brno.jpg?1455269978 => brno.jpg} (100%)
 rename public/images/{componentowl.gif?1455269978 => componentowl.gif} (100%)
 rename public/images/{dextronet-small.gif?1455269978 => dextronet-small.gif} (100%)
 rename public/images/{libor.jpg?1455269978 => libor.jpg} (100%)
 rename public/images/{logo-dotnet-big.gif?1455269978 => logo-dotnet-big.gif} (100%)
 rename public/images/{logo-dotnet.gif?1455269978 => logo-dotnet.gif} (100%)
 rename public/images/{logo-vs-big.gif?1455269978 => logo-vs-big.gif} (100%)
 rename public/images/{logo-vs.gif?1455269978 => logo-vs.gif} (100%)
 rename public/images/{logo-win.gif?1455269978 => logo-win.gif} (100%)
 rename public/images/{microsoft-partner.png?1455269978 => microsoft-partner.png} (100%)
 rename public/images/{overview.gif?1455269978 => overview.gif} (100%)
 rename public/images/{owl-flag.gif?1455269978 => owl-flag.gif} (100%)
 rename public/images/{ss-overview.png?1455269978 => ss-overview.png} (100%)

diff --git a/public/images/asp_logo-member.png?1455269978 b/public/images/asp_logo-member.png
similarity index 100%
rename from public/images/asp_logo-member.png?1455269978
rename to public/images/asp_logo-member.png
diff --git a/public/images/brno.jpg?1455269978 b/public/images/brno.jpg
similarity index 100%
rename from public/images/brno.jpg?1455269978
rename to public/images/brno.jpg
diff --git a/public/images/componentowl.gif?1455269978 b/public/images/componentowl.gif
similarity index 100%
rename from public/images/componentowl.gif?1455269978
rename to public/images/componentowl.gif
diff --git a/public/images/dextronet-small.gif?1455269978 b/public/images/dextronet-small.gif
similarity index 100%
rename from public/images/dextronet-small.gif?1455269978
rename to public/images/dextronet-small.gif
diff --git a/public/images/libor.jpg?1455269978 b/public/images/libor.jpg
similarity index 100%
rename from public/images/libor.jpg?1455269978
rename to public/images/libor.jpg
diff --git a/public/images/logo-dotnet-big.gif?1455269978 b/public/images/logo-dotnet-big.gif
similarity index 100%
rename from public/images/logo-dotnet-big.gif?1455269978
rename to public/images/logo-dotnet-big.gif
diff --git a/public/images/logo-dotnet.gif?1455269978 b/public/images/logo-dotnet.gif
similarity index 100%
rename from public/images/logo-dotnet.gif?1455269978
rename to public/images/logo-dotnet.gif
diff --git a/public/images/logo-vs-big.gif?1455269978 b/public/images/logo-vs-big.gif
similarity index 100%
rename from public/images/logo-vs-big.gif?1455269978
rename to public/images/logo-vs-big.gif
diff --git a/public/images/logo-vs.gif?1455269978 b/public/images/logo-vs.gif
similarity index 100%
rename from public/images/logo-vs.gif?1455269978
rename to public/images/logo-vs.gif
diff --git a/public/images/logo-win.gif?1455269978 b/public/images/logo-win.gif
similarity index 100%
rename from public/images/logo-win.gif?1455269978
rename to public/images/logo-win.gif
diff --git a/public/images/microsoft-partner.png?1455269978 b/public/images/microsoft-partner.png
similarity index 100%
rename from public/images/microsoft-partner.png?1455269978
rename to public/images/microsoft-partner.png
diff --git a/public/images/overview.gif?1455269978 b/public/images/overview.gif
similarity index 100%
rename from public/images/overview.gif?1455269978
rename to public/images/overview.gif
diff --git a/public/images/owl-flag.gif?1455269978 b/public/images/owl-flag.gif
similarity index 100%
rename from public/images/owl-flag.gif?1455269978
rename to public/images/owl-flag.gif
diff --git a/public/images/ss-overview.png?1455269978 b/public/images/ss-overview.png
similarity index 100%
rename from public/images/ss-overview.png?1455269978
rename to public/images/ss-overview.png
diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro
index dedc02e..7275734 100644
--- a/src/layouts/Base.astro
+++ b/src/layouts/Base.astro
@@ -18,7 +18,6 @@ const currentPath = Astro.url.pathname;
   <meta name="robots" content="All" />
   <title>{title}</title>
   <link rel="icon" href="/favicon.ico" />
-  <script src="https://cdn.tailwindcss.com"></script>
   <script>
     tailwind.config = {
       theme: {
@@ -32,6 +31,7 @@ const currentPath = Astro.url.pathname;
       }
     }
   </script>
+  <script src="https://cdn.tailwindcss.com"></script>
   <style>
     /* Dropdown menu */
     .nav-dropdown:hover .dropdown-menu { display: block; }
@@ -46,7 +46,7 @@ const currentPath = Astro.url.pathname;
       <div class="flex items-center justify-between h-16">
         <!-- Logo -->
         <a href="/" class="flex items-center gap-2">
-          <img src="/images/componentowl.gif%3F1455269978" alt="Component Owl" class="h-10" onerror="this.style.display='none'" />
+          <img src="/images/componentowl.gif" alt="Component Owl" class="h-10" onerror="this.style.display='none'" />
           <span class="text-white font-bold text-lg hidden sm:block">ComponentOwl</span>
         </a>
 
diff --git a/src/pages/about-us.astro b/src/pages/about-us.astro
index 70a6b92..de60ab9 100644
--- a/src/pages/about-us.astro
+++ b/src/pages/about-us.astro
@@ -38,7 +38,7 @@ import Base from '../layouts/Base.astro';
       <h2 class="text-2xl font-bold text-owl-blue mb-4">Our Team</h2>
       <p class="text-gray-700 mb-4">Our growing team has over 50+ years of combined experience with development of rich-client desktop Windows software and components.</p>
       <div class="flex gap-6 items-start bg-white border border-gray-200 rounded-lg p-6 shadow-sm">
-        <img src="/images/libor.jpg%3F1455269978" alt="Libor Tinka - lead developer" class="w-24 h-24 rounded-full object-cover shrink-0" onerror="this.style.display='none'" />
+        <img src="/images/libor.jpg" alt="Libor Tinka - lead developer" class="w-24 h-24 rounded-full object-cover shrink-0" onerror="this.style.display='none'" />
         <p class="text-sm text-gray-700 italic"><em>Libor Tinka, Better ListView lead developer, has been programming since 7 years old on ZX Spectrum, and has enormous attention for detail. His interests include programming, quantum physics, advanced mathematics, digital imaging (algorithms, HDR and panoramic photography), and green Japanese tea.</em></p>
       </div>
     </section>
@@ -78,7 +78,7 @@ import Base from '../layouts/Base.astro';
       <h2 class="text-2xl font-bold text-owl-blue mb-4">Association of Software Professionals Member</h2>
       <p class="text-gray-700 mb-3">We've been proud members of Association of Software Professionals for over 12 years now.</p>
       <p class="text-gray-700 mb-4">We also contribute to ASPects, the monthly magazine of Association of Software Professionals.</p>
-      <img src="/images/asp_logo-member.png%3F1455269978" alt="Association of Software Professionals" class="mb-6" onerror="this.style.display='none'" />
+      <img src="/images/asp_logo-member.png" alt="Association of Software Professionals" class="mb-6" onerror="this.style.display='none'" />
 
       <div class="bg-blue-50 border-l-4 border-owl-blue p-4 rounded-r mb-6">
         <p class="text-sm italic text-gray-700">"Component Owl created <strong>the one and only tool I don't want to be without when it comes to software developing in Visual Studio</strong>. Also, I've been working as software user/developer for the last 26 years, and <strong>I have never before experienced</strong> a support that really goes the needed extra mile to make things work, like the guys at Component Owl do."</p>
@@ -90,7 +90,7 @@ import Base from '../layouts/Base.astro';
     <section class="mb-10">
       <h2 class="text-2xl font-bold text-owl-blue mb-4">Microsoft Partner</h2>
       <div class="flex items-center gap-4 mb-4">
-        <img src="/images/microsoft-partner.png%3F1455269978" alt="Component Owl is a Microsoft Partner" class="h-16" onerror="this.style.display='none'" />
+        <img src="/images/microsoft-partner.png" alt="Component Owl is a Microsoft Partner" class="h-16" onerror="this.style.display='none'" />
         <p class="text-sm text-gray-700">We are part of the Microsoft Partner Network, which helps us strengthen our capabilities in delivering the best components for Microsoft Windows.</p>
       </div>
     </section>
@@ -103,7 +103,7 @@ import Base from '../layouts/Base.astro';
       <p class="text-sm text-gray-700 mb-3">You can also use the <a href="/support.html" class="text-owl-blue-light hover:underline">contact form</a> in Support section. We usually reply within 24 hours or sooner.</p>
       <p class="text-sm text-gray-700 mb-4">You can <a href="http://twitter.com/ComponentOwl" class="text-owl-blue-light hover:underline">follow us on twitter</a> and subscribe to our RSS news feed.</p>
       <div class="flex gap-4 items-start">
-        <img src="/images/brno.jpg%3F1455269978" alt="The City of Brno" class="w-32 rounded shadow" onerror="this.style.display='none'" />
+        <img src="/images/brno.jpg" alt="The City of Brno" class="w-32 rounded shadow" onerror="this.style.display='none'" />
         <div class="text-sm text-gray-700">
           <p class="font-semibold mb-1">Our offices are based in Brno, Czech Republic, European Union.</p>
           <p class="italic text-gray-500">Brno is the second largest city in Czech Republic, after the capital city Prague. It is a technological hub and home of two computer science universities and influential software enterprises, including AVG and Red Hat.</p>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index d3ee736..acf1ef5 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -26,7 +26,7 @@ import Base from '../layouts/Base.astro';
   <!-- Screenshot -->
   <section class="max-w-6xl mx-auto px-4 py-12 text-center">
     <h2 class="text-2xl font-bold text-owl-blue mb-6">New Better ListView 3.15</h2>
-    <img src="/images/ss-overview.png%3F1455269978" alt="Better ListView 2.0 Overview" class="mx-auto rounded shadow-lg max-w-full" />
+    <img src="/images/ss-overview.png" alt="Better ListView 2.0 Overview" class="mx-auto rounded shadow-lg max-w-full" />
   </section>
 
   <!-- Compatibility -->