Difference between revisions of "Team:NTHU Formosa"

Line 298: Line 298:
 
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 
     }
 
     }
−
  </style>
 
  
−
  <!-- Sidebar Script -->
+
    .side-button.Results::before {
−
  <!-- <script>
+
      content: "Results";
−
     $(document).ready(function() {
+
     }
  
−
      // Social plus button function
+
    .side-button.Results:after {
−
      $('.plus-button').click(function() {
+
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
−
        $(this).toggleClass('open');
+
    }
−
        $('.social-button').toggleClass('active');
+
−
      });
+
  
−
     });
+
    .side-button.Parts::before {
−
  </script> -->
+
      content: "Parts and Components";
 +
     }
 +
 
 +
    .side-button.Parts:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Notebook::before {
 +
      content: "Notebook";
 +
    }
 +
 
 +
    .side-button.Notebook:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.InterLab::before {
 +
      content: "InterLab";
 +
    }
 +
 
 +
    .side-button.InterLab:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Human_Practices::before {
 +
      content: "Human Practices";
 +
    }
 +
 
 +
    .side-button.Human_Practices:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Team::before {
 +
      content: "Team Members";
 +
    }
 +
 
 +
    .side-button.Team:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Sponsor::before {
 +
      content: "Sponsors";
 +
    }
 +
 
 +
    .side-button.Sponsor:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Attributions::before {
 +
      content: "Attributions";
 +
    }
 +
 
 +
    .side-button.Attributions:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
 
 +
    .side-button.Judging::before {
 +
      content: "Judging Form";
 +
    }
 +
 
 +
    .side-button.Judging:after {
 +
      background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
 +
    }
 +
  </style>
 
</head>
 
</head>
  
Line 319: Line 378:
 
   <div class="side-bar">
 
   <div class="side-bar">
 
     <div class="side-container top">
 
     <div class="side-container top">
−
      <!-- <svg viewbox="0 0 120 120" class="hover-svg">
 
−
            <path D="M 60 25 L 20 95 L 100 95 Z"/>
 
−
            <path D="M 36 67 L 53 95"/>
 
−
            <path D="M 33 72 L 47 95"/>
 
−
            <path D="M 30 78 L 41 95"/>
 
−
            <path D="M 27 83 L 35 95"/>
 
−
        </svg> -->
 
 
     </div>
 
     </div>
 
     <div class="side-container middle">
 
     <div class="side-container middle">
Line 354: Line 406:
 
         // Add the corresponding class
 
         // Add the corresponding class
 
         switch (anchor) {
 
         switch (anchor) {
−
           case "0":
+
           case "0": // Interactice cell ?
 
           case "1": //Project
 
           case "1": //Project
 
             side[0].classList.add("Introduction");
 
             side[0].classList.add("Introduction");
Line 375: Line 427:
 
           case "2": //Demonstrate
 
           case "2": //Demonstrate
 
             side[0].classList.add("Results");
 
             side[0].classList.add("Results");
 +
            side[0].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Results";
 +
            };
 
             side[1].classList.add("Parts");
 
             side[1].classList.add("Parts");
 +
            side[1].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Parts";
 +
            };
 
             side[2].classList.add("Notebook");
 
             side[2].classList.add("Notebook");
 +
            side[2].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Notebook";
 +
            };
 
             side[3].classList.add("InterLab");
 
             side[3].classList.add("InterLab");
 +
            side[3].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/InterLab";
 +
            };
 
             break;
 
             break;
 
           case "3": //Modeling
 
           case "3": //Modeling
Line 386: Line 450:
 
             break;
 
             break;
 
           case "4": //Human Practices
 
           case "4": //Human Practices
−
             side[0].classList.add("");
+
             side[0].classList.add("Human_Practices");
 +
            side[0].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Human_Practices";
 +
            };
 
             side[1].classList.add("");
 
             side[1].classList.add("");
 
             side[2].classList.add("");
 
             side[2].classList.add("");
Line 392: Line 459:
 
             break;
 
             break;
 
           case "5": //About us
 
           case "5": //About us
−
             side[0].classList.add("");
+
             side[0].classList.add("Team");
−
             side[1].classList.add("");
+
            side[0].onclick = function() {
−
             side[2].classList.add("");
+
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Team";
−
             side[3].classList.add("");
+
            };
 +
             side[1].classList.add("Sponsor");
 +
            side[1].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Sponsor";
 +
            };
 +
             side[2].classList.add("Attributions");
 +
            side[2].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Attributions";
 +
            };
 +
             side[3].classList.add("Judging");
 +
            side[3].onclick = function() {
 +
              location.href = "https://igem.org/2018_Judging_Form?team=NTHU_Formosa";
 +
            };
 
             break;
 
             break;
 
         }
 
         }
−
 
 
       }
 
       }
 
     }
 
     }
−
 
−
    //myFunction();
 
 
   </script>
 
   </script>
  
Line 415: Line 491:
 
     <!-- Section 1 -->
 
     <!-- Section 1 -->
 
     <div class="section" id="section1">
 
     <div class="section" id="section1">
−
      <!-- <p>Project</p>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Description" class="button">Introduction</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Design" class="button">Design</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Safety" class="button">Biosafety</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Future_Application" class="button">Future Application</a> -->
 
 
     </div>
 
     </div>
  
 
     <!-- Section 2 -->
 
     <!-- Section 2 -->
 
     <div class="section" id="section2">
 
     <div class="section" id="section2">
−
      <p>Experiment</p>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Results" class="button">Results</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Parts" class="button">Parts & Component</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Notebook" class="button">Notebook</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Interlab" class="button">Interlab</a>
 
 
     </div>
 
     </div>
  
 
     <!-- Section 3 -->
 
     <!-- Section 3 -->
 
     <div class="section" id="section3">
 
     <div class="section" id="section3">
−
      <p>Modeling</p>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Model" class="button"></a>
 
 
     </div>
 
     </div>
  
 
     <!-- Section 4 -->
 
     <!-- Section 4 -->
 
     <div class="section" id="section4">
 
     <div class="section" id="section4">
−
      <p>Human Practices</p>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Human_Practices" class="button">Human Practices</a>
 
 
     </div>
 
     </div>
  
 
     <!-- Section 5 -->
 
     <!-- Section 5 -->
 
     <div class="section" id="section5">
 
     <div class="section" id="section5">
−
      <p>About Us</p>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Team" class="button">Members</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Sponsor" class="button">Sponsor</a>
 
−
      <br>
 
−
      <a href="https://2018.igem.org/Team:NTHU_Formosa/Attributions" class="button">Attributions</a>
 
−
      <br>
 
−
      <a href="https://igem.org/2018_Judging_Form?team=NTHU_Formosa" class="button">Medal</a>
 
 
     </div>
 
     </div>
  

Revision as of 05:35, 10 October 2018

Interactive Cell