add lumbung radio widget

themes/lumbung-theme/layouts/index.html

@@ -32,6 +32,13 @@
       <nav class="pagination">
         {{ template "_internal/pagination.html" . }}
       </nav>
+
+      <div class="lumbung-radio-player" onclick="window.open('https://lumbungradio.stationofcommons.org/embed/player?stream=auto&style=premium', 'Lumbung Radio', 'height=150,width=450')">
+        <svg class="lumbung-radio-play-button" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <path d="M7 4V20L20 12L7 4Z" fill="#CA14D4" stroke="#CA14D4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+        </svg>
+        <span>lumbung radio</span>
+      </div>
   </main>
 {{ end }}
 

themes/lumbung-theme/static/css/main.css

@@ -54,6 +54,9 @@
 
     --calendar-light: #B6EDFF;
     --calendar-dark: #0E64C8;
+
+    --sounds-light: #ECC5EC;
+    --sounds-dark: #CA14D4;
 }
 
 
@@ -973,3 +976,20 @@ footer a:hover {
 .single .h-entry img {
     object-fit: contain;
 }
+
+.lumbung-radio-player {
+    display: flex;
+    color: var(--sounds-dark);
+    border: 1px solid var(--sounds-dark);
+    background: var(--sounds-light);
+    font-style: italic;
+    width: fit-content;
+    padding: 1rem;
+    gap: 1rem;
+    justify-content: center;
+    align-items: center;
+    position: fixed;
+    bottom: 2rem;
+    right: 2rem;
+    cursor: pointer;
+}