afegir estil i peu

This commit is contained in:
Xaloc 2024-02-28 14:26:42 +01:00
parent 119c3df0c9
commit 1de41b6989
2 changed files with 58 additions and 1 deletions

View File

@ -5,12 +5,14 @@
<meta name="author" content="Xaloc">
<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="style.css">
<link rel="stylesheet" href="player.css">
<title>Ràdios</title>
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
</head>
<body>
<h2>Miniweb per escoltar la ràdio</h2>
<h3>Ràdios Lliures i comunitàries</h3>
<p>
<button onClick='vallekas.play()'>Radio Vallekas</button>
@ -68,7 +70,8 @@
</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>.
<script src='script.js'></script>
<script src="player.js"></script>
</body>

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;
}