the-davinci-coder/index.html at master · JonPhoenix/the-davinci-coder · 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
<!-- HTML5 - Home for Password Generator -->
<!DOCTYPE html>
<!-- Defining language English United States -->
<html lang="en-us">
<!-- Head with title, favicon image, and the linked Bootstrap CSS file -->
<head>
    <!-- Using a creative and descriptive webpage title -->
    <title>"DaVinci" Password Generator</title>
      <!-- Adding a favicon to webpage title -->
    <link rel="icon" type="image/png" href="img/davinci-icon.png">
    <!-- Meta tags to ensure a responsive webpage across view ports -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Linking CSS Style file and / or CSS Bootstrap framework -->
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<!-- Password Generator page content -->
<body>
    <div id="container">
        <div id="inner-container">
            <header>
                <h1>The "DaVinci" Coder</h1>
            </header>
            <div id="device">
                <div id="device-header">
                    <h2>Create a Password</h2>
                </div>
                <div id="inner-device">
                    <textarea
                        readonly
                        id="password"
                        placeholder="It Will Appear Here"
                    ></textarea>
                </div>
                <div id="button-panel">
                    <button id="generate-button">Generate Password</button>
                    <button id="copy-button" disabled="disabled">Copy to Clipboard</button>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <h6>&copy; Jon Phoenix 2020</h6>
    </footer>
    <!-- Linking JavaScript file -->
    <script src="js/script.js"></script>
</body>
</html>