adaptive

index.html

@@ -47,6 +47,19 @@
         }
     });
 
+
+    $('#adaptive-dataset').on('click', 'a', function(e) {
+        e.preventDefault();
+        if (!$(this).hasClass('selected')) {
+
+            $('.interpolation-video-column').hide(200);
+            $('#adaptive-dataset > a').removeClass('selected');
+            $(this).addClass('selected');
+            var target = $(this).attr('href');
+            $(target).show(200);
+        }
+    });
+
   })
   </script>
 
@@ -428,12 +441,13 @@
 
         <div class="columns is-vcentered interpolation-panel">
 
-            <div id="adaptive-dataset" class="column is-3 align-items-center">
+            <div id="adaptive-dataset" class="column is-3 align-items-center" style="width: 30%;">
               <a href="#c10" class="selected">CIFAR-10</a>
+              <!-- <a href="#c100" class="selected">CIFAR-100</a> -->
               <a href="#imgnet" >ImageNet</a>
               <div style="clear: both"></div>
             </div>
-            <div id="c10" class="column interpolation-video-column">
+            <div id="c10" class="column interpolation-video-column" style="width: 70%;">
               <div id="interpolation-image-wrapper" >
                 Loading...
               </div>
@@ -441,10 +455,17 @@
                 id="interpolation-slider"
                 step="1" min="0" max="6" value="0" type="range">
               <label for="interpolation-slider"><strong>Perturbation Budget &Epsilon;</strong> from 2/255 to 128/255</label>
-
             </div>
-
-            <div id="imgnet" class="column interpolation-video-column" style="display: none;">
+            <!-- <div id="c100" class="column interpolation-video-column" style="width: 70%; display: none;">
+              <div id="interpolation-image-wrapper" >
+                Loading...
+              </div>
+              <input class="slider is-full-width is-large is-info"
+                id="interpolation-slider"
+                step="1" min="0" max="6" value="0" type="range">
+              <label for="interpolation-slider"><strong>Perturbation Budget &Epsilon;</strong> from 2/255 to 128/255</label>
+            </div> -->
+            <div id="imgnet" class="column interpolation-video-column" style="width: 70%; display: none;">
               <div id="interpolation-image-wrapper" >
                 Loading...
               </div>