Add Astro documentation site and seqproc branding

README.md

@@ -1,9 +1,17 @@
-# seqproc
-
-[![Fast CI](https://github.com/COMBINE-lab/seqproc/actions/workflows/actions.yml/badge.svg)](https://github.com/COMBINE-lab/seqproc/actions/workflows/actions.yml)
-[![Comprehensive CI](https://github.com/COMBINE-lab/seqproc/actions/workflows/comprehensive.yml/badge.svg)](https://github.com/COMBINE-lab/seqproc/actions/workflows/comprehensive.yml)
-[![Documentation](https://github.com/COMBINE-lab/seqproc/actions/workflows/docs.yml/badge.svg)](https://combine-lab.github.io/seqproc/)
-[![License: BSD-3-Clause](https://img.shields.io/badge/license-BSD--3--Clause-blue.svg)](LICENSE)
+<p align="center">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="website/src/assets/seqproc_logo_oblique_wordmark_dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="website/src/assets/seqproc_logo_oblique_wordmark.svg">
+    <img alt="seqproc: geometry-driven FASTQ preprocessing" src="website/src/assets/seqproc_logo_oblique_wordmark.svg" width="680">
+  </picture>
+</p>
+
+<p align="center">
+  <a href="https://github.com/COMBINE-lab/seqproc/actions/workflows/actions.yml"><img alt="Fast CI" src="https://github.com/COMBINE-lab/seqproc/actions/workflows/actions.yml/badge.svg"></a>
+  <a href="https://github.com/COMBINE-lab/seqproc/actions/workflows/comprehensive.yml"><img alt="Comprehensive CI" src="https://github.com/COMBINE-lab/seqproc/actions/workflows/comprehensive.yml/badge.svg"></a>
+  <a href="https://combine-lab.github.io/seqproc/"><img alt="Documentation" src="https://github.com/COMBINE-lab/seqproc/actions/workflows/docs.yml/badge.svg"></a>
+  <a href="LICENSE"><img alt="License: BSD-3-Clause" src="https://img.shields.io/badge/license-BSD--3--Clause-blue.svg"></a>
+</p>
 
 `seqproc` is a performance-oriented FASTQ preprocessing engine for single-cell
 and other structured sequencing data. A compact geometry describes where

website/astro.config.mjs

@@ -9,6 +9,12 @@ export default defineConfig({
       title: 'seqproc',
       description:
         'Geometry-driven, high-performance preprocessing for structured sequencing reads.',
+      logo: {
+        dark: './src/assets/seqproc_logo_oblique_wordmark_dark.svg',
+        light: './src/assets/seqproc_logo_oblique_wordmark.svg',
+        alt: 'seqproc',
+        replacesTitle: true,
+      },
       customCss: ['./src/styles/custom.css'],
       social: [
         {

website/src/styles/custom.css

@@ -34,6 +34,11 @@
   max-width: 48rem;
 }
 
+.site-title img {
+  width: auto;
+  max-width: min(13rem, 42vw);
+}
+
 code {
   font-variant-ligatures: none;
 }