Adds colored flowers to tree navigation.

scholarslab · Nov 13, 2024 · c5ef728 · c5ef728
1 parent 5d8f342
commit c5ef728
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 13 deletions.
diff --git a/charter/charter-2024-2025/assets/flower-orange.png b/charter/charter-2024-2025/assets/flower-orange.png
diff --git a/charter/charter-2024-2025/assets/flower-purple.png b/charter/charter-2024-2025/assets/flower-purple.png
diff --git a/charter/charter-2024-2025/index.html b/charter/charter-2024-2025/index.html
@@ -13,16 +13,16 @@
 west
 </span></a>
 <nav>
-<a href="/charter/charter-2024-2025/amna/"><span>Amna</span></a>
-<a href="/charter/charter-2024-2025/emmy/"><span>Emmy</span></a>
-<a href="/charter/charter-2024-2025/gramond/"><span>Gramond</span></a>
-<a href="/charter/charter-2024-2025/Kristin/"><span>Kristin</span></a>
-<a href="/charter/charter-2024-2025/oriane/"><span>Oriane</span></a>
-<a href="/charter/charter-2024-2025/amanda/"><span>Amanda</span></a>
-<a href="/charter/charter-2024-2025/brandon/"><span>Brandon</span></a>
-<a href="/charter/charter-2024-2025/ronda/"><span>Ronda</span></a>
-<a href="/charter/charter-2024-2025/shane/"><span>Shane</span></a>
-<a href="/charter/charter-2024-2025/jeremy/"><span>Jeremy</span></a>
+<a class="fellow" href="/charter/charter-2024-2025/amna/"><span>Amna</span></a>
+<a class="fellow" href="/charter/charter-2024-2025/emmy/"><span>Emmy</span></a>
+<a class="fellow" href="/charter/charter-2024-2025/gramond/"><span>Gramond</span></a>
+<a class="fellow" href="/charter/charter-2024-2025/Kristin/"><span>Kristin</span></a>
+<a class="fellow" href="/charter/charter-2024-2025/oriane/"><span>Oriane</span></a>
+<a class="staff" href="/charter/charter-2024-2025/amanda/"><span>Amanda</span></a>
+<a class="staff" href="/charter/charter-2024-2025/brandon/"><span>Brandon</span></a>
+<a class="staff" href="/charter/charter-2024-2025/ronda/"><span>Ronda</span></a>
+<a class="staff" href="/charter/charter-2024-2025/shane/"><span>Shane</span></a>
+<a class="staff" href="/charter/charter-2024-2025/jeremy/"><span>Jeremy</span></a>
 </nav>
 <h1>Goals & Aspirations</h1>
 <h2>Collaborate Together</h2>

diff --git a/charter/charter-2024-2025/style.css b/charter/charter-2024-2025/style.css
@@ -68,11 +68,19 @@ nav a {
     width: 70px;
     height: 70px;
     position: absolute;
-    transition: transform .25s ease-in-out;
+    transition: background-image .5s ease-in;
 }
 
-nav a:hover {
-    transform: rotate(8deg);
+nav a.fellow:hover,
+nav a.fellow:focus,
+nav a.fellow:active {
+    background-image: url('assets/flower-purple.png');
+}
+
+nav a.staff:hover,
+nav a.staff:focus,
+nav a.staff:active {
+    background-image: url('assets/flower-orange.png');
 }
 
 nav a span {