ChronosXYZ/southwestradio-site
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update site for the new iteration

Browse Source
This commit is contained in:
ChronosXYZ 2024-06-17 02:16:04 +03:00
parent 047cf3af2a
commit 3b33418cd2
7 changed files with 59 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
config.toml
View File

@ -1,4 +1,4 @@
baseURL = 'https://southwestradio.ru/' baseURL = 'https://radio.nexusnest.link/'
languageCode = 'en-us' languageCode = 'en-us'
title = 'SouthWest Radio' title = 'SouthWest Radio'
theme = "swr" theme = "swr"

8
content/_index.md
View File

@ -1,12 +1,12 @@
**Радио Southwest** - некоммерческий проект свободного радио, созданный студентами университета РТУ МИРЭА. **Радио Southwest** - некоммерческий проект свободного радио.
Отбираем самую годную музыку без привязки к жанрам. Тщательно подобранный плейлист музыки будет сопровождать ваш день. Делаем все возможное, чтобы заслужить внимание ваших ушей. Отбираем самую годную музыку без привязки к жанрам. Тщательно подобранный плейлист музыки будет сопровождать ваш день. Делаем все возможное, чтобы заслужить внимание ваших ушей.
*Если у вас не работает веб-плеер, вы можете воспользоваться прямой ссылкой на поток*: *Если у вас не работает веб-плеер, вы можете воспользоваться прямой ссылкой на поток*:
- [AAC 192kbps](https://azuracast.southwestradio.ru/listen/southwest_radio/radio.aac) (для пользователей iOS, macOS) - [AAC 192kbps](https://azuracast.nexusnest.link/listen/southwest_radio/radio.aac) (для пользователей iOS, macOS)
- [OGG 192kbps](https://azuracast.southwestradio.ru/listen/southwest_radio/radio.ogg) (для всех остальных) - [OGG 192kbps](https://azuracast.nexusnest.link/listen/southwest_radio/radio.ogg) (для всех остальных)
Веб-плеер на [отдельной странице](https://azuracast.southwestradio.ru/public/southwest_radio). Там можно посмотреть историю 5 последних проигранных треков, а так же голосовать за следующие треки из музыкальной базы радиостанции. Веб-плеер на [отдельной странице](https://azuracast.nexusnest.link/public/southwest_radio). Там можно посмотреть историю 5 последних проигранных треков, а так же голосовать за следующие треки из музыкальной базы радиостанции.
Кроме того, присутствует возможность прослушивать радиостанцию через [мобильные приложения](/mobile-apps/). Кроме того, присутствует возможность прослушивать радиостанцию через [мобильные приложения](/mobile-apps/).

4
content/mobile-apps.md
View File

@ -8,10 +8,10 @@
1. Открываете приложение Transistor 1. Открываете приложение Transistor
2. Нажимаете на кнопку "Add new station" 2. Нажимаете на кнопку "Add new station"
<img src="https://southwestradio.ru/android-screenshot-1.jpg" style="width: 70%;"> <img src="/android-screenshot-1.jpg" style="width: 70%;">
3. Вводите Southwest Radio в поле ввода 3. Вводите Southwest Radio в поле ввода
4. Выбираете найденную станцию и нажимаете кнопку "Add" 4. Выбираете найденную станцию и нажимаете кнопку "Add"
<img src="https://southwestradio.ru/android-screenshot-2.jpg" style="width: 70%;"> <img src="/android-screenshot-2.jpg" style="width: 70%;">
5. Нажимаете на добавленную радиостанцию, она начнет проигрываться. 5. Нажимаете на добавленную радиостанцию, она начнет проигрываться.
## iOS ## iOS

25
themes/swr/assets/css/style.scss
View File

@ -10,7 +10,7 @@ body {
padding: 0; padding: 0;
margin: 0; margin: 0;
background-attachment: fixed; background-attachment: fixed;
background-image: linear-gradient( rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7) ),url('../background.jpg'); background-image: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)), url('../background.jpg');
backdrop-filter: blur(5px); backdrop-filter: blur(5px);
height: 100%; height: 100%;
} }
@ -25,6 +25,7 @@ body {
display: flex; display: flex;
padding: 16px; padding: 16px;
justify-content: space-evenly; justify-content: space-evenly;
gap: 1em;
} }
aside { aside {
@ -38,15 +39,14 @@ aside {
} }
#player { #player {
margin-left: 2em;
border: 1px solid; border: 1px solid;
border-radius: 3mm; border-radius: 3mm;
padding: 16px; padding: 16px;
padding-bottom: 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
align-self: start; align-self: start;
height: 6.5em;
} }
#content { #content {
@ -55,7 +55,7 @@ aside {
padding: 16px; padding: 16px;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
width: 30vw; width: 50vw;
} }
#nav { #nav {
@ -69,7 +69,6 @@ aside {
display: flex; display: flex;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
margin-right: 2em;
} }
#social-widescreen { #social-widescreen {
@ -94,8 +93,8 @@ a:hover {
#calendar { #calendar {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding-top: 10px; padding-top: 1em;
padding-bottom: 10px; padding-bottom: 1em;
} }
h1 { h1 {
@ -149,6 +148,7 @@ article {
align-items: center; align-items: center;
width: 85vw; width: 85vw;
padding-bottom: 0; padding-bottom: 0;
gap: 1.2em;
} }
aside { aside {
@ -163,23 +163,24 @@ article {
#nav-wrapper { #nav-wrapper {
margin: 0; margin: 0;
width: 100%; width: 100%;
margin-bottom: 16px; order: 1;
} }
#content{ #content {
// max-width: 100%; // max-width: 100%;
width: 100%; width: 100%;
margin-bottom: 16px;
max-width: unset; max-width: unset;
min-width: unset; min-width: unset;
order: 3;
} }
#player { #player {
order: 2;
width: 100%; width: 100%;
margin: 0; margin: 0;
padding: 16px; padding: 16px;
padding-bottom: 0;
align-self: unset; align-self: unset;
height: 15vh;
} }
body { body {
@ -204,7 +205,7 @@ article {
#social-mobile { #social-mobile {
display: block; display: block;
visibility: visible; visibility: visible;
margin-top: 10px; order: 4;
// margin-bottom: 7px; // margin-bottom: 7px;
} }
} }

30
themes/swr/layouts/_default/baseof.html
View File

@ -1,36 +1,38 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
<body>
<body>
<div id="container"> <div id="container">
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<div id="wrapper"> <div id="wrapper">
<div id="nav-wrapper"> <div id="nav-wrapper">
{{- partial "nav.html" . -}} {{- partial "nav.html" . -}}
<div id="social-widescreen"> <div id="social-widescreen">
<a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link" src="/telegram.svg" onload="SVGInject(this)" /></a> <a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link"
<a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link" src="/vk.svg" onload="SVGInject(this)" /></a> src="/telegram.svg" onload="SVGInject(this)" /></a>
<a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link"
src="/vk.svg" onload="SVGInject(this)" /></a>
</div> </div>
</div> </div>
<div id="content"> <div id="content">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</div> </div>
<div id="player"> <div id="player">
<div id="p1"></div> <iframe id="web-player" height="100%" width="100%"
<iframe id="web-player" src="https://azuracast.southwestradio.ru/public/southwest_radio/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 100%; height: 130px; border: 0;"></iframe> src="https://azuracast.nexusnest.link/public/southwest_radio/embed?theme=dark" frameborder="0"
<script> allowtransparency="true" style="border: 0;"></iframe>
var iframe = document.getElementById('web-player');
iframe.srcdoc = '<p style="font: 14px/1.5 monospace; color:white;">Loading...</p>';
iframe.addEventListener('load', () => iframe.removeAttribute('srcdoc'));
</script>
</div> </div>
<div id="social-mobile"> <div id="social-mobile">
<a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link" src="/telegram.svg" onload="SVGInject(this)" /></a> <a href="https://t.me/southwestradio" style="filter: unset;"><img class="social-link"
<a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link" src="/vk.svg" onload="SVGInject(this)" /></a> src="/telegram.svg" onload="SVGInject(this)" /></a>
<a href="https://vk.com/southwest_radio" style="filter: unset;"><img class="social-link" src="/vk.svg"
onload="SVGInject(this)" /></a>
</div> </div>
</div> </div>
{{- partial "footer.html" . -}} {{- partial "footer.html" . -}}
</div> </div>
</body> </body>
</html> </html>

1
themes/swr/layouts/partials/head.html
View File

@ -1,6 +1,7 @@
<head> <head>
<title>{{ .Site.Title }}</title> <title>{{ .Site.Title }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8">
{{ $sass := resources.Get "/css/style.scss" }} {{ $sass := resources.Get "/css/style.scss" }}
{{ $style := $sass | resources.ToCSS }} {{ $style := $sass | resources.ToCSS }}

3
themes/swr/layouts/section/schedule.html
View File

@ -1,5 +1,6 @@
{{ define "main" }} {{ define "main" }}
<div id="calendar"> <div id="calendar">
<iframe src="https://azuracast.southwestradio.ru/public/southwest_radio/schedule/embed?theme=dark" frameborder="0" allowtransparency="true" style="width: 80vmin; min-height: 800px; border: 0;"></iframe> <iframe src="https://azuracast.nexusnest.link/public/southwest_radio/schedule/embed?theme=dark" frameborder="0"
allowtransparency="true" style="width: 100%; min-height: 80vh; border: 0;"></iframe>
</div> </div>
{{end}} {{end}}