Team:CityU HK/Team/Member

From 2014.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:CityU_HK/Template}}
<html>
<html>
 +
<head>
<head>
-
<style type="text/css">
 
-
* html body {
 
-
behavior:url("csshover3.htc");
 
-
}
 
-
#menu {
+
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/team/members.css?action=raw&ctype=text/css" type="text/css" />
-
width:948px;
+
-
height:45px;
+
-
}
+
-
#menu ul {
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0;
+
-
overflow:auto;
+
-
}
+
-
* html #menu ul {
+
-
height:45px;
+
-
}
+
-
#menu ul li {
+
-
float:left;
+
-
}
+
-
* html #menu ul li {
+
-
display:inline;
+
-
}
+
-
#menu ul li a {
+
-
display:block;
+
-
float:left;
+
-
width: 158px;
+
-
text-align: center;
+
-
}
+
-
#menu ul li ul {
+
<script src="https://2013.igem.org/Team:CityU_HK/team/members.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
position:absolute;
+
-
width:158px;
+
-
overflow:visible;
+
-
clear:left;
+
-
margin-top: 0px;
+
-
margin-right: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 0;
+
-
}
+
-
*:first-child+html #menu ul li ul {
+
</head>
-
margin-top:0;
+
-
}
+
-
* html #menu ul li ul {
+
<body>
-
margin-top:0;
+
<br><br>
-
}
+
<center> <font size = "6" > <b> Team Members </b> </font> </center>
-
#menu ul li ul li {
+
-
float:none;
+
-
text-align: center;
+
-
}
+
-
#menu ul li ul li a {
+
-
float:none;
+
-
width: 100%;
+
-
}
+
-
#menu ul li ul li ul {
+
-
margin-top: 0px;
+
-
margin-right: 0;
+
-
margin-bottom: 0;
+
-
margin-left: 100px;
+
-
width: 100%;
+
-
}
+
-
*:first-child+html #menu ul li ul li ul {
+
<section id="grid" class="grid clearfix">
-
margin-top:-30px;
+
-
}
+
-
#menu ul li ul {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
visibility:hidden;
+
<figure>
-
}
+
<img src="img/2.png" />
-
#menu ul li:hover ul {
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
visibility:visible;
+
<figcaption>
-
}
+
<h2>Cas</h2>
-
#menu ul li:hover ul li ul {
+
<p>xxxxxxxxxxx</p>
-
visibility:hidden;
+
</figcaption>
-
}
+
</figure>
-
#menu ul li ul li:hover ul {
+
</a>
-
visibility:visible;
+
-
}
+
-
#menu ul li ul li:hover ul li ul {
+
-
visibility:hidden;
+
-
}
+
-
#menu ul li ul li ul li:hover ul {
+
-
visibility:visible;
+
-
}
+
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
 +
<figure>
 +
<img src="img/4.png" />
 +
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
 +
<figcaption>
 +
<h2>Cherlin</h2>
 +
<p>xxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
#menu {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
font-size:12px;
+
<figure>
-
font-family:Arial, Helvetica, sans-serif;
+
<img src="img/6.png" />
-
}
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
#menu ul {
+
<figcaption>
-
background:#0101DF;
+
<h2>Paul Tse</h2>
-
}
+
<p>xxxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
#menu ul li a {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
color:#FFF;
+
<figure>
-
text-decoration:none;
+
<img src="img/8.png" />
-
line-height: 30px;
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
}
+
<figcaption>
-
/
+
<h2>Ada</h2>
-
#menu ul li ul {
+
<p>xxxxxxxxxxxxxxxx</p>
-
background:#efefef;
+
</figcaption>
-
}
+
</figure>
 +
</a>
-
#menu ul li ul li a {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
font-size:12px;
+
<figure>
-
color:#333333;
+
<img src="img/1.png" />
-
text-decoration:none;
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
}
+
<figcaption>
 +
<h2>Maria</h2>
 +
<p>xxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
#menu ul li:hover, #menu ul li a:hover {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
background:#efefef;
+
<figure>
-
}
+
<img src="img/3.png" />
-
#menu ul li:hover a {
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
color:#FFFFFF;
+
<figcaption>
-
}
+
<h2>Marco</h2>
 +
<p>xxxxxxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
#menu ul li ul li:hover, #menu ul li ul li a:hover {
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
background:#2EFEF7;
+
<figure>
-
}
+
<img src="img/5.png" />
-
</style>
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
</head>
+
<figcaption>
 +
<h2>Paul Chi</h2>
 +
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
 +
<figure>
 +
<img src="img/7.png" />
 +
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
 +
<figcaption>
 +
<h2>Ronald</h2>
 +
<p>xxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
<body>
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
<!--main content -->
+
<figure>
-
<table width="70%" align="center">
+
<img src="img/7.png" />
 +
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
 +
<figcaption>
 +
<h2>Anthony</h2>
 +
<p>xxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
 +
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
 +
<figure>
 +
<img src="img/7.png" />
 +
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
 +
<figcaption>
 +
<h2>Ken</h2>
 +
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
<!--welcome box -->
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
-
<tr>
+
<figure>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
<img src="img/7.png" />
-
<h1>WELCOME TO iGEM 2014! </h1>
+
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
<figcaption>
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
<h2>Joanna</h2>
-
<br>
+
<p>xxxxxxxxxxxxxxx</p>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:CityU_HK/Team/Member&action=edit"> Click here  to edit this page!</a> </p>
+
</figcaption>
-
</td>
+
</figure>
-
</tr>
+
</a>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<a href="#" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
 +
<figure>
 +
<img src="img/7.png" />
 +
<svg viewBox="0 0 180 320" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
 +
<figcaption>
 +
<h2>Lyann</h2>
 +
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
<!-- end welcome box -->
+
</section>
-
<tr>
+
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
 +
<!--==================== footer ===========================-->
 +
<div id="footer" class="row">
 +
<div class="col-md-7">
 +
      <h3>Sponsors</h3>
 +
      <a href="http://www.cityu.edu.hk/" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/9c/CityU_HK_citylogo.png" width="95"></a>
 +
    <a href="http://www6.cityu.edu.hk/bhdbapp/deptweb/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2014/9/98/CityU_HK_bchlogo.png" width="80"></a>
 +
    <img src="https://static.igem.org/mediawiki/2014/a/aa/CityU_HK_Invitrogen_Logo.jpg" width="100">
 +
    <img src="https://static.igem.org/mediawiki/2014/0/0a/CityU_HK_New_England_Biolabs_sponsor.png" width="135">
 +
    <img src="https://static.igem.org/mediawiki/2014/2/22/IDT-Logo.jpg" width="125">
-
<!--end navigation menu -->
+
</div> <!-- end of col-md-7-->
-
</td>
+
<div class="col-md-5">
-
</tr>
+
      <h3>Stay connected!</h3>
-
</table>
+
      <p>email: <a href="#">cityuhk.igem@gmail.com</a></p>
 +
      <a href="#"><img src="https://s3.amazonaws.com/sbweb/images/icon-facebook-grey-150x150.png" width="50" height="48"></a>
 +
      <a href="#"><img src="http://ibo2014.org/wordpress/wp-content/themes/ibo2014/img/navbar/twitter_icon.png" width="49" height="51"></a>
 +
      <a href="#"><img src="http://3.bp.blogspot.com/-zNUyQIVgA8Q/Ue8USlgr8II/AAAAAAAAl1w/6ZCWqhS59Ts/s1600/youtube.png" width="52" height="50"></a>
 +
</div> <!--end of col-md-5-->
 +
</div> <!-- end of #footer -->
-
<table width="70%" align="center">
+
<script>
-
<tr align="center">
+
(function() {
-
<td>
+
-
<div id="menu">
+
function init() {
-
  <ul>
+
var speed = 330,
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK"><img src="https://static.igem.org/mediawiki/2014/e/ea/IGEM_wiki_logo_home.jpg" width="158" height="99"></a> </li>
+
easing = mina.backout;
-
    <li>
+
[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
-
    <img src="https://static.igem.org/mediawiki/2014/c/ce/IGEM_wiki_logo_team.jpg" width="158" height="99">
+
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
-
      <ul>
+
pathConfig = {
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/Team/Member">Team Members</a></li>
+
from : path.attr( 'd' ),
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Advisors</a></li>
+
to : el.getAttribute( 'data-path-hover' )
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/Team/instructors">Instructors</a></li>
+
};
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Attribution</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Acknowledgement</a></li>
+
-
      </ul>
+
-
    </li>
+
-
    <li>
+
el.addEventListener( 'mouseenter', function() {
-
    <img src="https://static.igem.org/mediawiki/2014/b/b3/IGEM_wiki_logo_Project.jpg" width="158" height="99">
+
path.animate( { 'path' : pathConfig.to }, speed, easing );
-
      <ul>
+
} );
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Abstract</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Modules Description</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Data Pages</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Characterization</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Results</a></li>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Future work</a></li>
+
-
      </ul>
+
-
    </li>
+
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team">WETLAB</a>
+
el.addEventListener( 'mouseleave', function() {
-
      <ul>
+
path.animate( { 'path' : pathConfig.from }, speed, easing );
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Notebook</a></li>
+
} );
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Protocols</a></li>
+
} );
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Safety</a></li>
+
}
-
      </ul>
+
-
    </li>
+
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team">Achievement</a>
+
init();
-
      <ul>
+
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Medal Requirements</a></li>
+
-
      </ul>
+
-
    </li>
+
 +
})();
 +
</script>
-
    <li> <img src="https://static.igem.org/mediawiki/2014/1/16/IGEM_wiki_logo_human_practice.jpg" width="158" height="99">
 
-
      <ul>
 
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Blog</a></li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Videos</a></li>
 
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Presentations</a></li>
 
-
      </ul>
 
-
    </li>
 
-
   
 
-
  </ul>
 
-
</div>
 
-
</td>
 
-
</tr>
 
-
 
-
<td> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px" style="float:right;"></a> </td>
 
-
 
-
</table>
 
-
 
-
<table width="70%" align="center">
 
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
 
-
</table>
 
-
<br> <br>
 
-
<center> <font size = "6" > <b> Team Members </b> </font> </center>
 
-
<br><br>
 
</body>
</body>
</html>
</html>

Latest revision as of 15:27, 22 September 2014

Bootstrap 101 Template



Team Members

Cas

xxxxxxxxxxx

Cherlin

xxxxxxxxxxxx

Paul Tse

xxxxxxxxxxxxxxxx

Ada

xxxxxxxxxxxxxxxx

Maria

xxxxxxxxxxxx

Marco

xxxxxxxxxxxxxxxxxxx

Paul Chi

xxxxxxxxxxxxxxx

Ronald

xxxxxxxxxxxxxx

Anthony

xxxxxxxxxxxxxx

Ken

xxxxxxxxxxxxxxx

Joanna

xxxxxxxxxxxxxxx

Lyann

xxxxxxxxxxxxxxx

Retrieved from "http://2014.igem.org/Team:CityU_HK/Team/Member"