Line 1: | Line 1: | ||
− | {{:Team:Calgary/ | + | {{:Team:Calgary/Layout}} |
+ | <html lang="en"> | ||
− | |||
<head> | <head> | ||
− | <title>Team:Calgary - 2018.igem.org | + | <title>Team:Calgary/Software - 2018.igem.org</title> |
<!-- CSS --> | <!-- CSS --> | ||
− | |||
− | |||
− | |||
<style> | <style> | ||
html body { | html body { | ||
− | |||
− | |||
color: rgba(0, 0, 0, 0.9); | color: rgba(0, 0, 0, 0.9); | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
.maincontent { | .maincontent { | ||
− | margin-top: | + | background-color: #eeedf0; |
+ | margin-top: 210px; | ||
margin-bottom: 210px; | margin-bottom: 210px; | ||
− | padding | + | padding: 0; |
− | + | ||
− | + | ||
} | } | ||
− | + | ||
− | + | a:link { | |
− | + | color: #f38f8f; | |
− | + | ||
} | } | ||
− | + | ||
− | + | a:visited { | |
+ | color: #f38f8f; | ||
} | } | ||
− | + | ||
− | + | a:hover { | |
− | + | color: #f38f8f; | |
− | + | ||
} | } | ||
− | + | ||
− | + | a:active { | |
+ | color: #f38f8f; | ||
} | } | ||
− | + | ||
− | + | h1 { | |
− | + | font-family: 'Josefin Sans', sans-serif !important; | |
− | + | font-weight: normal !important; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
− | + | h2 { | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
text-align: center; | text-align: center; | ||
} | } | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
h3 { | h3 { | ||
color: #7ccfb8 !important; | color: #7ccfb8 !important; | ||
} | } | ||
+ | |||
h5 { | h5 { | ||
color: rgba(0, 0, 0, 0.9); | color: rgba(0, 0, 0, 0.9); | ||
padding-bottom: 10px; | padding-bottom: 10px; | ||
} | } | ||
− | + | ||
− | + | p { | |
− | + | font-family: 'Josefin Sans', sans-serif !important; | |
− | + | line-height: 1.8; | |
− | + | text-align: left !important; | |
− | + | ||
} | } | ||
+ | |||
.infotitle { | .infotitle { | ||
text-align: left; | text-align: left; | ||
} | } | ||
+ | |||
+ | .infosection { | ||
+ | padding-bottom: 100px; | ||
+ | padding-left: 100px; | ||
+ | padding-right: 100px; | ||
+ | } | ||
+ | |||
.infosubtitle { | .infosubtitle { | ||
text-align: left; | text-align: left; | ||
} | } | ||
− | + | ||
− | + | .info-img { | |
− | + | padding-left: 10%; | |
− | + | padding-right: 10%; | |
− | @media only screen and (max-width: | + | } |
+ | |||
+ | @media only screen and (max-width: 991px) { | ||
+ | .maincontent { | ||
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
+ | background-color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .infotitle { | ||
+ | margin-top: 20%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
.bottom-left { | .bottom-left { | ||
− | + | display: none; | |
+ | } | ||
+ | |||
+ | .infosection { | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | width: 100% | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
− | + | </style> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
<body> | <body> | ||
<!-- Content --> | <!-- Content --> | ||
− | <div | + | <div class="container maincontent"> |
− | <h1 style="transform: translateY(-50%) | + | <h1 style="transform: translateY(-50%)" class="infotitle">SOFTWARE</h1> |
− | <div | + | <br> |
+ | <div class="infosection"> | ||
<h3 class="infosubtitle">SARA: Software Aggregating Research Assistant</h3> | <h3 class="infosubtitle">SARA: Software Aggregating Research Assistant</h3> | ||
<br> | <br> | ||
− | <p style="text-indent: 0px">To increase the utility of our outreach, and help the iGEM community, we sought to create a tool that will be useful for years to come. Each year, many teams come to the iGEM competition with software that they developed in conjunction with their research. These tools cater directly to lab work and synthetic biology, and are imperative to the success of a team. At the start of our term, we looked for a tool that could either be directly applied to our work, or could be further built upon to suit our needs. As we searched for software, we found it difficult to sort through the iGEM wiki’s due to the sheer amount of projects, and found that the software descriptions were difficult to discern amongst the wiki content. | + | <p style="text-indent: 0px">To increase the utility of our outreach, and help the iGEM community, we sought to create a tool that will be |
− | + | useful for years to come. Each year, many teams come to the iGEM competition with software that they developed | |
− | + | in conjunction with their research. These tools cater directly to lab work and synthetic biology, and are | |
− | + | imperative to the success of a team. At the start of our term, we looked for a tool that could either be | |
− | + | directly applied to our work, or could be further built upon to suit our needs. As we searched for software, | |
− | + | we found it difficult to sort through the iGEM wiki’s due to the sheer amount of projects, and found that | |
− | + | the software descriptions were difficult to discern amongst the wiki content.</p> | |
+ | <br> | ||
+ | <p style="text-indent: 0px">Inspired by the opportunity to develop a database of iGEM software, we created SARA, the Software Aggregating | ||
+ | Research Assistant, to allow for the simplified searching and management of past iGEM software projects. | ||
+ | SARA provides the opportunity for old software to be updated and improved to stay current, and decreases | ||
+ | the likelihood that teams will create redundant software.</p> | ||
+ | <br> | ||
+ | <img class="info-img"src="https://static.igem.org/mediawiki/2018/5/5c/T--Calgary--SARANumSoftware.jpeg"> | ||
+ | <br> | ||
+ | <h3 class="infosubtitle">Why CRISPR?</h3> | ||
<br> | <br> | ||
<p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam | <p style="text-indent: 0px">Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam | ||
Line 181: | Line 149: | ||
</p> | </p> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 00:59, 15 October 2018
SOFTWARE
SARA: Software Aggregating Research Assistant
To increase the utility of our outreach, and help the iGEM community, we sought to create a tool that will be useful for years to come. Each year, many teams come to the iGEM competition with software that they developed in conjunction with their research. These tools cater directly to lab work and synthetic biology, and are imperative to the success of a team. At the start of our term, we looked for a tool that could either be directly applied to our work, or could be further built upon to suit our needs. As we searched for software, we found it difficult to sort through the iGEM wiki’s due to the sheer amount of projects, and found that the software descriptions were difficult to discern amongst the wiki content.
Inspired by the opportunity to develop a database of iGEM software, we created SARA, the Software Aggregating Research Assistant, to allow for the simplified searching and management of past iGEM software projects. SARA provides the opportunity for old software to be updated and improved to stay current, and decreases the likelihood that teams will create redundant software.
Why CRISPR?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur, totam laudantium, dolor porro laboriosam illo tenetur velit nulla corrupti quasi non eum amet quod dolores, doloremque eius ad temporibus perferendis! Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit explicabo suscipit similique id expedita cum consequatur voluptatibus consectetur adipisci beatae unde, cupiditate inventore. Quis officiis quam porro a expedita non.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Temporibus rerum vel eius ut dolore, ab obcaecati officiis modi porro, sunt deleniti, consequatur assumenda asperiores aliquid recusandae tenetur neque quae suscipit! Lorem ipsum dolor sit amet consectetur adipisicing elit. Optio a quam iusto quo, nesciunt odit fuga, similique aspernatur veritatis nemo commodi libero nobis magnam necessitatibus, quidem maiores error debitis minima. Lorem ipsum dolor sit amet consectetur adipisicing elit. Quam ipsum consequatur, deserunt assumenda odio natus. Quis, ea dolor! Voluptas dolore, facere cum illo sunt consectetur nam a soluta optio perferendis.
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rerum sit perferendis eum delectus odit vero saepe, dignissimos aspernatur et libero quisquam minima soluta a suscipit tempora dolores non aliquid ratione? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt excepturi quod, doloribus et asperiores similique tempora, mollitia possimus doloremque officia deleniti eius aut dolorum fuga reiciendis adipisci esse quisquam quae.