diff --git a/gradio/inputs.py b/gradio/inputs.py index 86ce48de11..6e3779326d 100644 --- a/gradio/inputs.py +++ b/gradio/inputs.py @@ -258,6 +258,7 @@ class CSV(AbstractInput): inp = msg['data']['inp'] return json.loads(inp) + class Microphone(AbstractInput): def get_name(self): diff --git a/gradiohub/index.html b/gradiohub/index.html new file mode 100644 index 0000000000..4d7be42bb8 --- /dev/null +++ b/gradiohub/index.html @@ -0,0 +1,51 @@ + + + GradioHub + + + + + +
+
+ Popular Models - + Filter By Tag: + + + + +
+
+ +
+

Skin Cancer Diagnosis

+

This model takes a skin surface image and determines, with probability, the likelihood the provided image is cancerous or noncancerous.

+

Works best with clear, direct images in neutral lighting.

+ Tags: +
+
+ + +
+ + +
+

Pneumonia Colorizer

+

The Colorizer model takes an input body x-ray scan with pneumonia and highlights the regions by degree of infection.

+ Tags: +
+
+ + +
+ +
+
+ + \ No newline at end of file diff --git a/gradiohub/logo.png b/gradiohub/logo.png new file mode 100644 index 0000000000..6aac47122f Binary files /dev/null and b/gradiohub/logo.png differ diff --git a/gradiohub/search.png b/gradiohub/search.png new file mode 100644 index 0000000000..ff649a6e02 Binary files /dev/null and b/gradiohub/search.png differ diff --git a/gradiohub/style.css b/gradiohub/style.css new file mode 100644 index 0000000000..44d8d6c321 --- /dev/null +++ b/gradiohub/style.css @@ -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; +} + diff --git a/web/img/logo_only.png b/web/img/logo_only.png index 63106b9eb4..d0f4c5e807 100644 Binary files a/web/img/logo_only.png and b/web/img/logo_only.png differ