|
|
Line 1: |
Line 1: |
| {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} | | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} |
− | <html>
| |
| | | |
− | <head>
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css">
| |
− | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
| |
− | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
| |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS01&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" />
| |
− | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Public_Engagement&action=raw&ctype=text/css" />
| |
− | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" />
| |
− | <style>
| |
− | /* unvisited link */
| |
| | | |
− | a {
| |
− | color: #0645AD;
| |
− | }
| |
| | | |
− | /* visited link */
| + | <html lang="en" > |
| | | |
− | a:visited {
| + | <head> |
− | color: green;
| + | <meta charset="UTF-8"> |
− | }
| + | <title>HP架構03</title> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css"> |
| + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> |
| + | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> |
| + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> |
| + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/Public_Engagement&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"> |
| | | |
− | /* mouse over link */
| + | |
− | | + | |
− | a:hover {
| + | |
− | color: hotpink;
| + | |
− | cursor: pointer;
| + | |
− | }
| + | |
− | | + | |
− | .w3-wide{
| + | |
− | font-weight: 900;
| + | |
− | font-size: 350%;
| + | |
− | font-family: "Josefin Sans","JosefinSans-Bold",NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif;
| + | |
− | }
| + | |
− | | + | |
− | /* selected link */
| + | |
− | | + | |
− | a:active {
| + | |
− | color: blue;
| + | |
− | }
| + | |
− | </style> | + | |
| </head> | | </head> |
| | | |
− | <!-- Main Section --> | + | <style> |
| + | body{ |
| + | background-color: initial; |
| + | } |
| | | |
− | <br>
| + | a{ |
− | <br>
| + | padding: initial; |
− | <br>
| + | } |
− | <br>
| + | |
− | <!DOCTYPE html>
| + | |
− | <html lang="en" >
| + | |
| | | |
− | <head>
| + | p{ |
− | <meta charset="UTF-8">
| + | height: initial; |
| + | margin: initial; |
| + | } |
| | | |
− | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
| + | #top_title { |
| + | display: none; |
| + | } |
| | | |
− | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet">
| + | #globalWrapper, #content { |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> | + | width: 100%; |
| + | height: 100%; |
| + | border: 0px; |
| + | background-color: white; |
| + | margin: 0px; |
| + | padding: 0px; |
| + | line-height: normal; |
| + | font-size: initial; |
| + | font-family: initial; |
| + | } |
| + | </style> |
| | | |
− |
| |
− | <link rel="stylesheet" href="css/style.css">
| |
− |
| |
− |
| |
− | </head>
| |
| | | |
| <body> | | <body> |
Line 76: |
Line 58: |
| <div class="strip__content"> | | <div class="strip__content"> |
| | | |
− | <h1 class="strip__title" data-name="Lorem">Hsinchu Girls Senior High School</h1> | + | <h2 class="strip__title" data-name="Lorem">Hsinchu Girls Senior High School</h2> |
| <div class="strip__inner-text"> | | <div class="strip__inner-text"> |
| <h2>Introducing Synthetic biology & BioWatcher at Hsinchu Girls Senior High School</h2> | | <h2>Introducing Synthetic biology & BioWatcher at Hsinchu Girls Senior High School</h2> |
Line 102: |
Line 84: |
| <article class="strips__strip"> | | <article class="strips__strip"> |
| <div class="strip__content"> | | <div class="strip__content"> |
− | <h1 class="strip__title" data-name="Ipsum">TsingHua Bauhinia Day<br><br><p style="font-size:20px;">Paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we hope to introduce the fun and potential in biology to everyone and bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry.</p></h1> | + | <h2 class="strip__title" data-name="Ipsum">TsingHua Bauhinia Day<br><br><p style="font-size:20px;">Paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we hope to introduce the fun and potential in biology to everyone and bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry.</p></h2> |
− | | + | |
| <div class="strip__inner-text"> | | <div class="strip__inner-text"> |
| | | |
| <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> | | <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> |
| <div class="w3-content"><br> | | <div class="w3-content"><br> |
− | <h2 class="w3-wide">TsingHua Bauhinia Day | + | <h2 class="w3-wide">TsingHua Bauhinia Day</h2><br> |
− | </h2><br>
| + | |
− | | + | |
| | | |
| <p class="w3-center">Paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we hope to introduce the fun and potential in biology to everyone and bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry. </p><br> | | <p class="w3-center">Paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we hope to introduce the fun and potential in biology to everyone and bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry. </p><br> |
| <br> | | <br> |
| <br> | | <br> |
− | <p class="w3-center">TsingHua Bauhinia Day (campus fair) is the day when high school students from all over the country visit our campus to learn about all departments. | + | <p class="w3-center">TsingHua Bauhinia Day (campus fair) is the day when high school students from all over the country visit our campus to learn about all departments.<br><br> |
| On May 12th, paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we introduce the fun and potential in biology to high school students and hope to bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry. </p><br> | | On May 12th, paying our maximum effort to promote synthetic biology, iGEM and the project of our team, we introduce the fun and potential in biology to high school students and hope to bring new enthusiastic blood into the biology field in Taiwan, where bio-industry is less popular than semiconductor industry. </p><br> |
| <br> | | <br> |
Line 184: |
Line 163: |
| <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> | | <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> |
| | | |
− |
| |
| | | |
− | <script src="js/index.js"></script>
| + | |
− | <script>var Expand = (function() {
| + | <script type="text/javascript"> |
| + | |
| + | var Expand = (function() { |
| var tile = $('.strips__strip'); | | var tile = $('.strips__strip'); |
| var tileLink = $('.strips__strip > .strip__content'); | | var tileLink = $('.strips__strip > .strip__content'); |
Line 235: |
Line 215: |
| }()); | | }()); |
| | | |
− | Expand.init();</script> | + | Expand.init(); |
| | | |
| | | |
| | | |
− | </body>
| |
| | | |
− | </html> | + | </script> |
| | | |
| | | |
− | <!-- Trigger/Open The Modal -->
| |
− | <!-- <a id="myLink"><u>Open Modal</u></a> -->
| |
| | | |
− | <!-- The Modal Box-->
| |
− | <div id="myModal" class="modal">
| |
− | <!-- Modal content -->
| |
− | <div class="modal-content">
| |
− | <span class="close">×</span>
| |
− | <p>Description text in the box. Image can also be included</p>
| |
− | </div>
| |
− | </div>
| |
| | | |
− | <!-- Modal script, DO NOT MODIFY!!! --> | + | <script src="js/index.js"></script> |
− | <script>
| + | |
− | // Get the modal
| + | |
− | var modal = document.getElementById('myModal');
| + | |
− | // Get the hyperlink
| + | |
− | var link = document.getElementById("myLink");
| + | |
− | // // When the user clicks the hyperlink, open the modal
| + | |
− | link.onclick = function() {
| + | |
− | modal.style.display = "block";
| + | |
− | }
| + | |
− | // Get the <span> element that closes the modal
| + | |
− | var span = document.getElementsByClassName("close")[0];
| + | |
− | // When the user clicks on <span> (x), close the modal
| + | |
− | span.onclick = function() {
| + | |
− | modal.style.display = "none";
| + | |
− | }
| + | |
| | | |
− | // When the user clicks anywhere outside of the modal, close it
| + | |
− | window.onclick = function(event) {
| + | |
− | if (event.target == modal) {
| + | |
− | modal.style.display = "none";
| + | </body> |
− | }
| + | |
− | }
| + | |
− | </script> | + | |
| | | |
| </html> | | </html> |