-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
33 lines (24 loc) · 3.2 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content-="ie=edge">
<title>AI image generator</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" version="1.1"><rect x="0" y="0" width="100vw" height="100vw" fill="#001220"/><path d="M0 376L21.5 371.7C43 367.3 86 358.7 128.8 367C171.7 375.3 214.3 400.7 257.2 410.2C300 419.7 343 413.3 385.8 411C428.7 408.7 471.3 410.3 514.2 401.5C557 392.7 600 373.3 642.8 369.8C685.7 366.3 728.3 378.7 771.2 394C814 409.3 857 427.7 878.5 436.8L900 446L900 601L878.5 601C857 601 814 601 771.2 601C728.3 601 685.7 601 642.8 601C600 601 557 601 514.2 601C471.3 601 428.7 601 385.8 601C343 601 300 601 257.2 601C214.3 601 171.7 601 128.8 601C86 601 43 601 21.5 601L0 601Z" fill="#fa7268"/><path d="M0 406L21.5 417.8C43 429.7 86 453.3 128.8 457.5C171.7 461.7 214.3 446.3 257.2 437.7C300 429 343 427 385.8 427.7C428.7 428.3 471.3 431.7 514.2 430.5C557 429.3 600 423.7 642.8 420.5C685.7 417.3 728.3 416.7 771.2 424.3C814 432 857 448 878.5 456L900 464L900 601L878.5 601C857 601 814 601 771.2 601C728.3 601 685.7 601 642.8 601C600 601 557 601 514.2 601C471.3 601 428.7 601 385.8 601C343 601 300 601 257.2 601C214.3 601 171.7 601 128.8 601C86 601 43 601 21.5 601L0 601Z" fill="#ef5f67"/><path d="M0 450L21.5 452.2C43 454.3 86 458.7 128.8 459.8C171.7 461 214.3 459 257.2 462C300 465 343 473 385.8 474.7C428.7 476.3 471.3 471.7 514.2 476.3C557 481 600 495 642.8 494.8C685.7 494.7 728.3 480.3 771.2 473.7C814 467 857 468 878.5 468.5L900 469L900 601L878.5 601C857 601 814 601 771.2 601C728.3 601 685.7 601 642.8 601C600 601 557 601 514.2 601C471.3 601 428.7 601 385.8 601C343 601 300 601 257.2 601C214.3 601 171.7 601 128.8 601C86 601 43 601 21.5 601L0 601Z" fill="#e34c67"/><path d="M0 532L21.5 524.7C43 517.3 86 502.7 128.8 494.5C171.7 486.3 214.3 484.7 257.2 488.5C300 492.3 343 501.7 385.8 507.8C428.7 514 471.3 517 514.2 515.5C557 514 600 508 642.8 503.3C685.7 498.7 728.3 495.3 771.2 498.2C814 501 857 510 878.5 514.5L900 519L900 601L878.5 601C857 601 814 601 771.2 601C728.3 601 685.7 601 642.8 601C600 601 557 601 514.2 601C471.3 601 428.7 601 385.8 601C343 601 300 601 257.2 601C214.3 601 171.7 601 128.8 601C86 601 43 601 21.5 601L0 601Z" fill="#d53867"/><path d="M0 544L21.5 547C43 550 86 556 128.8 553.3C171.7 550.7 214.3 539.3 257.2 534.7C300 530 343 532 385.8 535.7C428.7 539.3 471.3 544.7 514.2 550.5C557 556.3 600 562.7 642.8 564.3C685.7 566 728.3 563 771.2 559.5C814 556 857 552 878.5 550L900 548L900 601L878.5 601C857 601 814 601 771.2 601C728.3 601 685.7 601 642.8 601C600 601 557 601 514.2 601C471.3 601 428.7 601 385.8 601C343 601 300 601 257.2 601C214.3 601 171.7 601 128.8 601C86 601 43 601 21.5 601L0 601Z" fill="#c62368"/></svg>
<header>
<h1>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>