Difference between revisions of "Team:Uppsala/Software"

(Prototype team page)
 
Line 1: Line 1:
{{Uppsala}}
+
{{Template_All_Teams}}
 
<html>
 
<html>
 +
<head>
  
<h2>Software</h2>
+
<link href="" type="text/css" rel="stylesheet">
  
 +
<script src="Faiyaz.js"></script>
 +
<script type="text/javascript" src="jquery-latest.js"></script>
 +
<script type="text/javascript" src="jquery.tablesorter.js"></script>
 +
<script>$(document).ready(function()
 +
    {
 +
        $("#myTable").tablesorter( {sortList: [[0,0], [1,0]]} );
 +
    }
 +
);
 +
 
 +
</script>
  
<div class="highlightBox">
+
<style>
<h4>Note</h4>
+
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Software Tool award</a>, you must fill out this page.</p>
+
</div>
+
  
 +
body {
 +
background-color: #FFFFFF;
 +
padding: 0 15%;
 +
}
  
<p>Regardless of the topic, iGEM projects often create or adapt computational tools to move the project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can be surprisingly useful for other teams. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honour such "nuggets" of computational work.</p>
+
#main {
 +
background-color: #FFFFFF;
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:1100px;
 +
padding: 5px;
 +
}
  
<p>
+
.header {
If you are working on software as your main project, please join the software track. If you are creating software as an addition to your main project, please apply for this award.
+
font-family:"Trebuchet MS", Helvetica;
</p>
+
color: #FF3300;
 +
text-shadow: 2px 2px 5px #888888;
 +
}
  
<p>
+
#home_image {
Here are a few examples from previous teams:
+
  margin: 0 auto;
</p>
+
  display: block;
<ul>
+
  padding: 15px 0;
<li><a href="https://2013.igem.org/Team:TU-Munich/Results/Software">TU Munich 2013</a></li>
+
}
<li><a href="https://2014.igem.org/Team:Heidelberg/Software">Heidelberg 2014</a></li>
+
 
<li><a href="https://2014.igem.org/Team:Aachen/Project/Measurement_Device#Software">Aachen 2014</a></li>
+
hr {
 +
background-color: #FF3300;
 +
}
 +
 
 +
p {
 +
font-family:Garamond, "Times New Roman";
 +
font-size: 150%;
 +
}
 +
 
 +
/*
 +
html, body {
 +
  min-height: 100%;
 +
  position: relative;
 +
  height: 100%;
 +
  margin: 0;
 +
}
 +
*/
 +
/* What are these for?*/
 +
.grid-container{
 +
  max-width: 600px;
 +
  min-height: 10%;
 +
  background-color: #c7c7c7;
 +
  margin: 0 auto;
 +
  text-align: justify;
 +
}
 +
 
 +
.grid-container:after{
 +
  content:'';
 +
  display: inline-block;
 +
  width: 100%;
 +
}
 +
 
 +
.grid-item{
 +
  width: 25%;
 +
  min-width: 50px;
 +
  display: inline-block;
 +
  vertical-align: top;
 +
  height: 125px;
 +
  background-color: #ff3819;
 +
  margin-bottom: 20px;
 +
  margin-top: 25px;
 +
}
 +
 
 +
 
 +
 
 +
/*ul .listelem {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    overflow: hidden;
 +
}
 +
 
 +
li {
 +
    float: left;
 +
}
 +
 
 +
.listelem a {
 +
    display: block;
 +
    width: 135px;
 +
    font-weight: bold;
 +
    color: #FFFFFF;
 +
    background-color: #EFEFEF;
 +
    text-align: center;
 +
    padding: 25px;
 +
    text-decoration: none;
 +
    text-transform: uppercase;
 +
}
 +
 
 +
.listelem a:hover, .listelem a:active {
 +
    background-color: #333385;
 +
}
 +
*/
 +
 
 +
 
 +
 
 +
/*Hide the sub-menus*/
 +
nav ul ul {
 +
display: none;
 +
}
 +
/*Show the sub-menus when you hover over the bar elements*/
 +
nav ul li:hover > ul {
 +
display: block;
 +
}
 +
/*Change of the box around the bar*/
 +
nav ul {
 +
background-color: #A5A5C1;
 +
        background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);
 +
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
 +
font-family: serif;
 +
text-align: center;
 +
        list-style: none;
 +
 +
padding: 0 15px;
 +
display: inline-table;
 +
}
 +
nav > ul {
 +
margin-top: 0px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
nav ul li {
 +
float: left;
 +
}
 +
 
 +
/*Only affects links in the first ul, the bar*/
 +
nav ul li:hover > a{
 +
        background-color: #4b545f;
 +
color: #CC0000;
 +
        text-decoration: none;
 +
background-color: #A5A5C1;
 +
}
 +
 
 +
/* Change of link text in the bar*/
 +
nav ul li a {
 +
display: block;
 +
padding: 2px 15px;
 +
text-decoration: none;
 +
        color: white;
 +
}
 +
/*List of sub-menus*/
 +
nav ul ul {
 +
background: #5f6975;
 +
border-radius: 0px;
 +
padding: 0;
 +
position: absolute;
 +
        top: 100%;
 +
}
 +
/*The individual sub-menu elements*/
 +
nav ul ul li {
 +
float: none;
 +
background-color: #A5A5C1;
 +
border-top: 1px solid #6b727c;
 +
border-bottom: 1px solid #575f6a;
 +
position: relative;
 +
}
 +
/*The individual link texts in the sub-menus*/
 +
nav ul ul li a {
 +
padding: 15px 20px;
 +
}
 +
 
 +
nav ul ul li a:hover {
 +
background: #4b545f;
 +
}
 +
 
 +
/*Supposed to make the navigation bar fixed up top*/
 +
nav.fixed {
 +
  position: fixed;
 +
  top: 0;
 +
  right: 0;
 +
  left: 0;
 +
  margin: auto;
 +
  margin-top: 15px;
 +
  width: 100%;
 +
}
 +
 
 +
#footer {
 +
        background: #d3dfe4
 +
       
 +
}
 +
 
 +
</style>
 +
 
 +
</head>
 +
<body>
 +
 
 +
<nav class="fixed">
 +
<ul class="navbar">
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala">Home</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Team">Team</a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Project">Project
 +
      <ul>
 +
<a href="https://2015.igem.org/Team:Uppsala/Description"><li>Description</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Experiments"><li>Experiments &amp; Protocols</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Results"><li>Results</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Design"><li>Design</li></a>
 +
      </ul>
 +
  </a></li>
 +
  <li class="listelem"><a href="https://2015.igem.org/Team:Uppsala/Parts">Parts</a></li>
 +
      <ul>
 +
<a href="https://2015.igem.org/Team:Uppsala/Parts"><li>Team Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Basic_Part"><li>Basic Parts</li></a> 
 +
<a href="https://2015.igem.org/Team:Uppsala/Composite_Part"><li>Composite Parts</li></a>
 +
<a href="https://2015.igem.org/Team:Uppsala/Part_Collection"><li>Part Collection</li></a> 
 +
      </ul>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Attributions">Attributions</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Practices">Human Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Modeling">Modeling</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Measurement">Measurement</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Software">Software</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Uppsala/Entrepreneurship">Entrepreneurship</a></li>
 
</ul>
 
</ul>
 +
</nav>
 +
 +
 +
 +
    <h1 class="header">Title</h1>
 +
    <h2 class="header">subtitle</h2>
 +
    <hr>
 +
    <p>
 +
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.
 +
</p>
 +
 
 +
    <hr>
 +
    </div>
  
 +
<div id="footer">
 +
Copyright © Wiki Team
 
</div>
 
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 11:53, 24 July 2015

Title

subtitle


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin dictum elit nec lectus varius posuere. Vivamus vitae eros luctus, volutpat ipsum nec, mattis turpis. Suspendisse at volutpat augue. Duis nec sem nec mi rutrum fringilla. Donec et ligula nibh. Morbi non tincidunt diam. Integer hendrerit ut lorem a ullamcorper. Nulla facilisi. Etiam at dignissim velit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent leo tortor, facilisis eu augue sed, fringilla hendrerit nisl. Nunc lacus orci, placerat ac imperdiet a, tristique vel quam. Etiam lorem purus, suscipit nec congue eget, efficitur et urna.