mirror of
https://github.com/gradio-app/gradio.git
synced 2024-11-27 01:40:20 +08:00
added gradiohub
This commit is contained in:
Abubakar Abid
parent
70c6376e28
commit
8f4486eac8
@ -258,6 +258,7 @@ class CSV(AbstractInput):
|
||||
inp = msg['data']['inp']
|
||||
return json.loads(inp)
|
||||
|
||||
|
||||
class Microphone(AbstractInput):
|
||||
|
||||
def get_name(self):
|
||||
|
||||
51
gradiohub/index.html
Normal file
51
gradiohub/index.html
Normal file
@ -0,0 +1,51 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>GradioHub</title>
|
||||
<link href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<img id="logo" src="logo.png" height="40">
|
||||
<input type="text" autofocus placeholder="Search models..." id="search">
|
||||
<button id="search_icon">
|
||||
<img src="search.png" height="20">
|
||||
</button>
|
||||
</nav>
|
||||
<main>
|
||||
<div id="filter_bar">
|
||||
Popular Models -
|
||||
<span class="secondary">Filter By Tag: </span>
|
||||
<button class="tag">Genomics</button>
|
||||
<button class="tag">Medical</button>
|
||||
<button class="tag">Photography</button>
|
||||
<button class="tag">Animals</button>
|
||||
</div>
|
||||
<section id="results">
|
||||
<a href="/model1" class="result">
|
||||
<div class="result_desc">
|
||||
<h2>Skin Cancer Diagnosis</h2>
|
||||
<p>This model takes a skin surface image and determines, with probability, the likelihood the provided image is cancerous or noncancerous.</p>
|
||||
<p>Works best with clear, direct images in neutral lighting.</p>
|
||||
<span class="tag_text"> Tags: <button class="tag">Medical</button></span>
|
||||
</div>
|
||||
<div class="images">
|
||||
<img src="models/1/demo1.png">
|
||||
<img src="models/1/demo2.png">
|
||||
</div>
|
||||
</a>
|
||||
<a href="/model2" class="result">
|
||||
<div class="result_desc">
|
||||
<h2>Pneumonia Colorizer</h2>
|
||||
<p>The Colorizer model takes an input body x-ray scan with pneumonia and highlights the regions by degree of infection.</p>
|
||||
<span class="tag_text"> Tags: <button class="tag">Medical</button></span>
|
||||
</div>
|
||||
<div class="images">
|
||||
<img src="models/2/demo1.png">
|
||||
<img src="models/2/demo2.png">
|
||||
</div>
|
||||
</a>
|
||||
</section>
|
||||
</main>
|
||||
</body>
|
||||
</html>
|
||||
BIN
gradiohub/logo.png
Normal file
BIN
gradiohub/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.1 KiB |
BIN
gradiohub/search.png
Normal file
BIN
gradiohub/search.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
91
gradiohub/style.css
Normal file
91
gradiohub/style.css
Normal file
@ -0,0 +1,91 @@
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
}
|
||||
button, input[type="submit"], input[type="reset"] {
|
||||
background: none;
|
||||
color: inherit;
|
||||
border: none;
|
||||
padding: 0;
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
outline: inherit;
|
||||
}
|
||||
textarea, select, input, button {
|
||||
outline: none;
|
||||
}
|
||||
a {
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover h2 {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: #EEEEEE;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
main, nav {
|
||||
padding: 10px 45px;
|
||||
}
|
||||
.secondary {
|
||||
color: #999999;
|
||||
}
|
||||
#logo {
|
||||
position: absolute;
|
||||
left: 40px;
|
||||
}
|
||||
#search {
|
||||
font-size: 22px;
|
||||
padding: 0 4px;
|
||||
width: 500px;
|
||||
border: solid 1px black;
|
||||
border-radius: 4px 0 0 4px;
|
||||
border-right: none;
|
||||
}
|
||||
#search::placeholder {
|
||||
font-style: italic;
|
||||
}
|
||||
#search_icon {
|
||||
background-color: white;
|
||||
border: solid 1px black;
|
||||
border-left: none;
|
||||
border-radius: 0 4px 4px 0;
|
||||
padding: 0 9px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
#search, #search_icon {
|
||||
height: 36px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
#filter_bar {
|
||||
text-transform: uppercase;
|
||||
font-weight: bold;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.tag {
|
||||
font-weight: normal;
|
||||
padding: 4px 10px;
|
||||
margin: 0px 4px;
|
||||
background-color: #EEEEEE;
|
||||
border-radius: 3px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
.result {
|
||||
margin: 8px 0 20px;
|
||||
}
|
||||
.result h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
.result, .images {
|
||||
display: flex;
|
||||
}
|
||||
.result .images img {
|
||||
height: 200px;
|
||||
margin-left: 16px;
|
||||
}
|
||||
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 6.4 KiB |
Loading…
Reference in New Issue
Block a user