|
|
| Line 31: |
Line 31: |
| | <html> | | <html> |
| | <body> | | <body> |
| - |
| |
| - | <!-- =============================================================
| |
| - |
| |
| - | The following was written by Moustafa Abdalla for iGEM UToronto.
| |
| - |
| |
| - |
| |
| - | Permission is granted, free of charge, to any person reading the code,
| |
| - | to use, copy, modify, merge, publish, distribute, sublicense, and/or
| |
| - | sell copies of the code, subject ONLY to the following condition:
| |
| - |
| |
| - | ******* This permission notice shall be included in all copies or
| |
| - | substantial portions of the code. *********
| |
| - |
| |
| - | Please enjoy :) .
| |
| - | ===================================================================-->
| |
| - |
| |
| - | #content{height:0px}
| |
| - | #fisheye_menu {
| |
| - |
| |
| - | list-style: none;
| |
| - | padding: 0;
| |
| - | margin: 10px;
| |
| - | height: 81px;
| |
| - | }
| |
| - | #fisheye_menu {
| |
| - | list-style: none;
| |
| - | padding: 0;
| |
| - | margin: 10px;
| |
| - | height: 140px;
| |
| - | }
| |
| - | #fisheye_menu li {
| |
| - | position: relative;
| |
| - | display: block;
| |
| - | float: left;
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - | #fisheye_menu span {
| |
| - | position: absolute;
| |
| - | top: 100%;
| |
| - | left: 0;
| |
| - | text-align: center;
| |
| - | width: 95px;
| |
| - |
| |
| - | padding: 1px;
| |
| - |
| |
| - | margin: 0;
| |
| - | border: solid 1px #bbb;
| |
| - | color: #333;
| |
| - | background: #eee;
| |
| - | }
| |
| - | #fisheye_menu a {
| |
| - | text-decoration: none;
| |
| - | margin: 0;
| |
| - | padding: 0;a
| |
| - | }
| |
| - | #fisheye_menu img {
| |
| - | border: 0;
| |
| - | vertical-align: top;
| |
| - | }
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - | <!--==========================Javascript for Top Menu================-->
| |
| - |
| |
| - | <script type="text/javascript">
| |
| - | var fisheyemenu = {
| |
| - | startSize : 55,
| |
| - | endSize : 90,
| |
| - | imgType : ".png",
| |
| - | init : function () {
| |
| - | var animElements = document.getElementById("fisheye_menu").getElementsByTagName("img");
| |
| - | var titleElements = document.getElementById("fisheye_menu").getElementsByTagName("span");
| |
| - | for(var j=0; j<titleElements.length; j++) {
| |
| - | titleElements[j].style.display = 'none';
| |
| - | }
| |
| - | for(var i=0; i<animElements.length; i++) {
| |
| - |
| |
| - | var y = animElements[i];
| |
| - | y.style.width = fisheyemenu.startSize+'px';
| |
| - | y.style.height = fisheyemenu.startSize+'px';
| |
| - | fisheyemenu.imgSmall(y);
| |
| - | animElements[i].onmouseover = changeSize;
| |
| - |
| |
| - | animElements[i].onmouseout = restoreSize;
| |
| - | }
| |
| - | function changeSize() {
| |
| - |
| |
| - | fisheyemenu.imgLarge(this);
| |
| - | var x = this.parentNode.getElementsByTagName("span");
| |
| - | x[0].style.display = 'block';
| |
| - | if (!this.currentWidth) this.currentWidth = fisheyemenu.startSize;
| |
| - | fisheyemenu.resizeAnimation(this,this.currentWidth,fisheyemenu.endSize,15,10,0.333);
| |
| - | }
| |
| - | function restoreSize() {
| |
| - |
| |
| - | var x = this.parentNode.getElementsByTagName("span");
| |
| - | x[0].style.display = 'none';
| |
| - | if (!this.currentWidth) return;
| |
| - | fisheyemenu.resizeAnimation(this,this.currentWidth,fisheyemenu.startSize,15,10,0.5);
| |
| - | fisheyemenu.imgSmall(this);
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | },
| |
| - | resizeAnimation : function (elem,startWidth,endWidth,steps,intervals,powr) {
| |
| - | if (elem.widthChangeMemInt) window.clearInterval(elem.widthChangeMemInt);
| |
| - | var actStep = 0;
| |
| - |
| |
| - | elem.widthChangeMemInt = window.setInterval(
| |
| - | function() {
| |
| - | elem.currentWidth = fisheyemenu.easeInOut(startWidth,endWidth,steps,actStep,powr);
| |
| - | elem.style.width = elem.currentWidth+"px";
| |
| - | elem.style.height = elem.currentWidth+"px";
| |
| - |
| |
| - | actStep++;
| |
| - | if (actStep > steps) window.clearInterval(elem.widthChangeMemInt);
| |
| - | }
| |
| - |
| |
| - | ,intervals)
| |
| - | },
| |
| - | easeInOut : function (minValue,maxValue,totalSteps,actualStep,powr) {
| |
| - | //Generic Animation Step Value Generator By www.hesido.com
| |
| - | var delta = maxValue - minValue;
| |
| - | var stepp = minValue+(Math.pow(((1 / totalSteps)*actualStep),powr)*delta);
| |
| - | return Math.ceil(stepp)
| |
| - |
| |
| - | },
| |
| - | imgSmall : function (obj) {
| |
| - | imgSrc = obj.getAttribute("src");
| |
| - | var typePos = imgSrc.indexOf(fisheyemenu.imgType, 0);
| |
| - | var imgName = imgSrc.substr(0, typePos);
| |
| - | obj.setAttribute("src", imgName+"_small"+fisheyemenu.imgType);
| |
| - | },
| |
| - | imgLarge : function (obj) {
| |
| - | imgSrc = obj.getAttribute("src");
| |
| - | var typePos = imgSrc.indexOf("_small", 0);
| |
| - | var imgName = imgSrc.substr(0, typePos);
| |
| - |
| |
| - | obj.setAttribute("src", imgName+fisheyemenu.imgType);
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | // Add event with wide browser support
| |
| - | if ( typeof window.addEventListener != "undefined" )
| |
| - | window.addEventListener( "load", fisheyemenu.init, false );
| |
| - | else if ( typeof window.attachEvent != "undefined" )
| |
| - | window.attachEvent( "onload", fisheyemenu.init );
| |
| - | else {
| |
| - | if ( window.onload != null ) {
| |
| - | var oldOnload = window.onload;
| |
| - | window.onload = function ( e ) {
| |
| - | oldOnload( e );
| |
| - | fisheyemenu.init();
| |
| - | };
| |
| - | }
| |
| - | else
| |
| - | window.onload = fisheyemenu.init;
| |
| - | }
| |
| - | </script>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--==========================Actual Wiki Stuff================-->
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--==========================Menu================-->
| |
| - |
| |
| - | <div class="container" style=" background: #147025; margin-top:-190px;">
| |
| - | <ul id="fisheye_menu">
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_home.png" alt="" /><span> <font size=3><b>Home </span></a> </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/Contact" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_email.png" alt="" /><span>Contact</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/Team" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_teamicon.png" alt="" /><span>Team</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/Project" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_projecticon.png" alt="" /><span>Project</span></a> </li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/Notebook" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_notebook.png" alt="" /><span>Notebook</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/Attributions" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_history.png" alt="" /><span>Attributions </span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Team:Toronto/HumanPractice" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_outreach.png" alt="" /><span>Human Practice (Safety & Outreach)</span></a></li>
| |
| - | <li><a href="https://2012.igem.org/Main_Page" class="fisheye"><img src="http://igemtoronto.files.wordpress.com/2012/07/toronto_igemlogo.png" alt="" /><span>iGEM 2012 Home</span></a></li>
| |
| - | </ul> </font></b>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--==========================Styling Sheet for Pictures and Biographies================-->
| |
| - |
| |
| - | <style rel='stylesheet' >
| |
| - | #apple {
| |
| - | width: 331px;
| |
| - | margin: 0 auto;
| |
| - | }
| |
| - |
| |
| - | #banana {
| |
| - | position: relative;
| |
| - | overflow: hidden;
| |
| - | height: 500px;
| |
| - | border-radius: 6px;
| |
| - | background: #215E21;
| |
| - | box-shadow: inset 0 0 5px #215E21;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Functionality */
| |
| - |
| |
| - | fieldset {
| |
| - | border: 0;
| |
| - | position: absolute;
| |
| - | width: 331px;
| |
| - | height: 100%;
| |
| - | left: -1000px;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - | vertical-align: middle;
| |
| - | text-align: center;
| |
| - | font-size: 36px;
| |
| - | color: #215E21;
| |
| - | padding: 0;
| |
| - | margin: 0;
| |
| - | box-shadow: inset 0 0 5px #215E21;
| |
| - | border-radius: 6px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | input {
| |
| - |
| |
| - | }
| |
| - |
| |
| - | input[type="radio"]:checked + fieldset {
| |
| - | left: 0;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - | z-index:99;
| |
| - | }
| |
| - |
| |
| - | fieldset > label:after {
| |
| - | content:" ⇧ Read More ... ⇧";
| |
| - | background: rgba(0,0,0,0.5);
| |
| - | display: inline-block;
| |
| - | height: 19px;
| |
| - | padding: 5px 8px;
| |
| - | position: absolute;
| |
| - | right: 100px;
| |
| - | top: 0;
| |
| - | border-radius: 4px 4px 0 0;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | fieldset:hover > label:after {
| |
| - | top: -25px;
| |
| - | -moz-transition: all 0.3s ease-out;
| |
| - | -webkit-transition: all 0.3s ease-out;
| |
| - | -o-transition: all 0.3s ease-out;
| |
| - | transition: all 0.3s ease-out;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | fieldset > label:hover:after {
| |
| - | color: #ddd;
| |
| - | background: rgba(0,0,0,0.6);
| |
| - |
| |
| - | }
| |
| - |
| |
| - | fieldset > input[type="checkbox"]:checked + label:after {
| |
| - | top: -28px;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | input[type="checkbox"]:checked + label {
| |
| - | top: 0;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;}
| |
| - |
| |
| - | }
| |
| - |
| |
| - | input[type="checkbox"]:checked + label:after {
| |
| - | top:-38px;
| |
| - | -moz-transition: all 0.3s ease-out;
| |
| - | -webkit-transition: all 0.3s ease-out;
| |
| - | -o-transition: all 0.3s ease-out;
| |
| - | transition: all 0.3s ease-out;
| |
| - | }
| |
| - |
| |
| - | nav {
| |
| - | margin-top: 15px;
| |
| - | text-align: center;
| |
| - | box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
| |
| - | border-radius: 4px;
| |
| - | padding: 13px 12px 0;
| |
| - | }
| |
| - |
| |
| - | nav label {
| |
| - | display: inline-block;
| |
| - | border-radius: 4px;
| |
| - | width: 50px;
| |
| - | height: 75px;
| |
| - | margin-right: 5px;
| |
| - | border: 1px solid #215E21;
| |
| - | padding: 10px 15px;
| |
| - | color: #ddd;
| |
| - | opacity: .4;
| |
| - | margin-right: 13px;
| |
| - | margin-bottom: 13px;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - | }
| |
| - |
| |
| - | nav label:nth-child(8n) {
| |
| - | margin-right: 0;
| |
| - | }
| |
| - |
| |
| - | nav:hover label {
| |
| - | opacity: .9;
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - |
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | nav label:hover {
| |
| - | opacity: 1;
| |
| - | background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(33,94,33,0.12));
| |
| - | box-shadow: 0 1px 3px rgba(0,0,0,0.8),
| |
| - | -5px -5px 5px rgba(0,0,0,0.3);
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - | fieldset > label {
| |
| - | background: rgba(0,0,0,0.7);
| |
| - | padding: 30px ;
| |
| - | position: absolute;
| |
| - | display: block;
| |
| - | right: 0;
| |
| - | top: 100%;
| |
| - | font-size: 13px;
| |
| - | line-height: 17px;
| |
| - | bottom:0;
| |
| - | color: #fff;
| |
| - | text-align: left;
| |
| - | box-shadow: inset 0 0 230px (33,94,33,0.8);
| |
| - | -moz-transition: all 0.5s ease-out;
| |
| - | -webkit-transition: all 0.5s ease-out;
| |
| - | -o-transition: all 0.5s ease-out;
| |
| - | transition: all 0.5s ease-out;
| |
| - |
| |
| - |
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Type */
| |
| - |
| |
| - | h1 {
| |
| - | text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
| |
| - | color: yellow;
| |
| - | text-align: center;
| |
| - | margin-bottom: 20px;
| |
| - | }
| |
| - |
| |
| - | fieldset > label > em {
| |
| - | display: block;
| |
| - | font-size: 14px;
| |
| - | font-weight: bold;
| |
| - | text-transform: uppercase;
| |
| - | font-style: normal;
| |
| - | margin-bottom: 7px;
| |
| - | }
| |
| - |
| |
| - | fieldset > label > .source {
| |
| - | display: block;
| |
| - | margin: 5px 0;
| |
| - | }
| |
| - |
| |
| - | .source > a {
| |
| - | text-decoration: none;
| |
| - | color: black;
| |
| - | }
| |
| - |
| |
| - | .source > a:hover {
| |
| - | text-decoration: underline;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /* Content */
| |
| - |
| |
| - | #label-01 { background: url(http://igemtoronto.files.wordpress.com/2012/08/101thumb2.jpg) no-repeat, #fff; background-size:75px 112.5px}
| |
| - | #label-02 { background: url(http://igemtoronto.files.wordpress.com/2012/08/102thumb2.jpg) no-repeat, #fff; background-size:75px 112.5px}
| |
| - | #label-03 { background: url(http://igemtoronto.files.wordpress.com/2012/08/103thumb2.jpg) no-repeat, #fff; background-size:75px 112.5px}
| |
| - | #label-04 { background: url(http://igemtoronto.files.wordpress.com/2012/08/104thumb2.jpg) no-repeat, #fff;background-size:75px 112.5px }
| |
| - | #label-05 { background: url(http://igemtoronto.files.wordpress.com/2012/08/105thumb2.jpg) no-repeat, #fff; background-size:75px 112.5px}
| |
| - | #label-06 { background: url(http://igemtoronto.files.wordpress.com/2012/08/106thumb2.jpg) no-repeat, #fff; background-size:75px 112.5px}
| |
| - | #label-07 { background: url(http://igemtoronto.files.wordpress.com/2012/08/107thumb2.jpg) no-repeat, #fff;background-size:75px 112.5px }
| |
| - | #label-08 { background: url(http://igemtoronto.files.wordpress.com/2012/08/108thumb2.jpg) no-repeat, #fff;background-size:75px 112.5px}
| |
| - |
| |
| - |
| |
| - | #slide-content-01 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1012.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-02 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1022.jpg) no-repeat;background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-03 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1032.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-04 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1042.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-05 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1052.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-06 { background: url(http://igemtoronto.files.wordpress.com/2012/09/106.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-07 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1072.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | #slide-content-08 { background: url(http://igemtoronto.files.wordpress.com/2012/08/1082.jpg) no-repeat; background-size:331px 500px; z-index:99 }
| |
| - | </style>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <body>
| |
| - |
| |
| - |
| |
| - | <!--==========================Team Pictures and Biographies================-->
| |
| - | ``<div style="margin-top:50px;margin-left:275px;">
| |
| - | <font face="helevtica neue" color="#215E21" size="5" > ☆ To view official profile, <i> <a href="https://igem.org/Team.cgi?year=2012"> click here</a>. </i> ☆ </font>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <form id="apple" style="margin-left:200px;margin-top:50px">
| |
| - |
| |
| - |
| |
| - | <h1> <font face="cooper std" color="#215E21"> Meet the team </font> </h1>
| |
| - | <div id="banana">
| |
| - | <input id="slide-01" type="radio" name="nav" style="display:none;" checked>
| |
| - | <fieldset id="slide-content-01">
| |
| - | <input id="legend-01" type="checkbox" style="display:none;" />
| |
| - | <label for="legend-01">
| |
| - | <em>Secret Files</em>
| |
| - | Living a double life did not always come so naturally to our Inter-departmental Man of Mystery. As he reclined in his swivel chair and gazed wistfully at the dancing flame of the Bunsen burner, he thought back to his early days in Minsk. "Damn it, Romanova," he mulled, "the E1B-19kD virus was my masterwork!"
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-02" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-02">
| |
| - | <input id="legend-02" type="checkbox" style="display:none;" />
| |
| - | <label for="legend-02">
| |
| - | <em>Secret Files</em>
| |
| - | Adam Komorowski's research interests include type V antifreeze proteins, killer T cells, adenocarcinomas, and whether martinis really taste better if shaken. He is the President and CEO of a large multinational real estate holdings company, and a well-known philanthropist. He divides his time between Toronto, Rome, and agarose gels.
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-03" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-03">
| |
| - | <input id="legend-03" type="checkbox" style="display:none;"/>
| |
| - | <label for="legend-03">
| |
| - | <em>Secret Files</em>
| |
| - | Eric Cao enjoys experimenting and secretly (not any more) wants to play around with the laboratory reagents when no one is looking. He loves hanging around with friends and listening to a variety of underground music. In the future, he hopes to go into research concerning disease cure and prevention.
| |
| - |
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-04" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-04">
| |
| - | <input id="legend-04" type="checkbox" style="display:none;" />
| |
| - | <label for="legend-04">
| |
| - | <em>Secret Files</em>
| |
| - | When Nicole Cyhelka is not unzipping genes with helicase, applying gibberelin to stimulate stem elongation, and studying the insertion of alpha helices in beta barrels, this chemical engineer turned synthetic biologist (read: 'mad scientist') slips into an evening gown and jets off to Monte Carlo to try her hand at a high stakes game of baccarat. They say diamonds are forever, but who ever said it was easy to get a sponsorship?
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-05" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-05">
| |
| - | <input id="legend-05" type="checkbox" style="display:none;" />
| |
| - | <label for="legend-05">
| |
| - | <em>Secret Files</em>
| |
| - | Moustafa Abdalla is an avid gardner; primarly cultivating hyacinth, various Arabidopsis species, and his ego.
| |
| - | He is a prominent banker for SMERSH, and conducts regular business in Germany under the name "Herr Ziffer";
| |
| - | he is fluent in English, French, German, Italian, and Arabic.
| |
| - | When not entertaining CIA agents in his compound in Munich, he performs northern blots in his spare time.
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-06" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-06">
| |
| - | <input id="legend-06" type="checkbox" style="display:none;"/>
| |
| - | <label for="legend-06">
| |
| - | <em>Secret Files</em>
| |
| - | NN is one of the alleged suspects wanted in connection with the 5th July Massacre of untransformed DH5α at the infamous Petri Dish Arena. She is still around with a dreadful dose of Ampicillin. “Bullied by her existence, we will keep on forcing transformation until she gets arrested”, a colony who wished to remain anonymous, reported.
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-07" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-07">
| |
| - | <input id="legend-07" type="checkbox" style="display:none;"/>
| |
| - | <label for="legend-07">
| |
| - | <em>Secret Files</em>
| |
| - | More than anything, I try to emulate Becky Sharp from Vanity Fair. She was an uppity social climber with a ravenous appetite for wealthy men; I too am a mountaineer of sorts (though only of knowledge and books - a slightly more reliable means of 'getting ahead' in the world, I should think). The uppity part is entirely up to who you talk to.
| |
| - |
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - | <input id="slide-08" type="radio" name="nav" style="display:none;">
| |
| - | <fieldset id="slide-content-08">
| |
| - | <input id="legend-08" type="checkbox" style="display:none;" />
| |
| - | <label for="legend-08">
| |
| - | <em>Secret Files</em>
| |
| - | Abby is a self-described "weekend warrior mechanical engineering student" feeling out of place in the biochemistry department and loving every second of it. Her research interests include why the centrifuge tubes are so hard to remove and if it really is possible for engineering students to live a balanced life. She currently divides her time between lab work, an engineering firm – if you knew the rest we'd have to kill you.
| |
| - |
| |
| - | </label>
| |
| - | </fieldset>
| |
| - |
| |
| - |
| |
| - | </div>
| |
| - |
| |
| - | <div style="height:500px;width:250px;overflow:hidden;margin-top:-500px; margin-left:350px">
| |
| - | <nav>
| |
| - | <label id="label-01" for="slide-01"></label>
| |
| - | <label id="label-02" for="slide-02"></label>
| |
| - | <label id="label-03" for="slide-03"></label>
| |
| - | <label id="label-05" for="slide-05"></label>
| |
| - | <label id="label-04" for="slide-04"></label>
| |
| - | <label id="label-06" for="slide-06"></label>
| |
| - | <label id="label-07" for="slide-07"></label>
| |
| - | <label id="label-08" for="slide-08"></label>
| |
| - | </nav>
| |
| - | </div>
| |
| - |
| |
| - | </form>
| |
| - |
| |
| - |
| |
| - | <div style="margin-top:20px;margin-left:210px; z-index:98; position:absolute;">
| |
| - | <p style="line-height:1.5em;">
| |
| - | <font face="helevtica neue" color="#215E21" size="4" > <i> Not sure what to do? </i>
| |
| - | Click on thumbnails (on side) to view larger image. <br> </i>
| |
| - | Hover over image and click " ⇧ Read More ... ⇧" to view biography. <br> </i> </font>
| |
| - | </p>
| |
| - | </div>
| |
| - |
| |
| - | <!--==========================Footer================-->
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | | | |
== '''Who we are''' ==
{|border = "0"
|-
|rowspan="3"|
'''Advisors:'''
*''' Advisor 1''': Damira Kanayeva
*'''Advisor 2''': Kenneth Alibek
'''Undergrads:'''
*'''Student 1''': Zeinaf Muradova
*'''Student 2''': Luiza Niyazmetova
*'''Student 3''': Antonina Malozemova
*'''Student 4''': Mukhtar Sadykov
*'''Student 5''': Alexander Pak
|
"
