Template:Nevada/Main

From 2014.igem.org

(Difference between revisions)
Line 98: Line 98:
/***End minimal header***/
/***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>
</style>
-
 
+
<head>
-
<!--desktop-->
+
<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" />
-
Desktop Styling
+
<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 2012 Calgary team 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 wiki at:
+
<script type="text/javascript">
-
https://2012.igem.org/Team:Calgary
+
// MediaLoot jQuery Countdown Timer
-
======*/
+
// Description: Allows you to choose which unit of time from which to countdown and allows you to style each unit of time separately.
-
 
+
// Author: Natalie Hipp | MediaLoot.com
-
/***Nav styling***/
+
// URL: http://medialoot.com/item/
-
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;
+
-
+
$(document).ready(function() {
-
}
+
-
+
function mlCountdown() {
-
/*To be moved to JQ block*/
+
// Step 1: Make sure to call jQuery in your <head>
-
#menu-icon{
+
// Step 2: Fill in the following two variables
-
display: none;
+
var eventTime = '1414627201'; // Unix Event Time - Get your stamp from http://www.unixtimestamp.com/index.php
-
}
+
-
 
+
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.
-
/*menu*/
+
-
#nav li{
+
// Step 3: Add some spans in your HTML
-
height: auto;
+
/* Each Unit of time is displayed independently so that you can style them differently.
-
padding: 0;
+
-
list-style: none;
+
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".
-
float: left;
+
-
width: auto;
+
For example, to display the number of days remaining, add this: <span class="ml-countdown days"></span>
-
margin: 0;
+
*/
-
background: #333333;
+
-
position: relative;
+
// We'll take it from here
-
}
+
var currentTime = Math.round(new Date().getTime() / 1000); // Grabs current time in seconds
-
#nav > li a{
+
var timeLeft = eventTime - currentTime;
-
padding: 0 15px;
+
-
}
+
// Calculate numbers based on what kind of time they want to count from
-
#nav > li{
+
if (startFrom == 'S') {
-
background: transparent;
+
var scLeft = Math.floor(timeLeft);
-
}
+
-
+
$(".ml-countdown.seconds").html(scLeft);
-
/*submenu*/
+
}
-
#nav li ul {
+
else if (startFrom == 'M') {
-
position: absolute;
+
var minLeft = Math.floor(timeLeft / 60);
-
width: auto;
+
var scLeft1 = timeLeft - (minLeft * 60); // number of whole minutes
-
display: none;
+
var scLeft = Math.floor(scLeft1);
-
}
+
-
#nav li:hover ul {
+
$(".ml-countdown.minutes").html(minLeft);
-
display: block;
+
$(".ml-countdown.seconds").html(scLeft);
-
}
+
}
-
/*sub-submenu*/
+
else if (startFrom == 'H') {
-
#nav li ul ul{
+
var hrLeft = Math.floor(timeLeft / 60 / 60);
-
margin-left: 255px;
+
var minLeft1 = hrLeft * 60 * 60; // number of whole hours
-
margin-top: -15px;
+
var minLeft2 = timeLeft - minLeft1;
-
}
+
var minLeft = Math.floor(minLeft2 / 60);
-
#nav li:hover ul ul{
+
var scLeft1 = minLeft * 60; //number of whole minutes
-
display: none;
+
var scLeft2 = timeLeft - minLeft1 - scLeft1;
-
}
+
var scLeft = Math.floor(scLeft2);
-
#nav li:hover ul, #nav li li:hover ul{
+
-
display: block;
+
$(".ml-countdown.hours").html(hrLeft);
-
}
+
$(".ml-countdown.minutes").html(minLeft);
-
#nav a{
+
$(".ml-countdown.seconds").html(scLeft);
-
display: block;
+
}
-
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
+
// Otherwise, default as if counting from days
-
color: white;
+
else {
-
}
+
var dayLeft = Math.floor(timeLeft / 60 / 60 / 24);
-
#nav li a{
+
var hrLeft1 = dayLeft * 24 * 60 * 60; // days left in seconds
-
line-height: 1.4em; /*centers the text vertically*/
+
var hrLeft2 = timeLeft - hrLeft1;
-
font-size: 2em;
+
var hrLeft = Math.floor(hrLeft2 / 60 / 60);
-
}
+
var minLeft1 = hrLeft * 60 * 60; // hours left in seconds
-
#nav ul li > a{
+
var minLeft2 = timeLeft - hrLeft1 - minLeft1;
-
width: 225px;
+
var minLeft = Math.floor(minLeft2 / 60);
 +
var scLeft1 = minLeft * 60; // minutes left in seconds
 +
var scLeft2 = timeLeft - hrLeft1 - minLeft1 - scLeft1;
 +
var scLeft = Math.floor(scLeft2);
 +
 +
 +
$(".ml-countdown.days").html(dayLeft);
 +
$(".ml-countdown.hours").html(hrLeft);
 +
$(".ml-countdown.minutes").html(minLeft);
 +
$(".ml-countdown.seconds").html(scLeft);
 +
}
}
}
-
/*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 23:11, 17 July 2014

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"