mirror of
https://github.com/nxshock/promodj.git
synced 2024-11-27 03:01:01 +05:00
2 lines
1.5 KiB
HTML
2 lines
1.5 KiB
HTML
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"><title>Список жанров</title><style>*{font-family: Verdana;font-size: 16px;color: #abb2bf;margin: .5em;padding: 0;}html{margin: 0;padding: 0;height: 100%}body{background-color: #282c34;display: flex;justify-content: space-between;flex-wrap: nowrap;flex-direction: column;height: 100%;margin: 0;padding: 0;}a{text-decoration: none;color: #61afef;}svg, img{vertical-align: middle;width: 1em;height: 1em;}header{flex-grow: 0;background-color: #353b45;border-bottom: 1px solid #3e4451;padding: .5em;margin: 0;}h1{margin-top: 1em;font-size: 150%;}ul{list-style-type: none;}form{width: calc(100% - 1em);}form > input{width: calc(100% - 2em);padding: .5em;}main{flex-grow: 1;}</style></head><body><header><svg xmlns="http://www.w3.org/2000/svg" version="1.1" stroke="none" viewBox="0 0 30 30"><path d="M 10,25 0,20 v 10 l 10,-5" fill="#8abeb7"/><path d="M 10,15 0,10 v 10 l 10,-5" fill="#8abeb7"/><path d="m 0,20 10,5 V 15 L 0,20" fill="#b5bd68"/><path d="M 20,20 10,15 v 10 l 10,-5" fill="#f0c674"/><path d="M 30,15 20,10 v 10 l 10,-5" fill="#cc6666"/><path d="m 10,15 10,5 V 10 l -10,5" fill="#de935f"/><path d="M 20,10 10,5 v 10 l 10,-5" fill="#f0c674"/><path d="m 0,10 10,5 V 5 L 0,10" fill="#b5bd68"/><path d="M 10,5 0,0 V 10 L 10,5" fill="#8abeb7"/></svg>{{.Domain}}</header><main><h1>Список жанров</h1><ul id="genres-list">{{range .Genres}}<li><a href="/getm3u?genre={{.Code}}">{{.Name}}</a></li>{{end}}</ul></main></body></html>
|