feat: adding preliminary logo (#31)

* feat/add_logo

* vertical align

* test css

* done

README.md

@@ -1,11 +1,22 @@
+# sr2silo
+<picture>
+  <source
+    media="(prefers-color-scheme: light)"
+    srcset="resources/logo.svg">
+  <source
+    media="(prefers-color-scheme: dark)"
+    srcset="resources/logo_dark_mode.svg">
+  <img alt="Logo" src="resources/logo.svg" width="15%" />
+</picture>
+
 [![Project Status: WIP – This project is currently under active development.](https://www.repostatus.org/badges/latest/wip.svg)](https://www.repostatus.org/#wip)
 [![CI/CD](https://github.com/gordonkoehn/UsefulGnom/actions/workflows/test.yml/badge.svg)](https://github.com/gordonkoehn/UsefulGnom/actions/workflows/test.yml)
 [![Black](https://img.shields.io/badge/code%20style-black-000000.svg)](https://github.com/psf/black)
 [![Pytest](https://img.shields.io/badge/tested%20with-pytest-0A9EDC.svg)](https://docs.pytest.org/en/stable/)
 [![Ruff](https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/charliermarsh/ruff/main/assets/badge/v2.json)](https://github.com/charliermarsh/ruff)
 [![Pyright](https://img.shields.io/badge/type%20checked-pyright-blue.svg)](https://github.com/microsoft/pyright)
 
-# sr2silo
+
 ### Wrangling Short-Read Genomic Alignments for SILO Database
 
 This project will wrangle short-read genomic alignments, for example from wastewater-sampling, into a format for easy import into the SILO sequencing database.