120 lines
4.5 KiB
HTML
120 lines
4.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Zakladni a prazdna html5 sablona.">
|
|
<meta name="keywords" content="HTML Sablona Martusovo">
|
|
<meta name="author" content="Martus Dortus">
|
|
|
|
<!-- Melo by nastavovat basepath pro relativni HTML odkazy. Mozna bude delat rotyku -->
|
|
<!-- <base href="https://www.w3schools.com/" target="_blank"> -->
|
|
|
|
<!-- Refresh stranky kazdych 30s -->
|
|
<meta http-equiv="refresh" content="1">
|
|
|
|
<title>TEMPLATE</title>
|
|
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
|
|
|
|
<noscript>Prohlizec nepodporuje JavaScript. Web nemusi fungovat spravne.</noscript>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<table class="pure-table">
|
|
<thead>
|
|
<th>Interpret</th>
|
|
<th>Skladba</th>
|
|
<th>Album</th>
|
|
</thead>
|
|
<tr>
|
|
<td>Roztrhlej Dedac</td>
|
|
<td>Orientacka</td>
|
|
<td>Do Roztrhani</td>
|
|
</tr>
|
|
<tr class="pure-table-odd">
|
|
<td>Roztrhlej Dedac</td>
|
|
<td>Postgastralni Demence</td>
|
|
<td>Do Roztrhani</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Roztrhlej Dedac</td>
|
|
<td>Bez Tematu</td>
|
|
<td>Do Roztrhani</td>
|
|
</tr>
|
|
<tr class="pure-table-odd">
|
|
<td>Chlat v Potpazi</td>
|
|
<td>Planeta</td>
|
|
<td>Radsi Dratem Do Voka</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<form class="pure-form">
|
|
<div class="pure-g">
|
|
<div class="pure-u-7-24">
|
|
<input type="text" placeholder="Interpret" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-10-24">
|
|
<input type="text" placeholder="Skladba" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-7-24">
|
|
<input type="text" placeholder="Album" class="pure-input-1">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pure-g">
|
|
<div class="pure-u-2-24">
|
|
<input type="text" placeholder="#" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-3-24">
|
|
<input type="text" placeholder="Rok" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Zanr" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-7-24">
|
|
<input type="text" placeholder="Studio" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Mesto" class="pure-input-1">
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="pure-g">
|
|
<div class="pure-u-24-24">
|
|
<input type="text" placeholder="Tagy" class="pure-input-1">
|
|
</div>
|
|
</div>
|
|
<div class="pure-g">
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Video (YouTube Odkaz)" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Spotify" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Apple Music" class="pure-input-1">
|
|
</div>
|
|
<div class="pure-u-6-24">
|
|
<input type="text" placeholder="Discogs" class="pure-input-1">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pure-g">
|
|
<div class="pure-u-1">
|
|
<p>Info o tom, zda-li ma skladba lokalne dostupny .mp3/.ogg/.wav soubor. Melo by to byt nejak vyrazne oznacene, napriklad lehka zelena barva, pokud vse ok, ale vyrazna cervena barva, pokud neco nok.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<button type="submit" class="pure-button pure-button-primary">Ulozit</button>
|
|
</form>
|
|
</body>
|
|
|
|
</html>
|
|
|
|
<script src="script.js"></script>
|