Added Open Ecoacoustic branding

README.md

@@ -175,3 +175,12 @@ $ docker run -p 4000:4000 -v "$(pwd)/environment.json:/environment.json" -e DEBU
 ## Licence
 
 Apache License, Version 2.0
+
+## Acknowledgements
+
+This work has been supported through several grants.
+
+The most recent of which is the ARDC Platforms project. This project is currently sponsored by the Open Ecoacoustics
+ARDC Platforms project. See [doi.org/10.47486/PL050](https://doi.org/10.47486/PL050) for more details.
+
+[![The Open Ecoacoustics Logo](./src/assets/images/logos/OpenEcoAcoustics_horizontal_rgb.jpg)](https://openecoacoustics.org/)

src/app/components/home/home.component.html

@@ -31,7 +31,7 @@ <h1 class="invisible">{{ svg.alt | uppercase }}</h1>
 <section id="about_us" class="overflow-auto pb-5 pt-5">
   <div class="container">
     <h2>Who Are We?</h2>
-    <p>
+    <p class="info-text">
       Welcome! {{ brand.long }} is a repository of environmental audio
       recordings. This website facilitates the management, access,
       visualization, and analysis of environmental acoustic data. It uses the
@@ -150,3 +150,25 @@ <h2>View Some {{ viewMoreLink.label | titlecase }}s</h2>
     </ng-container>
   </div>
 </section>
+
+<section id="sponsors" class="bg-black text-white pb-5 pt-5 m-atuo">
+  <div class="container">
+    <h2>Sponsors</h2>
+    <p class="mb-5 info-text">
+      This work has been supported through several grants. The most recent of
+      which is the ARDC Platforms project.
+      <a href="https://openecoacoustics.org/">Open Ecoacoustics</a> currently
+      sponsors development of the workbench thanks to the ARDC Platforms
+      project. See
+      <a href="https://doi.org/10.47486/PL050">doi.org/10.47486/PL050</a> for
+      more details.
+    </p>
+
+    <a href="https://openecoacoustics.org/">
+      <img
+        class="container"
+        src="assets/images/logos/OpenEcoAcoustics_horizontal_rgb.svg"
+      />
+    </a>
+  </div>
+</section>

src/app/components/home/home.component.scss

@@ -69,3 +69,21 @@ p {
     }
   }
 }
+
+// use this style class for paragraphs
+.info-text {
+  color: var(--baw-highlight-contrast);
+
+  p {
+    font-size: 1.25rem;
+  }
+
+  a {
+    color: var(--baw-highlight-contrast);
+
+    &:hover,
+    &:focus {
+      filter: brightness(70%);
+    }
+  }
+}