Compare commits

...

2 Commits

Author SHA1 Message Date
ba8b68e6bf fix merge 2024-02-28 14:28:50 +01:00
1de41b6989 afegir estil i peu 2024-02-28 14:26:42 +01:00
2 changed files with 59 additions and 0 deletions

View File

@ -5,12 +5,14 @@
<meta name="author" content="Xaloc"> <meta name="author" content="Xaloc">
<meta name="viewport" content="width=device-width, initial-scale=1"/> <meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/> <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="player.css"> <link rel="stylesheet" href="player.css">
<title>Ràdios</title> <title>Ràdios</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon"> <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
</head> </head>
<body> <body>
<h2>Miniweb per escoltar la ràdio</h2>
<h3>Ràdios Lliures i comunitàries</h3> <h3>Ràdios Lliures i comunitàries</h3>
<p> <p>
<button onClick='vallekas.play()'>Radio Vallekas</button> <button onClick='vallekas.play()'>Radio Vallekas</button>
@ -68,6 +70,9 @@
</div> </div>
<footer>
Fet amb <i class="fa fa-heart"></i> per <a href=https://fedi.xaloc.space/xaloc> Xaloc</a>. El codi font i la llicència <a href=https://git.xaloc.space/xaloc/radio/> aquí</a>.
</footer>
<script> <script>
if (navigator.userAgent.includes("Safari")) { if (navigator.userAgent.includes("Safari")) {

54
style.css Normal file
View File

@ -0,0 +1,54 @@
body {
margin: 0 auto;
max-width: 42em;
background: #3B3C36;
color: #E5E4E2;
font-family: sans-serif;
font-size: 1.4rem;
text-align: center;
}
button {
background-color: #C8A2C8;
color: black;
text-align: center;
font-size: 1.2rem;
margin: 2px 2px 2px 2px;
border: none;
border-radius: 12px;
transition-duration: 0.4s;
}
button:hover {
background-color: #8A5D8A;
}
button:active {
background-color: #8A5D8A;
transform: translateY(4px);
}
a:link{
color: #C8A2C8;
}
a:visited{
color: #c1d9f0;
}
a:hover{
color: #8A5D8A;
}
a:active{
color: #8A5D8A;
}
footer {
text-align: center;
font-size: 0.9em;
border-top: 2px solid white;
margin-top: 2rem;
padding: 1rem;
}