https://mantswe-poem-generator.netlify.app/

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5<!-- This site is hosted on Netlify. Anyone can build and deploy a site
6     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=e90b0ac8-55c7-4c2e-b734-12842b259a1a
7     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
8    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9    <link rel="stylesheet" href="style.css" />
10    

10<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>

10
11    

11<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/axios.min.js"></script>

11
12    <title>Document</title>
13  </head>
14  <body>
15    <div class="container">
16      <header>
17        <h1>AI Poem Generator</h1>
18      </header>
19
20      <main>
21        <div class="form-container">
22          <form id="generator-form">
23            <input
24              type="text"
25              placeholder="Enter the topic of a poem you want to generate"
26              autofocus
27              required
28              autocomplete="off"
29              class="describe-it"
30            />
31            <input type="submit" class="submit-instruction" />
32          </form>
33          <div class="hint"><em>i.e: Love, Beauty, Hapiness</em></div>
34        </div>
35        <div class="actual-poem hidden" id="actual-poem"></div>
36      </main>
37      <footer>
38        This project was coded by <strong> Betty Tsotetsi</strong>, is
39        <a href="https://github.com/betty-byte/poem-generation" target="_blank"
40          >open-sourced on Github</a
41        >
42        & hosted on
43        <a href="https://mantswe-poem-generator.netlify.app/" target="_blank"
44          >Netlify</a
45        >
46      </footer>
47    </div>
48  </body>
49  

49<script src="script.js"></script>

49
50</html>