Difference between revisions of "Team:Calgary/Model"

Line 4: Line 4:
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css">
 
<link rel="stylesheet" type="text/css" href="https://2019.igem.org/Template:Calgary/Model-Styling?action=raw&ctype=text/css">
 
<script src="https://2019.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Template:Calgary/DynamicSizeModelPage?action=raw&ctype=text/javascript"></script>
 +
<style>
 +
.content-panel.project-icons {
 +
background-color: #f3f3f3;
 +
}
 +
 +
.content-panel.project-icons .component-holder {
 +
display: flex;
 +
flex-direction: column;
 +
margin-top: 120px;
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row {
 +
display: flex;
 +
flex-direction: row;
 +
margin-bottom: 40px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row:last-child {
 +
margin-bottom: 0px;
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row > * {
 +
margin-right: 40px;
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row > *:last-child {
 +
margin-right: 0px;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component {
 +
text-align: center;
 +
max-width: 260px;
 +
padding: 30px;
 +
transform: scale(1);
 +
-webkit-transition: transform 1000ms linear;
 +
    -ms-transition: transform 500ms linear;
 +
    transition: transform 500ms linear;
 +
cursor: pointer;
 +
background-color: white;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component:hover {
 +
transform: scale(1.1);
 +
-webkit-transition: transform 500ms linear;
 +
    -ms-transition: transform 500ms linear;
 +
    transition: transform 500ms linear;
 +
cursor: pointer;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component:hover .icon svg > * {
 +
stroke: #F8B200;
 +
    -webkit-transition: stroke 500ms linear;
 +
    -ms-transition: stroke 500ms linear;
 +
    transition: stroke 500ms linear;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component:hover p {
 +
color: #444444;
 +
    -webkit-transition: color 500ms linear;
 +
    -ms-transition: color 500ms linear;
 +
    transition: color 500ms linear;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component p {
 +
text-align: center;
 +
color: #AAAAAA;
 +
-webkit-transition: color 500ms linear;
 +
    -ms-transition: color 500ms linear;
 +
    transition: color 500ms linear;
 +
}
 +
 +
#HQ_page .content-panel.project-icons .component-holder .component-row .project-component h2 {
 +
 +
    font-weight: 600;
 +
    font-size: 16px;
 +
    line-height: 24px;
 +
    text-transform: uppercase;
 +
    font-variant: small-caps;
 +
margin-bottom: 5px;
 +
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row .project-component .icon {
 +
margin-bottom: 20px;
 +
}
 +
 +
.content-panel.project-icons .component-holder .component-row .project-component .icon svg > * {
 +
stroke: #00C2FF;
 +
    -webkit-transition: stroke 1000ms linear;
 +
    -ms-transition: stroke 1000ms linear;
 +
    transition: stroke 1000ms linear;
 +
}
 +
 +
@media only screen and (max-width: 750px) {
 +
 +
    .content-panel.project-icons .component-holder .component-row {
 +
        flex-direction: column;
 +
        margin-bottom: 40px;
 +
        margin-left: auto;
 +
        margin-right: auto;
 +
    }
 +
 +
    .content-panel.project-icons .component-holder .component-row > * {
 +
        margin-right: 0px;
 +
margin-bottom: 40px;
 +
    }
 +
 +
    .content-panel.project-icons .component-holder .component-row > *:last-child {
 +
        margin-right: 0px;
 +
margin-bottom: 0px;
 +
    }
 +
 +
}
 +
</style>
 
</head>
 
</head>
 
<body>
 
<body>
Line 118: Line 234:
  
 
</div>
 
</div>
 
+
<div class="content-panel highlights dynamic-padding">
 +
<h1>Project Highlights</h1>
 +
<div class="article-holder">
 +
<div class="emphasis-quote" data-link="https://2019.igem.org/Team:Calgary/Modelling/StandardizedSeedGrading">
 +
<img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
 +
<p class="quote">Green is the different between profit and loss.</p>
 +
<img class="quotation" src="https://static.igem.org/mediawiki/2019/a/a8/T--Calgary--quotation.svg">
 +
</div>
 +
<div class="articles">
 +
<div class="article-row">
 +
<div class="article" data-link="https://2019.igem.org/Team:Calgary/Anti-Fungal">
 +
<h2>Chlorophyll Repurposing</h2>
 +
<h1>An Anti-Fungal Treatment</h1>
 +
<p>Fungus growth has proven to be a destructive condition for canola plants and we may have found a solution.</p>
 +
</div>
 +
<div class="article" data-link="https://2019.igem.org/Team:Calgary/Model/InSilicoEmulsionSystemVerification">
 +
<h2>Modelling</h2>
 +
<h1>Understanding our protein in different environments</h1>
 +
<p>With the direction, knowledge, and tools supplied by Dr. Anderson we were off to design the experiments that would allow for the better understanding of the 6GIX protein in multiple systems.</p>
 +
</div>
 +
</div>
 +
<div class="article-row" data-link="https://2019.igem.org/Team:Calgary/Software">
 +
<div class="article">
 +
<h2>Software</h2>
 +
<h1>Optimizing the production and synthesis of DNA</h1>
 +
<p>Codon optimization is a standard problem in synthetic biology. We created a tool that removes repeats, hairpins, and keeps GC richness below a certain percentage.</p>
 +
</div>
 +
<div class="article" data-link="https://2019.igem.org/Team:Calgary/Entrepreneurship">
 +
<h2>Entrepreneurship</h2>
 +
<h1>Commercializing our Project</h1>
 +
<p>Over the summer, we examined the entrepreneurial aspects of our project and navigated intellectual property regulations and market analysis techniques.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div></div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>

Revision as of 17:45, 19 October 2019

Modelling

Blurb about why modelling is so important

The workflow of iGEM's Calgary modelling team followed a natural progression to inform both the wetlab and the wetlab informing our modelling.

Project Highlights

Green is the different between profit and loss.

Chlorophyll Repurposing

An Anti-Fungal Treatment

Fungus growth has proven to be a destructive condition for canola plants and we may have found a solution.

Modelling

Understanding our protein in different environments

With the direction, knowledge, and tools supplied by Dr. Anderson we were off to design the experiments that would allow for the better understanding of the 6GIX protein in multiple systems.

Software

Optimizing the production and synthesis of DNA

Codon optimization is a standard problem in synthetic biology. We created a tool that removes repeats, hairpins, and keeps GC richness below a certain percentage.

Entrepreneurship

Commercializing our Project

Over the summer, we examined the entrepreneurial aspects of our project and navigated intellectual property regulations and market analysis techniques.