Difference between revisions of "Team:Open Science Global/Software"

m (Deleted alert, so now page can be evaluated (editor: YK))
Line 1: Line 1:
−
{{IGEM_TopBar}}
+
{{Open_Science_Global/main}}
−
{{Open_Science_Global}}
+
 
<html>
 
<html>
 +
<style>
 +
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 +
body {
 +
  margin: 0;
 +
  background-color: #E5E5E5;
 +
}
  
 +
html {
 +
  scroll-behavior: smooth;
 +
}
  
 +
.container {
 +
  height: auto;
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: horizontal;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: row;
 +
          flex-direction: row;
 +
  -ms-flex-pack: distribute;
 +
      justify-content: space-around;
 +
  -ms-flex-wrap: wrap;
 +
      flex-wrap: wrap;
 +
  -webkit-column-gap: 18px;
 +
          column-gap: 18px;
 +
}
  
 +
.top-banner {
 +
  height: 220px;
 +
  top: 16px;
 +
  background: #FF8552;
 +
}
  
 +
.Title {
 +
  font-family: Roboto;
 +
  text-transform: uppercase;
 +
  font-weight: bold;
 +
  font-size: 2.5vw;
 +
  -ms-flex-item-align: center;
 +
      -ms-grid-row-align: center;
 +
      align-self: center;
 +
  top: 11%;
 +
  left: 50%;
 +
  position: absolute;
 +
}
  
−
<div class="column full_size">
+
.Subtitle {
−
<h1>Software</h1>
+
  display: -webkit-box;
−
<p>For Software Track teams, while you are not eligible for the Software Tool Special Prize, you can use this page to document your work.</p>
+
  display: -ms-flexbox;
 +
  display: flex;
 +
  gap: 28vw;
 +
  height: 20vh;
 +
}
  
−
</div>
+
.Subtitle .mini-subtitle {
−
<div class="column two_thirds_size">
+
  display: -webkit-box;
−
<h3>Best Software Tool Special Prize</h3>
+
  display: -ms-flexbox;
−
<p>Regardless what's the topic, iGEM projects often create or adapt computational tools to move the bigger project forward. Because they are born out of a direct practical need, these software tools (or new computational methods) can even prove surprisingly useful for others. Without necessarily being big or complex, they can make the crucial difference to a project's success. This award tries to find and honor such "nuggets" of computational work.
+
  display: flex;
 +
  -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
  gap: 50px;
 +
  margin-left: 20px;
 +
}
  
−
<br><br>
+
.Subtitle .mini-subtitle .main-subtitle {
−
To compete for the <a href="https://2021.igem.org/Judging/Awards">Best Software Tool prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2021.igem.org/Judging/Judging_Form">judging form</a>.
+
  font-family: Roboto;
−
<br><br>
+
  font-style: normal;
−
To be eligible, your software has to be documented and made available under an OSI approved open source license.
+
  font-weight: bold;
−
<br><br>
+
  font-size: 1.3vw;
−
For software resources, please visit the <a href="https://2021.igem.org/Resources">Resources Hub</a>.
+
}
−
</p>
+
  
 +
.Subtitle .mini-subtitle .line {
 +
  width: 2px;
 +
  height: 26px;
 +
  background: #000000;
 +
}
  
−
</div>
+
.Subtitle .mini-subtitle .subtopic {
 +
  font-family: Roboto;
 +
  font-style: normal;
 +
  font-weight: bold;
 +
  font-size: 1vw;
 +
}
  
−
<div class="column third_size">
+
.subsite-container {
−
<div class="highlight decoration_A_full">
+
  display: -webkit-box;
−
<h3> Inspiration </h3>
+
  display: -ms-flexbox;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  display: flex;
−
Here are a few examples:</p>
+
  -webkit-box-orient: vertical;
−
<ul>
+
  -webkit-box-direction: normal;
−
<li><a href="https://2019.igem.org/Team:Sydney_Australia/Software">2019 Sydney Australia</a></li>
+
      -ms-flex-direction: column;
−
<li><a href="https://2019.igem.org/Team:SMMU-China/Software">2019 SMMU China</a></li>
+
          flex-direction: column;
−
<li><a href="https://2019.igem.org/Team:Grenoble-Alpes/Software">2019 Grenoble Alpes</a></li>
+
  -webkit-box-align: center;
−
<li><a href="https://2020.igem.org/Team:DTU-Denmark/Software">2020 DTU Denmark</a></li>
+
      -ms-flex-align: center;
−
<li><a href="https://2020.igem.org/Team:GunnVistaPingry_US/Software">2020 GunnVistaPingry US</a></li>
+
          align-items: center;
−
<li><a href="https://2020.igem.org/Team:Rochester/Software">2020 Rochester</a></li>
+
  font-family: Roboto;
−
</ul>
+
  font-weight: bold;
−
</div>
+
  -webkit-box-ordinal-group: 2;
−
</div>
+
      -ms-flex-order: 1;
 +
          order: 1;
 +
  -webkit-box-flex: 2;
 +
      -ms-flex-positive: 2;
 +
          flex-grow: 2;
 +
  width: 100px;
 +
  height: 250px;
 +
  -ms-flex-negative: 1;
 +
      flex-shrink: 1;
 +
  margin-left: 7px;
 +
}
  
 +
.subsite-container .submenu-title {
 +
  font-size: 1.3vw;
 +
  margin-bottom: 7px;
 +
}
 +
 +
.subsite-container .index-box {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: vertical;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
          flex-direction: column;
 +
  width: 100%;
 +
  height: 100%;
 +
  font-size: 1.1vw;
 +
  background: #F8F8F8;
 +
  border-radius: 15px;
 +
  -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
  -webkit-box-pack: space-evenly;
 +
      -ms-flex-pack: space-evenly;
 +
          justify-content: space-evenly;
 +
  border-radius: 15px;
 +
}
 +
 +
.subsite-container .index-box a {
 +
  text-decoration: none;
 +
  text-transform: uppercase;
 +
  color: black;
 +
  width: 80%;
 +
  border-bottom: 0.5px solid #DCDCDC;
 +
  text-align: center;
 +
}
 +
 +
.nav-menu {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: vertical;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
          flex-direction: column;
 +
  font-family: Roboto;
 +
  font-weight: bold;
 +
  -webkit-box-ordinal-group: 4;
 +
      -ms-flex-order: 3;
 +
          order: 3;
 +
  -webkit-box-flex: 2;
 +
      -ms-flex-positive: 2;
 +
          flex-grow: 2;
 +
  -ms-flex-negative: 1;
 +
      flex-shrink: 1;
 +
  width: 100px;
 +
  height: 250px;
 +
  margin-right: 7px;
 +
}
 +
 +
.nav-menu .submenu-title {
 +
  font-size: 1.3vw;
 +
  text-align: center;
 +
  text-transform: uppercase;
 +
  margin-bottom: 7px;
 +
}
 +
 +
.nav-menu .submenu-content {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: vertical;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
          flex-direction: column;
 +
  width: 100%;
 +
  height: 100%;
 +
  background: #F8F8F8;
 +
  border-radius: 15px;
 +
  -webkit-box-align: center;
 +
      -ms-flex-align: center;
 +
          align-items: center;
 +
  -webkit-box-pack: space-evenly;
 +
      -ms-flex-pack: space-evenly;
 +
          justify-content: space-evenly;
 +
  border-radius: 15px;
 +
}
 +
 +
.nav-menu .submenu-content a {
 +
  text-decoration: none;
 +
  color: black;
 +
  font-family: Roboto;
 +
  font-size: 1.1vw;
 +
  font-weight: bold;
 +
  width: 80%;
 +
  border-bottom: 0.5px solid #DCDCDC;
 +
  text-align: center;
 +
  text-transform: uppercase;
 +
}
 +
 +
.text-container {
 +
  display: -webkit-box;
 +
  display: -ms-flexbox;
 +
  display: flex;
 +
  -webkit-box-orient: vertical;
 +
  -webkit-box-direction: normal;
 +
      -ms-flex-direction: column;
 +
          flex-direction: column;
 +
  width: 400px;
 +
  height: auto;
 +
  padding-bottom: 2%;
 +
  padding-top: 2%;
 +
  background: #F9F9F9;
 +
  border-radius: 38px;
 +
  -webkit-box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65);
 +
          box-shadow: 0px 11px 15px 1px rgba(0, 0, 0, 0.65);
 +
  -webkit-box-align: start;
 +
      -ms-flex-align: start;
 +
          align-items: flex-start;
 +
  overflow: hidden;
 +
  -webkit-box-ordinal-group: 3;
 +
      -ms-flex-order: 2;
 +
          order: 2;
 +
  -webkit-box-flex: 4;
 +
      -ms-flex-positive: 4;
 +
          flex-grow: 4;
 +
  -ms-flex-negative: 0.5;
 +
      flex-shrink: 0.5;
 +
}
 +
 +
.text-container h2 {
 +
  -ms-flex-item-align: start !important;
 +
      align-self: flex-start !important;
 +
  font-family: Roboto;
 +
  font-weight: bold;
 +
  font-size: 2.5vw;
 +
  height: 5vw;
 +
  width: 39vw;
 +
  letter-spacing: 0.01em;
 +
  text-decoration: none !important;
 +
  color: #000000;
 +
  margin-left: 40px;
 +
  margin-top: 35px!important;
 +
  margin-bottom: 35px!important;
 +
  border-bottom: 2.5px solid #000000;
 +
}
 +
 +
.text-container .text p {
 +
  font-family: Roboto!important;
 +
  font-weight: normal;
 +
  font-size: 1.3vw!important;
 +
  letter-spacing: 0.01em;
 +
  color: #000000;
 +
  text-align: justify;
 +
  margin-right: 40px;
 +
  margin-left: 40px;
 +
}
 +
 +
footer {
 +
  height: 300px;
 +
  width: 100vw;
 +
  bottom: 0;
 +
  background: #1E2833;
 +
  -ms-flex-item-align: end;
 +
      align-self: flex-end;
 +
  -webkit-box-ordinal-group: 5;
 +
      -ms-flex-order: 4;
 +
          order: 4;
 +
  padding-top: 2%;
 +
  margin-top: 5%;
 +
}
 +
 +
@media screen and (max-width: 900px) {
 +
  .Title {
 +
    font-size: 3vw;
 +
  }
 +
  .Subtitle .mini-subtitle .main-subtitle {
 +
    font-size: 2.5vw;
 +
  }
 +
  .Subtitle .mini-subtitle .subtopic {
 +
    font-size: 2vw;
 +
  }
 +
  .nav-menu {
 +
    display: none;
 +
  }
 +
  .subsite-container {
 +
    display: none;
 +
  }
 +
  .text-container {
 +
    margin-left: 20px;
 +
    margin-right: 20px;
 +
  }
 +
  .text-container .text {
 +
    font-size: 2vw;
 +
  }
 +
  h2 {
 +
    font-size: 4vw;
 +
  }
 +
}
 +
 +
@media screen and (max-width: 600px) {
 +
  .Title {
 +
    font-size: 4vw;
 +
  }
 +
  .Subtitle .mini-subtitle .main-subtitle {
 +
    font-size: 2.5vw;
 +
  }
 +
  .Subtitle .mini-subtitle .subtopic {
 +
    font-size: 2vw;
 +
  }
 +
  .nav-menu {
 +
    display: none;
 +
  }
 +
  .subsite-container {
 +
    display: none;
 +
  }
 +
  .text-container {
 +
    margin-left: 20px;
 +
    margin-right: 20px;
 +
  }
 +
  .text-container .text {
 +
    font-size: 3vw;
 +
  }
 +
  h2 {
 +
    font-size: 6vw;
 +
  }
 +
}
 +
</style>
 +
<!-------------------- HTML CONTENT -------------------------------->
 +
 +
<body>
 +
<div class="top-banner">
 +
    </div>
 +
 +
            <div class="Title">Title</div>
 +
            <div class="Subtitle">
 +
            <div class = mini-subtitle>
 +
            <div class="main-subtitle">Title</div>
 +
            <div class="line"></div>
 +
            <div class="subtopic"> Subtopic</div>
 +
            </div>
 +
        </div>
 +
    <div class = "container">
 +
 +
        <div class="subsite-container">
 +
            <div class = "submenu-title">INDEX</div>
 +
            <div class = index-box>
 +
                <a href="#">Subsite</a>
 +
                <a href="#">Subsite</a>
 +
                <a href="#">Subsite</a>
 +
                <a href="#">Subsite</a>
 +
            </div>
 +
        </div>
 +
 +
        <div class = "nav-menu"> 
 +
        <div class="submenu-title">Project</div>
 +
       
 +
        <div class="submenu-content">
 +
            <a href="#Introduction">Introduction</a>
 +
            <a href="#model">Model</a>
 +
            <a href="#contribution">Contribution</a>
 +
            <a href="#proof">Proof of Concept</a>
 +
            <a href="#">Proposed Implementation</a>
 +
            <a href="#">Collaborations</a>
 +
        </div>
 +
 +
        </div>
 +
 +
        <div class="text-container">
 +
            <h2 id="Introduction">Introduction</h2>
 +
            <div class="text">
 +
                <p>
 +
                So many engineering fields use many design-build-test-learn (DBTL) cycles to find optimal results. Biofoundries are the infrastructure that allows synthetic biology and biotechnology to utilize the DBTL as the main workforce of change for solutions in organism engineering. Automation is the key element inside Biofoundries allowing them to high-throughput a wide range of designs, experiments, tests that later will generate integrative reports to define if the desired goal is achieved. However, what should be the final objective for this software in Biofoundries? Well, in our perspective the future depends directly on the creation of autonomous biofoundries, especially the frugal ones.
 +
                </p>
 +
            </div>
 +
 +
            <h2 id="model">Model</h2>
 +
 +
            <div class="text">
 +
                <p>
 +
                Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb.
 +
                </p>
 +
                <p>
 +
                Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
 +
                </p>
 +
            </div>
 +
            <h2 id="contribution">Contribution</h2>
 +
            <div class="text">
 +
                <p>
 +
                Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
 +
 +
                Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
 +
                </p>
 +
            </div>
 +
            <h2 id="proof">Proof of Concept</h2>
 +
            <div class="text">
 +
                <p>
 +
                Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.
 +
                </p>
 +
                <p>
 +
                    Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.
 +
                </p>
 +
            </div>
 +
        </div>
 +
 +
        <footer>
 +
           
 +
        </footer>
 +
    </div>
 +
</body>
 
</html>
 
</html>

Revision as of 19:22, 20 October 2021

Title
Title
Subtopic
INDEX
Subsite Subsite Subsite Subsite
Project
Introduction Model Contribution Proof of Concept Proposed Implementation Collaborations

Introduction

So many engineering fields use many design-build-test-learn (DBTL) cycles to find optimal results. Biofoundries are the infrastructure that allows synthetic biology and biotechnology to utilize the DBTL as the main workforce of change for solutions in organism engineering. Automation is the key element inside Biofoundries allowing them to high-throughput a wide range of designs, experiments, tests that later will generate integrative reports to define if the desired goal is achieved. However, what should be the final objective for this software in Biofoundries? Well, in our perspective the future depends directly on the creation of autonomous biofoundries, especially the frugal ones.

Model

Do you see any Teletubbies in here? Do you see a slender plastic tag clipped to my shirt with my name printed on it? Do you see a little Asian child with a blank expression on his face sitting outside on a mechanical helicopter that shakes when you put quarters in it? No? Well, that's what you see at a toy store. And you must think you're in a toy store, because you're here shopping for an infant named Jeb.

Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.

Contribution

Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends. Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.

Proof of Concept

Your bones don't break, mine do. That's clear. Your cells react to bacteria and viruses differently than mine. You don't get sick, I do. That's also clear. But for some reason, you and I react the exact same way to water. We swallow it too fast, we choke. We get some in our lungs, we drown. However unreal it may seem, we are connected, you and I. We're on the same curve, just on opposite ends.

Now that there is the Tec-9, a crappy spray gun from South Miami. This gun is advertised as the most popular gun in American crime. Do you believe that shit? It actually says that in the little book that comes with it: the most popular gun in American crime. Like they're actually proud of that shit.