update product page

EpistasisLab · Dec 20, 2022 · f99bc7a · f99bc7a
1 parent c5e99a5
commit f99bc7a
Show file tree

Hide file tree

Showing 12 changed files with 1,983 additions and 293 deletions.
diff --git a/raspberrypi/productpage/css/style.css b/raspberrypi/productpage/css/style.css
@@ -480,7 +480,7 @@ to { opacity: 0; }
 }
 
 
-a#Downloadpage{
+a#Downloadpage, a#installationpage{
 
   color:#e3085d!important;
   /* visibility: hidden; */

diff --git a/raspberrypi/productpage/data/datasets/pmlb_small/iris/README.md b/raspberrypi/productpage/data/datasets/pmlb_small/iris/README.md
@@ -0,0 +1,30 @@
+# iris
+
+## Summary Stats
+
+#instances: 150
+
+#features: 4
+
+  #binary_features: 0
+
+  #integer_features: 0
+
+  #float_features: 4
+
+Endpoint type: integer
+
+#Classes: 3
+
+Imbalance metric: 0.0
+
+## Feature Types
+
+ sepal-length:continous
+
+sepal-width:continous
+
+petal-length:continous
+
+petal-width:continous
+
diff --git a/raspberrypi/productpage/index.html b/raspberrypi/productpage/index.html
@@ -74,7 +74,7 @@ <h4 class="text-white">Contact</h4>
 
 
     <!-- <div class="navbar navbar-light bg-light shadow-sm"> -->
-    <div id="topaliro" class="navbar navbar-dark bg-info shadow-sm">
+    <div id="topaliro" id="topaliro" class="navbar navbar-dark bg-info shadow-sm">
     <div class="container">
       <a href="./index.html" class="navbar-brand d-flex align-items-center">
 
@@ -94,10 +94,10 @@ <h4 class="text-white">Contact</h4>
       </a>
 
       <li class="nav-item">
-        <a class="nav-link active" aria-current="page" href="./infAndDownloadpage.html">Download</a>
+        <a id="Downloadpage" class="nav-link active" aria-current="page" href="./infAndDownloadpage.html">Download</a>
       </li>
       <li class="nav-item">
-        <a class="nav-link" href="#"></a>
+        <a id="installationpage" class="nav-link active" aria-current="page" href="./installation.html">Installation</a>
       </li>
       <li class="nav-item">
         <a class="nav-link" href="#"></a>
@@ -161,14 +161,14 @@ <h4 class="text-white">Contact</h4>
     </video>
    </div> -->
 
-  <!-- <video autoplay muted loop id="myVideo">
+  <!-- <video stop muted loop id="myVideo">
     <source src="Videos/video.mp4" type="video/mp4">
   </video> -->
 
-  <!-- <video loop muted autoplay oncanplay="this.play()" 
+  <video loop muted autoplay oncanplay="this.play()" 
        onloadedmetadata="this.muted = true" id="myVideo">
     <source src="Videos/video.mp4" type="video/mp4">
-</video> -->
+  </video>
 
 
   <!-- Optional: some overlay text to describe the video -->
@@ -182,7 +182,7 @@ <h1>Heading</h1>
 
 <svg height="100" width="250" class="blinking">
 
-  <circle class="blinkingcir" cx="50" cy="50" r="0" fill="red" />
+  <!-- <circle class="blinkingcir" cx="50" cy="50" r="0" fill="red" /> -->
   <text id="blinkingtextcir" x="70" y="55" fill="red">Loading Aliro Ed...</text>
   Sorry, your browser does not support inline SVG.  
 </svg> 
@@ -201,16 +201,16 @@ <h1>Heading</h1>
   <div class="slideshow-container">
 
     <!-- <div class="mySlides row py-lg-5 bg-info"> -->
-      <div class="mySlides row py-lg-5">
+      <div class="mySlides row py-lg-5 ">
       <!-- <div class="numbertext ">1 / 3</div> -->
       <!-- <img id="firstC" src="firstThumbnail_scatter.png" style="width:100%"> -->
       <!-- <p>Hello!!!!</p> -->
-      <h1 class="fw-light text-white">Aliro Ed</h1>
+      <h1 class="fw-light text-white">What is Aliro Ed?</h1>
 
         <p class="lead text-white" style="padding-left: 50px;padding-right: 50px;">Aliro Ed is a software for users who are not familiar with machine learning. Users can experience machine learning tasks on Raspberry Pi 4 with Aliro Ed. 
           Users can download the raspberry pi image from the Aliro Ed website.
           Users can easily install and run Aliro Ed on Raspberry Pi 4 using this image.
-          Aliro Ed and the Raspberry Pi image provided in this website, are developed by the AI Research Center at the Computational Biomedicine Department Cedars-Sinai Medical Center, Los Angeles, CA, USA. Please click following button to download Aliro Ed.</p>
+          Aliro Ed and the Raspberry Pi image provided in this website, are developed by the AI Research Center at the Computational Biomedicine Department Cedars-Sinai Medical Center, Los Angeles, CA, USA. Please click the following button for more information. </p>
         <p>
           <!-- <a id='infanddownload' href="./infAndDownloadpage.html" class="btn btn-primary my-2">Download</a> -->
           <!-- move to download page -->
@@ -219,32 +219,32 @@ <h1 class="fw-light text-white">Aliro Ed</h1>
       <!-- <div class="text">Caption Text</div> -->
     </div>
 
-    <!-- Full-width images with number and caption text -->
-    <!-- <div class="mySlides row py-lg-5 bg-info"> -->
-      <div class="mySlides row py-lg-5">
-      <!-- <div class="numbertext ">1 / 3</div> -->
-      <!-- <img id="firstC" src="firstThumbnail_scatter.png" style="width:100%"> -->
-      <!-- <p>Hello!!!!</p> -->
+    <div class="mySlides row py-lg-5">
+      <h1 class="fw-light text-white">Visaul explanation of Decision Tree</h1>
+
+        <p class="lead text-white" style="padding-left: 50px;padding-right: 50px;">
+          If you are interested in getting intuitions about machine learning, please click the below button in the card to see the visual explanation of decision tree.</p>
+        <!-- <p>
+          <a id='loadingbutton' href="#" class="btn btn-primary my-2">Loading Aliro Ed ...</a>
+        </p> -->
+    </div>
+
+
+
+    <!-- <div class="mySlides row py-lg-5">
+     
       <h1 class="fw-light text-white">Are you ready to run Aliro?</h1>
        
       <p class="lead text-white" style="padding-left: 50px;padding-right: 50px;">
         When Raspberry Pi is ready to run Aliro Ed, the below button shows "Alio is ready to run". Please click the button to run Aliro On Raspberry Pi 4</p>
         <p>
           <a id='loadingbutton' href="#" class="btn btn-primary my-2">Loading Aliro Ed ...</a>
         </p>
-      <!-- <div class="text">Caption Text</div> -->
-    </div>
+      
+    </div> -->
 
 
-      <div class="mySlides row py-lg-5">
-      <h1 class="fw-light text-white">Visaul explanation of Decision Tree</h1>
-
-        <p class="lead text-white" style="padding-left: 50px;padding-right: 50px;">
-          When Raspberry Pi is ready to run Aliro Ed, The below button shows "Alio is ready to run". Please click the button to run Aliro On Raspberry Pi 4</p>
-        <p>
-          <a id='loadingbutton' href="#" class="btn btn-primary my-2">Loading Aliro Ed ...</a>
-        </p>
-    </div>
+
 
 
       <!-- <div class="mySlides row py-lg-5">
@@ -266,7 +266,7 @@ <h1 class="fw-light text-white">Aliro Ed_3</h1>
   <div style="text-align:center">
     <span class="dot" onclick="currentSlide(1)"></span>
     <span class="dot" onclick="currentSlide(2)"></span>
-    <span class="dot" onclick="currentSlide(3)"></span>
+    <!-- <span class="dot" onclick="currentSlide(3)"></span> -->
     <!-- <span class="dot" onclick="currentSlide(4)"></span> -->
   </div> 
 
@@ -361,7 +361,7 @@ <h1 class="fw-light text-white">Aliro Ed_3</h1>
     </p>
 
     <p id="footertext" class="mb-1 footerCon">Developed by AI Research Center at the Computational Biomedicine Department, Cedars-Sinai Medical Center, Los Angeles, CA, USA.</p>
-    <!-- <p class="mb-0">New to Bootstrap? <a href="./">Visit the homepage</a> or read our <a href="../getting-started/introduction/">getting started guide</a>.</p> -->
+
   </div>
 </footer>
 
@@ -378,7 +378,8 @@ <h1 class="fw-light text-white">Aliro Ed_3</h1>
       // d3.select('#temp').style('color', 'black');
 
       // console.log(pingURL())
-      pingURL();
+      // pingURL();
+      // // pingURL_DOWNLOAD()