OpenAI-Project/index.html at master · ChuckVisuals/OpenAI-Project · 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
<!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>AI Photo WebApp</title>
    <link rel="stylesheet" href="styles.css"/>
</head>
<body>
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="visual" viewBox="0 0 900 600" width="100vw" height="100vh" version="1.1"><rect x="0" y="0" width="900" height="600" fill="#01080e"/><defs><linearGradient id="grad1_0" x1="33.3%" y1="0%" x2="100%" y2="100%"><stop offset="20%" stop-color="#01080e" stop-opacity="1"/><stop offset="80%" stop-color="#01080e" stop-opacity="1"/></linearGradient></defs><defs><linearGradient id="grad2_0" x1="0%" y1="0%" x2="66.7%" y2="100%"><stop offset="20%" stop-color="#01080e" stop-opacity="1"/><stop offset="80%" stop-color="#01080e" stop-opacity="1"/></linearGradient></defs><g transform="translate(900, 0)"><path d="M0 324.5C-27.7 316 -55.3 307.5 -78.9 294.6C-102.5 281.7 -122.1 264.4 -146.5 253.7C-170.9 243.1 -200.1 239.1 -225.6 225.6C-251 212 -272.6 188.9 -281 162.2C-289.5 135.6 -284.7 105.3 -289.8 77.6C-294.8 50 -309.7 25 -324.5 0L0 0Z" fill="#009473"/></g><g transform="translate(0, 600)"><path d="M0 -324.5C28.6 -323.5 57.2 -322.5 84 -313.4C110.8 -304.3 135.9 -287.1 153 -265C170.1 -242.9 179.3 -215.9 195.9 -195.9C212.4 -175.8 236.3 -162.7 247.7 -143C259 -123.3 257.8 -96.9 268.5 -72C279.2 -47 301.9 -23.5 324.5 0L0 0Z" fill="#009473"/></g></svg>
    <header>
        <h1>Web AI Image Generator</h1>
    </header>

    <section class="images-section"></section>

    <section class="bottom-section">
        <div class="input-container">
            <input/>
            <div id="submit-icon">🡒</div>
        </div>
    </section>

    <script src="app.js"></script>
</body>
</html>