Team:Hong Kong-CUHK

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
(replace with index.html)
Line 1: Line 1:
-
{{CSS/Main}}
 
-
 
-
 
<html>
<html>
-
<!--main content -->
+
<head>
-
<table width="70%" align="center">
+
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
 
+
    <link href="https://2014.igem.org/Team:Hong_Kong-CUHK/css/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
-
 
+
    <link href="https://2014.igem.org/Team:Hong_Kong-CUHK/css/common.css?action=raw&ctype=text/css" rel="stylesheet">
-
<!--welcome box -->
+
    <script src="https://2014.igem.org/Team:Hong_Kong-CUHK/js/jquery-1.11.1.min.js?action=raw&ctype=text/javascript"></script>
-
<tr>
+
    <script src="https://2014.igem.org/Team:Hong_Kong-CUHK/js/bootstrap.min.js?action=raw&ctype=text/javascript"></script>
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
    <script src="https://2014.igem.org/Team:Hong_Kong-CUHK/js/common.js?action=raw&ctype=text/javascript"></script>
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
</head>
-
<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>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Hong_Kong-CUHK&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Hong_Kong-CUHK"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
</td>
+
<style type="text/css">
 +
.navbar-default {
 +
background-color: #40AECC;
 +
border-color: #FFFFFF;
 +
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.navbar-default .navbar-brand {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
color: #FFF;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
border-right: 1px solid rgba(255, 255, 255, 0.1);
 +
}
 +
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
 +
margin-left: 0px;
 +
}
-
<!--requirements section -->
+
.navbar-default .navbar-nav>li>a {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
color: #FFF;
-
<tr>
+
border-right: 1px solid rgba(255, 255, 255, 0.1);
-
<td width="45%"  valign="top">
+
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
.dropdown-menu .sub-menu {
 +
    left: 100%;
 +
    position: absolute;
 +
    top: 0;
 +
    visibility: hidden;
 +
    margin-top: -1px;
 +
}
-
<!-- Links to other team pages -->
+
.dropdown-menu li:hover .sub-menu {
-
<ul>
+
    visibility: visible;
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK">Home</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Team">Team</a> </li>
+
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Hong_Kong-CUHK">Official Team Profile</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Project">Project</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions</a> </li>
+
-
</ul>
+
.dropdown:hover .dropdown-menu {
 +
    display: block;
 +
}
-
</td>
+
#board {
 +
    background-image: url('https://static.igem.org/mediawiki/2014/3/3a/Railbg.png');
 +
    background-size: 100% 100%;
 +
    width: 1000px;
 +
    height: 550px;
 +
overflow: hidden;
 +
}
 +
.chess {
 +
    background-size: 100% 100%;
 +
    width: 150px;
 +
    height: 150px;
 +
    position: absolute;
 +
    cursor: pointer;
 +
}
 +
.profile-pic {
 +
    background-size: 100% 100%;
 +
    width: 100px;
 +
    height: 100px;
 +
    position: absolute;
 +
    cursor: pointer;
 +
}
 +
.member-wrapper:hover > .profile-dialog {
 +
    display: block;
 +
background: rgba(255, 255, 255, 1);
 +
padding: 12px;
 +
    font-size: 24px;
 +
}
 +
.profile-dialog {
 +
    position: absolute;
 +
    box-shadow: 1px 1px 10px 0 #ccc;
 +
    background: rgba(255, 255, 255, 0.7);
 +
    padding: 8px;
 +
    font-size: 20px;
 +
    display: block;
 +
}
-
<td > </td>
+
#train {
-
<td width="45%">
+
    width: 620px;
 +
    height: 430px;
 +
    position: absolute;
 +
    background-size: contain;
 +
    background-repeat: no-repeat;
 +
    background-image: url('https://static.igem.org/mediawiki/2014/6/69/Train-index.png');
 +
}
 +
body {
 +
background-image: url('https://static.igem.org/mediawiki/2014/5/53/Trainstationbg.jpg');
 +
}
 +
#footer-box {
 +
opacity: 0.3;
 +
filter: alpha(opacity=30); /* For IE8 and earlier */
 +
bottom: -580px;
 +
}
 +
#footer-box:hover {
 +
opacity: 1;
 +
filter: alpha(opacity=100); /* For IE8 and earlier */
 +
}
-
<p>There are a few wiki requirements teams must follow:</p>
 
-
<ul>
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
 
-
<li>All pages must be created under the team’s name space.</li>
 
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
 
-
<li>Do not use flash in wiki code. </li>
 
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
 
-
</ul>
 
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
 
-
</td>
+
</style>
-
</tr>
+
 +
<nav class="navbar navbar-default navbar-static-top" role="navigation">
 +
  <div class="container">
 +
<div class="navbar-header"><a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="50px"></a></div>
 +
        <div class="navbar-header">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a class="navbar-brand" href="https://2014.igem.org/Team:Hong_Kong-CUHK">CUHK iGEM 2014</a>
 +
        </div>
 +
        <div class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav">
 +
            <li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
    <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
</li>
 +
            <li class="dropdown">
 +
<a href="#about" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
  <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
</li>
 +
            <li class="dropdown">
 +
<a href="#contact" class="dropdown-toggle" data-toggle="dropdown">Biobrick</a>
 +
  <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
</li>
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modelling</a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practice</a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Safety</a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Documentation</a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
<li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Acknowledgement</a>
 +
              <ul class="dropdown-menu" role="menu">
 +
                <li><a href="#">Action</a></li>
 +
                <li><a href="#">Another action</a></li>
 +
                <li><a href="#">Something else here</a></li>
 +
                <li class="divider"></li>
 +
                <li class="dropdown-header">Nav header</li>
 +
                <li><a href="#">Separated link</a></li>
 +
                <li><a href="#">One more separated link</a></li>
 +
              </ul>
 +
            </li>
 +
          </ul>
 +
          <!--<ul class="nav navbar-nav navbar-right">
 +
            <li><a href="#">ABC</a></li>
 +
            <li><a href="#">def</a></li>
 +
            <li class="active"><a href="#">GHI</a></li>
 +
          </ul>-->
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
</nav>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
 
 +
<body>
 +
<!--
 +
<div class="video" style="height: 100vh;">
 +
                <div id="bgVideo" class="background">
 +
<video id="video_background" preload="auto" autoplay="autoplay" loop="loop" style="top: -230px; left: 0px; bottom: 0px; right: 0px; z-index: -100; width: 1347px; height: 757.886524822695px;">
 +
<source src="background.mp4" type="video/mp4">
 +
<source src="background.ogg" type="video/ogg">
 +
<source src="background.webm" type="video/webm">bgvideo</video>
 +
</div>
 +
</div>-->
 +
    <div class="row">
 +
        <div id="board" class="center-block">
 +
            <div id="train"></div>
 +
        </div>
 +
        <div id="top-bar"></div>
 +
    </div>
 +
</body>
-
<!--tips  -->
+
<script type="text/javascript">
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
var content = {
 +
    menuItems: [{
 +
        info: {
 +
            about: "Project",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/b/bc/Cuhkproject.png/600px-Cuhkproject.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/4/44/Cuhkproject-hover.png/600px-Cuhkproject-hover.png"
 +
        },
 +
        offset: {
 +
            top: 100,
 +
            left: 550
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: -20,
 +
                left: 100
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Team",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/e/e2/CuhkTeam.png/600px-CuhkTeam.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/6/63/CuhkTeam-hover.png/600px-CuhkTeam-hover.png"
 +
        },
 +
        offset: {
 +
            top: 10,
 +
            left: 350
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 0,
 +
                left: 100
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Biobricks",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/7/70/Cuhk-Biobricks.png/599px-Cuhk-Biobricks.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/c/cb/CuhkBiobricks-hover.png/600px-CuhkBiobricks-hover.png"
 +
        },
 +
        offset: {
 +
            top: 350,
 +
            left: 180
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 0,
 +
                left: 100
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Modelling",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/7/74/CuhkModelling.png/600px-CuhkModelling.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/3/36/CuhkModelling-hover.png/600px-CuhkModelling-hover.png"
 +
        },
 +
        offset: {
 +
            top: 180,
 +
            left: 300
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 50,
 +
                left: 140
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Documentation",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/0/03/CuhkDocumentation.png/600px-CuhkDocumentation.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/a/a7/CuhkDocumentation-hover.png/600px-CuhkDocumentation-hover.png"
 +
        },
 +
        offset: {
 +
            top: 400,
 +
            left: 400
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 50,
 +
                left: 120
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Human Practice",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/8/85/CuhkHuman-practice.png/600px-CuhkHuman-practice.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/b/bc/CuhkHuman-practice-hover.png/600px-CuhkHuman-practice-hover.png"
 +
        },
 +
        offset: {
 +
            top: 130,
 +
            left: 800
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: -60,
 +
                left: 50
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Safety",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/c/c6/Cuhksafety.png/600px-Cuhksafety.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/a/a8/Cuhksafety-hover.png/600px-Cuhksafety-hover.png"
 +
        },
 +
        offset: {
 +
            top: 240,
 +
            left: 630
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 50,
 +
                left: 120
 +
            }
 +
        }
 +
    }, {
 +
        info: {
 +
            about: "Acknowledgement",
 +
            background: "https://static.igem.org/mediawiki/2014/thumb/0/0a/Cuhk-Acknowledgement.png/600px-Cuhk-Acknowledgement.png",
 +
            backgroundHover: "https://static.igem.org/mediawiki/2014/thumb/b/b0/Cuhk-Acknowledgement-hover.png/600px-Cuhk-Acknowledgement-hover.png"
 +
        },
 +
        offset: {
 +
            top: 425,
 +
            left: 700
 +
        },
 +
        dialog: {
 +
            background: "#ff0000",
 +
            offset: {
 +
                top: 50,
 +
                left: 140
 +
            }
 +
        }
 +
    }]
 +
};
-
<tr>
+
$(document).ready(function() {
-
<td width="45%" valign="top">
+
-
<p>We are currently working on providing teams with some easy to use design templates.
+
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
    $.each(content.menuItems, function(index, value) {
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
        var wrapper = $('<div></div>')
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
            .addClass('member-wrapper')
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
            .css('position', 'relative')
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
            .offset(value.offset);
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
        var dialog = $('<div></div>')
-
</td>
+
            .addClass('profile-dialog')
 +
            .css('font-size', '18')
 +
            //.css('background', value.dialog.background)
 +
            .text(value.info.about)
 +
            .offset(value.dialog.offset);
-
<td> </td>
+
        var chess = $('<div></div>')
-
<td width="45%">
+
            .addClass('chess')
 +
            .data("index", index)
 +
            .css('background', "0px 0px/100% 100% url('" + value.info.background + "')")
 +
            .hover(function() {
 +
                $(this).css('background', "0px 0px/100% 100% url('" + value.info.backgroundHover + "')");
 +
            }, function() {
 +
                $(this).css('background', "0px 0px/100% 100% url('" + value.info.background + "')");
 +
            })
 +
            .click(function() {
 +
                location.href = 'home.html?' + value['about'];
 +
            });
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
        wrapper.append(chess);
 +
        wrapper.append(dialog);
 +
        $("#board").append(wrapper);
 +
    });
 +
});
 +
</script>
-
<ul>
+
</html>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 09:25, 17 October 2014

Retrieved from "http://2014.igem.org/Team:Hong_Kong-CUHK"