Difference between revisions of "Team:NTHU Formosa"

 
(19 intermediate revisions by 6 users not shown)
Line 5: Line 5:
 
   <meta charset="UTF-8">
 
   <meta charset="UTF-8">
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
−
  <!-- <link rel="stylesheet" type="text/css" href="https://alvarotrigo.com/fullPage/fullpage.css"> -->
 
−
  <!-- <link rel="stylesheet" type="text/css" href="https://alvarotrigo.com/fullPage/examples/examples.css"> -->
 
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
 
   <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css">
  
Line 339: Line 337:
  
 
     #section0 {
 
     #section0 {
−
       color: black;
+
       color: white;
−
       background-color: black;
+
       background-color: white;
 
       background-image: url(https://static.igem.org/mediawiki/2018/6/66/T--NTHU_Formosa--cell0.png);
 
       background-image: url(https://static.igem.org/mediawiki/2018/6/66/T--NTHU_Formosa--cell0.png);
 
       background-repeat: no-repeat;
 
       background-repeat: no-repeat;
Line 363: Line 361:
  
 
     #section4 {
 
     #section4 {
−
       background-image: url(https://static.igem.org/mediawiki/2018/6/63/T--NTHU_Formosa--home_hp2.png);
+
       background-image: url(https://static.igem.org/mediawiki/2018/4/4f/T--NTHU_Formosa--HP.png);
 
       background-size: cover;
 
       background-size: cover;
 
     }
 
     }
  
 
     #section5 {
 
     #section5 {
−
       background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--NTHU_Formosa--home_about.png);
+
       background-image: url(https://static.igem.org/mediawiki/2018/8/84/T--NTHU_Formosa--%E6%9C%AA%E5%91%BD%E5%90%8D-3.png);
 
       background-size: cover;
 
       background-size: cover;
 
     }
 
     }
Line 429: Line 427:
 
       position: fixed;
 
       position: fixed;
 
       /* Initial Width */
 
       /* Initial Width */
−
       width: 150px;
+
       width: 100px;
 
       top: 0;
 
       top: 0;
 
       bottom: 0;
 
       bottom: 0;
Line 534: Line 532:
  
 
     .side-button.facebook:after {
 
     .side-button.facebook:after {
−
       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; margin-left:auto;margin-right:auto;width:10%;"
 
     }
 
     }
 +
 +
   
 +
   
 +
        .side-button.Biomarker::before {
 +
      content: "Biomarker";
 +
    }
 +
 +
    .side-button.Biomarker:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/8/86/T--NTHU_Formosa--icon_biomar.png") no-repeat center;
 +
    }
 +
            .side-button.Nanobody::before {
 +
      content: "Nanobody";
 +
    }
 +
 +
    .side-button.Nanobody:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/0/0e/T--NTHU_Formosa--icon_nanobody.png") no-repeat center;
 +
    }
 +
            .side-button.TEV::before {
 +
      content: "TEV protease";
 +
    }
 +
 +
    .side-button.TEV:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/6/6f/T--NTHU_Formosa--icon_TEV.png") no-repeat center;
 +
    }
 +
            .side-button.Bioluminescence::before {
 +
      content: "Bioluminescence";
 +
    }
 +
 +
    .side-button.Bioluminescence:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/e/e5/T--NTHU_Formosa--icon_biolu.png") no-repeat center;
 +
    }
 +
 +
   
 +
   
 +
   
 +
   
 +
   
 +
   
  
 
     .side-button.Introduction::before {
 
     .side-button.Introduction::before {
Line 542: Line 578:
  
 
     .side-button.Introduction:after {
 
     .side-button.Introduction:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/f/f4/T--NTHU_Formosa--icon_introduction.png") no-repeat center;
 
     }
 
     }
  
Line 550: Line 586:
  
 
     .side-button.Design:after {
 
     .side-button.Design:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/e/e8/T--NTHU_Formosa--icon_design.png") no-repeat center;
 
     }
 
     }
  
Line 558: Line 594:
  
 
     .side-button.Biosafety:after {
 
     .side-button.Biosafety:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/e/e0/T--NTHU_Formosa--icon_biosafety.png") no-repeat center;  
 
     }
 
     }
  
Line 566: Line 602:
  
 
     .side-button.Applied_Design:after {
 
     .side-button.Applied_Design:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/8/85/T--NTHU_Formosa--icon_applied_design.png") no-repeat center;
 
     }
 
     }
  
Line 574: Line 610:
  
 
     .side-button.Results:after {
 
     .side-button.Results:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/7/7f/T--NTHU_Formosa--icon_result.png") no-repeat center;
 
     }
 
     }
  
Line 582: Line 618:
  
 
     .side-button.Parts:after {
 
     .side-button.Parts:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/f/fc/T--NTHU_Formosa--icon_part.png") no-repeat center;
 
     }
 
     }
  
Line 590: Line 626:
  
 
     .side-button.Notebook:after {
 
     .side-button.Notebook:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/c/ca/T--NTHU_Formosa--notebook.png") no-repeat center;
 
     }
 
     }
  
Line 598: Line 634:
  
 
     .side-button.InterLab:after {
 
     .side-button.InterLab:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/f/ff/T--NTHU_Formosa--icon_interlab.png") no-repeat center;
 +
    }
 +
   
 +
    .side-button.Collaborations::before {
 +
      content: "Collaborations";
 
     }
 
     }
  
−
     .side-button.Human_Practices::before {
+
     .side-button.Collaborations:after {
−
       content: "Human Practices";
+
       background: url("https://static.igem.org/mediawiki/2018/9/99/T--NTHU_Formosa--icon_collaboration.png") no-repeat center;
 
     }
 
     }
  
−
     .side-button.Human_Practices:after {
+
     .side-button.Public_Engagement::before {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       content: "Public Engagement";
 
     }
 
     }
 +
 +
    .side-button.Public_Engagement:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/e/e4/T--NTHU_Formosa--public_engagement.png") no-repeat center;
 +
    }
 +
   
 +
    .side-button.Integrated_Human_Practice::before {
 +
      content: "Integrated Human Practice";
 +
    }
 +
 +
    .side-button.Integrated_Human_Practice:after {
 +
      background: url("https://static.igem.org/mediawiki/2018/7/7a/T--NTHU_Formosa--icon_integrated.png") no-repeat center;
 +
    }
 +
  
 
     .side-button.Team::before {
 
     .side-button.Team::before {
Line 614: Line 667:
  
 
     .side-button.Team:after {
 
     .side-button.Team:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/b/bc/T--NTHU_Formosa--aboutus.png") no-repeat center;
 
     }
 
     }
  
Line 622: Line 675:
  
 
     .side-button.Sponsor:after {
 
     .side-button.Sponsor:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/8/8c/T--NTHU_Formosa--icon-sponsor.png") no-repeat center;
 
     }
 
     }
  
Line 630: Line 683:
  
 
     .side-button.Attributions:after {
 
     .side-button.Attributions:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/2/29/T--NTHU_Formosa--attribution.png") no-repeat center;
 
     }
 
     }
  
Line 638: Line 691:
  
 
     .side-button.Judging:after {
 
     .side-button.Judging:after {
−
       background: url("https://cdn3.iconfinder.com/data/icons/social-media-2026/60/Socialmedia_icons_Facebook-128.png") no-repeat center;
+
       background: url("https://static.igem.org/mediawiki/2018/a/a9/T--NTHU_Formosa--medal.png") no-repeat center;
 
     }
 
     }
 
   </style>
 
   </style>
Line 678: Line 731:
 
         // Add the corresponding class
 
         // Add the corresponding class
 
         switch (anchor) {
 
         switch (anchor) {
−
           case "0": // Interactice cell ?
+
 
 +
           case "0": //Interactice cell
 +
            side[0].classList.add("Biomarker");
 +
            side[0].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Biomarker";
 +
            };
 +
            side[1].classList.add("Nanobody");
 +
            side[1].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Nanobody";
 +
            };
 +
            side[2].classList.add("TEV");
 +
            side[2].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/TEV_protease";
 +
            };
 +
            side[3].classList.add("Bioluminescence");
 +
            side[3].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Bioluminescence";
 +
            };
 
             break;
 
             break;
 
           case "1": //Project
 
           case "1": //Project
Line 716: Line 786:
 
             };
 
             };
 
             break;
 
             break;
−
           case "3": //Modeling
+
 
−
            side[0].classList.add("");
+
           case "3": //Human Practices
−
            side[1].classList.add("");
+
         
−
            side[2].classList.add("");
+
             side[0].classList.add("Collaborations");
−
            side[3].classList.add("");
+
−
            break;
+
−
          case "4": //Human Practices
+
−
             side[0].classList.add("Human_Practices");
+
 
             side[0].onclick = function() {
 
             side[0].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Collaborations";
 +
            };
 +
            side[1].classList.add("Public_Engagement");
 +
            side[1].onclick = function() {
 +
              location.href = "https://2018.igem.org/Team:NTHU_Formosa/Public_Engagement";
 +
            };
 +
            side[2].classList.add("Integrated_Human_Practice");
 +
            side[2].onclick = function() {
 
               location.href = "https://2018.igem.org/Team:NTHU_Formosa/Human_Practices";
 
               location.href = "https://2018.igem.org/Team:NTHU_Formosa/Human_Practices";
 
             };
 
             };
−
            side[1].classList.add("");
+
            side[3].classList.add("");
−
             side[2].classList.add("");
+
             side[3].onclick = function() {
−
            side[3].classList.add("");
+
              location.href = "";
 +
            };
 +
           
 
             break;
 
             break;
−
           case "5": //About us
+
           case "4": //About us
 
             side[0].classList.add("Team");
 
             side[0].classList.add("Team");
 
             side[0].onclick = function() {
 
             side[0].onclick = function() {
Line 771: Line 847:
 
             "https://static.igem.org/mediawiki/2018/8/88/T--NTHU_Formosa--cell2.png",
 
             "https://static.igem.org/mediawiki/2018/8/88/T--NTHU_Formosa--cell2.png",
 
             "https://static.igem.org/mediawiki/2018/b/be/T--NTHU_Formosa--cell3.png",
 
             "https://static.igem.org/mediawiki/2018/b/be/T--NTHU_Formosa--cell3.png",
−
             "https://static.igem.org/mediawiki/2018/a/a3/T--NTHU_Formosa--cell4.png"
+
             "https://static.igem.org/mediawiki/2018/0/0f/T--NTHU_Formosa--%E7%B4%B0%E8%83%9E5.png"
 
           ];
 
           ];
  
Line 783: Line 859:
 
       }
 
       }
 
     </script>
 
     </script>
 +
 +
   
 +
   
 +
   
  
 
     <!-- Section 1 -->
 
     <!-- Section 1 -->
Line 793: Line 873:
  
 
     <!-- Section 3 -->
 
     <!-- Section 3 -->
−
    <div class="section" id="section3">
+
 
−
    </div>
+
  
 
     <!-- Section 4 -->
 
     <!-- Section 4 -->
Line 808: Line 887:
  
 
   <!-- fullpage.js, DO NOT MODIFT! -->
 
   <!-- fullpage.js, DO NOT MODIFT! -->
−
   <script type="text/javascript" src="https://alvarotrigo.com/fullPage/fullpage.js"></script>
+
   <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Javascript&action=raw&ctype=text/javascript"></script>
  
 
   <script type="text/javascript">
 
   <script type="text/javascript">
 
     var myFullpage = new fullpage('#fullpage', {
 
     var myFullpage = new fullpage('#fullpage', {
 
       anchors: ['0', '1', '2', '3', '4', '5'],
 
       anchors: ['0', '1', '2', '3', '4', '5'],
−
       sectionsColor: ['#C63D0F', '#1BBC9B', '#7E8F7C'],
+
       sectionsColor: ['#000000', '#1BBC9B', '#7E8F7C'],
 
       css3: true,
 
       css3: true,
 
       licenseKey: "OPEN-SOURCE-GPLV3-LICENSE",
 
       licenseKey: "OPEN-SOURCE-GPLV3-LICENSE",

Latest revision as of 00:36, 18 October 2018