<!DOCTYPE HTML>
<html>
<head>
<title>Y2T</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div id="root">
<main class="homepage">
<h1>YT2Prompt</h1>
<form method="post" action="handler.php">
<section class="input">
<input type="text" placeholder="YouTube URL" id="url" name="url">
<select id="lang" name="lang">
<option value="en">EN</option>
<option value="fr">FR</option>
</select>
</section>
<input type="submit" value="Generate ChatGPT prompt" v-on:click="loadingStart">
</form>
</main>
<footer>
<a href=""><span>PH1</span></a>
<a href=""><span>PH2</span></a>
<a href=""><span>PH3</span></a>
</footer>
<div class="loading" v-show="loading">
<h4>loading</h4>
<span></span>
<span></span>
<span></span>
</div>
</div>
<script src="assets/js/vue.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>