added a wind direction arrow

2025-01-22 12:34:03 -06:00
parent afef86c59c
commit efe56a5f29
2 changed files with 31 additions and 1 deletions
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -20,3 +20,21 @@ nav a {
 main {
    padding: 20px;
 }
+
+.arrow {
+    width: 0;
+    height: 0;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 20px solid black;
+    margin: 20px auto;
+    transform-origin: center;
+    transition: transform 0.3s ease;
+    margin-left: 10px;
+}
+
+.wind-container {
+    display: flex; /* Align items horizontally */
+    align-items: center; /* Vertically center the arrow with the text */
+    gap: 10px; /* Add spacing between the items */
+}