Add image attribution, update content

Author: LanesGood

.gitignore

@@ -64,6 +64,9 @@ instance/
 # Sphinx documentation
 docs/_build/
 docs/src/.DS_Store
+docs/src/img/.DS_Store
+docs/src/overrides/.DS_Store
+docs/.DS_Store
 
 # PyBuilder
 target/

docs/src/overrides/assets/stylesheets/home.css

@@ -45,6 +45,52 @@
   padding: 0 1rem;
 }
 
+.media-attribution {
+  position: absolute;
+  top: 4rem;
+  right: 1rem;
+  z-index: 40;
+  max-width: calc(100% - 2rem);
+  display: inline-flex;
+  color: rgb(255, 255, 255);
+  border-radius: 320rem;
+  padding: 0rem 0.25rem;
+  font-size: 0.75rem;
+  line-height: 1.25rem;
+  background: rgba(68, 63, 63, 0.32);
+  overflow: hidden;
+}
+.media-attribution .twemoji {
+  font-size: 0.75rem;
+  height: initial;
+}
+.media-attribution strong {
+  display: block;
+  width: 100%;
+  max-width: 0px;
+  overflow: hidden;
+  font-size: 0.75rem;
+  font-weight: normal;
+  white-space: nowrap;
+  padding: 0rem;
+  opacity: 0;
+  transition: all 0.24s ease-in-out 0s;
+}
+.media-attribution a {
+  display: flex;
+  flex-flow: row;
+  align-items: center;
+  color: rgb(255, 255, 255);
+}
+.media-attribution a:hover strong {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 64vw;
+  padding: 0rem 0.5rem 0rem 0.25rem;
+  opacity: 1;
+  color: rgb(255, 255, 255);
+}
 .tx-hero h1 {
   color: currentColor;
   font-weight: 700;
@@ -187,8 +233,8 @@ section + section {
   margin-bottom: 1rem;
   color: var(--md-primary-fg-color);
 }
-.feature-tout .twemoji:after { 
-  position: absolute; 
+.feature-tout .twemoji:after {
+  position: absolute;
   background: rgba(207, 63, 2, 0.12);
   border-radius: 100%;
   padding: 2.5rem;
@@ -290,4 +336,4 @@ section + section {
   section + section {
     padding: 4rem 0;
   }
-}
+}

docs/src/overrides/home.html

@@ -15,9 +15,8 @@
                     <h1>Earth Observation Data at Scale</h1>
                     <h1>Deployed in minutes</h1>
                     <p class="lead">eoAPI makes massive earth observation (EO) data archives discoverable and
-                        interoperable. The
-                        fastest
-                        and easiest way to configure and deploy a full Earth Observation stack.</p>
+                        interoperable. The fastest and easiest way to configure, customize, and deploy a full Earth
+                        Observation stack.</p>
                     <div class="button-wrapper">
                         <a href="{{ page.next_page.url | url }}" title="Get Started"
                             class="md-button md-button--primary">
@@ -27,15 +26,20 @@ <h1>Deployed in minutes</h1>
                             </span>
                         </a>
                         <a href="{{ config.repo_url }}" title="EoAPI Github Repo" class="md-button">
-                            View on Github
+                            View on GitHub
                             <span class="twemoji">
                                 {% include ".icons/simple/github.svg" %}
                             </span>
                         </a>
 
                     </div>
-                    <span style="display: none;">Photo ©NASA
-                        https://www.flickr.com/photos/nasamarshall/5091372229</span>
+                    <p class="media-attribution"><a title="Learn about the author"
+                            href="https://www.flickr.com/photos/nasamarshall/5091372229"> <span class="twemoji">
+                            {% include ".icons/material/information-outline.svg" %}
+                        </span><strong>Photo
+                            ©NASA</strong></a>
+                    </p>
+
                 </div>
             </div>
         </div>
@@ -53,11 +57,9 @@ <h2>State-of-the-art services to enable <mark>data discovery</mark>, <mark>searc
                     </h2>
                 </header>
                 <p class="md-typeset lead">eoAPI presents an open-source and reusable framework for exploiting earth
-                    observation
-                    data. eoAPI takes
-                    the work out of constructing a cloud-native EO infrastructure through a set of intelligent defaults
-                    that
-                    fit most EO and geospatial infrastructure needs.</p>
+                    observation data. eoAPI takes the work out of constructing a cloud-native EO infrastructure through
+                    a set of intelligent defaults that fit most EO and geospatial infrastructure needs. Built with
+                    modularity as a core principal, eoAPI can be easily customized to your specific needs.</p>
             </div>
             <div class="md-content__inner">
                 <ul class="feature-grid" style="--cols: 3;">
@@ -75,7 +77,7 @@ <h3>STAC Powered</h3>
                             <span class="twemoji">
                                 {% include ".icons/material/folder-home.svg" %}
                             </span>
-                            <h3>Intelligent Defaults</h3>
+                            <h3>Intelligent Customizable Defaults</h3>
                             <p>Seamless deployment, configuration, and customization, while preserving flexibility.</p>
                         </article>
                     </li>
@@ -174,26 +176,17 @@ <h5>
         <div class="md-grid" data-md-component="content">
             <div class="md-content__inner">
                 <header class="md-typeset">
-                    <h5 id="eoapi-benefits" class="supheading">eoapi benefits</h5>
-                    <h1>Control and Customization
-                        <a href="#eoapi-benefits" class="headerlink" title="Permanent link"> ¶ </a>
-                    </h1>
+                    <h5 id="eoapi-benefits" class="supheading">harness eoapi benefits</h5>
                 </header>
                 <div class="figure-collection">
                     <figure>
                         <a href="how-to-guides/huggingface/pipeline/nlp/translation/">
                             <img src="https://placehold.co/600x300" alt="Alt text" loading="lazy">
                         </a>
                         <figcaption class="md-typeset">
-                            <h2>Download and Deploy Anywhere</h2>
-                            <p>Ingest any STAC Collection. Cambrian explosion radio telescope dream of the mind's eye
-                                something incredible is waiting to be known, astonishment, rich in mystery shores of the
-                                cosmic ocean! The carbon in our apple pies, star stuff harvesting star light something
-                                incredible is waiting to be known realm of the galaxies colonies preserve and cherish
-                                that
-                                pale blue dot. Vangelis, extraplanetary, white dwarf, are creatures of the cosmos star
-                                stuff
-                                harvesting.</p>
+                            <h2>Step 1: Download and Deploy</h2>
+                            <p>Get started by downloading all the eoAPI resources you need. With our easy-to-follow
+                                guides and documentation, you'll have eoAPI up and running in minutes.</p>
                         </figcaption>
                     </figure>
                     <figure>
@@ -202,12 +195,9 @@ <h2>Download and Deploy Anywhere</h2>
                             <img src="https://placehold.co/600x300" alt="Alt text" loading="lazy">
                         </a>
                         <figcaption class="md-typeset">
-                            <h2>Ingest Metadata</h2>
-                            <p>Download eoAPI resources. Deploy in minutes.`The size and age of the Cosmos are beyond
-                                ordinary human understanding. Lost somewhere between immensity and eternity is our tiny
-                                planetary home. In a cosmic perspective, most human concerns seem insignificant, even
-                                petty.
-                                And yet our species is young and curious and brave and shows much promise.
+                            <h2>Step 2: Ingest Your Data</h2>
+                            <p>Whether you're working with raster or vector data, eoAPI's flexible design allows you to
+                                easily ingest STAC Collections.
                             </p>
                         </figcaption>
                     </figure>
@@ -216,11 +206,10 @@ <h2>Ingest Metadata</h2>
                             <img src="https://placehold.co/600x300" alt="Alt text" loading="lazy">
                         </a>
                         <figcaption class="md-typeset">
-                            <h2>Visualize Everything</h2>
-                            <p>A galaxy is composed of gas and dust and stars—billions upon billions of stars. Every
-                                star
-                                may be a sun to someone. Within a galaxy are stars and worlds and, it may be, a
-                                proliferation of living things and intelligent beings and spacefaring civilizations.
+                            <h2>Step 3: Share, Visualize, and Analyze Your Data</h2>
+                            <p>Now that your data is ingested, eoAPI provides you with the tools you need to share,
+                                visualize, and analyze it. From simple sharing options to advanced analytics
+                                capabilities, eoAPI is designed to help you make the most out of your geospatial data.
                             </p>
 
                         </figcaption>
@@ -311,7 +300,8 @@ <h5 class="supheading">Bespoke Solutions</h5>
                         <h5 class="supheading">Driven by Community</h5>
                         <p>eoAPI is a community-driven initiative built on collaboration. We welcome your contributions,
                             feedback, and suggestions. Join the discussion or open a pull request <a
-                                href="https://developmentseed.org/contact" target="_blank" rel="noopener">in the eoAPI
+                                href="https://github.com/developmentseed/eoAPI" target="_blank" rel="noopener">in the
+                                eoAPI
                                 repository</a>
                         </p>
                     </div>