61 lines
2.7 KiB
HTML
61 lines
2.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="cs">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Let Me Google That For You</title>
|
|
<meta name="description" content="Vygenerujte odkaz, který za někoho vyhledá dotaz na internetu.">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="orb orb-1"></div>
|
|
<div class="orb orb-2"></div>
|
|
|
|
<div class="container">
|
|
<h1>LMGTFY</h1>
|
|
<p>Nechte mě to pro vás vyhledat...</p>
|
|
|
|
<form id="config-form">
|
|
<div class="form-group">
|
|
<label for="search-query">Co chcete vyhledat?</label>
|
|
<input type="text" id="search-query" placeholder="Např. jak uvařit vejce..." required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="search-engine">Vyberte vyhledávač:</label>
|
|
<select id="search-engine">
|
|
<option value="google">Google</option>
|
|
<option value="bing">Bing</option>
|
|
<option value="duckduckgo">DuckDuckGo</option>
|
|
<option value="seznam">Seznam.cz</option>
|
|
</select>
|
|
</div>
|
|
|
|
<button type="submit" class="btn">Vygenerovat odkaz</button>
|
|
</form>
|
|
|
|
<div id="result-section" class="result-section">
|
|
<label for="generated-link">Váš odkaz je připraven:</label>
|
|
<div class="link-container">
|
|
<input type="text" id="generated-link" readonly>
|
|
<button type="button" id="copy-btn" class="btn btn-icon" title="Kopírovat">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="9" y="9" width="13" height="13" rx="2" ry="2"></rect>
|
|
<path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"></path>
|
|
</svg>
|
|
</button>
|
|
<button type="button" id="test-btn" class="btn btn-icon" title="Vyzkoušet odkaz">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
|
|
<polyline points="15 3 21 3 21 9"></polyline>
|
|
<line x1="10" y1="14" x2="21" y2="3"></line>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html>
|