add CC logo in the bottom right of all the project pages

Author: chrisorban

activities.qmd

@@ -19,7 +19,7 @@ listing:
 <style>
 .cc-license-badge {
   position: fixed;
-  bottom: -15px;
+  bottom: 3px;
   left: 0px;
   z-index: 1000;
   background: rgba(255, 255, 255, 0.8);

docs/activities.html

@@ -231,7 +231,7 @@ <h1 class="title">Activities</h1>
 <style>
 .cc-license-badge {
   position: fixed;
-  bottom: -15px;
+  bottom: 3px;
   left: 0px;
   z-index: 1000;
   background: rgba(255, 255, 255, 0.8);

docs/projects/acceleratetheblob.html

@@ -204,6 +204,11 @@ <h2 class="anchored" data-anchor-id="accelerate-the-blob-videos">Accelerate the
 </main></div>
 
  <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/projects/airpressure.html

@@ -219,6 +219,11 @@ <h2 class="anchored" data-anchor-id="air-pressure-versus-height-playlist">Air Pr
 </section>
 
 </main> <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/projects/apollo.html

@@ -192,6 +192,11 @@ <h2 class="anchored" data-anchor-id="apollo-moon-landing-playlist">Apollo Moon L
 </main></div>
 
  <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/projects/balloon.html

@@ -286,6 +286,11 @@ <h2 class="anchored" data-anchor-id="what-do-to-with-the-data">What do to with t
 </section>
 
 </main> <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/projects/errorbar3.html

@@ -212,6 +212,11 @@ <h2 class="anchored" data-anchor-id="solution-calculate-the-error-on-the-mean">S
 </section>
 
 </main> <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/projects/vax.html

@@ -199,6 +199,11 @@ <h2 class="anchored" data-anchor-id="links-to-activity">Links to Activity</h2>
 </section>
 
 </main> <!-- /main -->
+<div class="cc-license-badge">
+  <a href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank">
+    <img src="https://mirrors.creativecommons.org/presskit/buttons/88x31/png/by-nc.png" alt="CC BY-NC License">
+  </a>
+</div>
 <script id="quarto-html-after-body" type="application/javascript">
   window.document.addEventListener("DOMContentLoaded", function (event) {
     const icon = "";

docs/styles.css

@@ -859,4 +859,36 @@ main.content>*,
   .sc-hero {
     padding: 2.5rem 1.25rem 2rem;
   }
+}
+
+/* ---------- Creative Commons License Badge ---------- */
+.cc-license-badge {
+  position: fixed;
+  bottom: 1px;
+  left: 0px;
+  z-index: 1000;
+  background: rgba(255, 255, 255, 0.8);
+  padding: 1px;
+  border-radius: 4px;
+  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
+  transition: opacity 0.3s;
+}
+
+.cc-license-badge p {
+  margin: 0;
+}
+
+.cc-license-badge:hover {
+  background: rgba(255, 255, 255, 1);
+}
+
+.cc-license-badge img {
+  display: block;
+  height: 80px;
+}
+
+@media (max-width: 1024px) {
+  .cc-license-badge {
+    display: none;
+  }
 }

projects/_metadata.yml

@@ -0,0 +1,3 @@
+format:
+  html:
+    include-after-body: cc-badge.html