|
|
Line 1: |
Line 1: |
| + | == Header == |
| + | |
| + | <html> |
| + | <style type="text/css"> |
| + | #header-banner { |
| + | background: #45a2b5 url(https://static.igem.org/mediawiki/2008/6/6c/Kulbanner.jpg) no-repeat top right; |
| + | height:73px; |
| + | width:700px; |
| + | } |
| + | |
| + | #header-logo { |
| + | display:inline; |
| + | } |
| + | </style> |
| + | |
| + | </html> |
| + | |
| + | <div id="header"> |
| + | |
| + | <div id="header-logo">[[Image:KUL_Logo.png|100px]]</div> |
| + | <div id="header-banner">[[Team:KULeuven| ]]</div> |
| + | <div id="header-nav">{{:Team:KULeuven/Tools/Navigation_Bar}}</div> |
| + | |
| + | </div> |
| + | |
| == Cite == | | == Cite == |
| | | |
Line 21: |
Line 46: |
| | | |
| </table></body> | | </table></body> |
- | </html>
| |
- |
| |
- |
| |
- |
| |
- | == Accordion ==
| |
- |
| |
- | <html>
| |
- | <style type="text/css">
| |
- | ul#comp{
| |
- | list-style: none;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- | ul#comp li{
| |
- | float: left;
| |
- | padding: 10px;
| |
- | display: block;
| |
- | margin-right: 10px;
| |
- | }
| |
- |
| |
- | ul#comp li a{
| |
- | display: block;
| |
- | overflow: hidden;
| |
- | height: 75px;
| |
- | width: 75px;
| |
- | }
| |
- |
| |
- | #a1{
| |
- | width: 210px;
| |
- | }
| |
- |
| |
- | ul#comp li img{
| |
- | position: absolute;
| |
- | border: 3px solid #881212;
| |
- | }
| |
- |
| |
- | ul#comp li p{
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | width: 120px;
| |
- | display: block;
| |
- | margin-left: 85px;
| |
- | }
| |
- | </style>
| |
- |
| |
- | <script type="text/javascript" >
| |
- | $(document).ready(function(){
| |
- | lastBlock = $("#a1");
| |
- | maxWidth = 210;
| |
- | minWidth = 75;
| |
- |
| |
- | $("ul#comp li a").hover(
| |
- | function(){
| |
- | $(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration:400 });
| |
- | $(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
| |
- | lastBlock = this;
| |
- | }
| |
- | );
| |
- | });
| |
- | </script>
| |
- |
| |
- | <ul id="comp">
| |
- | <li><a id="a1"><p>dbchjschwasbkjcvej</p></a></li>
| |
- | <li><a><p>dawglfderhkjfea\</p></a></li>
| |
- | </ul>
| |
- |
| |
- | </html>
| |
- |
| |
- | == Tabs ==
| |
- |
| |
- | <html>
| |
- | <link type="text/css" rel="stylesheet" href="http://student.kuleuven.be/~s0173901/jquery/tabs/ui.tabs.css">
| |
- |
| |
- | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/jquery/tabs/jquery-1.2.4b.js"></script>
| |
- | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/jquery/ui.core.js"></script>
| |
- | <script type="text/javascript" src="http://student.kuleuven.be/~s0173901/jquery/tabs/ui.tabs.js"></script>
| |
- | <script type="text/javascript">
| |
- | $(function() {
| |
- | $('#kkuleuven > ul').tabs();
| |
- | });
| |
- | </script>
| |
- |
| |
- | <div id="kkuleuven">
| |
- | <ul>
| |
- | <li><a href="#kuleuven-1"><span>One</span></a></li>
| |
- | <li><a href="#kuleuven-2"><span>Two</span></a></li>
| |
- | </ul>
| |
- | <div id="kuleuven-1">
| |
- | testing
| |
- | </div>
| |
- | <div id="kuleuven-2">
| |
- | jbgvldia
| |
- | </div>
| |
- | </div>
| |
- | </html>
| |
- |
| |
- | == Math module ==
| |
- |
| |
- | <math>\sqrt{x^2+2x+1}=|x+1| - \left(\left(\frac{2x^2}{x}\right)^2\right)^2</math>
| |
- |
| |
- | Apparently works only in user namespace...
| |
- |
| |
- | == DIV tests ==
| |
- |
| |
- | <html>
| |
- | <style type="text/css">
| |
- | #home {
| |
- |
| |
- | }
| |
- | </style>
| |
- | </html>
| |
- |
| |
- | == N-degrons ==
| |
- | Note to self: check mogelijkheden '''N-degrons''' in prokaryoten voor verlaging half-life -[[User:Zeunas|Jonas]]
| |
- |
| |
- | == PCR template test ==
| |
- | {{:Team:KULeuven/Tools/PCR
| |
- | |tanneal=55
| |
- | |telong=2'30"
| |
- | |ncycles=30
| |
- | |buffer=5x 10μL
| |
- | |mgcl=0μL 10μM
| |
- | |dntp=1μL 10μM
| |
- | |fwprimername=6
| |
- | }}
| |
- | == Kalender test ==
| |
- | {{#calendar: title=Team:KULeuven | year=2008 | month=may}}
| |
- |
| |
- | == Template other namespace test ==
| |
- |
| |
- | {{:Team:KULeuven/Tools/Navigation_Bar}}
| |
- |
| |
- | == Drop-down test ==
| |
- |
| |
- | <html>
| |
- | <head>
| |
- | <meta name="keywords" content="">
| |
- | <meta name="description" content="">
| |
- |
| |
- | <style type="text/css">
| |
- | #sddm
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | z-index: 30}
| |
- |
| |
- | #sddm li
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | list-style: none;
| |
- | float: left;
| |
- | font: bold 13px arial}
| |
- |
| |
- | #sddm li a
| |
- | { display: block;
| |
- | margin: 0 2px 0 0;
| |
- | padding: 4px 20px;
| |
- | width: auto;
| |
- | background: #003E81;
| |
- | color: #FFF;
| |
- | text-align: center;
| |
- | text-decoration: none}
| |
- |
| |
- | #sddm li a:hover
| |
- | { background: #99CCFF}
| |
- |
| |
- | #sddm div
| |
- | { position: absolute;
| |
- | visibility: hidden;
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | background: #EAEBD8;
| |
- | border: 1px solid #5970B2}
| |
- |
| |
- | #sddm div a
| |
- | { position: relative;
| |
- | display: block;
| |
- | margin: 0;
| |
- | padding: 5px 10px;
| |
- | width: auto;
| |
- | white-space: nowrap;
| |
- | text-align: left;
| |
- | text-decoration: none;
| |
- | background: #003E81;
| |
- | color: #FFF;
| |
- | font: 11px arial}
| |
- |
| |
- | #sddm div a:hover
| |
- | { background: #99CCFF;
| |
- | color: #FFF}
| |
- | </style>
| |
- |
| |
- | <!-- dd menu -->
| |
- | <script type="text/javascript">
| |
- | <!--
| |
- | var timeout = 500;
| |
- | var closetimer = 0;
| |
- | var ddmenuitem = 0;
| |
- |
| |
- | // open hidden layer
| |
- | function mopen(id)
| |
- | {
| |
- | // cancel close timer
| |
- | mcancelclosetime();
| |
- |
| |
- | // close old layer
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- |
| |
- | // get new layer and show it
| |
- | ddmenuitem = document.getElementById(id);
| |
- | ddmenuitem.style.visibility = 'visible';
| |
- |
| |
- | }
| |
- | // close showed layer
| |
- | function mclose()
| |
- | {
| |
- | if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
| |
- | }
| |
- |
| |
- | // go close timer
| |
- | function mclosetime()
| |
- | {
| |
- | closetimer = window.setTimeout(mclose, timeout);
| |
- | }
| |
- |
| |
- | // cancel close timer
| |
- | function mcancelclosetime()
| |
- | {
| |
- | if(closetimer)
| |
- | {
| |
- | window.clearTimeout(closetimer);
| |
- | closetimer = null;
| |
- | }
| |
- | }
| |
- |
| |
- | // close layer when click-out
| |
- | document.onclick = mclose;
| |
- | // -->
| |
- | </script>
| |
- |
| |
- | </head>
| |
- |
| |
- | <body>
| |
- |
| |
- | <div style="text-align: center; margin: 1em auto; width: 100%;">
| |
- | <ul id="sddm">
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven"
| |
- | onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a>
| |
- |
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Team"
| |
- | onmouseover="mopen('m2')" onmouseout="mclosetime()">The Team</a>
| |
- |
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Road_Map"
| |
- | onmouseover="mopen('m3')" onmouseout="mclosetime()">Road Map</a>
| |
- |
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Project"
| |
- | onmouseover="mopen('m4')" onmouseout="mclosetime()">The Project</a>
| |
- | <div id="m4" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
| |
- | <a href="https://2008.igem.org/Team:KULeuven/Brainstorm">Brainstorm</a>
| |
- | </div>
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Parts"
| |
- | onmouseover="mopen('m5')" onmouseout="mclosetime()">Parts Submitted to the Registry</a>
| |
- |
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Modeling"
| |
- | onmouseover="mopen('m5')" onmouseout="mclosetime()">Modeling</a>
| |
- |
| |
- | </li>
| |
- | <li><a href="https://2008.igem.org/Team:KULeuven/Notebook"
| |
- | onmouseover="mopen('m5')" onmouseout="mclosetime()">Notebook</a>
| |
- |
| |
- | </li>
| |
- | </ul>
| |
- | </div>
| |
- | <br>
| |
- | </body>
| |
- |
| |
- | </html>
| |
- |
| |
- | == Javascript ==
| |
- |
| |
- | <html>
| |
- | <script type="text/javascript">
| |
- | var ndate = url_ndate_retriever();
| |
- | document.write("< yesterday".link('https://2008.igem.org/Team:KULeuven/' + date_yesterday(ndate)));
| |
- | document.write("tomorrow >".link('https://2008.igem.org/Team:KULeuven/' + date_tomorrow(ndate)));
| |
- |
| |
- | function url_ndate_retriever() {
| |
- | var url_tokens = location.href.split("/");
| |
- | var url_date_token = url_tokens[url_tokens.length - 1];
| |
- |
| |
- | var date_tokens = url_date_token.split("_");
| |
- | var day = date_tokens[0];
| |
- | var month = date_tokens[1];
| |
- | var year = date_tokens[2];
| |
- | // ndate stands for numeric date, it is the date represented in milliseconds, it is not of type Date!
| |
- | return new Date(Date.parse(day + ' ' + month + ', ' + year));
| |
- | }
| |
- |
| |
- | function date_yesterday(ndate) {
| |
- | ndate -= 86400*1000;
| |
- |
| |
- | var yesterday = new Date();
| |
- | yesterday.setTime(ndate);
| |
- |
| |
- | return yesterday;
| |
- | }
| |
- |
| |
- | function date_tomorrow(ndate) {
| |
- | ndate += 86400*1000;
| |
- |
| |
- | var tomorrow = new Date();
| |
- | tomorrow.setTime(ndate);
| |
- |
| |
- | return tomorrow;
| |
- | }
| |
- |
| |
- | function url_date(date) {
| |
- | var url = "https://2008.igem.org/Team:KULeuven/";
| |
- | url += date.getDate();
| |
- | url += '_';
| |
- | url += getMonthName(date.getMonth());
| |
- | url += '_';
| |
- | url += date.getFullYear();
| |
- |
| |
- | return url;
| |
- | }
| |
- |
| |
- | function getMonthName(month_index) {
| |
- | var mnames = new Array('January', 'February', 'March', 'April', 'May',
| |
- | 'June', 'July', 'August', 'September', 'October', 'November', 'December');
| |
- |
| |
- | return mnames[month_index];
| |
- | }
| |
- | </script>
| |
- |
| |
- | <input type="text" name="hey"/>
| |
- | <input type="button" onClick="date_tokenizer()"/>
| |
- |
| |
| </html> | | </html> |