(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} | ||
+ | <html> | ||
+ | <head> | ||
+ | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> | ||
+ | <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/CSS2&action=raw&ctype=text/css"> | ||
+ | <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" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" /> | ||
+ | |||
+ | <style> | ||
+ | /* unvisited link */ | ||
+ | |||
+ | a { | ||
+ | color: #0645AD; | ||
+ | } | ||
+ | |||
+ | /* visited link */ | ||
+ | |||
+ | a:visited { | ||
+ | color: green; | ||
+ | } | ||
+ | |||
+ | /* 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> | ||
+ | |||
+ | <!-- Main Section --> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="w3-container w3-padding-64 w3-center"> | ||
+ | <div class="w3-content"> | ||
+ | <h2 class="w3-wide">Notebook</h2> | ||
+ | <p class="w3-justify"> </p> | ||
+ | |||
+ | <div class="shadow-bottom"> | ||
+ | <p><a href="https://static.igem.org/mediawiki/2018/8/85/T--NTHU_Formosa--Notebook_wiki.pdf">[FILE LINK DESCRIPTION]</a></p> | ||
+ | <div id="pdf"> | ||
+ | <object data="https://static.igem.org/mediawiki/2018/8/85/T--NTHU_Formosa--Notebook_wiki.pdf#toolbar=1&navpanes=0&scrollbar=1&page=1&view=FitH" | ||
+ | type="application/pdf" | ||
+ | width="50%" | ||
+ | height="50%"> | ||
+ | </object></div></div> | ||
+ | |||
+ | |||
+ | <iframe src="ttp://2018.igem.org/wiki/images/8/85/T--NTHU_Formosa--Notebook_wiki.pdf&embedded=true" | ||
+ | style="width:100%; height:100%;" frameborder="0"></iframe> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- 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> | ||
+ | // 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"; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | |||
+ | </html> |
Revision as of 09:37, 16 October 2018