Hugging Face's logo

Spaces:
lyunm1206
/
Interactive_Loss_Landscapes
Running

App Files Community
lyunm1206 commited on
Commit
669c20d
·
1 Parent(s): 4d70ac1

1000

Browse files
Files changed (1) hide show
  1. index.html +36 -36
index.html CHANGED
@@ -11,7 +11,7 @@
11
  padding: 20px;
12
  }
13
  .content-container {
14
- max-width: 1200px; /* Adjust this width as needed */
15
  margin: 0 auto; /* Center the container */
16
  background-color: #fff;
17
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -53,7 +53,7 @@
53
 
54
  /* Style for the tab buttons */
55
  .tabbed-interface {
56
- max-width: 1200px; /* Adjust this to suit your design */
57
  margin: 20px auto; /* Center the entire tabbed interface */
58
  background-color: #fff;
59
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -83,7 +83,7 @@
83
  }
84
 
85
  .tab-content {
86
- width: 1200px;
87
  background-color: #fff;
88
  padding-top: 15px;
89
  padding-bottom: 15px;
@@ -101,6 +101,39 @@
101
  </head>
102
  <body>
103
  <div class="content-container">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
104
  <div class="tabbed-interface">
105
  <div class="tabs">
106
  <button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')">Kodak 08</button>
@@ -158,39 +191,6 @@
158
  <label for="option7b">PSNR 30</label>
159
  </div>
160
  </div>
161
-
162
- <!-- 3D Model Viewer -->
163
- <div class="model-container">
164
- <div class="model-title">ORG</div>
165
- <model-viewer
166
- id = "modelViewer1"
167
- alt="3D image"
168
- src="landscape/kodim08_50_ori.gltf"
169
- ar
170
- ar-modes="webxr scene-viewer quick-look"
171
- seamless-poster
172
- shadow-intensity="1"
173
- camera-controls
174
- camera-orbit="0deg 180deg"
175
- >
176
- </model-viewer>
177
- </div>
178
-
179
- <div class="model-container">
180
- <div class="model-title">RPP</div>
181
- <model-viewer
182
- id = "modelViewer2"
183
- alt="3D image"
184
- src="landscape/kodim08_50_sh.gltf"
185
- ar
186
- ar-modes="webxr scene-viewer quick-look"
187
- seamless-poster
188
- shadow-intensity="1"
189
- camera-controls
190
- camera-orbit="0deg 180deg"
191
- >
192
- </model-viewer>
193
- </div>
194
  </div>
195
 
196
  <!-- Import the model-viewer component -->
 
11
  padding: 20px;
12
  }
13
  .content-container {
14
+ max-width: 1000px; /* Adjust this width as needed */
15
  margin: 0 auto; /* Center the container */
16
  background-color: #fff;
17
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 
53
 
54
  /* Style for the tab buttons */
55
  .tabbed-interface {
56
+ max-width: 1000px; /* Adjust this to suit your design */
57
  margin: 20px auto; /* Center the entire tabbed interface */
58
  background-color: #fff;
59
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 
83
  }
84
 
85
  .tab-content {
86
+ width: 1000px;
87
  background-color: #fff;
88
  padding-top: 15px;
89
  padding-bottom: 15px;
 
101
  </head>
102
  <body>
103
  <div class="content-container">
104
+ <!-- 3D Model Viewer -->
105
+ <div class="model-container">
106
+ <div class="model-title">ORG</div>
107
+ <model-viewer
108
+ id = "modelViewer1"
109
+ alt="3D image"
110
+ src="landscape/kodim08_50_ori.gltf"
111
+ ar
112
+ ar-modes="webxr scene-viewer quick-look"
113
+ seamless-poster
114
+ shadow-intensity="1"
115
+ camera-controls
116
+ camera-orbit="0deg 180deg"
117
+ >
118
+ </model-viewer>
119
+ </div>
120
+
121
+ <div class="model-container">
122
+ <div class="model-title">RPP</div>
123
+ <model-viewer
124
+ id = "modelViewer2"
125
+ alt="3D image"
126
+ src="landscape/kodim08_50_sh.gltf"
127
+ ar
128
+ ar-modes="webxr scene-viewer quick-look"
129
+ seamless-poster
130
+ shadow-intensity="1"
131
+ camera-controls
132
+ camera-orbit="0deg 180deg"
133
+ >
134
+ </model-viewer>
135
+ </div>
136
+
137
  <div class="tabbed-interface">
138
  <div class="tabs">
139
  <button class="tab-button" data-tab = "tab1" onclick="openTab('tab1')">Kodak 08</button>
 
191
  <label for="option7b">PSNR 30</label>
192
  </div>
193
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
194
  </div>
195
 
196
  <!-- Import the model-viewer component -->