Difference between revisions of "Team:KSA KOREA"
m |
|||
| (73 intermediate revisions by the same user not shown) | |||
| Line 2: | Line 2: | ||
<head> | <head> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
<style> | <style> | ||
| − | . | + | .navbar-item.has-dropdown.is-hoverable { |
| − | + | padding-right: 20px; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | . | + | #sideMenu, #top_title, .patrollink, #firstHeading, #home_logo, #sideMenu { display:none; } |
| − | + | #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px; border:none;} | |
| − | + | body, html {background-color:white; width: 100%; height: 100%;} | |
| − | + | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | |
| − | + | #bodyContent a[href ^="https://"], .link-https { padding-right:0px;} | |
| − | + | </style> | |
| − | + | ||
| − | . | + | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/Bulma&action=raw&ctype=text/css" /> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/bbCSS&action=raw&ctype=text/css" /> |
| − | . | + | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/demo&action=raw&ctype=text/css" /> |
| − | + | ||
| − | + | ||
| − | + | <style> | |
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.bb-custom-wrapper { | .bb-custom-wrapper { | ||
| Line 213: | Line 29: | ||
height: 100%; | height: 100%; | ||
position: relative; | position: relative; | ||
| − | + | ||
} | } | ||
| Line 228: | Line 44: | ||
height: 100%; | height: 100%; | ||
overflow: hidden; | overflow: hidden; | ||
| − | background: # | + | background: #fff; |
| − | + | ||
display: -webkit-box; | display: -webkit-box; | ||
display: -moz-box; | display: -moz-box; | ||
| Line 253: | Line 69: | ||
margin: 0; | margin: 0; | ||
font-weight: 300; | font-weight: 300; | ||
| − | background: # | + | background: #fff; |
} | } | ||
| Line 309: | Line 125: | ||
text-align: center; | text-align: center; | ||
border-radius: 2px; | border-radius: 2px; | ||
| − | background: # | + | background: #1baede; |
color: #fff; | color: #fff; | ||
font-size: 0; | font-size: 0; | ||
| Line 321: | Line 137: | ||
text-align: center; | text-align: center; | ||
border-radius: 2px; | border-radius: 2px; | ||
| − | background: # | + | background: #1baede; |
color: #fff; | color: #fff; | ||
font-size: 0; | font-size: 0; | ||
| Line 365: | Line 181: | ||
} | } | ||
| − | + | ||
.no-js .bb-custom-wrapper { | .no-js .bb-custom-wrapper { | ||
height: auto; | height: auto; | ||
| Line 386: | Line 202: | ||
} | } | ||
</style> | </style> | ||
| + | |||
| + | |||
| + | |||
| + | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/fa4&action=raw&ctype=text/css" /> | ||
<style> | <style> | ||
| − | |||
| − | |||
| − | |||
*, *:after, *:before { | *, *:after, *:before { | ||
-webkit-box-sizing: border-box; | -webkit-box-sizing: border-box; | ||
| Line 439: | Line 256: | ||
.btn { | .btn { | ||
| − | + | ||
display: block; | display: block; | ||
text-transform: uppercase; | text-transform: uppercase; | ||
| − | + | ||
| − | + | ||
margin-top: 20px; | margin-top: 20px; | ||
font-size: 0.7em; | font-size: 0.7em; | ||
| Line 459: | Line 275: | ||
} | } | ||
| − | + | ||
.align { | .align { | ||
clear: both; | clear: both; | ||
| Line 470: | Line 286: | ||
margin-top: 0; | margin-top: 0; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
| + | margin-right: 1.6em; | ||
} | } | ||
| Line 477: | Line 294: | ||
/* min-height: 300px; */ | /* min-height: 300px; */ | ||
display: inline-block; | display: inline-block; | ||
| − | margin: 30px 20px 30px 30px; | + | /* margin: 30px 20px 30px 30px; */ |
/* padding: 0 0 0 60px; */ | /* padding: 0 0 0 60px; */ | ||
vertical-align: top; | vertical-align: top; | ||
margin-bottom: -25px; | margin-bottom: -25px; | ||
| + | margin-top: 30px; | ||
| + | margin-right: 40px; | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
.book { | .book { | ||
position: relative; | position: relative; | ||
| − | + | ||
width: 120px; | width: 120px; | ||
| − | + | ||
height: 160px; | height: 160px; | ||
-webkit-perspective: 1000px; | -webkit-perspective: 1000px; | ||
| Line 517: | Line 317: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.hardcover_front li:first-child { | .hardcover_front li:first-child { | ||
background-color: #eee; | background-color: #eee; | ||
| Line 528: | Line 325: | ||
} | } | ||
| − | + | ||
.hardcover_front li:last-child { | .hardcover_front li:last-child { | ||
background: #fffbec; | background: #fffbec; | ||
} | } | ||
| − | + | ||
.hardcover_back li:first-child { | .hardcover_back li:first-child { | ||
background: #fffbec; | background: #fffbec; | ||
} | } | ||
| − | + | ||
.hardcover_back li:last-child { | .hardcover_back li:last-child { | ||
background: #fffbec; | background: #fffbec; | ||
| Line 551: | Line 348: | ||
} | } | ||
| − | + | ||
.hardcover_front li:first-child:after, | .hardcover_front li:first-child:after, | ||
.hardcover_front li:first-child:before, | .hardcover_front li:first-child:before, | ||
| Line 567: | Line 364: | ||
} | } | ||
| − | + | ||
.page>li { | .page>li { | ||
background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%); | background: -webkit-linear-gradient(left, #e1ddd8 0%, #fffbf6 100%); | ||
| Line 577: | Line 374: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.hardcover_front { | .hardcover_front { | ||
-webkit-transform: rotateY(-34deg) translateZ(8px); | -webkit-transform: rotateY(-34deg) translateZ(8px); | ||
| Line 623: | Line 418: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.hardcover_front, | .hardcover_front, | ||
.hardcover_back, | .hardcover_back, | ||
| Line 655: | Line 448: | ||
} | } | ||
| − | + | ||
.hardcover_front li:first-child { | .hardcover_front li:first-child { | ||
cursor: default; | cursor: default; | ||
| Line 672: | Line 465: | ||
} | } | ||
| − | + | ||
.hardcover_back li:first-child { | .hardcover_back li:first-child { | ||
-webkit-transform: translateZ(2px); | -webkit-transform: translateZ(2px); | ||
| Line 685: | Line 478: | ||
} | } | ||
| − | + | ||
.hardcover_front li:first-child:after, | .hardcover_front li:first-child:after, | ||
.hardcover_front li:first-child:before, | .hardcover_front li:first-child:before, | ||
| Line 703: | Line 496: | ||
} | } | ||
| − | + | ||
.hardcover_front li:first-child:after, | .hardcover_front li:first-child:after, | ||
.hardcover_front li:first-child:before { | .hardcover_front li:first-child:before { | ||
| − | + | ||
height: 100%; | height: 100%; | ||
} | } | ||
| Line 724: | Line 517: | ||
.hardcover_front li:last-child:after, | .hardcover_front li:last-child:after, | ||
.hardcover_front li:last-child:before { | .hardcover_front li:last-child:before { | ||
| − | + | ||
height: 160px; | height: 160px; | ||
} | } | ||
| Line 735: | Line 528: | ||
.hardcover_front li:last-child:before { | .hardcover_front li:last-child:before { | ||
| − | + | ||
-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px); | -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px); | ||
-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px); | -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(-2px) translateY(-78px); | ||
| Line 741: | Line 534: | ||
} | } | ||
| − | + | ||
.hardcover_back li:first-child:after, | .hardcover_back li:first-child:after, | ||
.hardcover_back li:first-child:before { | .hardcover_back li:first-child:before { | ||
| − | + | ||
height: 100%; | height: 100%; | ||
} | } | ||
| Line 762: | Line 555: | ||
.hardcover_back li:last-child:after, | .hardcover_back li:last-child:after, | ||
.hardcover_back li:last-child:before { | .hardcover_back li:last-child:before { | ||
| − | + | ||
height: 160px; | height: 160px; | ||
} | } | ||
| Line 773: | Line 566: | ||
.hardcover_back li:last-child:before { | .hardcover_back li:last-child:before { | ||
| − | + | ||
-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px); | -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px); | ||
-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px); | -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-140px) translateX(2px) translateY(-78px); | ||
| Line 779: | Line 572: | ||
} | } | ||
| − | + | ||
.book_spine { | .book_spine { | ||
-webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | ||
-moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | -moz-transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | ||
transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | transform: rotateY(60deg) translateX(-5px) translateZ(-12px); | ||
| − | + | ||
width: 20px; | width: 20px; | ||
z-index: 0; | z-index: 0; | ||
| Line 801: | Line 594: | ||
} | } | ||
| − | + | ||
.book_spine li:first-child:after, | .book_spine li:first-child:after, | ||
.book_spine li:first-child:before { | .book_spine li:first-child:before { | ||
| Line 822: | Line 615: | ||
.book_spine li:last-child:after, | .book_spine li:last-child:after, | ||
.book_spine li:last-child:before { | .book_spine li:last-child:before { | ||
| − | + | ||
height: 16px; | height: 16px; | ||
} | } | ||
| Line 833: | Line 626: | ||
.book_spine li:last-child:before { | .book_spine li:last-child:before { | ||
| − | + | ||
-webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px); | -webkit-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px); | ||
-moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px); | -moz-transform: rotateX(90deg) rotateZ(90deg) translateZ(-210px) translateX(2px) translateY(-6px); | ||
| Line 901: | Line 694: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
.book:hover>.hardcover_front { | .book:hover>.hardcover_front { | ||
-webkit-transform: rotateY(-145deg) translateZ(0); | -webkit-transform: rotateY(-145deg) translateZ(0); | ||
| Line 956: | Line 747: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.coverDesign { | .coverDesign { | ||
position: absolute; | position: absolute; | ||
| Line 1,021: | Line 809: | ||
} | } | ||
| − | + | ||
.ribbon { | .ribbon { | ||
background: #c0392b; | background: #c0392b; | ||
| Line 1,064: | Line 852: | ||
} | } | ||
| − | + | ||
@media screen and (max-width: 37.8125em) { | @media screen and (max-width: 37.8125em) { | ||
.align>li { | .align>li { | ||
| Line 1,089: | Line 877: | ||
</style> | </style> | ||
| − | + | ||
| − | + | ||
| − | </ | + | <link rel="stylesheet" type="text/css" href="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/imageZoomcss&action=raw&ctype=text/css" /> |
| + | |||
| + | |||
| + | |||
| + | |||
| + | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/modernizr&action=raw&ctype=text/javascript"></script> | ||
<style> | <style> | ||
| − | html, body, .footer { | + | html, |
| − | + | body, | |
| − | } | + | .footer { |
| + | background-color: #93D1D5; | ||
| + | } | ||
| − | .wrap { | + | .wrap { |
| − | + | /* margin-left: 75px; | |
margin-right: 75px; */ | margin-right: 75px; */ | ||
| − | + | margin: 0 auto; | |
| − | + | width: 90vw; | |
| − | } | + | } |
| − | .shelf { | + | .shelf { |
| − | + | width: 100%; | |
| − | + | height: 150px; | |
| − | + | z-index: -1; | |
| − | + | background: transparent url(https://static.igem.org/mediawiki/2020/e/ea/T--KSA_KOREA--shelf.png) no-repeat center center; | |
| − | + | background-size: contain; | |
| − | } | + | } |
| − | .align>li { | + | .align>li { |
| − | + | width: 100px; | |
| − | } | + | } |
| − | .book-wrapper { | + | .book-wrapper { |
| − | + | height: 100vh; | |
| − | + | width: 90vw; | |
| − | + | margin: 0 auto; | |
| − | } | + | } |
| − | .bb-custom-side>img { | + | .bb-custom-side>img { |
| − | + | display: flex; | |
| − | + | width: 100%; | |
| − | + | /* height: 100%; */ | |
| − | + | object-fit: contain; | |
| − | } | + | } |
| − | /* .dropdown { | + | /* .dropdown { |
z-index: 2000; | z-index: 2000; | ||
position: fixed; | position: fixed; | ||
| Line 1,136: | Line 931: | ||
right: 1%; | right: 1%; | ||
} */ | } */ | ||
| − | .navbar.is-fixed-top { | + | .navbar.is-fixed-top { |
| − | + | z-index: 2000; | |
| − | + | width: 90vw; | |
| − | + | margin: 0 auto; | |
| − | } | + | } |
| − | /* .navbar.is-dark { | + | /* .navbar.is-dark { |
background-color: #7FBEBC; | background-color: #7FBEBC; | ||
} */ | } */ | ||
| − | .coverDesign h1 { | + | .coverDesign h1 { |
| − | + | font-size: 1.3em; | |
| + | } | ||
| + | |||
| + | /* Video Stuff */ | ||
| + | .hero.is-medium .hero-body { | ||
| + | padding-top: 0; | ||
| + | padding-left: 0; | ||
| + | padding-right: 0; | ||
| + | padding-bottom: 3rem; | ||
| + | } | ||
| + | |||
| + | nav#left-pages { | ||
| + | position: fixed; | ||
| + | left: 1%; | ||
| + | top: 40%; | ||
| + | z-index: 9999; | ||
| + | } | ||
| + | |||
| + | nav#right-pages { | ||
| + | position: fixed; | ||
| + | right: 1%; | ||
| + | top: 40%; | ||
| + | z-index: 9999; | ||
| + | } | ||
| + | |||
| + | nav#left-pages a, | ||
| + | nav#right-pages a { | ||
| + | display: block; | ||
| + | margin-top: 2em; | ||
| + | } | ||
| + | |||
| + | .navbar.is-primary, | ||
| + | .button.is-primary { | ||
| + | background-color: #93D1D5; | ||
| + | } | ||
| + | |||
| + | a.btn.bookLink { | ||
| + | padding-top: 0; | ||
| + | margin-top: 0; | ||
} | } | ||
| − | + | #flip-nav .button { | |
| − | + | color: white; | |
| − | + | background-color: transparent; | |
| − | + | border: none; | |
| − | + | max-width: 100%; | |
| − | + | font-size: 2em; | |
| + | padding: 0; | ||
| + | padding-bottom: 1.5em; | ||
| + | |||
} | } | ||
| − | + | #flip-nav .button:hover { | |
| − | + | background-color: #00d1b2; | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .footer { | |
| − | + | width: 100%; | |
| − | + | min-height: 35vh; | |
| − | + | z-index: -1; | |
| − | + | background: transparent url(https://static.igem.org/mediawiki/2020/e/eb/T--KSA_KOREA--footer.png) no-repeat center center; | |
| + | background-size: contain; | ||
| + | } | ||
| + | |||
| + | |||
| + | .navbar.is-primary .navbar-brand>a.navbar-item:hover { | ||
| + | background-color: transparent; | ||
} | } | ||
| − | + | .navbar-item img { | |
| − | + | max-height: 6rem; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #bookGroup { | |
| − | + | margin: 0 auto; | |
| − | + | margin-bottom: 15px; | |
} | } | ||
| − | |||
| − | |||
| − | + | iframe { | |
| + | display: block; | ||
| + | margin: 0 auto; | ||
| + | } | ||
| + | </style> | ||
</head> | </head> | ||
| + | |||
<body> | <body> | ||
| + | |||
<div class="wrap"> | <div class="wrap"> | ||
| − | <ul class="align"> | + | <ul class="align" id="bookGroup"> |
<li> | <li> | ||
<figure class='book'> | <figure class='book'> | ||
| Line 1,207: | Line 1,048: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Description">Description</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Results">Results</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Measurement">Measurement</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Modeling">Modeling</a> |
| + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Implementation">Implementation</a> | ||
| + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Project/Appendix">Appendix</a> | ||
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,241: | Line 1,084: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Ligninator">Ligninator</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Biosensor">Biosensor</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Collection">Collection</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Contribution">Contribution</a> |
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,274: | Line 1,117: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HW/Flourometer">Fluorometer</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HW/Business">Business</a> |
| − | + | ||
| − | + | ||
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,307: | Line 1,148: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Software/Biosensor">Biosensor App.</a> |
| − | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Software/Crispy">Crispy</a> | |
| − | <a class="btn" href=" | + | |
| − | + | ||
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,340: | Line 1,180: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Overview">Overview</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Identification">Identification</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Integration">Integration</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/HP/Improvement">Improvement</a> |
| + | <a class="btn bookLink" href="https://docs.google.com/document/d/e/2PACX-1vSt2M1WlhUYAtq64M2OOh4E0CNE-a7yO33OZq_PeJLidhzN4fS84CBk1EqZLObt9OoZd1eoCzVsr26Z/pub">Survey Analysis</a> | ||
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,373: | Line 1,214: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Education">Education</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Collaboration">Collaboration</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Web">Web Presence</a> |
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,405: | Line 1,246: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Members">Members</a> |
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Attributions">Attributions</a> |
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,437: | Line 1,278: | ||
<li></li> | <li></li> | ||
<li> | <li> | ||
| − | <a class="btn" href=" | + | <a class="btn bookLink" href="https://2020.igem.org/Team:KSA_KOREA/Logistics/Judging">Judging</a> |
| − | + | ||
| − | + | ||
| − | + | ||
</li> | </li> | ||
<li></li> | <li></li> | ||
| Line 1,470: | Line 1,310: | ||
<nav class="navbar is-fixed-top is-primary is-spaced" role="navigation" aria-label="main navigation"> | <nav class="navbar is-fixed-top is-primary is-spaced" role="navigation" aria-label="main navigation"> | ||
<div class="navbar-brand"> | <div class="navbar-brand"> | ||
| − | <a class="navbar-item" href=" | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA"> |
| − | <img src=" | + | <img src="https://static.igem.org/mediawiki/2020/6/64/T--KSA_KOREA--logo.png" width="100" height="50"> |
</a> | </a> | ||
<a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> | <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navbarBasicExample"> | ||
| Line 1,481: | Line 1,321: | ||
<div id="navbarBasicExample" class="navbar-menu"> | <div id="navbarBasicExample" class="navbar-menu"> | ||
<div class="navbar-start"> | <div class="navbar-start"> | ||
| − | + | ||
| − | + | ||
| − | + | ||
<!-- This is end of navbar start --> | <!-- This is end of navbar start --> | ||
| Line 1,496: | Line 1,334: | ||
<div class="navbar-dropdown"> | <div class="navbar-dropdown"> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item has-text-light has-background-primary" href="https://2020.igem.org/Team:KSA_KOREA/Members"> |
Members | Members | ||
</a> | </a> | ||
| − | <a class="navbar-item | + | |
| − | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Attributions"> | |
| − | + | Attributions | |
| − | + | ||
| − | + | ||
</a> | </a> | ||
</div> | </div> | ||
| Line 1,516: | Line 1,352: | ||
<div class="navbar-dropdown"> | <div class="navbar-dropdown"> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Description"> |
| − | Description | + | Description |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Results"> |
| − | + | Results | |
</a> | </a> | ||
| − | <a class="navbar-item" | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Measurement"> |
| − | + | Measurement | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Project/Modeling"> |
| − | + | Modeling | |
</a> | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | <!-- | + | <!-- PARTS--> |
<div class="navbar-item has-dropdown is-hoverable "> | <div class="navbar-item has-dropdown is-hoverable "> | ||
<a class="navbar-link"> | <a class="navbar-link"> | ||
| − | + | Parts | |
</a> | </a> | ||
<div class="navbar-dropdown"> | <div class="navbar-dropdown"> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Ligninator"> |
| − | + | Ligninator | |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Biosensor"> |
| − | + | Biosensor | |
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Collection"> | ||
| + | Collection | ||
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Parts/Contribution"> | ||
| + | Contribution | ||
</a> | </a> | ||
| Line 1,559: | Line 1,395: | ||
Human Practices | Human Practices | ||
</a> | </a> | ||
| − | |||
<div class="navbar-dropdown"> | <div class="navbar-dropdown"> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Overview"> |
| − | + | Overview | |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Identification"> |
| − | + | Identification | |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Integration"> |
| − | + | Integration | |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HP/Improvement"> |
| − | + | Improvement | |
</a> | </a> | ||
| − | <a class="navbar-item"> | + | <a class="navbar-item" href="https://docs.google.com/document/d/e/2PACX-1vSt2M1WlhUYAtq64M2OOh4E0CNE-a7yO33OZq_PeJLidhzN4fS84CBk1EqZLObt9OoZd1eoCzVsr26Z/pub"> |
Survey Analysis | Survey Analysis | ||
</a> | </a> | ||
| − | <a class="navbar-item"> | + | </div> |
| − | + | </div> | |
| + | |||
| + | |||
| + | <div class="navbar-item has-dropdown is-hoverable "> | ||
| + | <a class="navbar-link"> | ||
| + | Hardware & Business | ||
| + | </a> | ||
| + | <div class="navbar-dropdown"> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HW/Fluorometer"> | ||
| + | Fluorometer | ||
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/HW/Business"> | ||
| + | Business | ||
| + | </a> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <div class="navbar-item has-dropdown is-hoverable "> | ||
| + | <a class="navbar-link"> | ||
| + | Logistics | ||
| + | </a> | ||
| + | <div class="navbar-dropdown"> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Logistics/Judging"> | ||
| + | Judging | ||
</a> | </a> | ||
| + | |||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | <div class="navbar-item has-dropdown is-hoverable "> | ||
| + | <a class="navbar-link"> | ||
| + | Communication | ||
| + | </a> | ||
| + | <div class="navbar-dropdown"> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Education"> | ||
| + | Education | ||
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Collaboration"> | ||
| + | Collaboration | ||
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Communication/Web"> | ||
| + | Web Presence | ||
| + | </a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | |||
| − | |||
| − | |||
| − | + | <div class="navbar-item has-dropdown is-hoverable "> | |
| − | + | <a class="navbar-link"> | |
| − | </ | + | Software |
| + | </a> | ||
| + | <div class="navbar-dropdown"> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Software/Biosensor"> | ||
| + | Biosensor | ||
| + | </a> | ||
| + | <a class="navbar-item" href="https://2020.igem.org/Team:KSA_KOREA/Software/Crispy"> | ||
| + | Crispy | ||
| + | </a> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
</div> | </div> | ||
| Line 1,600: | Line 1,489: | ||
<div class="bb-custom-wrapper"> | <div class="bb-custom-wrapper"> | ||
<div id="bb-bookblock" class="bb-bookblock"> | <div id="bb-bookblock" class="bb-bookblock"> | ||
| − | + | ||
| − | + | ||
| − | + | <iframe width="1200" height="800" src="https://www.youtube.com/embed/6eqk6ADKtFQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
| Line 1,653: | Line 1,503: | ||
<!-- HERE IS END OF BOOK WRAPPER --> | <!-- HERE IS END OF BOOK WRAPPER --> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | <div class="footer"></div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| Line 1,670: | Line 1,511: | ||
| + | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/bookBlockjs&action=raw&ctype=text/javascript"></script> | ||
| + | <script type="text/javascript" src="https://2020.igem.org/wiki/index.php?title=Template:KSA_KOREA/imageZoomjs&action=raw&ctype=text/javascript"> | ||
| + | </script> | ||
| + | <script> | ||
| + | $(document).ready(function() { | ||
| + | var Page = (function() { | ||
| + | var config = { | ||
| + | $bookBlock: $('#bb-bookblock'), | ||
| + | $navNext: $('#bb-nav-next'), | ||
| + | $navPrev: $('#bb-nav-prev'), | ||
| + | $navFirst: $('#bb-nav-first'), | ||
| + | $navLast: $('#bb-nav-last') | ||
| + | }, | ||
| + | init = function() { | ||
| + | console.log("enter"); | ||
| + | var $content = $('#bb-bookblock'); | ||
| + | while ($content.length === 0) { | ||
| + | setTimeout(() => { | ||
| + | console.log($content.length); | ||
| + | }, 200); | ||
| + | $content = $("bb-bookblock"); | ||
| + | } | ||
| + | config.$bookBlock.bookblock({ | ||
| + | speed: 1000, | ||
| + | shadowSides: 0.8, | ||
| + | shadowFlip: 0.4 | ||
| + | }); | ||
| + | initEvents(); | ||
| + | }, | ||
| + | initEvents = function() { | ||
| + | var $slides = config.$bookBlock.children(); | ||
| + | // add navigation events | ||
| + | config.$navNext.on('click touchstart', function() { | ||
| + | config.$bookBlock.bookblock('next'); | ||
| + | return false; | ||
| + | }); | ||
| + | config.$navPrev.on('click touchstart', function() { | ||
| + | config.$bookBlock.bookblock('prev'); | ||
| + | return false; | ||
| + | }); | ||
| + | config.$navFirst.on('click touchstart', function() { | ||
| + | config.$bookBlock.bookblock('first'); | ||
| + | return false; | ||
| + | }); | ||
| + | config.$navLast.on('click touchstart', function() { | ||
| + | config.$bookBlock.bookblock('last'); | ||
| + | return false; | ||
| + | }); | ||
| + | // add swipe events | ||
| + | $slides.on({ | ||
| + | 'swipeleft': function(event) { | ||
| + | config.$bookBlock.bookblock('next'); | ||
| + | return false; | ||
| + | }, | ||
| + | 'swiperight': function(event) { | ||
| + | config.$bookBlock.bookblock('prev'); | ||
| + | return false; | ||
| + | } | ||
| + | }); | ||
| − | + | // add keyboard events | |
| + | $(document).keydown(function(e) { | ||
| + | var keyCode = e.keyCode || e.which, | ||
| + | arrow = { | ||
| + | left: 37, | ||
| + | up: 38, | ||
| + | right: 39, | ||
| + | down: 40 | ||
| + | }; | ||
| − | + | switch (keyCode) { | |
| − | + | case arrow.left: | |
| − | + | config.$bookBlock.bookblock('prev'); | |
| − | + | break; | |
| − | + | case arrow.right: | |
| + | config.$bookBlock.bookblock('next'); | ||
| + | break; | ||
| + | } | ||
| + | }); | ||
| + | }; | ||
| + | return { | ||
| + | init: init | ||
| + | }; | ||
| + | })(); | ||
| + | Page.init(); | ||
| + | }); | ||
| + | |||
| + | </script> | ||
<script> | <script> | ||
| − | + | $(document).ready(function() { | |
| − | + | document.getElementById("content").style.background = "#93D1D5"; | |
| − | + | }); | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | </script> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| Line 1,796: | Line 1,640: | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
// set distance user needs to scroll before we start fadeIn | // set distance user needs to scroll before we start fadeIn | ||
| − | if ($(this).scrollTop() > $books.height()) { | + | if ($(this).scrollTop() > $books.height()) { |
$nav.fadeIn(); | $nav.fadeIn(); | ||
} else { | } else { | ||
| Line 1,807: | Line 1,651: | ||
$(window).scroll(function() { | $(window).scroll(function() { | ||
// set distance user needs to scroll before we start fadeIn | // set distance user needs to scroll before we start fadeIn | ||
| − | if ($(this).scrollTop() > $books.height()) { | + | if ($(this).scrollTop() > $books.height()) { |
$pageNav.fadeIn(); | $pageNav.fadeIn(); | ||
} else { | } else { | ||
| Line 1,825: | Line 1,669: | ||
</script> | </script> | ||
</body> | </body> | ||
| + | |||
| + | |||
</html> | </html> | ||
Latest revision as of 13:52, 16 December 2020
