ruangrupa/lumbung.space
ruangrupa/lumbung.space
1
0
Fork 1
Code Issues 11 Pull Requests Projects Releases Wiki Activity

add lumbung radio widget

Browse Source
This commit is contained in:
Aadil Ayub 2022-04-07 22:32:42 +05:00
parent 122c34f891
commit a4d750714b
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
themes/lumbung-theme/layouts/index.html
View File

@ -32,6 +32,13 @@
<nav class="pagination"> <nav class="pagination">
{{ template "_internal/pagination.html" . }} {{ template "_internal/pagination.html" . }}
</nav> </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> </main>
{{ end }} {{ end }}

20
themes/lumbung-theme/static/css/main.css
View File

@ -54,6 +54,9 @@
--calendar-light: #B6EDFF; --calendar-light: #B6EDFF;
--calendar-dark: #0E64C8; --calendar-dark: #0E64C8;
--sounds-light: #ECC5EC;
--sounds-dark: #CA14D4;
} }
@ -973,3 +976,20 @@ footer a:hover {
.single .h-entry img { .single .h-entry img {
object-fit: contain; 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;
}