Line 116: | Line 116: | ||
transition:all 0.3s; | transition:all 0.3s; | ||
transform: scale(1.15); | transform: scale(1.15); | ||
+ | } | ||
+ | |||
+ | .left li:before { | ||
+ | content: ''; | ||
+ | height: 100%; | ||
+ | left: 0; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 3px; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | |||
+ | .left li:hover:before { | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .left li.open:hover before { | ||
+ | -webkit-transition: width 0.2s ease-in; | ||
+ | transition: width 0.2s ease-in; | ||
+ | width: 100%; | ||
} | } | ||
Line 243: | Line 267: | ||
</style> | </style> | ||
+ | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/css/style.css&action=raw&ctype=text/css"> | ||
<body> | <body> | ||
Line 268: | Line 293: | ||
− | <div class="left"> | + | <div id = "wrapper"> |
+ | <div class="left" id = "sidebar-wrapper"> | ||
<ul> | <ul> | ||
<li><a href="#Overview">Overview</a></li> | <li><a href="#Overview">Overview</a></li> | ||
Line 290: | Line 316: | ||
− | <div class="content"> | + | <div class="content" id="con"> |
Line 415: | Line 441: | ||
</div> | </div> | ||
+ | </div> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/jquery-1.8.3.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2018.igem.org/wiki/index.php?title=Template:Tongji-Software/test/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function () { | ||
+ | var trigger = $('.icon'), | ||
+ | slide = $('.left'), | ||
+ | isClosed = true; | ||
+ | |||
+ | trigger.mouseover(function () { | ||
+ | cross_out(); | ||
+ | }); | ||
+ | slide.mouseleave(function () { | ||
+ | cross_in(); | ||
+ | }); | ||
+ | |||
+ | function cross_out() { | ||
+ | if (isClosed == true) { | ||
+ | trigger.removeClass('is-open'); | ||
+ | trigger.addClass('is-closed'); | ||
+ | |||
+ | $('#wrapper').toggleClass('toggled'); | ||
+ | isClosed = false; | ||
+ | } | ||
+ | } | ||
+ | function cross_in() { | ||
+ | if (isClosed == false) { | ||
+ | trigger.removeClass('is-closed'); | ||
+ | trigger.addClass('is-open'); | ||
+ | |||
+ | $('#wrapper').toggleClass('toggled'); | ||
+ | isClosed = true; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
Revision as of 10:55, 13 October 2018
Team
Overview
The collective is the source of power and the cradle of wisdom.
Our team is consisted of different people with same passion for inter-discipline. Differences make the team integrated. Some of us were best friends before iGEM 2018. Some of us didn’t even meet. We are from various majors, biology, biotechnology, bioinformatics, computer engineering & design.
Since we only have seven team members, each of us has made great difference in our project.
Team members
xdbwiehocurnviomtoinb
xdbwiehocurnviomtoinb
xdbwiehocurnviomtoinbvfnrjvnfjvniroevmoemvoemviornivntb
Instructors