Difference between revisions of "Team:NCTU Formosa/Project"
(402 intermediate revisions by 11 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
{{Team:NCTU_Formosa/navigation}} | {{Team:NCTU_Formosa/navigation}} | ||
<html> | <html> | ||
<head> | <head> | ||
− | + | ||
− | < | + | <style> |
− | + | #taggd img { | |
− | + | display: inline; | |
− | + | width: 100%; | |
− | + | } | |
− | + | body{ | |
− | + | background-color:#FCFCDE;} | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .taggd-wrapper { | |
− | + | overflow: hidden; | |
− | + | position: relative; | |
− | + | ||
− | + | -webkit-font-smoothing: antialiased; | |
− | + | -moz-osx-font-smoothing: antialiased; | |
− | + | } | |
− | + | ||
− | + | .taggd-wrapper .taggd-item { | |
− | + | background-color: #FF6668; | |
− | + | opacity:0.9; | |
− | + | cursor: pointer; | |
− | + | display: block; | |
− | + | padding: 14px; | |
− | + | z-index: 10; | |
− | + | ||
− | + | -webkit-border-radius: 50%; | |
− | + | -moz-border-radius: 50%; | |
− | + | border-radius: 50%; | |
− | + | ||
− | + | -webkit-transition: background-color 0.2s; | |
− | + | -moz-transition: background-color 0.2s; | |
− | + | transition: background-color 0.2s; | |
− | + | ||
− | + | } | |
− | + | ||
− | + | .taggd-wrapper .taggd-item.active, | |
− | + | .taggd-wrapper .taggd-item:hover { background-color: rgba(219, 50, 92, 0.75); } | |
− | + | ||
− | + | .taggd-wrapper .taggd-item-hover { | |
− | + | background-color: rgb(219, 50, 92); | |
− | . | + | color: transparent; |
− | + | cursor: default; | |
− | + | display: block; | |
− | + | font-weight: lighter; | |
− | + | opacity: 0; | |
− | + | overflow: hidden; | |
− | + | padding: 0 10px; | |
− | + | z-index: 8; | |
− | + | ||
− | + | -webkit-border-radius: 4px; | |
− | + | -moz-border-radius: 4px; | |
− | + | border-radius: 4px; | |
− | + | ||
− | + | -webkit-transition: all 0.2s; | |
− | + | -moz-transition: all 0.2s; | |
− | + | transition: all 0.2s; | |
− | + | ||
− | + | -webkit-touch-callout: none; | |
− | + | -webkit-user-select: none; | |
− | + | -khtml-user-select: none; | |
− | + | -moz-user-select: none; | |
− | + | -ms-user-select: none; | |
− | + | user-select: none; | |
− | + | display:none; | |
− | + | font-size:30pt; | |
− | + | } | |
− | + | ||
− | + | .taggd-wrapper .taggd-item-hover.show { | |
− | </style> | + | color: #fff; |
+ | opacity: 1; | ||
+ | padding: 10px; | ||
+ | z-index: 9; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .taggd-wrapper .taggd-item-hover input { | ||
+ | background-color: transparent; | ||
+ | border: 0; | ||
+ | margin: 0; | ||
+ | outline: 0; | ||
+ | padding: 0; | ||
+ | |||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | .taggd-wrapper .taggd-item-hover button { | ||
+ | background-color: #fff; | ||
+ | border: 0; | ||
+ | color: rgb(219, 50, 92); | ||
+ | font-family: Arial; | ||
+ | font-size: 0.666em; | ||
+ | height: 1.5em; | ||
+ | line-height: 1; | ||
+ | margin: 0 0 0 0.25em; | ||
+ | padding: 0; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | width: 1.5em; | ||
+ | |||
+ | -moz-border-radius: 50%; | ||
+ | -webkit-border-radius: 50%; | ||
+ | border-radius: 50%; | ||
+ | |||
+ | -webkit-font-smoothing: antialiased; | ||
+ | -moz-osx-font-smoothing: antialiased; | ||
+ | } | ||
+ | |||
+ | .taggd-wrapper .taggd-editor { | ||
+ | position: absolute; | ||
+ | } | ||
+ | .goto1{ | ||
+ | position:relative; | ||
+ | padding-left:76vw; | ||
+ | padding-top:2vh; | ||
+ | } | ||
+ | .goto1 a{ | ||
+ | text-decoration:none; | ||
+ | color:#000; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script src="https://2015.igem.org/Team:NCTU_Formosa/source/taggd?action=raw&ctype=text/javascript"></script> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div | + | <div id="taggd" style="width:60vw;margin:0 auto;"> |
− | + | <img src="https://static.igem.org/mediawiki/2015/6/6d/Nctu_formosa_map3.png" class="taggd" alt=""/> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
+ | <div class="goto1"> | ||
+ | <a href="https://2015.igem.org/Team:NCTU_Formosa/Description"><img src="https://static.igem.org/mediawiki/2015/c/c2/%E7%AE%AD%E9%A0%AD2.png"; width=50vw;><br><br>Go to Description</a> | ||
+ | </div> | ||
+ | <script> | ||
+ | var options = { | ||
+ | align: { | ||
+ | y: 'top' | ||
+ | }, | ||
+ | |||
+ | offset: { | ||
+ | top: 20 | ||
+ | }, | ||
+ | handlers: { | ||
+ | click: function( e, data ) { | ||
+ | window.open( | ||
+ | 'https://2015.igem.org/Team:NCTU_Formosa/' + data.uri, | ||
+ | '_blank' | ||
+ | );}, | ||
+ | mouseenter: 'show', | ||
+ | mouseleave: 'hide' | ||
+ | } | ||
+ | |||
+ | }; | ||
+ | |||
+ | var data = [ | ||
+ | { | ||
+ | "x": 0.20207429501084598, | ||
+ | "y": 0.864618860845839, | ||
+ | "text": "Policy & Practices", | ||
+ | uri: 'Practices' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.4233324295010846, | ||
+ | "y": 0.9014537858117326, | ||
+ | "text": "Team", | ||
+ | uri: 'Attributions' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.4200786334056399, | ||
+ | "y": 0.2970881650750341, | ||
+ | "text": "Project", | ||
+ | uri: 'Description' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.5816838394793926, | ||
+ | "y": 0.3925861186903138, | ||
+ | "text": "Parts", | ||
+ | uri: 'Parts' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.6402521691973969, | ||
+ | "y": 0.6367880286493861, | ||
+ | "text": "Achievement", | ||
+ | uri: 'Achievement' | ||
+ | }, | ||
+ | { | ||
+ | "x": 0.7248508676789588, | ||
+ | "y": 0.4717129945429741, | ||
+ | "text": "Notebook", | ||
+ | uri: 'LabSafety' | ||
+ | } | ||
+ | ] | ||
+ | |||
+ | var taggd = $('.taggd').taggd( options, data ); | ||
+ | </script> | ||
</body> | </body> | ||
</html> | </html> | ||
+ | {{Team:NCTU_Formosa/footer}} |
Latest revision as of 01:34, 19 September 2015
![](https://static.igem.org/mediawiki/2015/6/6d/Nctu_formosa_map3.png)