Canstralian commited on
Commit
e13952b
·
verified ·
1 Parent(s): dcda317

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +132 -55
index.html CHANGED
@@ -1,57 +1,134 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8">
5
- <meta name="viewport" content="width=device-width, initial-scale=1">
6
- <title>Gradio-Lite: Serverless Gradio Running Entirely in Your Browser</title>
7
- <meta name="description" content="Gradio-Lite: Serverless Gradio Running Entirely in Your Browser">
8
-
9
- <script type="module" crossorigin src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"></script>
10
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css" />
11
-
12
- <style>
13
- html, body {
14
- margin: 0;
15
- padding: 0;
16
- height: 100%;
17
- }
18
- </style>
19
- </head>
20
- <body>
21
- <gradio-lite>
22
- <gradio-file name="app.py" entrypoint>
23
- import gradio as gr
24
-
25
- from filters import as_gray
26
-
27
- def process(input_image):
28
- output_image = as_gray(input_image)
29
- return output_image
30
-
31
- demo = gr.Interface(
32
- process,
33
- "image",
34
- "image",
35
- examples=["lion.jpg", "logo.png"],
36
- )
37
-
38
- demo.launch()
39
- </gradio-file>
40
-
41
- <gradio-file name="filters.py">
42
- from skimage.color import rgb2gray
43
-
44
- def as_gray(image):
45
- return rgb2gray(image)
46
- </gradio-file>
47
-
48
- <gradio-file name="lion.jpg" url="https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/lion.jpg" />
49
- <gradio-file name="logo.png" url="https://raw.githubusercontent.com/gradio-app/gradio/main/guides/assets/logo.png" />
50
-
51
- <gradio-requirements>
52
- # Same syntax as requirements.txt
53
- scikit-image
54
- </gradio-requirements>
55
- </gradio-lite>
56
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
57
  </html>
 
1
  <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8"/>
5
+ <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
6
+ <title>
7
+ Python Code Review &amp; Debugging Assistant
8
+ </title>
9
+ <!-- Bootstrap CSS -->
10
+ <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet"/>
11
+ <meta content="noindex, nofollow" name="robots"/>
12
+ </head>
13
+ <body>
14
+ <!-- Navigation -->
15
+ <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
16
+ <a class="navbar-brand" href="#">
17
+ Python Assistant
18
+ </a>
19
+ <button aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbarNav" data-toggle="collapse" type="button">
20
+ <span class="navbar-toggler-icon">
21
+ </span>
22
+ </button>
23
+ <div class="collapse navbar-collapse" id="navbarNav">
24
+ <ul class="navbar-nav ml-auto">
25
+ <li class="nav-item active">
26
+ <a class="nav-link" href="#">
27
+ Home
28
+ </a>
29
+ </li>
30
+ <li class="nav-item">
31
+ <a class="nav-link" href="#">
32
+ Services
33
+ </a>
34
+ </li>
35
+ <li class="nav-item">
36
+ <a class="nav-link" href="#">
37
+ Contact
38
+ </a>
39
+ </li>
40
+ </ul>
41
+ </div>
42
+ </nav>
43
+ <!-- Hero Section -->
44
+ <header class="text-center text-white" id="hero">
45
+ <div class="container">
46
+ <h1>
47
+ 🐍 Python Code Review &amp; Debugging Assistant
48
+ </h1>
49
+ <p>
50
+ Enhance your Python skills with our expert assistance.
51
+ </p>
52
+ <button class="btn btn-light btn-lg" id="getStarted">
53
+ Get Started
54
+ </button>
55
+ </div>
56
+ </header>
57
+ <!-- Features Section -->
58
+ <section class="py-5" id="features">
59
+ <div class="container">
60
+ <h2 class="text-center">
61
+ Our Features
62
+ </h2>
63
+ <div class="row">
64
+ <div class="col-md-4">
65
+ <div class="feature-box">
66
+ <h3>
67
+ Code Review
68
+ </h3>
69
+ <p>
70
+ Get detailed feedback on your Python code.
71
+ </p>
72
+ </div>
73
+ </div>
74
+ <div class="col-md-4">
75
+ <div class="feature-box">
76
+ <h3>
77
+ Debugging Assistance
78
+ </h3>
79
+ <p>
80
+ Identify and fix bugs with our expert help.
81
+ </p>
82
+ </div>
83
+ </div>
84
+ <div class="col-md-4">
85
+ <div class="feature-box">
86
+ <h3>
87
+ Learning Resources
88
+ </h3>
89
+ <p>
90
+ Access a wealth of Python learning materials.
91
+ </p>
92
+ </div>
93
+ </div>
94
+ </div>
95
+ </div>
96
+ </section>
97
+ <!-- Contact Form -->
98
+ <section class="bg-light py-5" id="contact">
99
+ <div class="container">
100
+ <h2 class="text-center">
101
+ Contact Us
102
+ </h2>
103
+ <form id="contactForm">
104
+ <div class="form-group">
105
+ <label for="name">
106
+ Name:
107
+ </label>
108
+ <input class="form-control" id="name" name="name" placeholder="Enter your name" required="" type="text"/>
109
+ </div>
110
+ <div class="form-group">
111
+ <label for="email">
112
+ Email:
113
+ </label>
114
+ <input class="form-control" id="email" name="email" placeholder="Enter your email" required="" type="email"/>
115
+ </div>
116
+ <div class="form-group">
117
+ <label for="message">
118
+ Message:
119
+ </label>
120
+ <textarea class="form-control" id="message" name="message" placeholder="Enter your message" required=""></textarea>
121
+ </div>
122
+ <button class="btn btn-primary" type="submit">
123
+ Submit
124
+ </button>
125
+ </form>
126
+ </div>
127
+ </section>
128
+ <!-- Bootstrap & jQuery JS -->
129
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
130
+ </script>
131
+ <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js">
132
+ </script>
133
+ </body>
134
  </html>