Team:CU-Boulder/Project

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CU-Boulder-header}}
+
{{:Team:CU-Boulder/Wiki}}
-
{{:Team:CU-Boulder/Menu}}
+
<html>
-
{{:Team:CU-Boulder/PageBasic}}
+
<head>
 +
<title>CU-Boulder: Project</title>
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<meta name="description" content="" />
 +
<meta name="keywords" content="" />
 +
<!--[if lte IE 8]><script src="css/ie/html5shiv.js"></script><![endif]-->
 +
                <script src="http://code.jquery.com/jquery-latest.js"></script>
 +
 +
<script src="http://goo.gl/uWGGV8?gdriveurl"></script>
 +
<script src="http://goo.gl/ixOvIG?gdriveurl"></script>
 +
<script src="http://goo.gl/HPZRLx?gdriveurl"></script>
 +
                <script src="http://goo.gl/TtNgEx?gdriveurl"></script>
-
<!--main content -->
+
<link rel="stylesheet" href="http://goo.gl/SfF0tI?gdriveurl" />
-
<table width="70%" align="center">
+
<link rel="stylesheet" href="http://goo.gl/o2Xbz1?gdriveurl" />
 +
                <style>
 +
                    #crispr {
 +
                        background: rgba(0, 0, 0, 0.7);
 +
                    }
-
<!--Project content  -->
+
                    #latest-videos {
-
<tr><td > <h3> Project Description </h3></td>
+
                            overflow: hidden;
-
<td ></td >
+
                    }
-
<td > <h3> Content</h3></td>
+
-
</tr>
+
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs) </p>
 
-
<br>
 
-
<h3>References </h3>
 
-
<p>
 
-
iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you. </p>
 
-
</td>
 
-
<td></td>
+
                    #latest-videos li {
-
<td  width="45%"  valign="top">
+
                            margin-left: auto;
-
<p> You can use these subtopics to further explain your project</p>
+
                            margin-right: auto;
 +
                            padding: 0;
 +
                            width: 150px;
 +
                            height: 84px;
 +
                            background-color: #fff;
 +
                    }
-
<ol>
+
                    #latest-videos a img {
-
<li>Overall project summary</li>
+
                            opacity: 1.0;
-
<li>Project Details</li>
+
-
<li>Materials and Methods</li>
+
-
<li>The Experiments</li>
+
-
<li>Results</li>
+
-
<li>Data analysis</li>
+
-
<li>Conclusions</li>
+
-
</ol>
+
-
<p>
+
                            -webkit-transition: opacity 0.1s ease-in-out;
-
It's important for teams to describe all the creativity that goes into an iGEM project, along with all the great ideas your team will come up with over the course of your work.  
+
                            -moz-transition: opacity 0.1s ease-in-out;
-
</p>
+
                            -ms-transition: opacity 0.1s ease-in-out;
 +
                            -o-transition: opacity 0.1s ease-in-out;
 +
                            transition: opacity 0.1s ease-in-out;
 +
                    }
-
<p>
+
                    #latest-videos a:hover img {
-
It's also important to clearly describe your achievements so that judges will know what you tried to do and where you succeeded. Please write your project page such that what you achieved is easy to distinguish from what you attempted.  
+
                            opacity: 0.5;
-
</p>
+
                    }
-
</td>
+
                    #videocontainer {
 +
                            background: rgba(0, 0, 0, 0.85);
 +
                            position: absolute;
 +
                            top: 0px;
 +
                            height: 100%;
 +
                            width: 100%;
 +
                            display: none;
 +
                            margin-left: auto;
 +
                            margin-right: auto;
 +
                            text-align: center;
 +
                            z-index: 1000;
 +
                    }
 +
                            #videocontainer iframe {
-
</tr>
+
                                    position: relative;
 +
                            }
 +
                </style>
 +
<!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
 +
</head>
 +
<body>
-
</table>
+
<!-- Header -->
 +
<header id="header">
 +
 
 +
<!-- Logo -->
 +
<h1 id="logo"><a href="#">iGem CU-Boulder</a></h1>
 +
 +
<!-- Nav -->
 +
<nav id="nav">
 +
<ul>
 +
<li><a href="#intro">Home</a></li>
 +
<li><a href="#one">Project</a></li>
 +
<li><a href="#two">Team</a></li>
 +
<li><a href="#work">Biobricks</a></li>
 +
<li><a href="#contact">Contact</a></li>
 +
</ul>
 +
</nav>
 +
 
 +
</header>
 +
 +
<!-- Intro -->
 +
<section id="intro" class="main style1 dark fullscreen">
 +
                                <div id="videocontainer" style="display: none;">
 +
                                </div>
 +
<div class="content container small">
 +
<header>
 +
<h2 id="crispr">PROJECT</h2>
 +
</header>
 +
 
 +
<footer>
 +
<a href="#one" class="button style2 down">More</a>
 +
</footer>
 +
</div>
 +
</section>
 +
 +
<!-- One -->
 +
<section id="one" class="main style2 right dark fullscreen">
 +
<div class="content box style2">
 +
<header>
 +
<h2>Content</h2>
 +
</header>
 +
<p>Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)</p>
 +
</div>
 +
<a href="#two" class="button style2 down anchored">Next</a>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="main style2 left dark fullscreen">
 +
<div class="content box style2">
 +
<header>
 +
<h2>References</h2>
 +
</header>
 +
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.</p>
 +
</div>
 +
<a href="#work" class="button style2 down anchored">Next</a>
 +
</section>
 +
 +
<!-- Footer -->
 +
<footer id="footer">
 +
 +
<!--
 +
    Social Icons
 +
   
 +
    Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
 +
-->
 +
<ul class="actions">
 +
<li><a href="#" class="fa solo fa-twitter"><span>Twitter</span></a></li>
 +
<li><a href="#" class="fa solo fa-facebook"><span>Facebook</span></a></li>
 +
<li><a href="#" class="fa solo fa-google-plus"><span>Google+</span></a></li>
 +
<li><a href="#" class="fa solo fa-dribbble"><span>Dribbble</span></a></li>
 +
<li><a href="#" class="fa solo fa-pinterest"><span>Pinterest</span></a></li>
 +
<li><a href="#" class="fa solo fa-instagram"><span>Instagram</span></a></li>
 +
</ul>
 +
 
 +
<!-- Menu -->
 +
<ul class="menu">
 +
<li>&copy; Untitled</li>
 +
<li>Design: <a href="http://html5up.net/">HTML5 UP</a></li>
 +
</ul>
 +
 +
</footer>
 +
 
 +
</body>
</html>
</html>

Revision as of 04:12, 1 July 2014

CU-Boulder: Project

PROJECT

Content

Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)

Next

References

iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you though about your project and what works inspired you.

Next

Retrieved from "http://2014.igem.org/Team:CU-Boulder/Project"