Difference between revisions of "Team:SIAT-SCIE/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{SIAT-SCIE}}
 
 
<html>
 
<html>
  
  
−
<div class="column full_size" >
 
  
−
<h1>Results</h1>
 
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
<!--- THIS IS WHERE THE HTML BEGINS --->
  
−
<h5>What should this page contain?</h5>
+
<script>
−
<ul>
+
</script>
−
<li> Clearly and objectively describe the results of your work.</li>
+
<style>
−
<li> Future plans for the project. </li>
+
/* Clear the default wiki settings */
−
<li> Considerations for replicating the experiments. </li>
+
−
</ul>
+
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
    body {
 +
        background-color: #F2E2C1;
 +
        margin-left:0px;
 +
        margin-right:0px;
 +
        width:1263px;
 +
        left:auto;
 +
        right:auto;
 +
    }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<h5>You should also describe what your results mean: </h5>
+
    #bronze a:hover {
 +
        background-color: #BA6E40;
 +
    }
  
−
<ul>
+
    #silver a:hover {
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
        background-color: #E9E9D8;
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
    }
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
−
</ul>
+
  
−
</div>
+
    #gold a:hover {
 +
        background-color: #F2C056;
 +
    }
  
−
<div class="clear"></div>
+
    .const{
 +
        margin-bottom: -10px;
 +
        position:fixed;
 +
        top:-2px;
 +
        width:1263px;
 +
        left:auto;
 +
        right:auto;
  
−
<div class="column half_size" >
+
       
 +
       
 +
    }
 +
   
 +
    /*#logo{
 +
        margin-top:15px;
 +
       
 +
       
 +
       
 +
        float:right;
 +
    }
 +
        #logo p img {
 +
            height: 47px;
 +
            width: 70px;
 +
            background-color:rgba(8,8,8,0.4)
 +
        }
 +
    /* Actually this make the navigation bar bigger and better*/
 +
    #nav {
 +
        margin: 0 0 0 0;
 +
        padding:0;
 +
        padding-top: 20px;
 +
        padding-bottom: 20px;
  
 +
        width:1263px;
 +
        left:auto;
 +
        right:auto;
 +
       
  
−
<h5> Project Achievements </h5>
+
        font-family: sans-serif;
 +
        font-weight:100;
 +
        background-color: rgba(8,8,8,0);
 +
       
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
    }
  
−
<ul>
+
        /*place the first line 'inline', and the interval to be 20px*/
−
<li>A list of linked bullet points of the successful results during your project</li>
+
        #nav ul li {
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
            display: inline;
−
</ul>
+
            margin:0px;
 +
            padding: 0 10px 0 10px;
 +
           
  
−
</div>
+
        }
 +
       
  
 +
        #nav ul {
 +
           
  
−
<div class="column half_size" >
 
  
−
<h5>Inspiration</h5>
+
            list-style-type: none;
−
<p>See how other teams presented their results.</p>
+
            margin: 0;
−
<ul>
+
            padding: 0;
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
+
            padding-left: 10px;
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
+
            padding-right: 10px;
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
+
            overflow: hidden;
−
</ul>
+
            background-color: rgba(15,15,15,0.4);
 +
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
        }
  
−
</div>
+
        #nav li {
 +
            float: left;
 +
        }
  
  
 +
            #nav li a, .dropbtn {
 +
                display: inline-block;
 +
                color: white;
 +
                text-align: center;
 +
                padding: 14px 16px;
 +
                text-decoration: none;
 +
                font-size:large;
 +
               
 +
            }
  
 +
                #nav li a:hover, #nav .dropdownlist:hover .dropbtn {
 +
                    color:black;
 +
                    background-color:#f9f9f9;
 +
                    transition-property: background-color, color;
 +
                    transition-duration: 0.5s;
 +
                    transition-timing-function: ease-out;
 +
                }
 +
                #nav li a:hover {
 +
                    text-decoration:underline;
 +
                }
 +
            #nav li.dropdownlist {
 +
                display: inline-block;
 +
            }
 +
 +
        #nav .dropdown_content {
 +
            display: none;
 +
            position: absolute;
 +
            background-color: #f9f9f9;
 +
            min-width: 160px;
 +
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
            z-index: 1;
 +
        }
 +
 +
            #nav .dropdown_content a {
 +
                color: black;
 +
                padding: 12px 16px;
 +
                text-decoration: none;
 +
                display: block;
 +
                text-align: left;
 +
            }
 +
 +
                #nav .dropdown_content a:hover {
 +
                    background-color: rgba(15,15,15,0.4);
 +
                   
 +
                    color: white;
 +
                    /*recent modify */
 +
                    transition-duration: initial;
 +
                   
 +
                }
 +
 +
        #nav .dropdownlist:hover .dropdown_content {
 +
            display: block;
 +
        }
 +
 +
        /*not working out yet*/
 +
   
 +
   
 +
</style>
 +
 +
<head>
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 +
<body>
 +
    <div class="const" style="padding-left:-30px;padding-right:-30px;">
 +
       
 +
        <div id="nav">
 +
            <ul  style="padding-left:20px;padding-right:-5px;">
 +
           
 +
                <li class="dropdownlist">
 +
                    <a href="javascript:void(0)" class="dropbtn">Project</a>
 +
 +
                    <div class="dropdown_content">
 +
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Project_Description" alt="Description">Description</a>
 +
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Results" alt="Results">Results</a>
 +
                        <a href="#" alt="Mechanism">Mechanism</a>
 +
                        <a href="#" alt="Proof">Proof</a>
 +
                       
 +
                    </div>
 +
 +
                </li>
 +
                <li class="dropdownlist">
 +
 +
                    <a href="javascript:void(0)" class="dropbtn">Notebook</a>
 +
                    <div class="dropdown_content">
 +
                        <a href="#" alt="IGEM Diary">IGEM Diary</a>
 +
                        <a href="#" alt="Lab Book">Lab Book</a>
 +
                        <a href="#" alt="Safety">Safety</a>
 +
                        <a href="#" alt="Protocol">Protocol</a>
 +
                    </div>
 +
 +
                </li>
 +
                <li class="dropdownlist">
 +
 +
                    <a href="javascript:void(0)" class="dropbtn">Parts</a>
 +
                    <div class="dropdown_content">
 +
                        <a href="#" alt="Parts Overview">Parts Overview</a>
 +
                        <a href="#" alt="Basic Parts">Basic Parts</a>
 +
                        <a href="#" alt="Composite Parts">Composite Parts</a>
 +
                       
 +
                    </div>
 +
 +
                </li>
 +
                <li class="dropdownlist">
 +
 +
                    <a href="javascript:void(0)" class="dropbtn">Award</a>
 +
                    <div class="dropdown_content">
 +
                        <a href="#" alt="Bronze" id="bronze">Bronze</a>
 +
                        <a href="#" alt="Silver" id="silver">Silver</a>
 +
                        <a href="#" alt="Gold"id="gold">Gold</a>
 +
                       
 +
                    </div>
 +
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Modeling" title="Modeling">Modeling</a></li>
 +
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/Team" title="Team">Team</a></li>
 +
                <li class="dropdownlist">
 +
                    <a href="javascript:void(0)" class="dropbtn">Human Practice</a>
 +
                    <div class="dropdown_content">
 +
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Intergrated_human_practice" alt="Intergrated Human Practice">Intergrated HP</a>
 +
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Collaboration" alt="Collaboration">Collaboration</a>
 +
                        <a href="https://2017.igem.org/Team:SIAT-SCIE/Engagement" alt="Engagement">Engagement</a>
 +
 +
                    </div>
 +
                </li>
 +
                <li><a href="https://2017.igem.org/Team:SIAT-SCIE/InterLab" title="InterLab">InterLab</a></li>
 +
            </ul>
 +
       
 +
        </div>
 +
    </div>
 +
</body>
 
</html>
 
</html>

Revision as of 11:05, 13 September 2017