Team:CityU HK/Team/Member

From 2014.igem.org

(Difference between revisions)
(Undo revision 18328 by Kenlaukit (talk))
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{:Team:CityU_HK/Template}}
<html>
<html>
 +
<head>
<head>
-
<link rel="stylesheet"type="text/css" href="https://static.igem.org/mediawiki/2014/0/07/Home_option_css.txt">
 
-
</head>
 
-
<body>
+
<link rel="stylesheet" href="https://2014.igem.org/Team:CityU_HK/team/members.css?action=raw&ctype=text/css" type="text/css" />
-
<!--main content -->
+
-
<table width="70%" align="center">
+
 +
<script src="https://2013.igem.org/Team:CityU_HK/team/members.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
-
<!--welcome box -->
+
</head>
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1>WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<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>
+
<body>
-
<br>
+
<br><br>
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:CityU_HK/Team/Member&action=edit"style="color:#FFFFFF"> Click here  to edit this page!
+
<center> <font size = "6" > <b> Team Members </b> </font> </center>
-
</a> </p>
+
<section id="grid" class="grid clearfix">
-
</td>
+
-
</tr>
+
-
<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/2.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>Cas</h2>
 +
<p>xxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
<!-- end 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>
 +
<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>
-
<!--navigation 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">
-
<td align="center" colspan="3">
+
<figure>
 +
<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>
 +
<figcaption>
 +
<h2>Paul Tse</h2>
 +
<p>xxxxxxxxxxxxxxxx</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/8.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>Ada</h2>
 +
<p>xxxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
<!--end navigation 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">
-
</td>
+
<figure>
-
</tr>
+
<img src="img/1.png" />
-
</table>
+
<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>
-
<table width="70%" align="center">
+
<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 align="center">
+
<figure>
-
<td>
+
<img src="img/3.png" />
-
<div id="menu">
+
<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>
-
  <ul>
+
<figcaption>
-
    <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>  
+
<h2>Marco</h2>
 +
<p>xxxxxxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
</li>
+
<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/5.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>Paul Chi</h2>
 +
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
    <li>
+
<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">
-
    <a href="https://2014.igem.org/Team:CityU_HK/Team"><img src="https://static.igem.org/mediawiki/2014/c/ce/IGEM_wiki_logo_team.jpg" width="158" height="99"> </a>
+
<figure>
-
      <ul>
+
<img src="img/7.png" />
-
        <li><a href="https://2014.igem.org/Team:CityU_HK/Team/Member">Team Members</a></li>
+
<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>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Advisors</a></li>
+
<figcaption>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Instructors</a></li>
+
<h2>Ronald</h2>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Attribution</a></li>
+
<p>xxxxxxxxxxxxxx</p>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Acknowledgement</a></li>
+
</figcaption>
-
      </ul>
+
</figure>
-
    </li>
+
</a>
-
    <li>
+
<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">
-
    <a href="https://2014.igem.org/Team:CityU_HK/Team"><img src="https://static.igem.org/mediawiki/2014/b/b3/IGEM_wiki_logo_Project.jpg" width="158"
+
<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>Anthony</h2>
 +
<p>xxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
height="99"></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">
-
      <ul>
+
<figure>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Abstract</a></li>
+
<img src="img/7.png" />
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Modules Description</a></li>
+
<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>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Data Pages</a></li>
+
<figcaption>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Characterization</a></li>
+
<h2>Ken</h2>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Results</a></li>
+
<p>xxxxxxxxxxxxxxx</p>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Future work</a></li>
+
</figcaption>
-
      </ul>
+
</figure>
-
    </li>
+
</a>
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team">WETLAB</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">
-
      <ul>
+
<figure>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Notebook</a></li>
+
<img src="img/7.png" />
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Protocols</a></li>
+
<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>
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Safety</a></li>
+
<figcaption>
-
      </ul>
+
<h2>Joanna</h2>
-
    </li>
+
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team">Achievement</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">
-
      <ul>
+
<figure>
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Medal Requirements</a></li>
+
<img src="img/7.png" />
-
      </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>
-
    </li>
+
<figcaption>
 +
<h2>Lyann</h2>
 +
<p>xxxxxxxxxxxxxxx</p>
 +
</figcaption>
 +
</figure>
 +
</a>
 +
</section>
-
    <li> <a href="https://2014.igem.org/Team:CityU_HK/Team"><img src="https://static.igem.org/mediawiki/2014/1/16/IGEM_wiki_logo_human_practice.jpg" width="158"
 
-
height="99"></a>
+
<!--==================== footer ===========================-->
-
       <ul>
+
<div id="footer" class="row">
-
        <li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Blog</a></li>
+
<div class="col-md-7">
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Videos</a></li>
+
       <h3>Sponsors</h3>
-
<li><a href="https://igem.org/Team.cgi?year=2014&team_name=CityU_HK">Presentations</a></li>
+
      <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>
-
      </ul>
+
    <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>
-
    </li>
+
    <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">
-
   
+
</div> <!-- end of col-md-7-->
-
  </ul>
+
<div class="col-md-5">
-
</div>
+
      <h3>Stay connected!</h3>
-
</td>
+
      <p>email: <a href="#">cityuhk.igem@gmail.com</a></p>
-
</tr>
+
      <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 -->
-
<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>
+
<script>
 +
(function() {
 +
 +
function init() {
 +
var speed = 330,
 +
easing = mina.backout;
-
</table>
+
[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
 +
var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
 +
pathConfig = {
 +
from : path.attr( 'd' ),
 +
to : el.getAttribute( 'data-path-hover' )
 +
};
-
<table width="70%" align="center">
+
el.addEventListener( 'mouseenter', function() {
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
path.animate( { 'path' : pathConfig.to }, speed, easing );
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
} );
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
</table>
+
el.addEventListener( 'mouseleave', function() {
 +
path.animate( { 'path' : pathConfig.from }, speed, easing );
 +
} );
 +
} );
 +
}
-
<br/>
+
init();
-
<br/>
+
-
<font align = "right" size = "6"> <b> Team Members </b> </front>
+
})();
 +
</script>
</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