textbox-changes-page-title/index.html at main · Synthird/textbox-changes-page-title · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="application-name" content="Textbox changes page title">
	<meta name="author" content="Synthird">
	<meta name="description" content="A textbox that changes the title of this page.">
	<meta name="keywords" content="html, website, webpage, page title, textbox, textfield">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="shortcut icon" href="/" type="image/x-icon">
	<link rel="stylesheet" href="css/main.css">
	<title>Textbox changes page title</title>
</head>

<body>
	<header>
		<h1>Textbox changes page title</h1>
	</header>

	<main>
		<div>
			<div>
				<label for="textbox">Change the page title using the textbox</label>
			</div>

			<div>
				<input id="textbox" placeholder="Textbox changes page title" autofocus type="text">
			</div>
		</div>

		<div>
			<button>Copy HTML code</button>
		</div>

		<div>
			<div>
				<label for="add-favicon">Add favicon</label>
			</div>

			<div>
				<input type="file" id="add-favicon" accept="image/*">
			</div>
		</div>

		<div>
			<div>
				<label for="textbox">HTML code</label>
			</div>

			<div>
				<code>&lt;<span class="tag">title</span>><span id="title-text">Textbox changes page title</span>&lt;/<span class="tag">title</span>></code>
			</div>
		</div>

		<div>
			<p><em>Tip:</em> You can also press enter to copy the HTML code.</p>
			<p id="copy-notify">Copied HTML code to clipboard!</p>
		</div>
	</main>

	<footer>
		<a href="https://github.com/Synthird/textbox-changes-page-title" target="_blank">Site source code</a>
	</footer>

	<script src="scripts/index.js"></script>
</body>

</html>