Line 1: | Line 1: | ||
− | |||
{{Calgary/Imposter-Navbar-No-Logo}} | {{Calgary/Imposter-Navbar-No-Logo}} | ||
− | < | + | <!-- |
− | < | + | Final Colours: |
+ | menu bar (red-brown): #882916 | ||
+ | progress bar (light orange-yellow): #FFA600 | ||
+ | light blue: #0197AE | ||
+ | dark blue: #1E6273 | ||
+ | dark orange: #FF7700 | ||
+ | light red: #FBF6F3 | ||
+ | light yellow: #F1C23F (jumbotron h1) | ||
+ | --> | ||
+ | <!-- INSTRUCTIONS for adding more sections | ||
− | + | 1. copy and paste the following code above the message at end of code (message says CONTENT): | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <div class = "NAME" id="NAME"> | ||
+ | <h2>NAME</h2> | ||
+ | <h3>HEADER</h3> | ||
+ | <p> | ||
+ | PASTE IN TEXT HERE | ||
+ | </p> | ||
+ | </div> | ||
+ | <br> | ||
+ | <hr> | ||
− | + | 2. Where it says NAME, type in name of section. This has to be the SAME thing you type in for every place it says NAME. for the NAME after the id, you cannot include spaces between words, so use dashes instead, also don't use capitals. (Ex. NAME of section is "Future Directions", so i would paste that in where ever it says NAME. for the NAME after the id, I would type in "future-directions".) Also type in desired HEADER and text where it says PASTE IN TEXT HERE. | |
+ | 3. Now we have to add the section to the sidebar menu. For this, go through the code and find the part where it says SIDEBAR. where it says "replace-title" paste in the NAME you put in after the id (Ex. I would paste in "future-directions".) Where it says "Title" paste in the NAME of the section. | ||
+ | |||
+ | 4. Now go to the part of the code where it says "References section of page slightly above the header". In the line of code after that, add in #NAME after a comma after the last one that is there before the curly brackets. (Ex. I would paste in #future-directions after the last item in that line of code after a comma.) | ||
+ | |||
+ | 5. I've included the example in the code so you can follow along.That's all. You're all done!! :D If you need help just ask! | ||
+ | --> | ||
+ | <!-- INSTRUCTIONS for adding more experiment sections to accordion: | ||
+ | |||
+ | 1. copy and paste the following above the message showing where to paste (it says ACCORDION in the message): | ||
+ | |||
+ | <div class="card"> | ||
+ | <div class="card-header" id="headingREPLACE"> | ||
+ | <h2 class="mb-0"> | ||
+ | <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseREPLACE" aria-expanded="false" aria-controls="collapseREPLACE"> | ||
+ | EXPERIMENT | ||
+ | </button> | ||
+ | </h2> | ||
+ | </div> | ||
+ | <div id="collapseREPLACE" class="collapse" aria-labelledby="headingREPLACE" data-parent="#accordionExample"> | ||
+ | <div class="card-body"> | ||
+ | PASTE IN TEXT HERE. | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | 2. Every place where it says REPLACE in the code, type in the next highest numerical number. (Ex. if I am putting in a new experiment I would copy and paste the code above, and type in "Five" where REPLACE is because the last number used in the code was "Four".) The main thing is that whatever you type in for REPLACE has to only be present there and nowhere else in the code!!!! | ||
+ | |||
+ | 3. You can now copy and paste in your text from your protocol where it says PASTE IN TEXT HERE. And paste in the name of your experiment where it says EXPERIMENT. | ||
+ | |||
+ | --> | ||
+ | <html> | ||
+ | <head> | ||
<!-- LINKS THE SIDEBAR CSS SHEET BECAUSE THIS PAGE USES A SIDEBAR --> | <!-- LINKS THE SIDEBAR CSS SHEET BECAUSE THIS PAGE USES A SIDEBAR --> | ||
<link | <link | ||
Line 20: | Line 64: | ||
/> | /> | ||
− | + | <link href="https://fonts.googleapis.com/css2?family=Public+Sans:wght@500;600;700&display=swap" rel="stylesheet"> | |
− | + | <link | |
+ | rel="stylesheet" | ||
+ | type="text/css" | ||
+ | href="https://2020.igem.org/Template:Calgary/Imposter-Content-Style?action=raw&ctype=text/css" | ||
+ | /> | ||
+ | |||
+ | |||
+ | <script src="https://2020.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script> | ||
+ | <style> | ||
+ | /* The banner image */ | ||
+ | .banner-image { | ||
+ | /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */ | ||
+ | background-image: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%), url("https://static.igem.org/mediawiki/2020/e/ed/T--Calgary--judging.png"); | ||
+ | /* Set a specific height */ | ||
+ | height: 65vh; | ||
− | + | /* Position and center the image to scale nicely on all screens */ | |
− | + | background-position: center; | |
− | + | background-repeat: no-repeat; | |
− | + | background-size: cover; | |
− | + | position: relative; | |
− | + | background-attachment: fixed; | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
} | } | ||
Line 54: | Line 105: | ||
}} | }} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
@media (max-width: 767px) { | @media (max-width: 767px) { | ||
Line 67: | Line 113: | ||
} | } | ||
− | |||
+ | /* Fixing the top content under the navbar */ | ||
+ | .banner-image { | ||
+ | position: relative; | ||
+ | } | ||
− | |||
− | + | ||
− | < | + | |
− | <div class ="container-fluid"> | + | |
− | + | /* References section of page slightly above the header */ | |
+ | #bronze, #silver, #gold { | ||
+ | padding-top: 50px; | ||
+ | margin-top: -50px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Font size in sidebar */ | ||
+ | .sidenav a {font-size: 20px;} | ||
+ | |||
+ | |||
+ | /* Accordion styling */ | ||
+ | .btn {color:#882916;} | ||
+ | |||
+ | |||
+ | .intro-body ul { | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | .intro-body ul li:before { | ||
+ | content: '✓'; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
+ | </head> | ||
+ | |||
+ | <body style="background-color: #FFFFFF;" ;> | ||
+ | <div class="container-fluid"> | ||
+ | |||
+ | |||
+ | <!-- SIDEBAR --> | ||
<div class="sidenav" id="sidenav"> | <div class="sidenav" id="sidenav"> | ||
<a href="https://2020.igem.org/Team:Calgary" | <a href="https://2020.igem.org/Team:Calgary" | ||
Line 84: | Line 164: | ||
style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;" | style="height: 150px; width: auto; padding-top:20px; position:relative; left:-20px;" | ||
/></a> | /></a> | ||
− | + | <br> | |
− | <a href="# | + | <a href="#bronze">Bronze</a> |
− | + | <br> | |
− | <a href="# | + | <a href="#silver">Silver</a> |
− | <br> | + | <br> |
− | <a href="# | + | <a href="#gold">Gold</a> |
+ | <br> | ||
+ | <a href="#special-awards"> Special Awards</a> | ||
+ | <br> | ||
</div> | </div> | ||
− | + | ||
− | + | ||
− | + | <div class="main"> | |
+ | <!-- HEADER/BANNER --> | ||
+ | <div class="banner-image"> | ||
<div class="banner-text resp"> | <div class="banner-text resp"> | ||
− | <h1 style="font-family: 'Public Sans', sans-serif | + | <h1 style="font-weight: 600; font-family: 'Public Sans', sans-serif;">JUDGING</h1> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <!-- BODY --> | ||
+ | <div class="intro-body"> | ||
+ | <div class = "project-design" id="bronze"> | ||
+ | <h2>BRONZE</h2> | ||
+ | <h4> Requirements </h4> | ||
+ | |||
+ | <ul> | ||
+ | <li><b>Competition Deliverables</b></li> | ||
+ | <p>We have completed the competition deliverables including the wiki, poster, presentation video, judging form, and promotional video which can be found <a class= "abody" href="https://2020.igem.org/Team:Calgary/Description">here. </a></p> | ||
− | + | <li><b>Attributions</b></li> | |
− | + | <p>We have created an <a class= "abody" href="https://2020.igem.org/Team:Calgary/Attributions">attributions </a> page outlining all the people who have helped us along the way to bring Oviita to fruition</p> | |
+ | |||
+ | <li><b>Project Description</b></li> | ||
+ | <p>We have created a <a class= "abody" href="https://2020.igem.org/Team:Calgary/Description">project description </a> page to outline our motivation, goals, and various components of Oviita. </p> | ||
− | + | <li><b>Contributions</b></li> | |
− | + | <p>We have created a <a class= "abody" href="https://2020.igem.org/Team:Calgary/Contributions">contributions </a> page outlining everything we have contributed to the iGEM community. Additionally, the characterization of the existing registry part, <a href="BBa_K2117000">BBa_K211700,</a> is documented on our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Characterization">characterization </a> page.</p> | |
− | + | ||
− | + | </ul> | |
− | |||
− | |||
− | + | </div> | |
− | + | <br> | |
+ | <hr> | ||
+ | <div class = "part-design" id="silver"> | ||
+ | <h2>SILVER</h2> | ||
+ | <h4>Requirements</h4> | ||
+ | <ul> | ||
+ | <li><b>Engineering Success</b></li> | ||
+ | <p>Oviita has multiple sub-projects that were designed carefully and thoughtfully. Our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Engineering">engineering success</a> page outlines the each of our subprojects that had to be designed and carefully using the engineering design process: <a href="Cellulase_Engineering">cellulase integration </a>, <a href="Biocontainment_Engineering">biocontainment, </a> <a href="Thymol_Engineering"> thymol production, </a> <a href="Bioreactor"> bioreactor creation, </a> and <a href= "Randys_Cell"> Randle's Cell Testing Device. </a>The Engineering Success page provides an overview of all these projects, but you can find more details on each the on their respective subproject specific pages. </p> | ||
+ | <li><b>Collaborations</b></li> | ||
+ | <p>We have collaborated with a number of teams this year all over the world! Check out our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Collaborations">collaborations</a> page to learn more.</p> | ||
+ | |||
+ | <li><b>Human Practices</b></li> | ||
+ | <p>Oviita was designed thoughtfully with the inclusion of stakeholder opinions every step of the way. We have created a <a class= "abody" href="https://2020.igem.org/Team:Calgary/Human_Practices">human practices</a> page to outline our work. </p> | ||
+ | <li><b>Proposed Implementation</b></li> | ||
+ | <p>We have planned extensively for Oviita to be successfully implemented in communities. Check out our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Implementation">proposed implementation</a> page to learn more. </p> | ||
+ | |||
− | + | </ul> | |
− | + | ||
− | + | </div> | |
<br> | <br> | ||
− | + | <hr> | |
− | < | + | <div class = "part-design" id="gold"> |
+ | <h2>GOLD</h2> | ||
+ | <h4>Requirements</h4> | ||
+ | <ul> | ||
+ | <li><b>Integrated Human Practices</b></li> | ||
+ | <p>We designed Oviita to be consistently human-centered and community-based. Check out our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Human_Practices">integrated human practices</a> page to learn more. </p> | ||
− | <p> | + | <li><b>Project Modelling</b></li> |
+ | <p>We have used extensive modelling to inform our wet lab projects and our bioreactor design. Check out our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Model">modelling overview</a> page to see how modelling influenced our project.</p> | ||
− | < | + | <li><b>Science Communication</b></li> |
− | < | + | <p> We have created an <a class= "abody" href="https://2020.igem.org/Team:Calgary/Education">education </a> page to outline the synthetic biology course we made, describe our extensive mentorship endeavours, talk about other initiatives we started to promote synthetic biology education.</p> |
+ | |||
+ | </ul> | ||
+ | </div> | ||
<br> | <br> | ||
+ | <hr> | ||
− | < | + | <div class = "part-design" id="gold"> |
+ | <h2>SPECIAL AWARDS</h2> | ||
+ | <h4> Other awards </h4> | ||
− | < | + | <ul> |
− | <p | + | <li><b>Integrated Human Practices</b></li> |
+ | <p> Oviita is a system that prides itself on being inexpensive, sustainable, and easy to maintain. In order to make this system as accessible as possible, we wanted to take into consideration the culture, lifestyle, and needs of those that would be using it. This use of integrated human practices was achieved through discussions with anthropologists, non-profit organizations, and healthcare workers.</p> | ||
+ | <li><b>Hardware</b></li> | ||
+ | <p> The design of specific <a class= "abody" href="https://2020.igem.org/Team:Calgary/Hardware"> hardware </a> tools were essential for the creation of Oviita. Specifically, we designed a <a class= "abody" href="https://2020.igem.org/Team:Calgary/Bioreactor"> bioreactor </a> for community-based implementation, and <a class= "abody" href="https://2020.igem.org/Team:Calgary/Randys_Cell"> Randle's Cell Testing Device </a> to address inadequate vitamin A testing. </p> | ||
− | + | <li><b> Entrepreneurship</b></li> | |
+ | <p>We have incorporated Oviita as a non-profit organization and have taken the next steps to introduce Oviita to the communities we aim to serve have through our various our wet <a class= "abody" href="https://2020.igem.org/Team:Calgary/Entrepreneurship"> entrepreneurship </a> initiatives.</p> | ||
+ | <li><b>Education</b></li> | ||
+ | <p> We have successfully created a senior-level university synthetic biology course and have implemented it in our school as the first synthetic biology-specific course offered at our institution. This is a major step forward in promoting <a class= "abody" href="https://2020.igem.org/Team:Calgary/Education"> synthetic biology education. </a> Furthermore, we are dedicated to helping all iGEM teams develop good strategies for human practices and team organization. </p> | ||
+ | <li><b>Part Collection</b></li> | ||
+ | <p> We created the first <a class= "abody" href="https://2020.igem.org/Team:Calgary/Part_Collection"> part collection </a> of its kind that includes modular Gibson Assembly compatible parts that make <span style="font-style: italic;class="italic">Y. lipolytica </span> an easier chassis for iGEM teams and the synthetic biology community. </p> | ||
− | + | <li><b>Modelling</b></li> | |
+ | <p> <a class= "abody" href="https://2020.igem.org/Team:Calgary/Model">Modelling </a> was integrated throughout the project. The most prominent impact was in our engineered cellulase enzymes. Other aspects of our project influenced by modelling were the Randle's Cell Testing Device and the bioreactor. </p> | ||
− | + | <li><b>Measurement</b></li> | |
− | + | <p> Measurement is difficult, especially for quantizing the nanoscale movements of biological molecules. To address this, iGEM Calgary introduces GausHaus, a parameterization method for protein dynamics. This is enabled by molecular dynamic simulation and by Gaussian process dynamic models. This method can also be used for the estimation of protein dynamics. Learn more on our <a class= "abody" href="https://2020.igem.org/Team:Calgary/Measurement">measurement page. </a> </p> | |
− | + | ||
− | + | <li><b>Software</b></li> | |
− | + | <p> Software development was an exciting portion of our summer. We were able to develop GausHaus, Sticks, Hardware programming, and Bellatrix. These <a class= "abody" href="https://2020.igem.org/Team:Calgary/Software">software tools </a>were able to enrich our project and ensure that what we were doing was reproducible at every stage. </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <li><b>Sustainable Development</b></li> | |
− | + | <p> We designed Oviita with the UN SDG goals in mind, and tackled a number of them in various aspects of our project. Learn more on our <a href="Sustainable">sustainable development</a> page. </p> | |
+ | </ul> | ||
+ | </div> | ||
+ | <br> | ||
+ | <hr> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | |||
+ | |||
+ | </div> <!-- add in new section of CONTENT above this --> | ||
</div> | </div> | ||
</div> | </div> | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | </body> | + | |
</html> | </html> | ||
− | |||
− | |||
− | |||
{{Calgary/Imposter-Footer}} | {{Calgary/Imposter-Footer}} |
Revision as of 17:11, 27 October 2020
BRONZE
Requirements
- Competition Deliverables
- Attributions
- Project Description
- Contributions
We have completed the competition deliverables including the wiki, poster, presentation video, judging form, and promotional video which can be found here.
We have created an attributions page outlining all the people who have helped us along the way to bring Oviita to fruition
We have created a project description page to outline our motivation, goals, and various components of Oviita.
We have created a contributions page outlining everything we have contributed to the iGEM community. Additionally, the characterization of the existing registry part, BBa_K211700, is documented on our characterization page.
SILVER
Requirements
- Engineering Success
- Collaborations
- Human Practices
- Proposed Implementation
Oviita has multiple sub-projects that were designed carefully and thoughtfully. Our engineering success page outlines the each of our subprojects that had to be designed and carefully using the engineering design process: cellulase integration , biocontainment, thymol production, bioreactor creation, and Randle's Cell Testing Device. The Engineering Success page provides an overview of all these projects, but you can find more details on each the on their respective subproject specific pages.
We have collaborated with a number of teams this year all over the world! Check out our collaborations page to learn more.
Oviita was designed thoughtfully with the inclusion of stakeholder opinions every step of the way. We have created a human practices page to outline our work.
We have planned extensively for Oviita to be successfully implemented in communities. Check out our proposed implementation page to learn more.
GOLD
Requirements
- Integrated Human Practices
- Project Modelling
- Science Communication
We designed Oviita to be consistently human-centered and community-based. Check out our integrated human practices page to learn more.
We have used extensive modelling to inform our wet lab projects and our bioreactor design. Check out our modelling overview page to see how modelling influenced our project.
We have created an education page to outline the synthetic biology course we made, describe our extensive mentorship endeavours, talk about other initiatives we started to promote synthetic biology education.
SPECIAL AWARDS
Other awards
- Integrated Human Practices
- Hardware
- Entrepreneurship
- Education
- Part Collection
- Modelling
- Measurement
- Software
- Sustainable Development
Oviita is a system that prides itself on being inexpensive, sustainable, and easy to maintain. In order to make this system as accessible as possible, we wanted to take into consideration the culture, lifestyle, and needs of those that would be using it. This use of integrated human practices was achieved through discussions with anthropologists, non-profit organizations, and healthcare workers.
The design of specific hardware tools were essential for the creation of Oviita. Specifically, we designed a bioreactor for community-based implementation, and Randle's Cell Testing Device to address inadequate vitamin A testing.
We have incorporated Oviita as a non-profit organization and have taken the next steps to introduce Oviita to the communities we aim to serve have through our various our wet entrepreneurship initiatives.
We have successfully created a senior-level university synthetic biology course and have implemented it in our school as the first synthetic biology-specific course offered at our institution. This is a major step forward in promoting synthetic biology education. Furthermore, we are dedicated to helping all iGEM teams develop good strategies for human practices and team organization.
We created the first part collection of its kind that includes modular Gibson Assembly compatible parts that make Y. lipolytica an easier chassis for iGEM teams and the synthetic biology community.
Modelling was integrated throughout the project. The most prominent impact was in our engineered cellulase enzymes. Other aspects of our project influenced by modelling were the Randle's Cell Testing Device and the bioreactor.
Measurement is difficult, especially for quantizing the nanoscale movements of biological molecules. To address this, iGEM Calgary introduces GausHaus, a parameterization method for protein dynamics. This is enabled by molecular dynamic simulation and by Gaussian process dynamic models. This method can also be used for the estimation of protein dynamics. Learn more on our measurement page.
Software development was an exciting portion of our summer. We were able to develop GausHaus, Sticks, Hardware programming, and Bellatrix. These software tools were able to enrich our project and ensure that what we were doing was reproducible at every stage.
We designed Oviita with the UN SDG goals in mind, and tackled a number of them in various aspects of our project. Learn more on our sustainable development page.