114 lines
2.3 KiB
HTML
114 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta
|
|
http-equiv="X-UA-Compatible"
|
|
content="IE=edge"
|
|
>
|
|
<meta
|
|
name="viewport"
|
|
content="width=device-width, initial-scale=1.0"
|
|
>
|
|
<title>Audio/video links generator</title>
|
|
<link
|
|
rel="stylesheet"
|
|
href="style.css"
|
|
>
|
|
<script src="script.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<section>
|
|
|
|
<div class="inputs">
|
|
<h1>Dane</h1>
|
|
<div class="input">
|
|
<label for="name">Nazwa odcinka</label>
|
|
<input
|
|
type="text"
|
|
name="episode-name"
|
|
id="episode_name"
|
|
value="Test - ICD #213"
|
|
placeholder="Test - ICD #213"
|
|
oninput="generateHtml();"
|
|
>
|
|
</div>
|
|
|
|
<div class="input">
|
|
<label for="funkwhale">Funkhwale episode url</label>
|
|
<input
|
|
type="text"
|
|
name="funkwhale-episode-id"
|
|
id="funkwhale"
|
|
value="https://podcast.midline.pl/library/tracks/32/"
|
|
placeholder="https://podcast.midline.pl/library/tracks/32/"
|
|
oninput="generateHtml();"
|
|
>
|
|
</div>
|
|
|
|
<div class="input">
|
|
<label for="peertube">Peertube video url</label>
|
|
<input
|
|
type="text"
|
|
name="peertube-video-id"
|
|
id="peertube"
|
|
value="https://video.internet-czas-dzialac.pl/w/1L2juuzDN6VH5fCXmuhgGY"
|
|
placeholder="https://video.internet-czas-dzialac.pl/w/1L2juuzDN6VH5fCXmuhgGY"
|
|
oninput="generateHtml();"
|
|
>
|
|
</div>
|
|
|
|
<!-- <div class="input">
|
|
<label for="odysee">Odysee video url</label>
|
|
<input
|
|
type="text"
|
|
name="odysee-video-id"
|
|
id="odysee"
|
|
placeholder="https://odysee.com/@internetczasdzialac:6/internet-of-things,-czy-internet-of-shit:1"
|
|
oninput="generateHtml();"
|
|
>
|
|
</div> -->
|
|
|
|
<div class="input">
|
|
<label for="youtube">Youtube video url</label>
|
|
<input
|
|
type="text"
|
|
name="youtube-video-id"
|
|
id="youtube"
|
|
value="https://www.youtube.com/watch?v=3MC-_83Zqik"
|
|
placeholder="https://www.youtube.com/watch?v=3MC-_83Zqik"
|
|
oninput="generateHtml();"
|
|
>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="result">
|
|
|
|
<div class="output">
|
|
<h1>Output</h1>
|
|
<textarea
|
|
name="output"
|
|
id="output"
|
|
></textarea>
|
|
</div>
|
|
|
|
<button onclick="copyHtml()">Copy HTML</button>
|
|
|
|
<h1>Render jak w Ghost</h1>
|
|
<div class="preview">
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
<script>
|
|
window.addEventListener("DOMContentLoaded", function() {
|
|
generateHtml()
|
|
}, false);
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html> |