Update template site homepage

[egrace479]

• Adds the updated Collaborative Infrastructure Diagram (Update Collaborative Infrastructure Diagram #49).
• Refocuses the Imageomics-specific parts to be Imageomics and ABC.
• Adds link to About the Guide Section of the README for personalization and interaction instructions.

Closes #45 and #49.

[gwtaylor]

Hi @egrace479,
This looks great! I've reviewed the homepage updates for the template transition and made some edits as additional commits.

Changes Made

Style & Quality Improvements

• Fixed typo: <Ogranization> → <Organization> in the branding section
• Applied markdownlint fixes: Resolved all formatting violations (heading punctuation, blank lines, inline HTML)
• Improved content flow: Split the dense introductory paragraph for better readability
• Enhanced clarity: Positioned scope as "imageomics and related interdisciplinary fields" and moved template meta-info to separate paragraph

Repository Maintenance

• Added site/ to .gitignore: MkDocs build output should not be tracked

Outstanding Issue (Not Blocking)

⚠️ Missing logo file: The referenced logos/Imageomics_ABC.png doesn't exist yet. Based on issues #45 and #17, this is an ongoing design decision rather than a blocker. I actually see a version of this logo added to a comment in #17 so perhaps it is just a matter of adding it to the proper location in the repo.

The template placeholder syntax is appropriate until the logo approach is finalized.

Technical Verification

✅ All markdownlint rules pass
✅ MkDocs builds successfully
✅ Links functional
✅ No new rendering issues

The homepage updates successfully implement the joint Imageomics/ABC approach from issue #45 while maintaining the template structure for future forking.

[gwtaylor]

I removed the trailing “!” here to satisfy markdownlint rule MD026 (no trailing punctuation in headings). MD026 treats headings as titles rather than sentences, so ending punctuation like “!” is disallowed by default.

If you really want to keep the exclamation mark, we can either:

1. Allow “!” in our .markdownlint.json:

   {
     "MD026": { "punctuation": ".,;:!" }
   }

2. Disable MD026 for just this heading:

   <!-- markdownlint-disable MD026 -->
   # Welcome to the Collaborative Distributed Science Guide!
   <!-- markdownlint-enable MD026 -->

Both options preserve the “!” while keeping linting active elsewhere.

[gwtaylor]

I removed the two <br> tags here to satisfy markdownlint rule MD033 (no inline HTML). Relying on <br> for spacing mixes presentation into content and can render inconsistently across themes.

If it's important to maintain this space above the footer, we could inject bottom whitespace via CSS:

1. Create a file docs/stylesheets/extra.css with something like:

   /* For Material for MkDocs */
   .md-typeset {
     padding-bottom: 2rem;
   }
   /* For default MkDocs theme */
   .content {
     padding-bottom: 2rem;
   }

2. Enable it in the mkdocs.yml:

   extra_css:
     - stylesheets/extra.css

This keeps the Markdown clean, avoids inline HTML, and gives consistent vertical space before the footer.