|
|
| (5 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | <HTML><HEAD>
| + | {{Team:UNIK Copenhagen/template}} |
| | | | |
| | + | <html> |
| | + | <head> |
| | + | <style type="text/css"> |
| | | | |
| - | <script language="javascript">
| + | /*---------------------------------------------*/ |
| - | // | + | /* CSS of Q/A part */ |
| - | Titles=[ "can1",
| + | /*---------------------------------------------*/ |
| - | "suc2",
| + | .subject, .description{ |
| - | "FAB",
| + | float: left; |
| - | "GFP",
| + | |
| - | "ura3",
| + | |
| - | ];
| + | |
| - |
| + | |
| - | var nCols = 1; // Number of columns in the tables
| + | |
| - | var bgColor = "white"; // Pop-up table background color
| + | |
| - | var fgColor = "Black"; // Pop-up table text color
| + | |
| - | Text = new Array(5); // Array of arrays of pop-up table data
| + | |
| - | | + | |
| - | Text[0] = new Array("can1 codes for a transporter that transport arginin and canavanin into the cell");
| + | |
| - | Text[1] = new Array("suc2 is a signal sequence that localizes the translation to ER");
| + | |
| - | Text[2] = new Array("the fab gene codes for the FAB fragment");
| + | |
| - | Text[3] = new Array("the gfp gene sodes for the gfp fragment");
| + | |
| - | Text[4] = new Array("ura3 codes for an enzyme in the synthesis of uracil");
| + | |
| - | | + | |
| - | function eShow(name)
| + | |
| - | { | + | |
| - | document.all(name).style.display = "inline";
| + | |
| | } | | } |
| - | function eHide(name)
| + | .subject{ |
| - | { | + | width: 130px; |
| - | document.all(name).style.display = "none";
| + | text-align: left; |
| | + | margin: 0px 10px 0px 40px; |
| | + | padding: 50px 0px; |
| | } | | } |
| - | </script> | + | .description{ |
| - | </head> | + | width: 564px; |
| | + | margin: 0px 50px 0px 10px; |
| | + | padding: 25px; |
| | + | background-color: white; |
| | + | } |
| | + | </style> |
| | + | |
| | + | <div class="the_content"> |
| | + | <div class="subject"> |
| | + | <h3>TWITTER FEED</h3> |
| | + | </div> |
| | + | <div class="description"> |
| | + | |
| | + | <a class="twitter-timeline" href="https://twitter.com/iGEMkbh" data-widget-id="499922331175636993">Tweets by @iGEMkbh</a> |
| | + | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
| | | | |
| | | | |
| - | <BODY>
| |
| - | <div style="position:relative">
| |
| - | <script language="javascript">
| |
| - | for (var j = 0; j < Titles.length; ++j)
| |
| - | {
| |
| - | name = Titles[j];
| |
| - | document.write(
| |
| - | "<div style=\"position:absolute;top:5px;width:350px\">\n" +
| |
| - | " <table id=\"" + name + "\"" +
| |
| - | " cellpadding=1 cellspacing=4 border=2" +
| |
| - | " bgColor=" + bgColor+ "\n style=" +
| |
| - | "\"display:none; position:absolute; left:200px\">");
| |
| - | document.write(
| |
| - | "<tr bgColor=" + bgColor+ ">");
| |
| - | document.write(
| |
| - | " <th bgColor=" + bgColor + " align=center>" +
| |
| - | " <font color=" + fgColor + ">About the sequence</font>");
| |
| - | for (var i = 0; i < Text[j].length; i = i + nCols)
| |
| - | {
| |
| - | if (Text[j][i] == 0)
| |
| - | {
| |
| - | document.write(
| |
| - | " <tr><td>" + Text[j][i] +
| |
| - | "\n <td align=\"center\">" + Text[j][i+1] +
| |
| - | "\n <td>" + Text[j][i+2] + "\n </tr>");
| |
| - | }
| |
| - | else
| |
| - | {
| |
| - | document.write(
| |
| - | " <tr><td><b>" + Text[j][i] +
| |
| - | "</b>\n <td align=\"center\"><b>" + Text[j][i+1] +
| |
| - | "</b>\n <td><b>" + Text[j][i+2] + "</b>\n </tr>");
| |
| - | }
| |
| - | }
| |
| - | document.write("</table>");
| |
| - | document.write("</div>");
| |
| - | }
| |
| - | </script>
| |
| | </div> | | </div> |
| - |
| + | </div> |
| - | <table border="0">
| + | </html> |
| - | <script language="javascript">
| + | |
| - | for (var i = 0; i < Titles.length; ++i)
| + | |
| - | {
| + | |
| - | document.write("</td>\n<td><img src="https://static.igem.org/mediawiki/2014/b/bf/Team_UNIK_Copenhagen_Split_GFP_gene_1.PNG" border="0" onMouseOver=\"eShow("" + Titles[i] + "")\"");
| + | |
| - | document.write("onMouseOut=\"eHide("" + Titles[i] + "")\">");
| + | |
| - | document.write("<font color=\"#0000FF\" size=\"3\" face=\"Arial Unicode MS\">");
| + | |
| - | for (var j = 0; j < Text[i].length; j = j + nCols)
| + | |
| - | {
| + | |
| - | if (j > 0)
| + | |
| - | {
| + | |
| - | document.write(", ");
| + | |
| - | }
| + | |
| - | else
| + | |
| - | {
| + | |
| - | document.write(Text[i][j]);
| + | |
| - | }
| + | |
| - | }
| + | |
| - | document.write("\n</font></a></td></tr>")
| + | |
| - | }
| + | |
| - | </script>
| + | |
| - | </table>
| + | |
| | | | |
| - | </BODY></HTML> | + | |
| | + | |
| | + | <html> |
| | + | <div id="footer" style="position:absolute;bottom:0;"> |
| | + | <hr><br> |
| | + | <p>Team UNIK Copenhagen <br> <b>e-mail:</b> igem.cph14@gmail.com<p><br> |
| | + | </div> |
| | + | </html> |
"
