250 lines
52 KiB
HTML
250 lines
52 KiB
HTML
<!--
|
|
This file was obtained by clicking "Save as" in firefox, and then formatting
|
|
it in an editor.
|
|
|
|
Looks like Dark Reader works by changing the HTML, and Firefox lets me save
|
|
that changed html
|
|
-->
|
|
|
|
<!DOCTYPE html>
|
|
<html ml-update="aware" data-darkreader-mode="dynamic" data-darkreader-scheme="dark" lang="en">
|
|
<head>
|
|
<!-- Dark Reader changes start here -->
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<style class="darkreader darkreader--fallback" media="screen"></style>
|
|
<style class="darkreader darkreader--text" media="screen"></style>
|
|
<style class="darkreader darkreader--invert" media="screen">
|
|
.jfk-bubble.gtx-bubble, .captcheck_answer_label > input + img, span#closed_text > img[src^="https://www.gstatic.com/images/branding/googlelogo"], span[data-href^="https://www.hcaptcha.com/"] > #icon, #bit-notification-bar-iframe, ::-webkit-calendar-picker-indicator {
|
|
filter: invert(100%) hue-rotate(180deg) brightness(120%) contrast(80%) sepia(20%) !important;
|
|
}
|
|
</style>
|
|
<style class="darkreader darkreader--inline" media="screen">
|
|
[data-darkreader-inline-bgcolor] {
|
|
background-color: var(--darkreader-inline-bgcolor) !important;
|
|
}
|
|
[data-darkreader-inline-bgimage] {
|
|
background-image: var(--darkreader-inline-bgimage) !important;
|
|
}
|
|
[data-darkreader-inline-border] {
|
|
border-color: var(--darkreader-inline-border) !important;
|
|
}
|
|
[data-darkreader-inline-border-bottom] {
|
|
border-bottom-color: var(--darkreader-inline-border-bottom) !important;
|
|
}
|
|
[data-darkreader-inline-border-left] {
|
|
border-left-color: var(--darkreader-inline-border-left) !important;
|
|
}
|
|
[data-darkreader-inline-border-right] {
|
|
border-right-color: var(--darkreader-inline-border-right) !important;
|
|
}
|
|
[data-darkreader-inline-border-top] {
|
|
border-top-color: var(--darkreader-inline-border-top) !important;
|
|
}
|
|
[data-darkreader-inline-boxshadow] {
|
|
box-shadow: var(--darkreader-inline-boxshadow) !important;
|
|
}
|
|
[data-darkreader-inline-color] {
|
|
color: var(--darkreader-inline-color) !important;
|
|
}
|
|
[data-darkreader-inline-fill] {
|
|
fill: var(--darkreader-inline-fill) !important;
|
|
}
|
|
[data-darkreader-inline-stroke] {
|
|
stroke: var(--darkreader-inline-stroke) !important;
|
|
}
|
|
[data-darkreader-inline-outline] {
|
|
outline-color: var(--darkreader-inline-outline) !important;
|
|
}
|
|
[data-darkreader-inline-stopcolor] {
|
|
stop-color: var(--darkreader-inline-stopcolor) !important;
|
|
}
|
|
</style>
|
|
<style class="darkreader darkreader--variables" media="screen">
|
|
:root {
|
|
--darkreader-neutral-background: #242524;
|
|
--darkreader-neutral-text: #fffcea;
|
|
--darkreader-selection-background: #2161ad;
|
|
--darkreader-selection-text: #ffffff;
|
|
}
|
|
</style>
|
|
<style class="darkreader darkreader--root-vars" media="screen"></style>
|
|
<style class="darkreader darkreader--user-agent" media="screen">
|
|
html {
|
|
background-color: #2a2a29 !important;
|
|
}
|
|
html {
|
|
color-scheme: dark !important;
|
|
}
|
|
html, body {
|
|
background-color: #2a2a29;
|
|
}
|
|
html, body {
|
|
border-color: #908674;
|
|
color: #ffffff;
|
|
}
|
|
a {
|
|
color: #61adff;
|
|
}
|
|
table {
|
|
border-color: #707370;
|
|
}
|
|
::placeholder {
|
|
color: #daceba;
|
|
}
|
|
input:-webkit-autofill,
|
|
textarea:-webkit-autofill,
|
|
select:-webkit-autofill {
|
|
background-color: #565718 !important;
|
|
color: #ffffff !important;
|
|
}
|
|
::-webkit-scrollbar {
|
|
background-color: #333433;
|
|
color: #d1c6b2;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background-color: #5f605e;
|
|
}
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background-color: #747774;
|
|
}
|
|
::-webkit-scrollbar-thumb:active {
|
|
background-color: #626562;
|
|
}
|
|
::-webkit-scrollbar-corner {
|
|
background-color: #2a2a29;
|
|
}
|
|
* {
|
|
scrollbar-color: #5f605e #333433;
|
|
}
|
|
::selection {
|
|
background-color: #2161ad !important;
|
|
color: #ffffff !important;
|
|
}
|
|
::-moz-selection {
|
|
background-color: #2161ad !important;
|
|
color: #ffffff !important;
|
|
}
|
|
</style>
|
|
<!-- Dark Reader changes end here, original htlm again -->
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" href="https://audio.sudo.is/favicon.ico">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://audio.sudo.is/apple-touch-icon.png?ver=2.0">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="https://audio.sudo.is/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="https://audio.sudo.is/favicon-16x16.png">
|
|
<link rel="manifest" href="https://audio.sudo.is/site.webmanifest">
|
|
<link rel="mask-icon" href="https://audio.sudo.is/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="msapplication-TileColor" content="#da532c">
|
|
<meta name="theme-color" content="#2a2a29">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>audio.sudo.is</title>
|
|
<script type="module" crossorigin="" src="dark-reader-browser_files/index.js"></script>
|
|
<link rel="stylesheet" href="dark-reader-browser_/index.css">
|
|
<style class="darkreader darkreader--sync" media="screen"></style>
|
|
<!-- <link rel="stylesheet" href="/assets/dark-reader-full.css"> -->
|
|
<!-- Dark Reader changes start again -->
|
|
<meta name="darkreader" content="8c4d00c002154359a1f5e49d4d530991">
|
|
<style class="darkreader darkreader--override" media="screen">
|
|
.vimvixen-hint {
|
|
background-color: #8f6a0a !important;
|
|
border-color: #f8d03e !important;
|
|
color: #ffffe8 !important;
|
|
}
|
|
#vimvixen-console-frame {
|
|
color-scheme: light !important
|
|
}
|
|
::placeholder {
|
|
opacity: 0.5 !important;
|
|
}
|
|
#edge-translate-panel-body,
|
|
.MuiTypography-body1,
|
|
.nfe-quote-text {
|
|
color: var(--darkreader-neutral-text) !important;
|
|
}
|
|
gr-main-header {
|
|
background-color: #294c55 !important;
|
|
}
|
|
.tou-z65h9k,
|
|
.tou-mignzq,
|
|
.tou-1b6i2ox,
|
|
.tou-lnqlqk {
|
|
background-color: var(--darkreader-neutral-background) !important;
|
|
}
|
|
.tou-75mvi {
|
|
background-color: #182f35 !important;
|
|
}
|
|
.tou-ta9e87,
|
|
.tou-1w3fhi0,
|
|
.tou-1b8t2us,
|
|
.tou-py7lfi,
|
|
.tou-1lpmd9d,
|
|
.tou-1frrtv8,
|
|
.tou-17ezmgn {
|
|
background-color: #191817 !important;
|
|
}
|
|
.tou-uknfeu {
|
|
background-color: #322614 !important;
|
|
}
|
|
.tou-6i3zyv {
|
|
background-color: #386b79 !important;
|
|
}
|
|
div.mermaid-viewer-control-panel .btn {
|
|
fill: var(--darkreader-neutral-text);
|
|
background-color: var(--darkreader-neutral-background);
|
|
}
|
|
svg g rect.er {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
svg g rect.er.entityBox {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
svg g rect.er.attributeBoxOdd {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
svg g rect.er.attributeBoxEven {
|
|
fill-opacity: 0.8 !important;
|
|
fill: var(--darkreader-selection-background);
|
|
}
|
|
svg rect.er.relationshipLabelBox {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
svg g g.nodes rect, svg g g.nodes polygon {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
svg g rect.task {
|
|
fill: var(--darkreader-selection-background) !important;
|
|
}
|
|
svg line.messageLine0, svg line.messageLine1 {
|
|
stroke: var(--darkreader-neutral-text) !important;
|
|
}
|
|
div.mermaid .actor {
|
|
fill: var(--darkreader-neutral-background) !important;
|
|
}
|
|
embed[type="application/pdf"]
|
|
{
|
|
filter: invert(100%) contrast(90%);
|
|
}
|
|
</style>
|
|
<link href="data:text/css,%5Bid*%3D'google_ads_iframe'%5D%2C%5Bid*%3D'taboola-'%5D%2C.taboolaHeight%2C.taboola-placeholder%2C%23credential_picker_container%2C%23credentials-picker-container%2C%23credential_picker_iframe%2C%5Bid*%3D'google-one-tap-iframe'%5D%2C%23google-one-tap-popup-container%2C.google-one-tap-modal-div%7Bdisplay%3Anone!important%3Bmin-height%3A0!important%3Bheight%3A0!important%3B%7D" rel="stylesheet" type="text/css">
|
|
<style class="darkreader darkreader--cors" media="screen">
|
|
[id*='google_ads_iframe'],[id*='taboola-'],.taboolaHeight,.taboola-placeholder,#credential_picker_container,#credentials-picker-container,#credential_picker_iframe,[id*='google-one-tap-iframe'],#google-one-tap-popup-container,.google-one-tap-modal-div{
|
|
display:none!important;min-height:0!important;height:0!important;
|
|
}
|
|
</style>
|
|
<style class="darkreader darkreader--sync" media="screen"></style>
|
|
<!-- Dark Reader changes end for now -->
|
|
</head>
|
|
<body>
|
|
<!--
|
|
theres a lot of changes to the html after this point compared to the
|
|
index.html in git. i think the app might be doing most of them.
|
|
should i ever want to dig through them, ive left a copy as dark-reader-browser-full.html
|
|
in this dir
|
|
-->
|
|
<div id="app" data-v-app="">
|
|
<div id="app">
|
|
<nav class="navbar is-light is-fixed-top" style="" role="navigation" aria-label="main navigation"><div class="navbar-brand"><a class="navbar-item" href="#/playlists"><span role="img" class="icon mdi mdi-music-box-multiple"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z"></path></svg></span></a><a class="navbar-item" href="#/music"><span role="img" class="icon mdi mdi-music"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M21,3V15.5A3.5,3.5 0 0,1 17.5,19A3.5,3.5 0 0,1 14,15.5A3.5,3.5 0 0,1 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L9,8.6V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V6L21,3Z"></path></svg></span></a><a class="navbar-item" href="#/podcasts"><span role="img" class="icon mdi mdi-microphone"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"></path></svg></span></a><a class="navbar-item" href="#/audiobooks"><span role="img" class="icon mdi mdi-book-open-variant"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M17.5 14.33C18.29 14.33 19.13 14.41 20 14.57V16.07C19.38 15.91 18.54 15.83 17.5 15.83C15.6 15.83 14.11 16.16 13 16.82V15.13C14.17 14.6 15.67 14.33 17.5 14.33M13 12.46C14.29 11.93 15.79 11.67 17.5 11.67C18.29 11.67 19.13 11.74 20 11.9V13.4C19.38 13.24 18.54 13.16 17.5 13.16C15.6 13.16 14.11 13.5 13 14.15M17.5 10.5C15.6 10.5 14.11 10.82 13 11.5V9.84C14.23 9.28 15.73 9 17.5 9C18.29 9 19.13 9.08 20 9.23V10.78C19.26 10.59 18.41 10.5 17.5 10.5M21 18.5V7C19.96 6.67 18.79 6.5 17.5 6.5C15.45 6.5 13.62 7 12 8V19.5C13.62 18.5 15.45 18 17.5 18C18.69 18 19.86 18.16 21 18.5M17.5 4.5C19.85 4.5 21.69 5 23 6V20.56C23 20.68 22.95 20.8 22.84 20.91C22.73 21 22.61 21.08 22.5 21.08C22.39 21.08 22.31 21.06 22.25 21.03C20.97 20.34 19.38 20 17.5 20C15.45 20 13.62 20.5 12 21.5C10.66 20.5 8.83 20 6.5 20C4.84 20 3.25 20.36 1.75 21.07C1.72 21.08 1.68 21.08 1.63 21.1C1.59 21.11 1.55 21.12 1.5 21.12C1.39 21.12 1.27 21.08 1.16 21C1.05 20.89 1 20.78 1 20.65V6C2.34 5 4.18 4.5 6.5 4.5C8.83 4.5 10.66 5 12 6C13.34 5 15.17 4.5 17.5 4.5Z"></path></svg></span></a><a class="navbar-item" href="#/radio"><span role="img" class="icon mdi mdi-radio"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M20,6A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8C2,7.15 2.53,6.42 3.28,6.13L15.71,1L16.47,2.83L8.83,6H20M20,8H4V12H16V10H18V12H20V8M7,14A3,3 0 0,0 4,17A3,3 0 0,0 7,20A3,3 0 0,0 10,17A3,3 0 0,0 7,14Z"></path></svg></span></a><a class="navbar-item" href="#/files"><span role="img" class="icon mdi mdi-folder-open"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z"></path></svg></span></a><a class="navbar-item" href="#/search"><span role="img" class="icon mdi mdi-magnify"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg></span></a><div class="navbar-burger"><span></span><span></span><span></span></div></div><div class="navbar-menu"><div class="navbar-start"></div><div class="navbar-end"><div class="navbar-item has-dropdown is-hoverable"><a class="navbar-link is-arrowless"><span role="img" class="icon is-hidden-touch mdi mdi-menu"><svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z"></path></svg></span><span class="is-hidden-desktop has-text-weight-bold">OwnTone</span></a><div class="navbar-dropdown is-right"><a class="navbar-item" href="#/playlists"><span role="img" class="icon mdi mdi-music-box-multiple"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M4,6H2V20A2,2 0 0,0 4,22H18V20H4M18,7H15V12.5A2.5,2.5 0 0,1 12.5,15A2.5,2.5 0 0,1 10,12.5A2.5,2.5 0 0,1 12.5,10C13.07,10 13.58,10.19 14,10.5V5H18M20,2H8A2,2 0 0,0 6,4V16A2,2 0 0,0 8,18H20A2,2 0 0,0 22,16V4A2,2 0 0,0 20,2Z"></path></svg></span><b>Playlists</b></a><a class="navbar-item" href="#/music"><span role="img" class="icon mdi mdi-music"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M21,3V15.5A3.5,3.5 0 0,1 17.5,19A3.5,3.5 0 0,1 14,15.5A3.5,3.5 0 0,1 17.5,12C18.04,12 18.55,12.12 19,12.34V6.47L9,8.6V17.5A3.5,3.5 0 0,1 5.5,21A3.5,3.5 0 0,1 2,17.5A3.5,3.5 0 0,1 5.5,14C6.04,14 6.55,14.12 7,14.34V6L21,3Z"></path></svg></span><b>Music</b></a><a class="navbar-item" href="#/music/artists"><span class="fd-navbar-item-level2">Artists</span></a><a class="navbar-item" href="#/music/albums"><span class="fd-navbar-item-level2">Albums</span></a><a class="navbar-item" href="#/music/genres"><span class="fd-navbar-item-level2">Genres</span></a><a class="navbar-item" href="#/music/spotify"><span class="fd-navbar-item-level2">Spotify</span></a><a class="navbar-item" href="#/podcasts"><span role="img" class="icon mdi mdi-microphone"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M12,2A3,3 0 0,1 15,5V11A3,3 0 0,1 12,14A3,3 0 0,1 9,11V5A3,3 0 0,1 12,2M19,11C19,14.53 16.39,17.44 13,17.93V21H11V17.93C7.61,17.44 5,14.53 5,11H7A5,5 0 0,0 12,16A5,5 0 0,0 17,11H19Z"></path></svg></span><b>Podcasts</b></a><a class="navbar-item" href="#/audiobooks"><span role="img" class="icon mdi mdi-book-open-variant"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M17.5 14.33C18.29 14.33 19.13 14.41 20 14.57V16.07C19.38 15.91 18.54 15.83 17.5 15.83C15.6 15.83 14.11 16.16 13 16.82V15.13C14.17 14.6 15.67 14.33 17.5 14.33M13 12.46C14.29 11.93 15.79 11.67 17.5 11.67C18.29 11.67 19.13 11.74 20 11.9V13.4C19.38 13.24 18.54 13.16 17.5 13.16C15.6 13.16 14.11 13.5 13 14.15M17.5 10.5C15.6 10.5 14.11 10.82 13 11.5V9.84C14.23 9.28 15.73 9 17.5 9C18.29 9 19.13 9.08 20 9.23V10.78C19.26 10.59 18.41 10.5 17.5 10.5M21 18.5V7C19.96 6.67 18.79 6.5 17.5 6.5C15.45 6.5 13.62 7 12 8V19.5C13.62 18.5 15.45 18 17.5 18C18.69 18 19.86 18.16 21 18.5M17.5 4.5C19.85 4.5 21.69 5 23 6V20.56C23 20.68 22.95 20.8 22.84 20.91C22.73 21 22.61 21.08 22.5 21.08C22.39 21.08 22.31 21.06 22.25 21.03C20.97 20.34 19.38 20 17.5 20C15.45 20 13.62 20.5 12 21.5C10.66 20.5 8.83 20 6.5 20C4.84 20 3.25 20.36 1.75 21.07C1.72 21.08 1.68 21.08 1.63 21.1C1.59 21.11 1.55 21.12 1.5 21.12C1.39 21.12 1.27 21.08 1.16 21C1.05 20.89 1 20.78 1 20.65V6C2.34 5 4.18 4.5 6.5 4.5C8.83 4.5 10.66 5 12 6C13.34 5 15.17 4.5 17.5 4.5Z"></path></svg></span><b>Audiobooks</b></a><a class="navbar-item" href="#/radio"><span role="img" class="icon mdi mdi-radio"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M20,6A2,2 0 0,1 22,8V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V8C2,7.15 2.53,6.42 3.28,6.13L15.71,1L16.47,2.83L8.83,6H20M20,8H4V12H16V10H18V12H20V8M7,14A3,3 0 0,0 4,17A3,3 0 0,0 7,20A3,3 0 0,0 10,17A3,3 0 0,0 7,14Z"></path></svg></span><b>Radio</b></a><a class="navbar-item" href="#/files"><span role="img" class="icon mdi mdi-folder-open"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M19,20H4C2.89,20 2,19.1 2,18V6C2,4.89 2.89,4 4,4H10L12,6H19A2,2 0 0,1 21,8H21L4,8V18L6.14,10H23.21L20.93,18.5C20.7,19.37 19.92,20 19,20Z"></path></svg></span><b>Files</b></a><a class="navbar-item" href="#/search"><span role="img" class="icon mdi mdi-magnify"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z"></path></svg></span><b>Search</b></a><hr class="fd-navbar-divider"><a class="navbar-item" href="#/settings/webinterface">Settings</a><a class="navbar-item">Update Library</a><a class="navbar-item" href="#/about">About</a><div class="navbar-item is-hidden-desktop"></div></div></div></div></div><div class="is-overlay" style="display: none;"></div></nav><div style="z-index: 999999; background-color: rgb(115, 204, 236); opacity: 0; position: fixed; top: 0px; left: 0px; width: 0%; height: 2px; transition: opacity 0.6s ease 0s; --darkreader-inline-bgcolor: #33778c;" class="fd-progress-bar has-background-info" data-darkreader-inline-bgcolor=""></div><div class="fd-page"><section class="section"><div class="container"><div class="columns is-centered"><div class="column is-four-fifths"><!----><div class=""><nav id="top" class="level"><div class="level-left"><div class="level-item has-text-centered-mobile"><div><p class="title is-4">Queue</p><p class="heading">1 track</p></div></div></div><div class="level-right has-text-centered-mobile"><div class="buttons is-centered"><button class="button is-small"><span role="img" class="icon mdi mdi-arrow-collapse-down"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M19.92,12.08L12,20L4.08,12.08L5.5,10.67L11,16.17V2H13V16.17L18.5,10.66L19.92,12.08M12,20H2V22H22V20H12Z"></path></svg></span><span>Hide previous</span></button><button class="button is-small"><span role="img" class="icon mdi mdi-web"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M16.36,14C16.44,13.34 16.5,12.68 16.5,12C16.5,11.32 16.44,10.66 16.36,10H19.74C19.9,10.64 20,11.31 20,12C20,12.69 19.9,13.36 19.74,14M14.59,19.56C15.19,18.45 15.65,17.25 15.97,16H18.92C17.96,17.65 16.43,18.93 14.59,19.56M14.34,14H9.66C9.56,13.34 9.5,12.68 9.5,12C9.5,11.32 9.56,10.65 9.66,10H14.34C14.43,10.65 14.5,11.32 14.5,12C14.5,12.68 14.43,13.34 14.34,14M12,19.96C11.17,18.76 10.5,17.43 10.09,16H13.91C13.5,17.43 12.83,18.76 12,19.96M8,8H5.08C6.03,6.34 7.57,5.06 9.4,4.44C8.8,5.55 8.35,6.75 8,8M5.08,16H8C8.35,17.25 8.8,18.45 9.4,19.56C7.57,18.93 6.03,17.65 5.08,16M4.26,14C4.1,13.36 4,12.69 4,12C4,11.31 4.1,10.64 4.26,10H7.64C7.56,10.66 7.5,11.32 7.5,12C7.5,12.68 7.56,13.34 7.64,14M12,4.03C12.83,5.23 13.5,6.57 13.91,8H10.09C10.5,6.57 11.17,5.23 12,4.03M18.92,8H15.97C15.65,6.75 15.19,5.55 14.59,4.44C16.43,5.07 17.96,6.34 18.92,8M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z"></path></svg></span><span>Add stream</span></button><button class="button is-small"><span role="img" class="icon mdi mdi-pencil"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M20.71,7.04C21.1,6.65 21.1,6 20.71,5.63L18.37,3.29C18,2.9 17.35,2.9 16.96,3.29L15.12,5.12L18.87,8.87M3,17.25V21H6.75L17.81,9.93L14.06,6.18L3,17.25Z"></path></svg></span><span>Edit</span></button><button class="button is-small"><span role="img" class="icon mdi mdi-delete-empty"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M20.37,8.91L19.37,10.64L7.24,3.64L8.24,1.91L11.28,3.66L12.64,3.29L16.97,5.79L17.34,7.16L20.37,8.91M6,19V7H11.07L18,11V19A2,2 0 0,1 16,21H8A2,2 0 0,1 6,19Z"></path></svg></span><span>Clear</span></button><button class="button is-small"><span role="img" class="icon mdi mdi-content-save"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M15,9H5V5H15M12,19A3,3 0 0,1 9,16A3,3 0 0,1 12,13A3,3 0 0,1 15,16A3,3 0 0,1 12,19M17,3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V7L17,3Z"></path></svg></span><span>Save</span></button></div></div></nav><div><div class="media is-align-items-center" data-draggable="true"><!----><div class="media-content is-clickable is-clipped"><h1 class="title is-6 has-text-primary">Beats, rhymes and life: Hip-hop at 50</h1><h2 class="subtitle is-7 has-text-primary"><b>BBC World Service</b></h2><h2 class="subtitle is-7 has-text-primary">The Documentary Podcast</h2></div><div class="media-right"><a><span role="img" class="icon has-text-dark mdi mdi-dots-vertical"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"></path></svg></span></a><!----></div></div></div><div><!----></div><div><!----></div><div><!----></div><div class="mt-4"></div></div></div></div></div></section></div><div><!----></div><div><!----></div><!----><nav class="fd-bottom-navbar navbar is-white is-fixed-bottom is-dark" style="" role="navigation" aria-label="player controls"><div class="navbar-brand is-flex-grow-1"><a class="navbar-item is-active" href="#/"><span role="img" class="icon mdi mdi-playlist-play"><svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M3 10H14V12H3V10M3 6H14V8H3V6M3 14H10V16H3V14M16 13V21L22 17L16 13Z"></path></svg></span></a><a href="#/now-playing" class="navbar-item is-expanded is-clipped" exact=""><div class="is-clipped"><p class="is-size-7 fd-is-text-clipped"><strong>Beats, rhymes and life: Hip-hop at 50</strong><br><span>BBC World Service</span><span> - The Documentary Podcast</span></p></div></a><!----><!----><a disabled="false" class="navbar-item"><span role="img" class="mdi mdi-play"><svg fill="currentColor" width="36" height="36" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Play</title><path d="M8,5.14V19.14L19,12.14L8,5.14Z"></path></svg></span></a><!----><!----><a class="navbar-item ml-auto is-hidden-desktop"><span role="img" class="icon mdi mdi-chevron-up"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg></span></a><div class="navbar-item has-dropdown has-dropdown-up ml-auto is-hidden-touch"><a class="navbar-link is-arrowless"><span role="img" class="icon mdi mdi-chevron-up"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z"></path></svg></span></a><div class="navbar-dropdown is-right"><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-white is-small"><span class="icon"><span role="img" class="mdi mdi-volume-high"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z"></path></svg></span></span></a></div><div class="level-item"><div><p class="heading">Volume</p><input class="slider" max="100" type="range" style="--ratio: 0.5;" value="50"></div></div></div></div></div><hr class="fd-navbar-divider"><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Bedroom</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Hallway</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Kitchen</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.21; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="21"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Living Room</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.32; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="32"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Study</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-pipe"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>fifo</title><path d="M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">fifo</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><hr class="fd-navbar-divider"><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-broadcast"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M12 10C10.9 10 10 10.9 10 12S10.9 14 12 14 14 13.1 14 12 13.1 10 12 10M18 12C18 8.7 15.3 6 12 6S6 8.7 6 12C6 14.2 7.2 16.1 9 17.2L10 15.5C8.8 14.8 8 13.5 8 12.1C8 9.9 9.8 8.1 12 8.1S16 9.9 16 12.1C16 13.6 15.2 14.9 14 15.5L15 17.2C16.8 16.2 18 14.2 18 12M12 2C6.5 2 2 6.5 2 12C2 15.7 4 18.9 7 20.6L8 18.9C5.6 17.5 4 14.9 4 12C4 7.6 7.6 4 12 4S20 7.6 20 12C20 15 18.4 17.5 16 18.9L17 20.6C20 18.9 22 15.7 22 12C22 6.5 17.5 2 12 2Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><div class="is-flex is-align-content-center has-text-grey-light"><p class="heading">HTTP stream</p><a href="https://audio.sudo.is/stream.mp3" class="heading ml-2" target="_blank"><span role="img" class="icon is-small mdi mdi-open-in-new"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"></path></svg></span></a></div><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.1; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="10"></div></div></div></div></div><hr class="fd-navbar-divider"><div class="navbar-item is-justify-content-center"><div class="level"><div class="level-item"><div class="buttons has-addons"><a class="button"><span role="img" class="icon mdi mdi-repeat-off"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Read tracks once</title><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.73,19H7V22L3,18L7,14V17H13.73L7,10.27V11H5V8.27L2,5.27M17,13H19V17.18L17,15.18V13M17,5V2L21,6L17,10V7H8.82L6.82,5H17Z"></path></svg></span></a><a class="button"><span role="img" class="icon mdi mdi-shuffle-disabled"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Play tracks in order</title><path d="M16,4.5V7H5V9H16V11.5L19.5,8M16,12.5V15H5V17H16V19.5L19.5,16"></path></svg></span></a><a class="button"><span role="img" class="icon mdi mdi-fire"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Clear history</title><path d="M17.66 11.2C17.43 10.9 17.15 10.64 16.89 10.38C16.22 9.78 15.46 9.35 14.82 8.72C13.33 7.26 13 4.85 13.95 3C13 3.23 12.17 3.75 11.46 4.32C8.87 6.4 7.85 10.07 9.07 13.22C9.11 13.32 9.15 13.42 9.15 13.55C9.15 13.77 9 13.97 8.8 14.05C8.57 14.15 8.33 14.09 8.14 13.93C8.08 13.88 8.04 13.83 8 13.76C6.87 12.33 6.69 10.28 7.45 8.64C5.78 10 4.87 12.3 5 14.47C5.06 14.97 5.12 15.47 5.29 15.97C5.43 16.57 5.7 17.17 6 17.7C7.08 19.43 8.95 20.67 10.96 20.92C13.1 21.19 15.39 20.8 17.03 19.32C18.86 17.66 19.5 15 18.56 12.72L18.43 12.46C18.22 12 17.66 11.2 17.66 11.2M14.5 17.5C14.22 17.74 13.76 18 13.4 18.1C12.28 18.5 11.16 17.94 10.5 17.28C11.69 17 12.4 16.12 12.61 15.23C12.78 14.43 12.46 13.77 12.33 13C12.21 12.26 12.23 11.63 12.5 10.94C12.69 11.32 12.89 11.7 13.13 12C13.9 13 15.11 13.44 15.37 14.8C15.41 14.94 15.43 15.08 15.43 15.23C15.46 16.05 15.1 16.95 14.5 17.5H14.5Z"></path></svg></span></a></div></div></div></div></div></div></div><div class="navbar-menu is-hidden-desktop"><div class="navbar-start"></div><div class="navbar-end"><div class="navbar-item"><div class="buttons is-centered"><a class="button"><span role="img" class="icon mdi mdi-repeat-off"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Read tracks once</title><path d="M2,5.27L3.28,4L20,20.72L18.73,22L15.73,19H7V22L3,18L7,14V17H13.73L7,10.27V11H5V8.27L2,5.27M17,13H19V17.18L17,15.18V13M17,5V2L21,6L17,10V7H8.82L6.82,5H17Z"></path></svg></span></a><a class="button"><span role="img" class="icon mdi mdi-shuffle-disabled"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Play tracks in order</title><path d="M16,4.5V7H5V9H16V11.5L19.5,8M16,12.5V15H5V17H16V19.5L19.5,16"></path></svg></span></a><a class="button"><span role="img" class="icon mdi mdi-fire"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>Clear history</title><path d="M17.66 11.2C17.43 10.9 17.15 10.64 16.89 10.38C16.22 9.78 15.46 9.35 14.82 8.72C13.33 7.26 13 4.85 13.95 3C13 3.23 12.17 3.75 11.46 4.32C8.87 6.4 7.85 10.07 9.07 13.22C9.11 13.32 9.15 13.42 9.15 13.55C9.15 13.77 9 13.97 8.8 14.05C8.57 14.15 8.33 14.09 8.14 13.93C8.08 13.88 8.04 13.83 8 13.76C6.87 12.33 6.69 10.28 7.45 8.64C5.78 10 4.87 12.3 5 14.47C5.06 14.97 5.12 15.47 5.29 15.97C5.43 16.57 5.7 17.17 6 17.7C7.08 19.43 8.95 20.67 10.96 20.92C13.1 21.19 15.39 20.8 17.03 19.32C18.86 17.66 19.5 15 18.56 12.72L18.43 12.46C18.22 12 17.66 11.2 17.66 11.2M14.5 17.5C14.22 17.74 13.76 18 13.4 18.1C12.28 18.5 11.16 17.94 10.5 17.28C11.69 17 12.4 16.12 12.61 15.23C12.78 14.43 12.46 13.77 12.33 13C12.21 12.26 12.23 11.63 12.5 10.94C12.69 11.32 12.89 11.7 13.13 12C13.9 13 15.11 13.44 15.37 14.8C15.41 14.94 15.43 15.08 15.43 15.23C15.46 16.05 15.1 16.95 14.5 17.5H14.5Z"></path></svg></span></a></div></div><hr class="fd-navbar-divider"><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-white is-small"><span role="img" class="icon mdi mdi-volume-high"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading">Volume</p><input class="slider" max="100" type="range" style="--ratio: 0.5;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Bedroom</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Hallway</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Kitchen</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.21; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="21"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Living Room</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.32; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="32"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-cast-variant"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>AirPlay 1</title><path d="M6,22H18L12,16M21,3H3A2,2 0 0,0 1,5V17A2,2 0 0,0 3,19H7V17H3V5H21V17H17V19H21A2,2 0 0,0 23,17V5A2,2 0 0,0 21,3Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">Study</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><div class="navbar-item"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-pipe"><svg fill="currentColor" width="18" height="18" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><title>fifo</title><path d="M22,14H20V16H14V13H16V11H14V6A2,2 0 0,0 12,4H4V2H2V10H4V8H10V11H8V13H10V18A2,2 0 0,0 12,20H20V22H22"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><p class="heading has-text-grey-light">fifo</p><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.5; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="50"></div></div></div></div></div><hr class="fd-navbar-divider"><div class="navbar-item mb-5"><div class="level is-mobile"><div class="level-left is-flex-grow-1"><div class="level-item is-flex-grow-0"><a class="button is-clickable is-white is-small has-text-grey-light"><span role="img" class="icon mdi mdi-radio-tower"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M12,10A2,2 0 0,1 14,12C14,12.5 13.82,12.94 13.53,13.29L16.7,22H14.57L12,14.93L9.43,22H7.3L10.47,13.29C10.18,12.94 10,12.5 10,12A2,2 0 0,1 12,10M12,8A4,4 0 0,0 8,12C8,12.5 8.1,13 8.28,13.46L7.4,15.86C6.53,14.81 6,13.47 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12C18,13.47 17.47,14.81 16.6,15.86L15.72,13.46C15.9,13 16,12.5 16,12A4,4 0 0,0 12,8M12,4A8,8 0 0,0 4,12C4,14.36 5,16.5 6.64,17.94L5.92,19.94C3.54,18.11 2,15.23 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,12C22,15.23 20.46,18.11 18.08,19.94L17.36,17.94C19,16.5 20,14.36 20,12A8,8 0 0,0 12,4Z"></path></svg></span></a></div><div class="level-item"><div class="is-flex-grow-1"><div class="is-flex is-align-content-center has-text-grey-light"><p class="heading">HTTP stream</p><a href="https://audio.sudo.is/stream.mp3" class="heading ml-2" target="_blank"><span role="img" class="icon is-small mdi mdi-open-in-new"><svg fill="currentColor" width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor;" data-darkreader-inline-fill=""><!----><path d="M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z"></path></svg></span></a></div><input disabled="disabled" class="slider is-inactive" max="100" type="range" style="--ratio: 0.1; --cursor: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12 2C17.5 2 22 6.5 22 12S17.5 22 12 22 2 17.5 2 12 6.5 2 12 2M12 4C10.1 4 8.4 4.6 7.1 5.7L18.3 16.9C19.3 15.5 20 13.8 20 12C20 7.6 16.4 4 12 4M16.9 18.3L5.7 7.1C4.6 8.4 4 10.1 4 12C4 16.4 7.6 20 12 20C13.9 20 15.6 19.4 16.9 18.3Z'/%3E%3C/svg%3E") 10 10, auto;" value="10"></div></div></div></div></div></div></div></nav><div class="fd-overlay-fullscreen" style="display: none;"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|