Hugging Face's logo

Spaces:
Nasma
/
nasma_testing
Runtime error

App Files Community
Arafath10 commited on
Commit
e08ffbf
·
verified ·
1 Parent(s): 5ede31e

Upload 3 files

Browse files
Files changed (3) hide show
  1. static/images/favicon.png +0 -0
  2. templates/404.html +12 -0
  3. templates/index.html +133 -0
static/images/favicon.png ADDED
templates/404.html ADDED
@@ -0,0 +1,12 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en" dir="ltr">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>404</title>
6
+ </head>
7
+ <body>
8
+ <div class="container">
9
+ <h1>This is the 404 Page</h1>
10
+ </div>
11
+ </body>
12
+ </html>
templates/index.html ADDED
@@ -0,0 +1,133 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1">
6
+ <meta name="description" content="">
7
+ <meta name="author" content="Skolo Online">
8
+ <meta name="generator" content="#">
9
+ <title>Skolo DALLE2</title>
10
+
11
+ <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
12
+
13
+ <style>
14
+ .bd-placeholder-img {
15
+ font-size: 1.125rem;
16
+ text-anchor: middle;
17
+ -webkit-user-select: none;
18
+ -moz-user-select: none;
19
+ user-select: none;
20
+ }
21
+
22
+ @media (min-width: 768px) {
23
+ .bd-placeholder-img-lg {
24
+ font-size: 3.5rem;
25
+ }
26
+ }
27
+
28
+ .b-example-divider {
29
+ height: 3rem;
30
+ background-color: rgba(0, 0, 0, .1);
31
+ border: solid rgba(0, 0, 0, .15);
32
+ border-width: 1px 0;
33
+ box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
34
+ }
35
+
36
+ .b-example-vr {
37
+ flex-shrink: 0;
38
+ width: 1.5rem;
39
+ height: 100vh;
40
+ }
41
+
42
+ .bi {
43
+ vertical-align: -.125em;
44
+ fill: currentColor;
45
+ }
46
+
47
+ .nav-scroller {
48
+ position: relative;
49
+ z-index: 2;
50
+ height: 2.75rem;
51
+ overflow-y: hidden;
52
+ }
53
+
54
+ .nav-scroller .nav {
55
+ display: flex;
56
+ flex-wrap: nowrap;
57
+ padding-bottom: 1rem;
58
+ margin-top: -1px;
59
+ overflow-x: auto;
60
+ text-align: center;
61
+ white-space: nowrap;
62
+ -webkit-overflow-scrolling: touch;
63
+ }
64
+ </style>
65
+
66
+
67
+ </head>
68
+ <body>
69
+
70
+ <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
71
+ <div class="container-fluid">
72
+ <a class="navbar-brand" href="#">Fixed navbar</a>
73
+ <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
74
+ <span class="navbar-toggler-icon"></span>
75
+ </button>
76
+ <div class="collapse navbar-collapse" id="navbarCollapse">
77
+
78
+ <ul class="navbar-nav me-auto mb-2 mb-md-0">
79
+ <li class="nav-item">
80
+ <a class="nav-link active" aria-current="page" href="#">Home</a>
81
+ </li>
82
+ <li class="nav-item">
83
+ <a class="nav-link" href="#">Link</a>
84
+ </li>
85
+ <li class="nav-item">
86
+ <a class="nav-link disabled">Disabled</a>
87
+ </li>
88
+ </ul>
89
+
90
+ </div>
91
+ </div>
92
+ </nav>
93
+
94
+ <main class="container mt-5">
95
+ <div class="bg-light p-5 rounded">
96
+
97
+ <h1>Create a new image</h1>
98
+
99
+ <p class="lead">
100
+ This website uses the latest in DALLE-2 from OpenAI to create new images using Artificial Intelligence.
101
+ Enter any prompt to generate your image. You have full legal access to the images generated etc etc.
102
+ </p>
103
+
104
+ <form class="" action="#" method="post">
105
+
106
+ <div class="mb-3">
107
+ <label for="prompt" class="form-label">Enter your Prompt</label>
108
+ <input type="text" class="form-control" name="prompt" id="prompt" placeholder="A pencil illustration of a money driving a bicycle" required>
109
+ </div>
110
+
111
+ <button type="submit" class="btn btn-primary">GENERATE IMAGE</button>
112
+
113
+ </form>
114
+
115
+ <br>
116
+ <br>
117
+
118
+ <div class="row">
119
+ {% for image in images %}
120
+ <div class="col-lg-4">
121
+ <img src="{{image}}" class="img-fluid" alt="OpenAI DALLE2 Image Generation">
122
+ </div>
123
+ {% endfor %}
124
+ </div>
125
+
126
+
127
+ </div>
128
+ </main>
129
+
130
+ <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
131
+
132
+ </body>
133
+ </html>