fix: universal sponsor logo treatment, add 1Password and Sentry PNG

Author: vintagedon

README.md

@@ -1,104 +1,102 @@
-<!--
----
-title: "RadioAstronomy.io Website"
-description: "Public website for the radioastronomyio GitHub organization"
-author: "VintageDon"
-date: "2026-04-18"
-version: "2.0"
-status: "Active"
-tags:
-  - type: project-root
-  - domain: [website, static-site]
-  - tech: [astro, tailwind, typescript, azure-swa]
-related_documents:
-  - "[Website Specification](docs/website-reference.md)"
-  - "[Live Site](https://radioastronomy.io)"
----
--->
-
-# RadioAstronomy.io Website
-
-> Public website for the radioastronomyio GitHub organization, built with Astro, Tailwind CSS, and TypeScript. Deployed on Azure Static Web Apps.
-
-[![Live Site](https://img.shields.io/badge/Live-radioastronomy.io-5B8FAE?style=flat&logo=googlechrome&logoColor=white)](https://radioastronomy.io)
-[![Azure Static Web Apps](https://img.shields.io/badge/Azure-Static_Web_Apps-0078D4?logo=microsoft-azure)](https://azure.microsoft.com/en-us/products/app-service/static)
-[![GitHub Actions](https://img.shields.io/badge/CI/CD-GitHub_Actions-2088FF?logo=github-actions&logoColor=white)](https://github.com/features/actions)
-[![Astro](https://img.shields.io/badge/Astro-FF5D01?logo=astro&logoColor=white)](https://astro.build)
-[![Tailwind CSS](https://img.shields.io/badge/Tailwind_CSS-06B6D4?logo=tailwindcss&logoColor=white)](https://tailwindcss.com)
-[![License](https://img.shields.io/badge/License-MIT-yellow)](LICENSE)
-
-![RadioAstronomy.io Banner](assets/radioastronomyio-org-repo-banner.jpg)
-
-This repository contains the public website for the [radioastronomyio](https://github.com/radioastronomyio) GitHub organization, a 14-page site showcasing computational astronomy research projects, infrastructure documentation, governance practices, and the organization's open-science approach.
-
----
-
-## Repository Structure
+## Sponsor Logo Fix — File Placement Guide
+
+### 1. Asset copies (manual)
 
 ```
-radioastronomyio-website/
-├── .github/workflows/            # Azure SWA CI/CD deployment
-├── assets/                       # Repo-level banners, sponsor logos, founder headshot, infographics
-├── docs/
-│   ├── documentation-standards/  # Templates, tagging strategy
-│   └── website-reference.md      # v1 specification (archived)
-├── src/                          # v2 (live) - Astro + Tailwind + TypeScript
-│   ├── src/
-│   │   ├── components/           # Shared UI components (15)
-│   │   ├── content/              # Content collections (sponsors, projects)
-│   │   ├── layouts/              # PageLayout, ProjectPageLayout
-│   │   └── pages/                # Routes (14 pages)
-│   ├── public/images/            # Assets (sponsors, projects, founder, heroes, og, logo)
-│   ├── astro.config.mjs
-│   ├── tailwind.config.mjs
-│   ├── tsconfig.json
-│   ├── package.json
-│   └── staticwebapp.config.json  # Caching, headers, routing, legacy redirects
-├── legacy-v1/                    # v1 (archived) - Original vanilla HTML/CSS/JS site
-├── work-logs/                    # Development history
-├── AGENTS.md                     # AI agent context
-├── CLAUDE.md                     # Pointer to AGENTS.md
-├── LICENSE                       # MIT
-└── README.md                     # This file
+COPY  assets/sentry-icon-lg.png           →  src/public/images/sponsors/sentry.png
+COPY  assets/1Password_wordmark_blue_2023.svg  →  src/public/images/sponsors/1password.svg
 ```
 
----
+You can delete the old `src/public/images/sponsors/sentry.svg` after confirming the PNG works.
 
-## Local Development
+### 2. Content collection files
 
-```bash
-cd src
-npm install
-npm run dev
-# Open http://localhost:4321
+```
+REPLACE  src/src/content/sponsors/sentry.md     ← use sponsor-fixes/sentry.md
+CREATE   src/src/content/sponsors/1password.md   ← use sponsor-fixes/1password.md
 ```
 
----
-
-## Related Projects
-
-This website showcases the [radioastronomyio](https://github.com/radioastronomyio) research program:
-
-| Project | Description |
-|---------|-------------|
-| [proxmox-astronomy-lab](https://github.com/radioastronomyio/proxmox-astronomy-lab) | Platform documentation, VM inventory, network architecture |
-| [desi-cosmic-void-galaxies](https://github.com/radioastronomyio/desi-cosmic-void-galaxies) | Galaxy populations in cosmic voids using DESI DR1 |
-| [desi-quasar-outflows](https://github.com/radioastronomyio/desi-quasar-outflows) | AGN outflow spectral fitting and Cloudy modeling |
-| [desi-qso-anomaly-detection](https://github.com/radioastronomyio/desi-qso-anomaly-detection) | ML anomaly detection for quasar spectra |
-| [rbh1-validation-reanalysis](https://github.com/radioastronomyio/rbh1-validation-reanalysis) | Independent validation of the RBH-1 hypervelocity SMBH candidate |
-| [desi-lsst-transient-anomalies](https://github.com/radioastronomyio/desi-lsst-transient-anomalies) | DESI-contextualized Rubin/LSST transient anomaly detection |
-| [cosmos2025-anomalies](https://github.com/radioastronomyio/cosmos2025-anomalies) | Anomaly detection on COSMOS-Web DR1 imaging |
-
----
-
-## Acknowledgments
+### 3. Component replacement
 
-- [Azure Static Web Apps](https://azure.microsoft.com/en-us/products/app-service/static) for managed hosting
-- [Cloudflare](https://www.cloudflare.com/) for DNS and CDN proxying
-- [GitHub Actions](https://github.com/features/actions) for CI/CD pipeline
+```
+REPLACE  src/src/components/SponsorCard.astro    ← use sponsor-fixes/SponsorCard.astro
+```
 
----
+### 4. index.astro — Replace the "Supported by" section
+
+Find this block in `src/src/pages/index.astro` (around line 73):
+
+```astro
+    <section class="py-16">
+      <h2 class="text-2xl font-bold text-center mb-10">Supported by</h2>
+      <div class="flex flex-wrap justify-center items-center gap-8">
+        {sponsors.map((sponsor) => (
+          <a
+            href={sponsor.data.url}
+            target="_blank"
+            rel="noopener"
+            class="group relative"
+          >
+            <img
+              src={sponsor.data.logo}
+              alt={sponsor.data.name}
+              class:list={[
+                'h-10 max-w-[120px] object-contain opacity-70 hover:opacity-100 transition-opacity',
+                sponsor.data.logo.includes('macroscope') ? 'invert' : '',
+              ]}
+            />
+            <span class="absolute -top-8 left-1/2 -translate-x-1/2 text-xs bg-brand-navy dark:bg-dark-surface text-white px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none">
+              {sponsor.data.name}
+            </span>
+          </a>
+        ))}
+      </div>
+    </section>
+```
 
-## License
+Replace with:
+
+```astro
+    <section class="py-16">
+      <h2 class="text-2xl font-bold text-center mb-10">Supported by</h2>
+      <div class="flex flex-wrap justify-center items-center gap-6">
+        {sponsors.map((sponsor) => (
+          <a
+            href={sponsor.data.url}
+            target="_blank"
+            rel="noopener"
+            class="group relative bg-white/10 rounded-lg px-4 py-2 hover:bg-white/20 transition-colors"
+          >
+            <img
+              src={sponsor.data.logo}
+              alt={sponsor.data.name}
+              class="h-8 max-w-[120px] object-contain brightness-0 invert opacity-80 group-hover:opacity-100 transition-opacity"
+            />
+            <span class="absolute -top-8 left-1/2 -translate-x-1/2 text-xs bg-brand-navy dark:bg-dark-surface text-white px-2 py-1 rounded opacity-0 group-hover:opacity-100 transition-opacity whitespace-nowrap pointer-events-none">
+              {sponsor.data.name}
+            </span>
+          </a>
+        ))}
+      </div>
+    </section>
+```
 
-This project is licensed under the MIT License. See [LICENSE](LICENSE) for details.
+### What changed and why
+
+**SponsorCard.astro:**
+- Removed `isWhiteLogo` / `isDarkLogo` per-sponsor conditionals
+- All cards get uniform `bg-white dark:bg-dark-surface` — no more navy card for Macroscope
+- Logo container: `bg-gray-100 dark:bg-white/15 rounded-lg px-4` gives every logo a neutral pill
+- Dark mode: `dark:brightness-0 dark:invert` makes all logos white, clean against the dark pill
+- Light mode: logos render in their natural colors against the light gray pill
+
+**index.astro "Supported by" bar:**
+- Removed `macroscope ? 'invert' : ''` conditional
+- All logos get `brightness-0 invert` (white monochrome) since this section sits on a dark background in both modes
+- Added `bg-white/10 rounded-lg` pill for subtle definition
+- Hover lifts opacity and brightens the pill
+
+**Adding a new sponsor now requires only:**
+1. Drop the logo file in `src/public/images/sponsors/`
+2. Create a `.md` file in `src/src/content/sponsors/`
+3. No component changes needed