|
|
Line 3: |
Line 3: |
| <body> | | <body> |
| <div id=""page-content-wrapper""><div class="splash" id="softwaresplash"> | | <div id=""page-content-wrapper""><div class="splash" id="softwaresplash"> |
- | <div class="textinsplash" id="softwaretextinsplash">
| + | <div class="textinsplash" id="softwaretextinsplash"> |
- | <h1>Cooperation</h1>
| + | <h1>Cooperation</h1> |
| </div> | | </div> |
| </div> | | </div> |
Line 21: |
Line 21: |
| <div class="update Seekers"></div> | | <div class="update Seekers"></div> |
| <article class="plum"> | | <article class="plum"> |
- | <div class="link" id="Seekers"></div> | + | <div class="link" id="Seekers"></div> |
- | <h2>Seekers</h2>
| + | |
| | | |
- | <p>From the start, we planned to develop software tools to make the work of our team easier. We also want to share the tools with the iGEM Community to help everyone. </p> | + | <h2>Seekers</h2> |
| | | |
- | <p>All the code is available as open source on GitHub and is free to be reused, modified or expanded. All of the projects can be found through our GitHub organization <a href="http://github.com/iGEM-QSF">Quiet Sushi Force.</a></p> | + | <p> |
| + | From the start, we planned to develop software tools to make the work of our team easier. We also want to share the tools with the iGEM Community to help everyone. |
| + | </p> |
| | | |
- | <p>We made two different Seekers for making background research for iGEM projects a little easier. They are both written in JavaScript using the Angular.js library. The data in both is a massive JSON file that is easily modifiable and can be changed without doing any modifications to the code, so expanding the tools for the future only requires adding data. </p> | + | <p> |
| + | All the code is available as open source on GitHub and is free to be reused, modified or expanded. All of the projects can be found through our GitHub organization <a href="http://github.com/iGEM-QSF">Quiet Sushi Force.</a> |
| + | </p> |
| | | |
- | <p>Both use Yeoman for scaffolding and deployment and they are currently running on GitHub Pages, which is free and handles requests very fast, so they will stay available for the foreseeable future.</p> | + | <p> |
| + | We made two different Seekers for making background research for iGEM projects a little easier. They are both written in JavaScript using the Angular.js library. The data in both is a massive JSON file that is easily modifiable and can be changed without doing any modifications to the code, so expanding the tools for the future only requires adding data. |
| + | </p> |
| | | |
- | <p><img src="https://static.igem.org/mediawiki/2014/5/56/BBSeeker.png" class="img-responsive"></a></p> | + | <p> |
- | <p>The major tools we made are the Seeker-brand tools. First we made <a href="http://igem-qsf.github.io/BioBrick-Seeker/dist/">BioBrick Seeker.</a> to make searching for the needed BioBricks in the 2014 iGEM Distribution a bit easier. It can be used to find Bricks with a certain keyword or list all from a certain type. It even has a search for the part names to see if the Brick you need is in this year's distribution.</p>
| + | Both use Yeoman for scaffolding and deployment and they are currently running on GitHub Pages, which is free and handles requests very fast, so they will stay available for the foreseeable future. |
| + | </p> |
| | | |
- | <p>All of the code and installation instructions are available at the project's <a href="http://github.com/iGEM-QSF/BioBrick-Seeker">GitHub page.</a></p> | + | <div class="row"> |
- | </article> | + | <div class="col-md-6 text-col-left"> |
- | <article class="green"> | + | <h3>BioBrick Seeker</h3> |
- | <h2>Team Seeker</h2> | + | <p> |
- | <p><img src="https://static.igem.org/mediawiki/2014/a/a9/Aalto_Helsinki_Team_seeker.png" class="img-responsive"></a></p>
| + | The major tools we made are the Seeker-brand tools. First we made <a href="http://igem-qsf.github.io/BioBrick-Seeker/dist/">BioBrick Seeker.</a> to make searching for the needed BioBricks in the 2014 iGEM Distribution a bit easier. It can be used to find Bricks with a certain keyword or list all from a certain type. It even has a search for the part names to see if the Brick you need is in this year's distribution. |
- | </p> | + | </p> |
- | <p>The next one was <a href="http://igem-qsf.github.io/Team-Seeker/dist/">Team Seeker.</a>, a tool to search through the project abstracts of past teams to see if something you've been thinking about has been done before and to find projects that work in a similar field to your own. It has a smart phrase search so writing anything in the search bar should bring up what you need.</p> | + | <p> |
| + | All of the code and installation instructions are available at the project's <a href="http://github.com/iGEM-QSF/BioBrick-Seeker">GitHub page.</a> |
| + | </p> |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/5/56/BBSeeker.png" class="img-responsive"></img> |
| + | <p class="kuvateksti"> |
| + | Here's a screenshot of BioBrick Seeker and how it works if you want to search for a BioBrick that has the word 'fluorescent' in its description. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="row"> |
| + | <div class="col-md-6 text-col-left"> |
| + | <h3>Team Seeker</h3> |
| + | <p> |
| + | The second seeker was <a href="http://igem-qsf.github.io/Team-Seeker/dist/">Team Seeker.</a>, a tool to search through the project abstracts of past teams to see if something you've been thinking about has been done before and to find projects that work in a similar field to your own. It has a smart phrase search so writing anything in the search bar should bring up what you need. |
| + | </p> |
| + | |
| + | <p> |
| + | All of the code and installation instructions are available at the project's <a href="http://igem-qsf.github.io/iGEM-Team-Seeker/dist/">GitHub page.</a> |
| + | </p> |
| + | </div> |
| + | <div class="col-md-6 img-100"> |
| + | <br><br> |
| + | <img src="https://static.igem.org/mediawiki/2014/a/a9/Aalto_Helsinki_Team_seeker.png" class="img-responsive"> |
| + | <p class="kuvateksti"> |
| + | Here's a screenshot of Team Seeker. |
| + | </p> |
| + | </div> |
| + | </div> |
| | | |
- | <p>All of the code and installation instructions are available at the project's <a href="http://igem-qsf.github.io/iGEM-Team-Seeker/dist/">GitHub page.</a>
| |
| </article> | | </article> |
| + | |
| <div class="update Seekers"></div> | | <div class="update Seekers"></div> |
| <div class="update Interlab"></div> | | <div class="update Interlab"></div> |
| + | |
| <article> | | <article> |
- | <div class="link" id="Interlab"></div>
| + | <div class="link" id="Interlab"></div> |
- | <h2>Interlab Study</h2>
| + | |
| + | <h2>Interlab Study</h2> |
| | | |
| </article> | | </article> |
| + | |
| <div class="update Interlab"></div> | | <div class="update Interlab"></div> |
| <div class="update Surveys"></div> | | <div class="update Surveys"></div> |
| + | |
| <article> | | <article> |
- | <div class="link" id="Surveys"></div>
| + | <div class="link" id="Surveys"></div> |
- | <h2>Surveys</h2>
| + | |
| + | <h2>Surveys</h2> |
| | | |
| </article> | | </article> |
| + | |
| <div class="update Surveys"></div> | | <div class="update Surveys"></div> |
| <div class="update Talks"></div> | | <div class="update Talks"></div> |
| + | |
| <article> | | <article> |
- | <div class="link" id="Talks"></div>
| + | <div class="link" id="Talks"></div> |
- | <h2>Talks with Other Teams</h2>
| + | |
| + | <h2>Talks with Other Teams</h2> |
| | | |
| </article> | | </article> |