Difference between revisions of "Team:UCLouvain/Parts"

(Prototype team page)
 
Line 1: Line 1:
 
{{UCLouvain}}
 
{{UCLouvain}}
 
<html>
 
<html>
 +
    <head>
 +
<title>iGEM UCLouvain Team</title>
 +
 +
<style>
 +
.igem_2017_content_wrapper html,
 +
.igem_2017_content_wrapper body,
 +
.igem_2017_content_wrapper div,
 +
.igem_2017_content_wrapper span,
 +
.igem_2017_content_wrapper p,
 +
.igem_2017_content_wrapper a,
 +
.igem_2017_content_wrapper img,
 +
.igem_2017_content_wrapper ul,
 +
.igem_2017_content_wrapper li,
 +
.igem_2017_content_wrapper footer,
 +
.igem_2017_content_wrapper header,
 +
.igem_2017_content_wrapper nav,
 +
.igem_2017_content_wrapper section {
 +
box-sizing: border-box !important;
 +
margin: 0 !important;
 +
padding: 0 !important;
 +
border: 0 !important;
 +
font-size: 100% !important;
 +
font: inherit !important;
 +
font-family: 'Roboto', 'Arial' !important;
 +
vertical-align: baseline !important;
 +
}
 +
.igem_2017_content_wrapper h2,
 +
.igem_2017_content_wrapper h3 {
 +
box-sizing: border-box !important;
 +
margin: 0 !important;
 +
padding: 10px 0 10px 0 !important;
 +
border: 0 !important;
 +
font-size: 100% !important;
 +
font: inherit !important;
 +
font-family: 'Roboto', 'Arial' !important;
 +
vertical-align: baseline !important;
 +
}
 +
.igem_2017_content_wrapper footer,
 +
.igem_2017_content_wrapper header,
 +
.igem_2017_content_wrapper nav,
 +
.igem_2017_content_wrapper section {
 +
display: block !important;
 +
}
 +
.igem_2017_content_wrapper body {
 +
line-height: 1 !important;
 +
}
 +
.igem_2017_content_wrapper ul {
 +
list-style: none !important;
 +
}
  
 +
/*
 +
Our styles
 +
*/
  
 +
/* Import Roboto */
 +
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
  
 +
.igem_2017_content_wrapper h1 {
 +
display: none !important;
 +
}
  
 +
.igem_2017_content_wrapper h2, .igem_2017_content_wrapper h3 {
 +
font-weight: normal !important;
 +
}
  
 +
.igem_2017_content_wrapper h2 {
 +
font-size: 34px !important;
 +
margin-bottom: 20px !important;
 +
color: #222222 !important;
 +
}
  
−
<div class="column full_size">
+
.igem_2017_content_wrapper h2.smallclear {
 +
margin-bottom: 5px !important;
 +
}
  
−
<h1>Parts</h1>
+
.igem_2017_content_wrapper h3 {
 +
font-size: 28px !important;
 +
margin-bottom: 20px !important;
 +
color: #222222 !important;
 +
}
  
−
<p>Each team will make new parts during iGEM and will submit them to the Registry of Standard Biological Parts. The iGEM software provides an easy way to present the parts your team has created. The <code>&lt;groupparts&gt;</code> tag (see below) will generate a table with all of the parts that your team adds to your team sandbox.</p>
+
.igem_2017_content_wrapper ul {
−
<p>Remember that the goal of proper part documentation is to describe and define a part, so that it can be used without needing to refer to the primary literature. Registry users in future years should be able to read your documentation and be able to use the part successfully. Also, you should provide proper references to acknowledge previous authors and to provide for users who wish to know more.</p>
+
margin: 0 !important;
 +
padding: 0 !important;
 +
}
  
 +
.igem_2017_content_wrapper p {
 +
font-size: 18px !important;
 +
line-height: 32px !important;
 +
color: #222222 !important;
 +
margin-bottom: 1em !important;
 +
text-align: justify !important;
 +
}
  
−
</div>
+
.igem_2017_content_wrapper img {
 +
max-width: 100% !important;
 +
height: auto !important;
 +
}
  
 +
.igem_2017_content_wrapper a {
 +
text-decoration: none !important;
 +
color: #000000 !important;
 +
font-weight: normal !important;
 +
font-size: 18px !important;
 +
transition: all 0.2s ease-in !important;
 +
}
  
 +
.igem_2017_content_wrapper a:hover {
 +
color: #0f6fc6 !important;
 +
}
  
 +
#header {
 +
position: relative !important;
 +
z-index: 999 !important;
 +
padding: 0 20px 0 20px !important;
 +
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 +
}
  
 +
#logo, #logo a {
 +
height: 150px !important;
 +
line-height: 150px !important;
 +
}
  
−
<div class="column half_size">
+
#logo, #logo a, #nav, #nav ul, #nav ul li {
−
<div class="highlight">
+
display: inline-block !important;
−
<h5>Note</h5>
+
position: relative !important;
−
<p>Note that parts must be documented on the <a href="http://parts.igem.org/Main_Page"> Registry</a>. This page serves to <i>showcase</i> the parts you have made. Future teams and other users and are much more likely to find parts by looking in the Registry than by looking at your team wiki.</p>
+
}
−
</div>
+
−
</div>
+
  
 +
#logo img {
 +
height: 125px !important;
 +
vertical-align: middle !important;
 +
}
  
 +
.igem_2017_content_wrapper {
 +
width: 100% !important;
 +
padding: 0 !important;
 +
margin: 0 !important;
 +
}
  
 +
.igem_2017_menu_wrapper {
 +
display: none !important; /* Hide this badass menu */
 +
}
  
−
<div class="column half_size">
+
#nav {
 +
font-size: 18px !important;
 +
}
  
−
<h5>Adding parts to the registry</h5>
+
#nav > ul > li {
−
<p>You can add parts to the Registry at our <a href="http://parts.igem.org/Add_a_Part_to_the_Registry">Add a Part to the Registry</a> link.</p>
+
margin-left: 100px !important;
−
<p>We encourage teams to start completing documentation for their parts on the Registry as soon as you have it available. The sooner you put up your parts, the better you will remember all the details about your parts. Remember, you don't need to send us the DNA sample before you create an entry for a part on the Registry. (However, you <b>do</b> need to send us the DNA sample before the Jamboree. If you don't send us a DNA sample of a part, that part will not be eligible for awards and medal criteria.)</p>
+
height: 30px !important;
−
</div>
+
line-height: 30px !important;
 +
}
  
 +
#nav ul li ul {
 +
display: block !important;
 +
opacity: 0 !important;
 +
max-height: 0 !important;
 +
overflow: hidden !important;
 +
position: absolute !important;
 +
top: 30px !important;
 +
left: 0px !important;
 +
width: 180px !important;
 +
background-color: #FFFFFF !important;
 +
border-left: 3px solid #0f6fc6 !important;
 +
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
 +
transition: all 0.2s ease-in !important;
 +
}
  
 +
#nav ul li:hover ul {
 +
opacity: 1 !important;
 +
max-height: 1000px !important;
 +
}
  
 +
#nav ul li ul li {
 +
display: block !important;
 +
transition: all 0.2s ease-in !important;
 +
}
  
 +
#nav ul li ul li:hover {
 +
background-color: #eee !important;
 +
}
  
−
<div class="column half_size">
+
#nav ul li ul li a {
 +
padding-left: 15px !important;
 +
line-height: 50px !important;
 +
height: 50px !important;
 +
width: 175px !important;
 +
display: inline-block !important;
 +
}
  
−
<h5>What information do I need to start putting my parts on the Registry?</h5>
+
#presentation img {
−
<p>The information needed to initially create a part on the Registry is:</p>
+
width: 100% !important;
−
<ul>
+
}
−
<li>Part Name</li>
+
−
<li>Part type</li>
+
−
<li>Creator</li>
+
−
<li>Sequence</li>
+
−
<li>Short Description (60 characters on what the DNA does)</li>
+
−
<li>Long Description (Longer description of what the DNA does)</li>
+
−
<li>Design considerations</li>
+
−
</ul>
+
  
−
<p>
+
#page {
−
We encourage you to put up <em>much more</em> information as you gather it over the summer. If you have images, plots, characterization data and other information, please also put it up on the part page. </p>
+
padding: 60px 90px 0 90px !important;
 +
}
  
−
</div>
+
#page:after {
 +
content: "" !important;
 +
display: table !important;
 +
clear: both !important;
 +
}
  
 +
#page .text, #page .illustration {
 +
width: 50% !important;
 +
float: left !important;
 +
vertical-align: top !important;
 +
}
  
−
<div class="column half_size">
+
#page .text {
 +
padding-right: 30px !important;
 +
}
  
−
<h5>Inspiration</h5>
+
#page .illustration {
−
<p>We have a created  a <a href="http://parts.igem.org/Well_Documented_Parts">collection of well documented parts</a> that can help you get started.</p>
+
padding-left: 30px !important;
 +
}
  
−
<p> You can also take a look at how other teams have documented their parts in their wiki:</p>
+
#page .illustration img {
−
<ul>
+
border: 15px solid #FFFFFF !important;
−
<li><a href="https://2014.igem.org/Team:MIT/Parts"> 2014 MIT </a></li>
+
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) !important;
−
<li><a href="https://2014.igem.org/Team:Heidelberg/Parts"> 2014 Heidelberg</a></li>
+
filter: opacity(90%) grayscale(30%) !important;
−
<li><a href="https://2014.igem.org/Team:Tokyo_Tech/Parts">2014 Tokyo Tech</a></li>
+
}
−
</ul>
+
−
</div>
+
#footer {
−
 
+
padding: 60px 90px 60px 90px !important;
−
<div class="column full_size">
+
}
−
<h5>Part Table </h5>
+
−
 
+
−
<p>Please include a table of all the parts your team has made during your project on this page. Remember part characterization and measurement data must go on your team part pages on the Registry. </p>
+
−
 
+
−
<div class="highlight">
+
−
 
+
−
 
+
−
</html>
+
−
<groupparts>iGEM17 UCLouvain</groupparts>
+
−
 
+
−
<html>
+
−
</div>
+
−
</div>
+
  
 +
#footer ul {
 +
text-align: center !important;
 +
}
  
 +
#footer ul li {
 +
display: inline-block !important;
 +
width: auto !important;
 +
max-width: 12.5% !important;
 +
height: 200px !important;
 +
line-height: 200px !important;
 +
padding: 20px !important;
 +
vertical-align: middle !important;
 +
}
  
 +
#footer ul li img {
 +
max-width: 100% !important;
 +
width: auto !important;
 +
height: auto !important;
 +
max-height: 400px !important;
 +
vertical-align: middle !important;
 +
}
  
 +
@media (max-width: 1000px) {
 +
#page .text, #page .illustration {
 +
width: 100% !important;
 +
float: left !important;
 +
padding: 0 !important;
 +
}
 +
}
 +
</style>
 +
    </head>
 +
    <body>
 +
        <header id="header">
 +
            <div id="logo">
 +
                <a href="/"><img src="https://static.igem.org/mediawiki/2017/3/3d/UCLouvain_igem_logo.png" alt="IGem UCLouvain Team"></a>
 +
            </div>
 +
            <nav id="nav">
 +
                <ul>
 +
                    <li>
 +
<a href="#">Our Project</a>
 +
<ul>
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Approach 1</a></li>
 +
<li><a href="#">Approach 2</a></li>
 +
<li><a href="./Team:UCLouvain/Attributions">Attributions</a></li>
 +
<li><a href="./Team:UCLouvain/InterLab">InterLab</a></li>
 +
</ul>
 +
</li>
 +
                    <li>
 +
<a href="#">In The Lab</a>
 +
<ul>
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Protocols</a></li>
 +
<li><a href="#">Parts</a></li>
 +
</ul>
 +
</li>
 +
                    <li><a href="#">Human Practices</a></li>
 +
                    <li>
 +
<a href="#">About us</a>
 +
<ul>
 +
<li><a href="#">Team</a></li>
 +
<li><a href="#">Aknowledgement</a></li>
 +
<li><a href="#">Our University</a></li>
 +
</ul>
 +
</li>
 +
                </ul>
 +
            </nav>
 +
        </header>
 +
        <section id="content">
 +
            <div id="page">
 +
<h2 class="smallclear">TITRE</h2>
 +
<h3>SOUS-TITRE</h3>
 +
<p>TEXTE</p>
 +
</div>
 +
</section>
 +
<footer id="footer">
 +
<h2>Our sponsors</h2>
 +
<ul><!--
 +
--><li><a href="https://uclouvain.be/en/index.html" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/87/Logo-UCL.jpg" alt="UCL"></a></li><!--
 +
--><li><a href="http://www.federation-wallonie-bruxelles.be/index.php?id=39" target="_blank"><img src="https://static.igem.org/mediawiki/2017/a/a1/Logo-FWB.png" alt="Fédération Wallonie Bruxelles"></a></li><!--
 +
--><li><a href="https://uclouvain.be/fr/chercher/fondation-louvain" target="_blank"><img src="https://static.igem.org/mediawiki/2017/3/39/Logo-Fondation_Louvain.png" alt="Fondation Louvain"></a></li><!--
 +
--><li><a href="https://www.neb.com/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/c/cd/Logo-Imperial_College.png" alt="Imperial College"></a></li><!--
 +
--><li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2017/8/88/Logo-Agilent_Technologies.png" alt="Agilent Technologies"></a></li><!--
 +
--><li><a href="https://www.aglouvain.be/site2/" target="_blank"><img src="https://static.igem.org/mediawiki/2017/5/5d/Logo-AGL.png" alt="AGL"></a></li><!--
 +
--><li><a href="https://uclouvain.be/en/research-institutes/isv" target="_blank"><img src="https://static.igem.org/mediawiki/2017/1/13/Logo-ISV.png" alt="ISV"></a></li><!--
 +
--><li><a href="https://uclouvain.be/en/faculties/sc" target="_blank"><img src="https://static.igem.org/mediawiki/2017/0/01/Logo-UCL_Sciences.jpg" alt="UCL faculté des Sciences"></a></li><!--
 +
--></ul>
 +
</footer>
 +
    </body>
 
</html>
 
</html>

Revision as of 15:24, 22 October 2017

iGEM UCLouvain Team iGEM UCLouvain Team

TITRE

SOUS-TITRE

TEXTE

Our sponsors

  • UCL
  • Fédération Wallonie Bruxelles
  • Fondation Louvain
  • Imperial College
  • Agilent Technologies
  • AGL
  • ISV
  • UCL faculté des Sciences