diff --git a/web/assets/css/main.css b/web/assets/css/main.css index bb0490f..cedbcbf 100644 --- a/web/assets/css/main.css +++ b/web/assets/css/main.css @@ -87,26 +87,18 @@ header { flex-wrap: wrap; justify-content: space-between; } -header svg { width: 360px; } - -header svg text { fill: var(--text-color); } - header svg text:first-child { - font-size: 2rem; + font-size: 3.5rem; font-variant-caps: small-caps; font-weight: bold; } -header svg text:last-child { font-size: .88rem; } +header svg text:last-child { font-size: 1.5rem; } -@media screen and (-webkit-min-device-pixel-ratio:0) { - header svg text:first-child { font-size: 2.082rem; } } - -@-moz-document url-prefix() { - header svg text:first-child { font-size: 2rem; } } - -header nav { margin-top: .5rem; } - -header nav a { font-variant: small-caps; } +header nav { + display: flex; + flex-direction: column; + font-variant: small-caps; + justify-content: space-evenly; } header nav h1 { color: var(--secondary-color); @@ -161,9 +153,7 @@ input#radio-volume { gap: .5rem; grid-template-columns: 3rem 3rem 1fr; } -#last-songs thead tr { - font-weight: bold; -} +#last-songs thead tr { font-weight: bold; } footer { font-size: .8rem; diff --git a/web/index.templ b/web/index.templ index 5b66f54..19a8f5c 100644 --- a/web/index.templ +++ b/web/index.templ @@ -30,9 +30,9 @@ templ Index(curSong *radio.Song, sl []radio.Song, slLen int64, lstnrs *radio.Lis
- - Arav's dwelling - Welcome to my sacred place, wanderer + + Arav's dwelling + Welcome to my sacred place, wanderer
if curSong != nil && curSong.Artist != "" {

- { strconv.FormatInt(lstnrs.Current(), 10) } - { curSong.DurationString() } + Listeners { strconv.FormatInt(lstnrs.Current(), 10) } + Duration { curSong.DurationString() }

{ curSong.Artist } - { curSong.Title }

} else {

- { strconv.FormatInt(lstnrs.Current(), 10) } - 0:00 + Listeners { strconv.FormatInt(lstnrs.Current(), 10) } + Duration 0:00

- + Song

}