Template:Nevada/Main

From 2014.igem.org

(Difference between revisions)
(Created page with "<!--Main Head from Calgary 2012--> <html> <head> <!--CSS styles: global--> <style type="text/css"> /*** Minimal header: removes the search bar and header image and readjusts fon...")
Line 1: Line 1:
-
<!--Main Head from Calgary 2012-->
+
<!DOCTYPE html>
-
<html>
+
 +
<html>
<head>
<head>
-
<!--CSS styles: global-->
+
<meta charset="utf-8" />
-
<style type="text/css">
+
<title>Thin HTML5 Coming Soon Template</title>
-
/***
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Nevada/flexi-background.css.UniversityofNevada?action=raw&ctype=text/css" type="text/css" media="screen" />
-
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
+
<link rel="stylesheet" href="https://2014.igem.org/Team:Nevada/ml-coming-soon.css.UniversityofNevada?action=raw&ctype=text/css" type="text/css" media="screen" />
-
Thanks a lot to the 2011 Brown-Stanford, 2012 Lethbridge iGEM and 2012 Calgary teams for snippets of their code!
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
-
Check out their wikis at:
+
<script type="text/javascript">
-
https://2011.igem.org/Team:Brown-Stanford
+
// MediaLoot jQuery Countdown Timer
-
https://2012.igem.org/Team:Lethbridge
+
// Description: Allows you to choose which unit of time from which to countdown and allows you to style each unit of time separately.
-
https://2012.igem.org/Team:Calgary
+
// Author: Natalie Hipp | MediaLoot.com
-
***/
+
// URL: http://medialoot.com/item/
-
 
+
-
#content h1.firstHeading {
+
-
visibility:hidden;
+
-
}
+
-
#p-logo {
+
-
display: none;
+
-
}
+
-
#searchform {
+
-
    display: none;
+
-
}
+
-
 
+
-
.left-menu {
+
-
background-color: #555;
+
-
}
+
$(document).ready(function() {
-
.left-menu a {
+
-
    color: #000;
+
function mlCountdown() {
-
}
+
// Step 1: Make sure to call jQuery in your <head>
-
 
+
// Step 2: Fill in the following two variables
-
div#top-section{ /*the div containing the entire top bar*/
+
var eventTime = '1414627201'; // Unix Event Time - Get your stamp from http://www.unixtimestamp.com/index.php
-
height: 20px;
+
-
margin-bottom: 0px !important;
+
var startFrom = 'D'; // Adjust from which time unit you'd like to countdown: Use D for days, H for hours, M for minutes, or S for seconds.
-
border: none;
+
-
}
+
// Step 3: Add some spans in your HTML
-
 
+
/* Each Unit of time is displayed independently so that you can style them differently.
-
 
+
-
#content{
+
Create <span>'s for each unit of time. Each span must have the class "ml-countdown" and then add the appropriate following classes for what you'd like to display: "days", "hours", "minutes", & "seconds".  
-
margin-top: 0px;
+
-
}
+
For example, to display the number of days remaining, add this: <span class="ml-countdown days"></span>
-
 
+
*/
-
#search-controls {
+
-
overflow:hidden;
+
// We'll take it from here
-
display:none;
+
var currentTime = Math.round(new Date().getTime() / 1000); // Grabs current time in seconds
-
background: none;
+
var timeLeft = eventTime - currentTime;
-
position: absolute;
+
-
top: 170px;
+
// Calculate numbers based on what kind of time they want to count from
-
right: 40px;
+
if (startFrom == 'S') {
-
}
+
var scLeft = Math.floor(timeLeft);
-
 
+
-
 
+
$(".ml-countdown.seconds").html(scLeft);
-
div#header {
+
}
-
width: 975px;
+
else if (startFrom == 'M') {
-
text-align: left;
+
var minLeft = Math.floor(timeLeft / 60);
-
margin-left: auto;
+
var scLeft1 = timeLeft - (minLeft * 60); // number of whole minutes
-
margin-right: auto;
+
var scLeft = Math.floor(scLeft1);
-
margin-bottom: 0px !important;
+
-
} 
+
$(".ml-countdown.minutes").html(minLeft);
-
 
+
$(".ml-countdown.seconds").html(scLeft);
-
#menubar {
+
}
-
position: absolute;
+
else if (startFrom == 'H') {
-
background: none;
+
var hrLeft = Math.floor(timeLeft / 60 / 60);
-
color: black;
+
var minLeft1 = hrLeft * 60 * 60; // number of whole hours
-
}
+
var minLeft2 = timeLeft - minLeft1;
-
 
+
var minLeft = Math.floor(minLeft2 / 60);
-
.left-menu, .right-menu{
+
var scLeft1 = minLeft * 60; //number of whole minutes
-
position: absolute;
+
var scLeft2 = timeLeft - minLeft1 - scLeft1;
-
background: none;
+
var scLeft = Math.floor(scLeft2);
-
color: black;
+
-
}
+
$(".ml-countdown.hours").html(hrLeft);
-
 
+
$(".ml-countdown.minutes").html(minLeft);
-
.left-menu li a, .right-menu li a {
+
$(".ml-countdown.seconds").html(scLeft);
-
color: #000 !important;
+
}
-
}
+
// Otherwise, default as if counting from days
-
 
+
else {
-
 
+
var dayLeft = Math.floor(timeLeft / 60 / 60 / 24);
-
.left-menu ul li, .right-menu ul li a{
+
var hrLeft1 = dayLeft * 24 * 60 * 60; // days left in seconds
-
background: none;
+
var hrLeft2 = timeLeft - hrLeft1;
-
color: #ffffff !important;
+
var hrLeft = Math.floor(hrLeft2 / 60 / 60);
-
}
+
var minLeft1 = hrLeft * 60 * 60; // hours left in seconds
-
 
+
var minLeft2 = timeLeft - hrLeft1 - minLeft1;
-
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
+
var minLeft = Math.floor(minLeft2 / 60);
-
    color: #000 !important;
+
var scLeft1 = minLeft * 60; // minutes left in seconds
-
}
+
var scLeft2 = timeLeft - hrLeft1 - minLeft1 - scLeft1;
-
 
+
var scLeft = Math.floor(scLeft2);
-
#catlinks{
+
-
display:none;
+
-
}
+
$(".ml-countdown.days").html(dayLeft);
-
 
+
$(".ml-countdown.hours").html(hrLeft);
-
/*important for background colours*/
+
$(".ml-countdown.minutes").html(minLeft);
-
.mediawiki{
+
$(".ml-countdown.seconds").html(scLeft);
-
background: #ffffff;
+
}
-
}
+
-
 
+
-
/***End minimal header***/
+
-
 
+
-
/*Base styles*/
+
-
#content{
+
-
border: none;
+
-
}
+
-
h1, h2, h3, h4, #css-full, #css-mobi{
+
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
+
-
border: 0;
+
-
font-weight: 400;
+
-
}
+
-
 
+
-
#css-full, #css-mobi{
+
-
position: absolute;
+
-
float: right;
+
-
color: black;
+
-
font-size: 1.3em;
+
-
top: 0px;
+
-
right: 15px;
+
-
display: block;
+
-
padding: 10px;
+
-
}
+
-
 
+
-
#jsnotice{
+
-
background-color: #4ED92F;
+
-
}
+
-
 
+
-
#table{
+
-
margin: 10px;
+
-
}
+
-
</style>
+
-
 
+
-
<!--desktop-->
+
-
<style type="text/css">
+
-
/*======
+
-
Desktop Styling
+
-
Thanks a lot to the 2012 Calgary team for snippets of their code!
+
-
Check out their wiki at:
+
-
https://2012.igem.org/Team:Calgary
+
-
======*/
+
-
 
+
-
/***Nav styling***/
+
-
header{
+
-
position: relative;
+
-
top: -45px;
+
-
z-index: 999;
+
-
}
+
-
 
+
-
#nav-wrap{
+
-
height: 0px;
+
-
margin-top: -45px;
+
-
}
+
-
 
+
-
#nav, #nav ul{
+
-
list-style: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
width: 965px;
+
-
height: 100%;
+
-
display: table;
+
-
+
-
+
-
}
+
-
+
-
/*To be moved to JQ block*/
+
-
#menu-icon{
+
-
display: none;
+
-
}
+
-
 
+
-
/*menu*/
+
-
#nav li{
+
-
height: auto;
+
-
padding: 0;
+
-
list-style: none;
+
-
float: left;
+
-
width: auto;
+
-
margin: 0;
+
-
background: #333333;
+
-
position: relative;
+
-
}
+
-
#nav > li a{
+
-
padding: 0 15px;
+
-
}
+
-
#nav > li{
+
-
background: transparent;
+
-
}
+
-
+
-
/*submenu*/
+
-
#nav li ul {
+
-
position: absolute;
+
-
width: auto;
+
-
display: none;
+
-
}
+
-
#nav li:hover ul {
+
-
display: block;
+
-
}
+
-
/*sub-submenu*/
+
-
#nav li ul ul{
+
-
margin-left: 255px;
+
-
margin-top: -15px;
+
-
}
+
-
#nav li:hover ul ul{
+
-
display: none;
+
-
}
+
-
#nav li:hover ul, #nav li li:hover ul{
+
-
display: block;
+
-
}
+
-
#nav a{
+
-
display: block;
+
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
+
-
color: white;
+
-
}
+
-
#nav li a{
+
-
line-height: 1.4em; /*centers the text vertically*/
+
-
font-size: 2em;
+
-
}
+
-
#nav ul li > a{
+
-
width: 225px;
+
}
}
-
/*color change after rollover*/
+
-
#nav li a:hover, #nav li li a.drop:hover::after{
+
window.onload=mlCountdown;
-
display: block;
+
window.setInterval( mlCountdown, 1000);
-
text-decoration: none;
+
-
color: #4e9600;
+
});
-
}
+
</script>
-
#nav li ul li ul{
+
-
margin-top: -32px;
+
-
position: absolute;
+
-
}
+
-
/*submenu and sub-submenu*/
+
-
#nav li ul li ul li a, #nav li ul li a{
+
-
font-size: 1.7em;
+
-
}
+
-
#nav li li a.drop:after{
+
-
content: '>';
+
-
padding-left: 20px;
+
-
color: #BBB;
+
-
display: inline;
+
-
float: right;
+
-
}
+
-
 
+
-
/***End nav styling***/
+
-
 
+
-
/***Headerimage***/
+
-
#headerimage{
+
-
width: 968px;
+
-
position: relative;
+
-
margin-left: 0px;
+
-
margin-bottom: 10px;
+
-
top: 0px;
+
-
}
+
-
#css-full{
+
-
display: none;
+
-
}
+
-
#css-mobi{
+
-
display: block;
+
-
top: 0px;
+
-
}
+
-
 
+
-
/***Logo styling***/
+
-
#logo{
+
-
position: absolute;
+
-
top: 10px;
+
-
right: 20px;
+
-
float: right;
+
-
}
+
-
 
+
-
#logo img{
+
-
width: 260px;
+
-
}
+
-
+
-
/*hub page CSS*/
+
-
a.hublink{
+
-
text-decoration: none;
+
-
margin-left: 15px;
+
-
margin-right: 15px;
+
-
}
+
-
div.hubbox{
+
-
margin-left: 15px;
+
-
}
+
-
div.hubbox img{
+
-
float: left;
+
-
padding: 15px;
+
-
}
+
-
div.hubbox h2{
+
-
color: white;
+
-
padding: 15px 15px 0px 15px;
+
-
font-size: 2.0em;
+
-
margin-left: 120px !important;
+
-
}
+
-
div.hubbox p{
+
-
color: white;
+
-
padding: 0px 15px 15px 15px;
+
-
margin-left: 120px !important;
+
-
}
+
-
div.hubbox b{
+
-
font-size: 1.1em;
+
-
}
+
-
</style>
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
    jQuery(document).ready(function ($) {
+
-
 
+
-
        //eliminate jsnotice
+
-
        $('#jsnotice').hide();
+
-
 
+
-
        //prepend menu icon
+
-
        $('#nav-wrap').prepend('<div id="menu-icon">Menu</div>');
+
-
 
+
-
        //toggle nav
+
-
        $("#menu-icon").click(function () {
+
-
            $("#nav").slideToggle('fast');
+
-
            $(this).toggleClass("active");
+
-
 
+
-
        });
+
-
 
+
-
        //hide url bar
+
-
        window.scrollTo(0, 1);
+
-
 
+
-
 
+
-
 
+
-
    });
+
-
 
+
-
</script>
+
-
 
+
-
<!--switching function: thanks to http://www.digital-web.com/articles/strategies_for_css_switching/-->
+
-
 
+
-
<script type="text/javascript">
+
-
 
+
-
    var _gaq = _gaq || [];
+
-
    _gaq.push(['_setAccount', 'UA-32774032-1']);
+
-
    _gaq.push(['_trackPageview']);
+
-
 
+
-
    (function () {
+
-
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+
-
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+
-
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+
-
    })();
+
-
 
+
-
</script>
+
-
 
+
</head>
</head>
-
 
<body>
<body>
 +
<script src="https://2014.igem.org/Team:Nevada/flexi-background.js.UniversityofNevada?action=raw&ctype=text/javascript" type="text/javascript" charset="utf-8"></script>
 +
<header>
 +
<div class="wrapper">
 +
<ul class="countdown">
 +
<li><span class="ml-countdown days"></span>Days</li>
 +
<li><span class="ml-countdown hours"></span>Hours</li>
 +
<li><span class="ml-countdown minutes"></span>Mins</li>
 +
<li><span class="ml-countdown seconds"></span>Secs</li>
 +
</ul>
 +
</div>
 +
</header>
 +
    <div class="body_wrapper">
 +
    <div class="connect">
 +
    <p>
 +
      <img src="https://static.igem.org/mediawiki/2014/7/7e/Unr_igem_2014_nav_bar_image.png" width="300" height="200">
 +
      </p>
 +
      </div>
 +
<div class="wrapper">
 +
<h2>Team Nevada - Coming Soon</h2>
 +
<p>Since its <strong>inception in 2003 </strong> at MIT, the iGEM competition has  grown to an international level  bringing  bringing <strong>thousands of international students </strong>together
 +
is dedicated to education and competition, to the advancement of synthetic biology,and the development of open community and collaboration.</p>
-
<header>
+
<h2><strong>Team Nevada's goal:</strong> </h2>
-
<!--
+
                  <p> To regulate transcription and translation using the rapid response hormone auxin. Other Eukaryotes lack the auxin response but <strong> share the SCF degradation pathway </strong>, allowing us to transplant the auxin-inducibly degron <strong>(AID) system </strong>into nonplant cells and use a small moleucle to conditionally control portein stability.</p>
-
<a id="css-full" href="#default">Full View</a>
+
<div class="connect">
-
<a id="css-mobi" href="#mobile">Mobile View</a>
+
        <p>
-
-->
+
        <a class="awesome" href="https://supportnevada.unr.edu/sslpage.aspx?pid=355">Click Here to Become a Sponsor</a>
-
<div id="headerimage"><img src="https://static.igem.org/mediawiki/2013/b/b8/Leaf1.png"></img></div>
+
        </p>
-
    <a id="logo" href="https://2013.igem.org/Team:UCSF"></html>{{{1|<html><img src="https://static.igem.org/mediawiki/2013/b/be/Ucsf_sig_rgb_1.png"></img></html>}}}<html></a>
+
        <h2><strong>Our Sponsors:</strong> </h2>
-
<div id="nav-wrap">
+
        <p><img src="https://static.igem.org/mediawiki/2014/8/88/Nv_inbre_logo.jpg" width="375" height="95"><img src="https://static.igem.org/mediawiki/2014/f/ff/Unr_biotechnology.jpg" width="497" height="110"></p>
-
<ul id="nav">
+
        <div id="mc_embed_signup">
-
<li><a href="https://2013.igem.org/Team:UCSF" id="homelink">Home</a></li>
+
<form action="//unr.us8.list-manage.com/subscribe/post?u=1e17b269b9856183e91cf0eb4&amp;id=7fa80921ac" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
-
<li><a class="drop" id="projectlink">Project</a>
+
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="Subscribe to Our Newsletter" required>
-
<ul>
+
                <div style="position: absolute; left: -5000px;"><input type="text" name="b_1e17b269b9856183e91cf0eb4_7fa80921ac" tabindex="-1" value=""></div>
-
<li>
+
    <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
-
<a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Background">Background</a></li>
+
</form>
-
                         
+
</div>
-
</li>
+
<ul>
-
<li>
+
           
-
<a class="drop" id="projectlink">CRISPRi Conjugation</a>
+
<li class="twitter"><a href="http://www.twitter.com/iGEM_UNR">Twitter</a></li>
-
                                                        <ul>                                                      
+
-
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Design">Project Design</a></li>
+
-
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Data">Data</a></li>
 
-
                                                      </ul>
 
-
</li>
 
-
<li>
 
-
<a class="drop" id="projectlink">CRISPRi Circuit</a>
 
-
                                                        <ul>                                                       
 
-
                                                            <li><a href="https://2013.igem.org/Team:UCSF/Project/Circuit/Design">Circuit Design</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Project/Conjugation/Promoter">Promoter Engineering</a></li>
 
-
                                                            <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Project/Circuit/Data">Data</a></li>
 
-
                                             
 
-
        </ul>
 
-
</li>
 
-
 
-
</ul>
 
-
</li>
 
-
 
-
 
-
                <li><a class="drop" id="projectlink">Modeling</a>
 
-
<ul>
 
-
 
-
<li><a  href="https://2013.igem.org/Team:UCSF/Modeling2">Conjugation Modeling</a></li>
 
-
 
-
<li><a  href="https://2013.igem.org/Team:UCSF/Modeling">Circuit Modeling</a></li>
 
-
 
-
</ul>
 
-
</li>
 
-
 
-
 
-
<li><a class="drop" id="outreachlink">Human Practices</a>
 
-
<ul>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Exploratorium">Exploratorium</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/ALHS Project">Lincoln High</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Materials">Materials</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Collaborations">Collaborations</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
 
-
 
-
<li><a class="drop" id="notebooklink">Protocols</a>
 
-
<ul>
 
-
      <li><a href="https://2013.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li>
 
-
<ul>
 
-
                                <li><a href="https://2012.igem.org/Team:UCSF/Protocols">General Protocols</a></li>
 
-
                                <li><a href="https://2012.igem.org/Team:UCSF/Protocols2">Project Protocols</a></li>
 
-
</ul>
 
-
                        </li>
 
-
</ul>
 
-
</li>
 
-
<li><a class="drop" id="outreachlink">Judging</a>
 
-
 
-
<ul>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Attribute">Attributions</a></li>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Accomplish">Accomplishments</a></li>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Project/Implications">Implications</a></li>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Parts">Parts</a></li>
 
-
                                <li><a href="https://2013.igem.org/Team:UCSF/Safety">Safety</a></li>
 
-
</ul>
 
-
</li>
 
-
 
-
<li><a class="drop" id="team">Team</a>
 
-
<ul>
 
-
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/About Us">About Us</a></li>
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Team">Members</a></li>
 
-
                   
 
-
<li><a href="https://2013.igem.org/Team:UCSF/Advisors">Advisors</a></li>
 
-
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/Mentors&Instructors">Mentors</a></li>
 
-
                        <li><a class="dropheader" href="https://igem.org/Team.cgi?year=2013&team_name=UCSF">Profile</a></li>
 
-
                        <li><a class="dropheader" href="https://2013.igem.org/Team:UCSF/ContactUs">Contact Us</a></li>
 
-
 
-
</ul>
 
-
</li>
 
-
 
-
 
-
<li><a href="https://2013.igem.org" target="_blank">iGEM</a></li>
 
</ul>
</ul>
-
 
</div>
</div>
-
</header>
+
        </div>
 +
        <p> For any questions, comments, or concerns contact Veronica Zapida at veronica.zepeda@gmail.com
 +
        </p>
 +
</div>
</body>
</body>
</html>
</html>

Revision as of 22:45, 17 July 2014

<!DOCTYPE html>

Thin HTML5 Coming Soon Template

  • Days
  • Hours
  • Mins
  • Secs

Team Nevada - Coming Soon

Since its inception in 2003 at MIT, the iGEM competition has grown to an international level bringing bringing thousands of international students together is dedicated to education and competition, to the advancement of synthetic biology,and the development of open community and collaboration.

Team Nevada's goal:

To regulate transcription and translation using the rapid response hormone auxin. Other Eukaryotes lack the auxin response but share the SCF degradation pathway , allowing us to transplant the auxin-inducibly degron (AID) system into nonplant cells and use a small moleucle to conditionally control portein stability.

Click Here to Become a Sponsor

Our Sponsors:

For any questions, comments, or concerns contact Veronica Zapida at veronica.zepeda@gmail.com

Retrieved from "http://2014.igem.org/Template:Nevada/Main"