jarvis/componentowl-astro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Astro site styling - proper CSS overhaul

Browse Source
This commit is contained in:
Jarvis Prime
2026-03-23 18:20:25 +00:00
parent 9ace91df66
commit cf74e597ce
17 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/layouts/Base.astro
View File

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

8
src/pages/about-us.astro
View File

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

2
src/pages/index.astro
View File

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