Hugging Face's logo

Spaces:
afaqdean
/
InterExblorer
Sleeping

App Files Community
1
afaqdean commited on
Commit
b9fc211
·
verified ·
1 Parent(s): bf76cbc

Upload 2 files

Browse files
Files changed (2) hide show
  1. templates/index.html +68 -0
  2. templates/results.html +67 -0
templates/index.html ADDED
@@ -0,0 +1,68 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>InterExblorer</title>
7
+ <style>
8
+ body {
9
+ display: flex;
10
+ flex-direction: column;
11
+ align-items: center;
12
+ justify-content: center;
13
+ height: 100vh;
14
+ margin: 0;
15
+ }
16
+
17
+ h1 {
18
+ font-size: 24px;
19
+ color: blue;
20
+ margin-bottom: 20px;
21
+ }
22
+
23
+ #searchForm {
24
+ text-align: center;
25
+ }
26
+
27
+ label {
28
+ margin-right: 10px;
29
+ }
30
+
31
+ input {
32
+ margin-bottom: 10px;
33
+ width: 250px; /* Adjust the width as needed */
34
+ }
35
+
36
+ button {
37
+ margin-top: 20px;
38
+ display: inline-block;
39
+ padding: 10px 20px;
40
+ background-color: #007bff; /* Button background color */
41
+ color: white; /* Button text color */
42
+ text-decoration: none;
43
+ border-radius: 5px;
44
+ cursor: pointer;
45
+ border: none;
46
+ }
47
+
48
+ button:hover {
49
+ background-color: #0056b3; /* Hover color for the button */
50
+ }
51
+
52
+ #result {
53
+ margin-top: 20px;
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <h1>InterExblorer</h1>
59
+ <form id="searchForm" action="/search" method="post">
60
+ <label for="query">Search:</label>
61
+ <br>
62
+ <input type="text" id="query" name="query" required>
63
+ <br>
64
+ <button type="submit">Search</button>
65
+ </form>
66
+ <div id="result"></div>
67
+ </body>
68
+ </html>
templates/results.html ADDED
@@ -0,0 +1,67 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>Search Results</title>
7
+ <style>
8
+ body {
9
+ display: flex;
10
+ flex-direction: column;
11
+ align-items: center;
12
+ justify-content: center;
13
+ height: 100vh;
14
+ margin: 0;
15
+ }
16
+
17
+ h1 {
18
+ font-size: 24px;
19
+ color: blue;
20
+ margin-bottom: 20px;
21
+ }
22
+
23
+ ul {
24
+ list-style-type: none;
25
+ padding: 0;
26
+ }
27
+
28
+ li {
29
+ margin-bottom: 10px;
30
+ }
31
+
32
+ a {
33
+ color: black; /* Set link color to black */
34
+ text-decoration: none;
35
+ }
36
+
37
+ a:hover {
38
+ text-decoration: underline;
39
+ }
40
+
41
+ #backLink {
42
+ margin-top: 20px;
43
+ display: inline-block;
44
+ padding: 10px 20px;
45
+ background-color: #007bff; /* Button background color */
46
+ color: white; /* Button text color */
47
+ text-decoration: none;
48
+ border-radius: 5px;
49
+ }
50
+
51
+ #backLink:hover {
52
+ background-color: #0056b3; /* Hover color for the button */
53
+ }
54
+ </style>
55
+ </head>
56
+ <body>
57
+ <h1>Search Results for "{{ query }}"</h1>
58
+ <ul>
59
+ {% for link in youtube_links %}
60
+ <li><a href="{{ link }}" target="_blank">{{ link }}</a></li>
61
+ {% endfor %}
62
+ </ul>
63
+
64
+ <!-- Back button linking to the index page -->
65
+ <a href="/" id="backLink">Back to Search</a>
66
+ </body>
67
+ </html>