Hugging Face's logo

Spaces:
BinKhoaLe1812
/
Sall-eGarbageDetection
Sleeping

App Files Community
LiamKhoaLe commited on
Commit
15598ab
·
1 Parent(s): 26827e4

Upd animal btn style

Browse files
Files changed (2) hide show
  1. statics/index.html +2 -2
  2. statics/style.css +6 -0
statics/index.html CHANGED
@@ -3,7 +3,7 @@
3
  <head>
4
  <title>Sall-e Garbage Detection</title>
5
  <link rel="website icon" type="png" href="/statics/icon.png" >
6
- <link rel="stylesheet" href="/statics/style.css">
7
  </head>
8
  <body>
9
  <h1>Upload an Image to Simulate Garbage Detection and Robot Navigation</h1>
@@ -19,7 +19,7 @@
19
  <h1>Upload an Image to Simulate Front-view Animal Detection</h1>
20
  <div id="upload-container2">
21
  <input type="file" id="upload2" accept="image/*">
22
- <button onclick="uploadAnimal()">Check Animal</button>
23
  </div>
24
  <div id="animal-result"></div>
25
  <script src="/statics/script.js"></script>
 
3
  <head>
4
  <title>Sall-e Garbage Detection</title>
5
  <link rel="website icon" type="png" href="/statics/icon.png" >
6
+ <link rel="stylesheet" href="../statics/style.css">
7
  </head>
8
  <body>
9
  <h1>Upload an Image to Simulate Garbage Detection and Robot Navigation</h1>
 
19
  <h1>Upload an Image to Simulate Front-view Animal Detection</h1>
20
  <div id="upload-container2">
21
  <input type="file" id="upload2" accept="image/*">
22
+ <button id="checkAnimalBtn" onclick="uploadAnimal()">Check Animal</button>
23
  </div>
24
  <div id="animal-result"></div>
25
  <script src="/statics/script.js"></script>
statics/style.css CHANGED
@@ -36,6 +36,12 @@ p {
36
  #downloadBtn:hover {
37
  background: #950606;
38
  }
 
 
 
 
 
 
39
  .hidden {
40
  display: none;
41
  }
 
36
  #downloadBtn:hover {
37
  background: #950606;
38
  }
39
+ #checkAnimalBtn {
40
+ display: block; width: 20%; margin-top: 20px; margin-left: auto; margin-right: auto; padding: 10px 15px; font-size: 16px; background: #2752ae; color: white; border: none; border-radius: 5px; cursor: pointer; text-decoration: none;
41
+ }
42
+ #checkAnimalBtn:hover {
43
+ background: #8127ae;
44
+ }
45
  .hidden {
46
  display: none;
47
  }