Hugging Face's logo

Spaces:
CVPR
/
drawings-to-human
Build error

App Files Community
1
radames commited on
Commit
ccba41e
·
1 Parent(s): bfd3cff

first

Browse files
Files changed (2) hide show
  1. index.html +123 -20
  2. style.css +0 -28
index.html CHANGED
@@ -1,24 +1,127 @@
1
  <!DOCTYPE html>
2
  <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>
13
- You can modify this app directly by editing <i>index.html</i> in the
14
- Files and versions tab.
15
- </p>
16
- <p>
17
- Also don't forget to check the
18
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank"
19
- >Spaces documentation</a
20
- >.
21
- </p>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
22
  </div>
23
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
24
  </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta name="viewport" content="width=device-width" />
6
+ <title>Drawing to Human</title>
7
+ <link rel="stylesheet" href="style.css" />
8
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.3.1/iframeResizer.contentWindow.min.js"></script>
9
+ <link
10
+ rel="stylesheet"
11
+ href="https://cdn.jsdelivr.net/npm/@observablehq/inspector@3/dist/inspector.css"
12
+ />
13
+ <style>
14
+ @import url("https://fonts.googleapis.com/css2?family=Roboto&family=Source+Serif+4:wght@700&display=swap");
15
+ </style>
16
+ <style>
17
+ .mw8 {
18
+ max-width: 64rem;
19
+ }
20
+ .mx-auto {
21
+ margin-left: auto;
22
+ margin-right: auto;
23
+ }
24
+ .pv2 {
25
+ padding-top: 1rem;
26
+ padding-bottom: 1rem;
27
+ }
28
+ .ph3 {
29
+ padding-left: 1rem;
30
+ padding-right: 1rem;
31
+ }
32
+ .measure-wide {
33
+ max-width: 34em;
34
+ }
35
+ * {
36
+ font-family: "Roboto", sans-serif;
37
+ }
38
+ h1,
39
+ h2,
40
+ h3,
41
+ h4,
42
+ h5,
43
+ h6 {
44
+ font-family: "Source Serif 4", serif;
45
+ }
46
+ </style>
47
+ </head>
48
+ </head>
49
+ <body>
50
+ <article class="mw8 mx-auto ph3 sans-serif">
51
+ <div class="measure-wide">
52
+ <h1> Drawing to Human</h1>
53
  </div>
54
+ <div class="pv2" id="observablehq-viewof-bushSelector-8141fc94"></div>
55
+ <div class="pv2" id="observablehq-viewof-sampleImage-8141fc94"></div>
56
+ <div class="pv2" id="observablehq-viewof-textureSelection-8141fc94"></div>
57
+ <div class="pv2" id="observablehq-viewof-generateButton-8141fc94"></div>
58
+ <div class="pv2" id="observablehq-layout-8141fc94"></div>
59
+ <div class="pv2" id="observablehq-status-464cda71"></div>
60
+ <div class="pv2" id="observablehq-viewof-newSeed-8141fc94"></div>
61
+ <div class="" id="observablehq-predictStatus-8141fc94"></div>
62
+ <div class="pv2" id="observablehq-savaImage-8141fc94"></div>
63
+ <div class="pv2" id="observablehq-canvas-8141fc94"></div>
64
+ <div class="pv2" id="observablehq-predict-8141fc94"></div>
65
+ <div class="pv2" id="observablehq-newHuman-8141fc94"></div>
66
+ <script type="module">
67
+ import {
68
+ Runtime,
69
+ Inspector,
70
+ } from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
71
+ import define from "https://api.observablehq.com/d/e1b697bfe5c5d136.js?v=3";
72
+ new Runtime().module(define, (name) => {
73
+ if (name === "viewof bushSelector")
74
+ return new Inspector(
75
+ document.querySelector("#observablehq-viewof-bushSelector-8141fc94")
76
+ );
77
+ if (name === "viewof sampleImage")
78
+ return new Inspector(
79
+ document.querySelector("#observablehq-viewof-sampleImage-8141fc94")
80
+ );
81
+ if (name === "viewof textureSelection")
82
+ return new Inspector(
83
+ document.querySelector(
84
+ "#observablehq-viewof-textureSelection-8141fc94"
85
+ )
86
+ );
87
+ if (name === "layout")
88
+ return new Inspector(
89
+ document.querySelector("#observablehq-layout-8141fc94")
90
+ );
91
+ if (name === "viewof generateButton")
92
+ return new Inspector(
93
+ document.querySelector(
94
+ "#observablehq-viewof-generateButton-8141fc94"
95
+ )
96
+ );
97
+ if (name === "status") return new Inspector(document.querySelector("#observablehq-status-464cda71"));
98
+ if (name === "viewof newSeed")
99
+ return new Inspector(
100
+ document.querySelector("#observablehq-viewof-newSeed-8141fc94")
101
+ );
102
+ if (name === "predictStatus")
103
+ return new Inspector(
104
+ document.querySelector("#observablehq-predictStatus-8141fc94")
105
+ );
106
+ if (name === "savaImage")
107
+ return new Inspector(
108
+ document.querySelector("#observablehq-savaImage-8141fc94")
109
+ );
110
+ if (name === "canvas")
111
+ return new Inspector(
112
+ document.querySelector("#observablehq-canvas-8141fc94")
113
+ );
114
+ if (name === "predict")
115
+ return new Inspector(
116
+ document.querySelector("#observablehq-predict-8141fc94")
117
+ );
118
+ if (name === "newHuman")
119
+ return new Inspector(
120
+ document.querySelector("#observablehq-newHuman-8141fc94")
121
+ );
122
+ return ["seed"].includes(name);
123
+ });
124
+ </script>
125
+ </article>
126
+ </body>
127
  </html>
style.css DELETED
@@ -1,28 +0,0 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
- }
5
-
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
9
- }
10
-
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
16
- }
17
-
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
24
- }
25
-
26
- .card p:last-child {
27
- margin-bottom: 0;
28
- }