Difference between revisions of "Team:Bioriidl Somaiya/Collaborations"

Line 1: Line 1:
−
{{Bioriidl_Somaiya}}
+
<!DOCTYPE html>
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <meta charset="UTF-8" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 +
    <link
 +
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
 +
      rel="stylesheet"
 +
      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
 +
      crossorigin="anonymous"
 +
    />
 +
    <link
 +
      rel="stylesheet"
 +
      href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"
 +
    />
 +
    <link
 +
      href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
 +
      rel="stylesheet"
 +
      integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
 +
      crossorigin="anonymous"
 +
    />
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 +
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
 +
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
 +
    <title>Colab</title>
 +
    <style>
 +
      body,
 +
      html {
 +
        margin: 0;
 +
        padding: 0;
 +
        scroll-behavior: smooth;
 +
      }
  
−
<div class="clear"></div>
+
      a {
 +
        text-decoration: none;
 +
      }
  
 +
      /* Scrollbar customized */
  
−
<div class="column full_size">
+
      ::-webkit-scrollbar {
−
<h1>Collaborations</h1>
+
        width: 12px;
 +
      }
  
−
<p>
+
      ::-webkit-scrollbar-track {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
        box-shadow: inset 0 0 5px #00695c;
−
</p>
+
        background: #ddd;
 +
      }
  
−
<h3>Silver Medal Criterion #2</h3>
+
      ::-webkit-scrollbar-thumb {
−
<p>
+
        background: linear-gradient(to bottom, #007722, #00aa55);
−
Document your collaboration(s) clearly on this page to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2019.igem.org/Judging/Medals">2019 Medals Page</a> for more information.
+
        border-radius: 3px;
−
</p>
+
        box-shadow: 2px 2px 4px grey;
−
</div>
+
      }
  
−
<div class="column two_thirds_size">
+
      ::-webkit-scrollbar-thumb:hover {
 +
        background: linear-gradient(to bottom, #7d1b54, #e6369c);
 +
        border: 2px solid #75194f;
 +
      }
  
−
<h4> Which other teams can we work with? </h4>
+
      /* Navbar */
−
<p>
+
−
You can work with any other team in the competition, including standard, software, open, and high school track teams. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
−
</p>
+
  
−
<p>
+
      nav img {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
        height: 48px;
−
</p>
+
        width: auto;
 +
        border-radius: 3px;
 +
      }
  
−
</div>
+
      .navbar {
 +
        border-radius: 0;
 +
        margin: 0;
 +
        position: sticky;
 +
        background: #fff;
 +
        border-bottom: 1px solid #444;
 +
      }
  
 +
      .navbar-brand {
 +
        padding: 10px 20px 50px 20px;
 +
      }
  
 +
      .navbar-nav > li > a {
 +
        padding: 25px;
 +
        text-decoration: none;
 +
        color: #00b129;
 +
        border-radius: 3px;
 +
        font-size: 16px;
 +
        transition: 0.2s;
 +
      }
  
−
<div class="column third_size">
+
      .navbar-nav > li > a:hover {
−
<p>
+
        background: #00a126;
−
Here are some suggestions for projects you could work on with other teams:
+
        color: #fff;
−
</p>
+
      }
  
−
<ul>
+
      .navbar-toggle img {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
        height: 25px;
−
<li> Characterize another team's part </li>
+
      }
−
<li> Debug a construct </li>
+
−
<li> Model or simulate another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
  
 +
      .navbar-right {
 +
        margin-right: 2vw;
 +
      }
  
 +
      .glyphicon {
 +
        margin-right: 1vw;
 +
      }
 +
 +
      @media (max-width: 765px) {
 +
        .navbar {
 +
          background: #fff;
 +
        }
 +
 +
        .navbar-nav {
 +
          background: #fff;
 +
        }
 +
      }
 +
 +
      /* Landing Page */
 +
 +
      .landing {
 +
        height: 60vh;
 +
        background: url("../img/bg.jpg");
 +
        background-attachment: fixed;
 +
        background-position: center;
 +
        background-size: cover;
 +
      }
 +
 +
      .overlay {
 +
        height: 60vh;
 +
        background: rgba(0, 0, 0, 0.85);
 +
        display: flex;
 +
        flex-direction: column;
 +
      }
 +
 +
      .heroText {
 +
        margin: auto;
 +
        display: flex;
 +
        flex-direction: column;
 +
      }
 +
 +
      .heroText h1 {
 +
        margin: 0;
 +
        margin-top: 8vh;
 +
        font-family: Georgia, serif;
 +
        color: #fff;
 +
        font-weight: 500;
 +
        text-align: center;
 +
        font-size: 48px;
 +
        text-transform: uppercase;
 +
        letter-spacing: 3px;
 +
      }
 +
 +
      .heroText a {
 +
        margin: auto;
 +
        margin-top: 5vh;
 +
      }
 +
 +
      .heroText button {
 +
        margin: 0 auto;
 +
        border: 3px solid #fff;
 +
        border-radius: 50%;
 +
        background: none;
 +
        color: white;
 +
        height: 60px;
 +
        width: 60px;
 +
        padding-top: 5px;
 +
        display: flex;
 +
        cursor: pointer;
 +
        font-size: 25px;
 +
        transition: 0.5s;
 +
        outline: none;
 +
      }
 +
 +
      .heroText button:hover {
 +
        background: #fff;
 +
        color: #666;
 +
        font-size: 26px;
 +
        padding-top: 10px;
 +
      }
 +
 +
      .heroText img {
 +
        height: 30px;
 +
        margin: auto;
 +
      }
 +
 +
      @media (max-width: 760px) {
 +
        .heroText h1 {
 +
          font-size: 36px;
 +
        }
 +
      }
 +
 +
      /* Description */
 +
 +
      .desc {
 +
        min-height: 70vh;
 +
        display: flex;
 +
        flex-direction: column;
 +
        padding-top: 15vh;
 +
        background: linear-gradient(to right, #0686c2, #27c7e4);
 +
      }
 +
 +
      .innerDesc {
 +
        display: flex;
 +
        width: 80%;
 +
        margin: auto;
 +
      }
 +
 +
      .leftText {
 +
        flex: 2;
 +
      }
 +
 +
      .leftText h1 {
 +
        margin: 0;
 +
        color: #fff;
 +
        font-size: 48px;
 +
        margin-bottom: 5vh;
 +
        text-shadow: 2px 3px 5px #003ce2;
 +
      }
 +
 +
      .leftText p {
 +
        text-align: justify;
 +
        color: #fff;
 +
        font-size: 16px;
 +
        width: 95%;
 +
        text-shadow: 0.5px 1px 2px #0044ff;
 +
      }
 +
 +
      .leftText > p > b {
 +
        font-size: 18px;
 +
        text-shadow: 1px 1px 3px #0044ff;
 +
      }
 +
 +
      .rightImg {
 +
        flex: 1;
 +
        display: flex;
 +
      }
 +
 +
      .rightImg img {
 +
        margin: auto;
 +
        height: 180px;
 +
      }
 +
 +
      .product {
 +
        background: url("../img/bg.jpg");
 +
        background-attachment: fixed;
 +
        background-position: center;
 +
        background-size: cover;
 +
      }
 +
 +
      .productDesc {
 +
        display: flex;
 +
        flex-direction: column;
 +
        margin: auto;
 +
        background: rgba(0, 0, 10, 0.9);
 +
        min-height: 80vh;
 +
        padding: 15vh 0;
 +
      }
 +
 +
      .productDesc h2 {
 +
        font-size: 36px;
 +
        text-align: center;
 +
        color: #fff;
 +
        margin-bottom: 6vh;
 +
        font-family: Verdana, Geneva, Tahoma, sans-serif;
 +
      }
 +
 +
      .productDesc ul {
 +
        width: 70%;
 +
        color: #ddd;
 +
        margin: auto;
 +
      }
 +
 +
      .productDesc li {
 +
        margin: 4vh 0;
 +
        font-size: 18px;
 +
      }
 +
 +
      .productDesc span {
 +
        font-size: 14px;
 +
        color: #27c7e4;
 +
      }
 +
 +
      @media (max-width: 760px) {
 +
        .innerDesc {
 +
          flex-direction: column;
 +
        }
 +
 +
        .leftText {
 +
          margin: 10vh auto 5vh auto;
 +
        }
 +
 +
        .leftText h1 {
 +
          text-align: center;
 +
          font-size: 36px;
 +
        }
 +
 +
        .leftText p {
 +
          width: 100%;
 +
        }
 +
 +
        .rightImg img {
 +
          margin-bottom: 15vh;
 +
          height: 180px;
 +
        }
 +
 +
        .productDesc h2 {
 +
          font-size: 25px;
 +
        }
 +
 +
        .productDesc ul {
 +
          width: 80%;
 +
        }
 +
 +
        .productDesc li {
 +
          text-align: justify;
 +
          font-size: 16px;
 +
        }
 +
      }
 +
 +
      /* How to use it */
 +
 +
      .useDesc {
 +
        min-height: 80vh;
 +
        display: flex;
 +
      }
 +
 +
      .innerUse {
 +
        display: flex;
 +
        flex-direction: column;
 +
        margin: auto;
 +
      }
 +
 +
      .innerUse h2 {
 +
        color: #00695c;
 +
        font-size: 36px;
 +
        text-align: center;
 +
        margin-bottom: 6vh;
 +
      }
 +
 +
      .innerUse p {
 +
        width: 70%;
 +
        margin: auto;
 +
        color: #444;
 +
        margin-bottom: 8vh;
 +
        font-size: 15px;
 +
        text-align: justify;
 +
      }
 +
 +
      .innerUse span {
 +
        color: #cc0000;
 +
        font-size: 14px;
 +
      }
 +
 +
      @media (max-width: 760px) {
 +
        .innerUse h2 {
 +
          margin-top: 10vh;
 +
        }
 +
      }
 +
      /* Footer */
 +
 +
      .footer {
 +
        height: 10vh;
 +
        background-color: #ddd;
 +
        color: #444;
 +
        text-align: center;
 +
        display: flex;
 +
      }
 +
 +
      .footer p {
 +
        font-size: 12px;
 +
        margin: auto;
 +
      }
 +
    </style>
 +
  </head>
 +
  <body>
 +
    <nav class="navbar navbar-fixed-top" style="position: fixed;" id="myNav">
 +
      <div class="container-fluid">
 +
        <div class="navbar-header">
 +
          <button
 +
            type="button"
 +
            class="navbar-toggle"
 +
            data-toggle="collapse"
 +
            data-target="#myNavbar"
 +
          >
 +
            <img src="../img/ham.png" alt="" style="margin-top: 3px;" />
 +
          </button>
 +
          <a class="navbar-brand" href="#homeSection">
 +
            <img src="../img/igem.png" alt="igem logo" />
 +
          </a>
 +
        </div>
 +
        <div
 +
          class="collapse navbar-collapse"
 +
          style="max-height: 100vh;"
 +
          id="myNavbar"
 +
        >
 +
          <ul class="nav navbar-nav">
 +
            <li><a href="#about">About</a></li>
 +
            <li><a href="#eventOverview">Project</a></li>
 +
            <li><a href="#campusAmba">Parts</a></li>
 +
            <li><a href="#campusAmba">Result</a></li>
 +
            <li><a href="#contact">Human Practices</a></li>
 +
            <li><a href="#contact">Medal Criteria</a></li>
 +
          </ul>
 +
          <!-- <ul class="nav navbar-nav navbar-right">
 +
                    <li>
 +
                    <a href="./login/login.html"
 +
                        ><span class="glyphicon glyphicon-log-in"></span> Login</a
 +
                    >
 +
                    </li>
 +
                </ul> -->
 +
        </div>
 +
      </div>
 +
    </nav>
 +
 +
    <div class="desc" id="desc">
 +
      <div class="innerDesc">
 +
        <div class="leftText">
 +
          <h1>IGEM 2019 collaboration</h1>
 +
          <p>
 +
            The collaboration is formed to learn, know & help each other. To
 +
            merge in IGEM climate with other teams for a better outcome.
 +
          </p>
 +
        </div>
 +
 +
        <div class="rightImg">
 +
          <img src="../img/colab.png" alt="" />
 +
        </div>
 +
      </div>
 +
    </div>
 +
 +
    <div class="product">
 +
      <div class="productDesc">
 +
        <h2>Collaboration is done with four teams</h2>
 +
        <ul>
 +
          <li>
 +
            Team: IGEM Avery
 +
            <br />Collaboration points: <br />Translation in gujrati language.
 +
            <br />The topic was Introduction to rare fatty acid
 +
            <br />Collaboration: <br />
 +
            The comic was formed in Gujarati language script & comic was made as
 +
            a collaboration.
 +
          </li>
 +
          <li>
 +
            Team: IGEM IIT madras <br />Collaboration points: <br />Replication
 +
            & transcription process explanation. <br />The video of replication
 +
            & transcription process were made in Gujarati language
 +
            <br />Collaboration: <br />The video of explaining the process of
 +
            replication & transcription.
 +
          </li>
 +
        </ul>
 +
        <ul>
 +
          <li>
 +
            Team: IGEM ICT Mumbai <br />
 +
            Collaboration points: <br />The chemical, reagent & Bio brick.
 +
            <br />The guidance on Bio brick part. <br />Collaboration: <br />The
 +
            guidance and providing the required chemical, enzyme, reagent.
 +
          </li>
 +
          <li>
 +
            Team: Group collaboration of IGEM TAS_Taipei, IGEM Tuebingen, IGEM
 +
            Costa Rica <br />Collaboration point: <br />
 +
            Participation in iGEMxSDGs Instagram challenge
 +
          </li>
 +
        </ul>
 +
      </div>
 +
    </div>
 +
 +
    <div class="footer">
 +
      <p>Bioriidl &copy; Copyright 2019. All rights reserved.</p>
 +
    </div>
 +
 +
    <script>
 +
      var off = document.getElementById("desc").offsetTop;
 +
      function scrollDown() {
 +
        window.scroll(0, off);
 +
      }
 +
    </script>
 +
  </body>
 
</html>
 
</html>

Revision as of 19:22, 21 October 2019

<!DOCTYPE html> Colab

IGEM 2019 collaboration

The collaboration is formed to learn, know & help each other. To merge in IGEM climate with other teams for a better outcome.

Collaboration is done with four teams

  • Team: IGEM Avery
    Collaboration points:
    Translation in gujrati language.
    The topic was Introduction to rare fatty acid
    Collaboration:
    The comic was formed in Gujarati language script & comic was made as a collaboration.
  • Team: IGEM IIT madras
    Collaboration points:
    Replication & transcription process explanation.
    The video of replication & transcription process were made in Gujarati language
    Collaboration:
    The video of explaining the process of replication & transcription.
  • Team: IGEM ICT Mumbai
    Collaboration points:
    The chemical, reagent & Bio brick.
    The guidance on Bio brick part.
    Collaboration:
    The guidance and providing the required chemical, enzyme, reagent.
  • Team: Group collaboration of IGEM TAS_Taipei, IGEM Tuebingen, IGEM Costa Rica
    Collaboration point:
    Participation in iGEMxSDGs Instagram challenge

Bioriidl © Copyright 2019. All rights reserved.