-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
f90a950
commit ee9abbf
Showing
1 changed file
with
240 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,240 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>🍄 Fungi and Protists Knowledge Base</title> | ||
| <style> | ||
| body { | ||
| font-family: 'Nunito', sans-serif; | ||
| line-height: 1.6; | ||
| color: #333; | ||
| margin: 0; | ||
| padding: 0; | ||
| background-color: #f0f8f0; | ||
| } | ||
| header { | ||
| background: #b8e0a0; | ||
| color: #fff; | ||
| padding: 20px; | ||
| text-align: center; | ||
| border-bottom: 5px solid #4a6e41; | ||
| background-image: url('https://images.pexels.com/photos/9037099/pexels-photo-9037099.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1'); | ||
| background-size: cover; | ||
| background-position: center; | ||
| position: relative; | ||
| } | ||
| header h1 { | ||
| position: relative; | ||
| z-index: 1; | ||
| font-family: 'Poppins', sans-serif; | ||
| font-size: 2.5em; | ||
| color: #fff; | ||
| } | ||
| .container { | ||
| width: 80%; | ||
| margin: auto; | ||
| overflow: hidden; | ||
| } | ||
| h1, h2 { | ||
| font-family: 'Poppins', sans-serif; | ||
| } | ||
| h1 { | ||
| color: #4a6e41; | ||
| font-size: 2.5em; | ||
| } | ||
| h2 { | ||
| color: #6a9a5b; | ||
| font-size: 2em; | ||
| } | ||
| a { | ||
| color: #337ab7; | ||
| text-decoration: none; | ||
| } | ||
| a:hover { | ||
| text-decoration: underline; | ||
| } | ||
| .section { | ||
| background: #ffffff; | ||
| padding: 20px; | ||
| margin-bottom: 20px; | ||
| border-radius: 8px; | ||
| box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); | ||
| } | ||
| footer { | ||
| background: #b8e0a0; | ||
| color: #333; | ||
| padding: 10px; | ||
| text-align: center; | ||
| border-top: 5px solid #4a6e41; | ||
| } | ||
| .hero-image { | ||
| width: 100%; | ||
| height: auto; | ||
| max-height: 400px; /* Limit the height to prevent stretching */ | ||
| object-fit: cover; /* Ensure the image fits nicely without stretching */ | ||
| border-radius: 8px; | ||
| margin-bottom: 20px; | ||
| } | ||
| .section img { | ||
| max-width: 100%; | ||
| height: auto; | ||
| border-radius: 8px; | ||
| } | ||
| .caption { | ||
| text-align: center; | ||
| font-style: italic; | ||
| margin-top: 10px; | ||
| display: block; | ||
| color: #555; | ||
| } | ||
| .content { | ||
| background: #eaf4e8; | ||
| padding: 20px; | ||
| border-radius: 8px; | ||
| } | ||
| .table-of-contents { | ||
| margin-bottom: 20px; | ||
| } | ||
| .table-of-contents ul { | ||
| list-style-type: none; | ||
| padding: 0; | ||
| } | ||
| .table-of-contents li { | ||
| margin: 5px 0; | ||
| } | ||
| </style> | ||
| <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@700&family=Nunito:wght@400&display=swap" rel="stylesheet"> | ||
| </head> | ||
| <body> | ||
| <header> | ||
| <div class="container"> | ||
| <h1>🍄 Fungi and Protists Knowledge Base</h1> | ||
| </div> | ||
| </header> | ||
|
|
||
| <div class="container content"> | ||
| <section class="section"> | ||
| <h2>Introduction</h2> | ||
| <p>Welcome to the Knowledge Base for Fungi and Protists! This repository is dedicated to providing fundamental information about these fascinating groups of organisms.</p> | ||
| </section> | ||
|
|
||
| <section class="section table-of-contents"> | ||
| <h2>Table of Contents</h2> | ||
| <ul> | ||
| <li><a href="#what-are-fungi">What are Fungi?</a></li> | ||
| <li><a href="#what-are-protists">What are Protists?</a></li> | ||
| <li><a href="#educational-resources">Educational Resources</a></li> | ||
| <li><a href="#interactive-and-fun-learning">Interactive and Fun Learning</a></li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="section" id="what-are-fungi"> | ||
| <h2>What are Fungi? 🍄</h2> | ||
| <p>Fungi are a diverse group of organisms that play crucial roles in ecosystems. They can be found in various environments, from soil and water to on other living organisms. Fungi can be:</p> | ||
| <ul> | ||
| <li><strong>Unicellular:</strong> Single-celled organisms like yeasts. | ||
| <p align="center"> | ||
| <a title="Mogana Das Murtey and Patchamuthu Ramasamy, CC BY 3.0, via Wikimedia Commons" href="https://commons.wikimedia.org/wiki/File:Saccharomyces_cerevisiae_SEM.jpg"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/95/Saccharomyces_cerevisiae_SEM.jpg/512px-Saccharomyces_cerevisiae_SEM.jpg?20161014064352" alt="Saccharomyces cerevisiae SEM" width="512" /> | ||
| </a> | ||
| <br> | ||
| <span> Mogana Das Murtey and Patchamuthu Ramasamy via <a href="https://commons.wikimedia.org/wiki/File:Saccharomyces_cerevisiae_SEM.jpg">Wikimedia Commons</a></span> | ||
| </p> | ||
| </li> | ||
| <li><strong>Multicellular:</strong> Complex structures such as mushrooms and molds. | ||
| <p align="center"> | ||
| <img src="https://images.pexels.com/photos/129467/pexels-photo-129467.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1" alt="Mushrooms Image" width="500" /> | ||
| <br> | ||
| <span>Photo by <a href="https://www.pexels.com/photo/shallow-focus-photography-of-orange-and-white-mushrooms-during-daytime-129467/">Paula</a> from Pexels</span> | ||
| </p> | ||
| </li> | ||
| </ul> | ||
| <p>Fungi are essential for nutrient cycling, breaking down organic matter, and forming symbiotic relationships with plants.</p> | ||
| <p><strong>Learn More:</strong></p> | ||
| <ul> | ||
| <li><a href="https://mycologyst.art/learn-mycology/">Mycology Start</a> (Mycology Start is a website project by a fellow Pittsburgh mycologist, Chris!)</li> | ||
| <li><a href="https://www.mycolog.com/fifthtoc.html">The Fifth Kingdom</a> (The textbook I used for my first mycology course!)</li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="section" id="what-are-protists"> | ||
| <h2>What are Protists? 🦠</h2> | ||
| <p>Protists are a diverse group of eukaryotic microorganisms that do not fit into the other kingdoms (Plantae, Animalia, Fungi). They include:</p> | ||
| <ul> | ||
| <li><strong>Protozoa:</strong> Single-celled organisms that often exhibit animal-like behaviors, such as movement and predation. | ||
| <p align="center"> | ||
| <a href="https://commons.wikimedia.org/wiki/File:Protozoa_sp._(16255394772).jpg"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Protozoa_sp._%2816255394772%29.jpg/512px-Protozoa_sp._%2816255394772%29.jpg?20150204193126" alt="Protozoa sp. (16255394772)" width="512" /> | ||
| </a> | ||
| <br> | ||
| <span> Donald Hobern via <a href="https://commons.wikimedia.org/wiki/File:Protozoa_sp._(16255394772).jpg">Wikimedia Commons</a></span> | ||
| </p> | ||
| </li> | ||
| <li><strong>Algae:</strong> Photosynthetic protists that can be found in aquatic environments. | ||
| <p align="center"> | ||
| <a href="https://commons.wikimedia.org/wiki/File:Algae_in_Stagnant_Water.jpg"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/8/82/Algae_in_Stagnant_Water.jpg/512px-Algae_in_Stagnant_Water.jpg?20190630212839" alt="Algae in Stagnant Water" width="512" /> | ||
| </a> | ||
| <br> | ||
| <span> Solasly via <a href="https://commons.wikimedia.org/wiki/File:Algae_in_Stagnant_Water.jpg">Wikimedia Commons</a></span> | ||
| </p> | ||
| </li> | ||
| <li><strong>Slime Molds:</strong> Organisms with characteristics of both fungi and amoebae. | ||
| <p align="center"> | ||
| <a href="https://commons.wikimedia.org/wiki/File:Slime_mold_sporangia_01.jpg"> | ||
| <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/56/Slime_mold_sporangia_01.jpg/512px-Slime_mold_sporangia_01.jpg?20090102235855" alt="Slime mold sporangia 01" width="512" /> | ||
| </a> | ||
| <br> | ||
| <span> Tony Wills, via <a href="https://commons.wikimedia.org/wiki/File:Slime_mold_sporangia_01.jpg">Wikimedia Commons</a></span> | ||
| </p> | ||
| </li> | ||
| </ul> | ||
| <p>Protists play various ecological roles, including being primary producers in aquatic ecosystems and decomposers in terrestrial environments. See how they have some visual similarities to fungi?</p> | ||
| <p><strong>Learn More:</strong></p> | ||
| <ul> | ||
| <li><a href="https://pressbooks.calstate.edu/biol102/chapter/protists/">Protists Overview - California State University Pressbooks</a></li> | ||
| <li><a href="https://bio.libretexts.org/Bookshelves/Botany/Botany_(Ha_Morrow_and_Algiers)/02%3A_Biodiversity_(Organismal_Groups)/2.04%3A_Protists/2.4.01%3A_Introduction_to_Protists">Introduction to Protists - LibreTexts</a></li> | ||
| </ul> | ||
| </section> | ||
|
|
||
| <section class="section" id="educational-resources"> | ||
| <h2>Educational Resources</h2> | ||
| <div class="section"> | ||
| <h3>Fungi Basics</h3> | ||
| <ul> | ||
| <li><a href="https://eol.org/pages/5559">Fungi Overview - Encyclopedia of Life</a></li> | ||
| <li><a href="https://www.khanacademy.org/science/biology-essentials/x35f699f4a3703d4e:nomenclature-and-taxonomy/x35f699f4a3703d4e:fungi/v/reproduction-in-fungi">Introduction to Fungi - Khan Academy</a></li> | ||
| </ul> | ||
| </div> | ||
| <div class="section"> | ||
| <h3>Protists Basics</h3> | ||
| <ul> | ||
| <li><a href="https://www.eolss.net/sample-chapters/c03/E6-71-90-16.pdf">The Protist - Encyclopedia of Life Support Systems</a></li> | ||
| <li><a href="https://www.khanacademy.org/science/biology-essentials/x35f699f4a3703d4e:nomenclature-and-taxonomy/x35f699f4a3703d4e:protista/v/protista">Introduction to Protists - Khan Academy</a></li> | ||
| </ul> | ||
| </div> | ||
| </section> | ||
|
|
||
| <section class="section" id="interactive-and-fun-learning"> | ||
| <h2>Interactive and Fun Learning</h2> | ||
| <ul> | ||
| <li><strong>Cordyceps:</strong> Explore the intriguing world of Cordyceps, the fungus that controls the minds of insects, with this <a href="https://ca1-tls.edcdn.com/2024_TLOU-Fungus-resources.pdf">2024 TLOU Fungus Resource Guide</a> | ||
| <p align="center"> | ||
| <a href="https://youtu.be/ROQrbWkV4HI"> | ||
| <img src="https://img.youtube.com/vi/ROQrbWkV4HI/maxresdefault.jpg" alt="Cordyceps Video" width="512" /> | ||
| </a> | ||
| <br> | ||
| <span>Watch this video to learn more about Cordyceps and its behavior in insects.</span> | ||
| </p> | ||
| </li> | ||
| <li><strong>ProtoEvo:</strong> "An interactive real-time simulation for evolving multicellular organisms." <a href="https://github.com/DylanCope/ProtoEvo">ProtoEvo Project V2</a></li> | ||
| </ul> | ||
| </section> | ||
| </div> | ||
|
|
||
| <footer> | ||
| <p>© 2024 Fungi and Protists Knowledge Base. All Rights Reserved.</p> | ||
| </footer> | ||
| </body> | ||
| </html> |