Difference between revisions of "Team:Bioriidl Somaiya"

 
(7 intermediate revisions by 2 users not shown)
Line 2: Line 2:
 
<head>
 
<head>
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 +
<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>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
Line 6,879: Line 6,898:
 
         /* Navbar */
 
         /* Navbar */
  
        nav img {
+
      nav img {
            height: 60px;
+
        height: 48px;
            width: auto;
+
        width: auto;
            border-radius: 3px;
+
        border-radius: 3px;
            padding-top: 12px;
+
      }
        }
+
  
        .navbar {
+
      .navbar {
            border-radius: 0;
+
        border-radius: 0;
            margin: 0;
+
        margin: 0;
            position: sticky;
+
        position: sticky;
        }
+
      }
  
        .navbar-brand {
+
      .navbar-nav {
            padding: 10px 20px 50px 20px;
+
        margin: 0;
        }
+
      }
  
        .navbar-collapse {
+
      .navbar-brand {
            padding-top: 10px;
+
        padding: 10px 20px 50px 20px;
        }
+
      }
  
        .navbar-nav > li > a {
+
      .navbar-nav > li > a {
            padding: 25px;
+
        padding: 25px;
            text-decoration: none;
+
        text-decoration: none;
            color: #00b129;
+
        color: #00b129;
            border-radius: 3px;
+
        border-radius: 3px;
            font-size: 16px;
+
        font-size: 16px;
            transition: 0.2s;
+
        transition: 0.2s;
        }
+
      }
  
        .navbar-nav > li > a:hover {
+
      .navbar-nav > li > a:hover {
            background: #00a126;
+
        background: #00a126;
            color: #fff;
+
        color: #fff;
        }
+
      }
  
        .navbar-toggle img {
+
      .navbar-toggle img {
            height: 25px;
+
        height: 25px;
         }
+
      }
 +
 
 +
      .navbar-right {
 +
         margin-right: 2vw;
 +
      }
 +
 
 +
      .glyphicon {
 +
        margin-right: 1vw;
 +
      }
  
         .navbar-right {
+
      .nav-transparent {
            margin-right: 2vw;
+
         transition: 0.3s;
 +
      }
 +
 
 +
      .nav-colored {
 +
        background-color: #fff;
 +
        border-bottom: 1px solid #444;
 +
        transition: 0.3s;
 +
      }
 +
 
 +
      .dropdown-menu li {
 +
        min-width: 20vw;
 +
      }
 +
 
 +
      .dropdown-menu > li > a {
 +
        font-size: 16px;
 +
        padding: 2vh 2vw;
 +
        color: #777;
 +
      }
 +
 
 +
      @media (max-width: 765px) {
 +
        .navbar {
 +
          background: #fff;
 
         }
 
         }
  
         .glyphicon {
+
         .navbar-nav {
            margin-right: 1vw;
+
          background: #fff;
 
         }
 
         }
  
         .nav-transparent {
+
         .dropdown-menu li {
            transition: 0.3s;
+
          min-width: 60vw;
 
         }
 
         }
  
         .nav-colored {
+
         .dropdown-menu > li > a {
            background-color:#fff;
+
          padding: 3vh 8vw;
            border-bottom: 1px solid #444;
+
            transition: 0.3s;
+
 
         }
 
         }
 +
      }
  
        @media (max-width: 765px) {
 
            nav img {
 
                height: 48px;
 
            }
 
  
            .navbar {
 
                background: #fff;
 
            }
 
 
            .navbar-nav {
 
                background: #fff;
 
            }
 
        }
 
  
 
         /* Landing Page */
 
         /* Landing Page */
Line 7,011: Line 7,045:
 
             transition: 0.5s;
 
             transition: 0.5s;
 
             outline: none;
 
             outline: none;
 +
            display: flex;
 
         }
 
         }
  
Line 7,018: Line 7,053:
 
             font-size: 26px;
 
             font-size: 26px;
 
             padding-top: 10px;
 
             padding-top: 10px;
 +
        }
 +
 +
        .heroText img {
 +
            height: 30px;
 +
            margin: auto;
 
         }
 
         }
  
Line 7,197: Line 7,237:
 
<div class="fullWidthWiki">
 
<div class="fullWidthWiki">
 
     <nav class="navbar navbar-fixed-top" style="position: fixed;" id="myNav">
 
     <nav class="navbar navbar-fixed-top" style="position: fixed;" id="myNav">
        <div class="container-fluid">
+
      <div class="container-fluid">
            <div class="navbar-header">
+
        <div class="navbar-header">
                <button
+
          <button
                    type="button"
+
            type="button"
                    class="navbar-toggle"
+
            class="navbar-toggle"
                    data-toggle="collapse"
+
            data-toggle="collapse"
                    data-target="#myNavbar"
+
            data-target="#myNavbar"
 +
          >
 +
            <img
 +
              src="https://2019.igem.org/wiki/images/1/1b/T--Bioriidl_Somaiya--ham.png"
 +
              alt=""
 +
              style="margin-top: 3px;"
 +
            />
 +
          </button>
 +
          <a
 +
            class="navbar-brand"
 +
            href="https://2019.igem.org/Team:Bioriidl_Somaiya"
 +
          >
 +
            <img
 +
              src="https://2019.igem.org/wiki/images/d/de/T--Bioriidl_Somaiya--igem.png"
 +
              alt="igem logo"
 +
            />
 +
          </a>
 +
        </div>
 +
        <div
 +
          class="collapse navbar-collapse"
 +
          style="max-height: 100vh;"
 +
          id="myNavbar"
 +
        >
 +
          <ul class="nav navbar-nav">
 +
            <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
 +
                >Team <span class="caret"></span
 +
              ></a>
 +
              <ul class="dropdown-menu">
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Team';"
 
                 >
 
                 >
                    <img src="https://2019.igem.org/wiki/images/1/1b/T--Bioriidl_Somaiya--ham.png" alt="" style="margin-top: 3px;" />
+
                  <a href="#">Team Members</a>
                 </button>
+
                </li>
                 <a class="navbar-brand" href="https://2019.igem.org/Team:Bioriidl_Somaiya">
+
                <li
                    <img src="https://2019.igem.org/wiki/images/d/de/T--Bioriidl_Somaiya--igem.png" alt="igem logo" />
+
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Collaborations';"
                 </a>
+
                >
             </div>
+
                  <a href="#">Collaboration</a>
             <div class="collapse navbar-collapse" id="myNavbar" style="max-height: 100vh">
+
                </li>
                 <ul class="nav navbar-nav">
+
              </ul>
                    <li onclick="window.location='https://2019.igem.org/Team:Bioriidl_Somaiya/Team';">About</li>
+
            </li>
                    <li onclick="window.location='https://2019.igem.org/Team:Bioriidl_Somaiya/Description';">Project</li>
+
            <li class="dropdown">
                    <li><a href="https://2019.igem.org/Team:Bioriidl_Somaiya/Parts">Parts</a></li>
+
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
                    <li><a href="https://2019.igem.org/Team:Bioriidl_Somaiya/Results">Result</a></li>
+
                >Project <span class="caret"></span
                    <li><a href="https://2019.igem.org/Team:Bioriidl_Somaiya/Human_Practices">People</a></li>
+
              ></a>
                    <li><a href="#medal">Medal Criteria</a></li>
+
              <ul class="dropdown-menu">
                </ul>
+
                <li
                <!-- <ul class="nav navbar-nav navbar-right">
+
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Description';"
                    <li>
+
                >
                    <a href="./login/login.html"
+
                  <a href="#">Description</a>
                        ><span class="glyphicon glyphicon-log-in"></span> Login</a
+
                </li>
                    >
+
                <li
                    </li>
+
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Design';"
                 </ul> -->
+
                >
             </div>
+
                  <a href="#">Design</a>
 +
                 </li>
 +
                 <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Experiments';"
 +
                >
 +
                  <a href="#">Experiments</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Experiments';"
 +
                >
 +
                  <a href="#">Notebook</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Team';"
 +
                >
 +
                  <a href="#">Contributions</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Results';"
 +
                >
 +
                  <a href="#">Results</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Demonstrate';"
 +
                >
 +
                  <a href="#">Demonstration</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Improve';"
 +
                >
 +
                  <a href="#">Improvements</a>
 +
                </li>
 +
                <!-- <li onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Attributions';">
 +
                  <a href="#">Attributions</a>
 +
                 </li> -->
 +
              </ul>
 +
             </li>
 +
             <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
 +
                 >Parts <span class="caret"></span
 +
              ></a>
 +
              <ul class="dropdown-menu">
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';"
 +
                >
 +
                  <a href="#">Parts Overview</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';"
 +
                >
 +
                  <a href="#">Basic Parts</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';"
 +
                >
 +
                  <a href="#">Composite Parts</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';"
 +
                >
 +
                  <a href="#">Parts Collection</a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li
 +
              onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Safety';"
 +
            >
 +
              <a href="#">Safety</a>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
 +
                >Human Practices <span class="caret"></span
 +
              ></a>
 +
              <ul class="dropdown-menu">
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Human_Practices';"
 +
                >
 +
                  <a href="#">Human Practices</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Public_Engagement';"
 +
                >
 +
                  <a href="#">Education and Engagement</a>
 +
                </li>
 +
              </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
 +
                >Awards <span class="caret"></span
 +
              ></a>
 +
              <ul class="dropdown-menu">
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Entrepreneurship';"
 +
                >
 +
                  <a href="#">Entrepreneurship</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Hardware';"
 +
                >
 +
                  <a href="#">Hardware</a>
 +
                </li>
 +
                <!-- <li onclick="window.location = '';">
 +
                  <a href="#">Measurement</a>
 +
                </li>
 +
                <li onclick="window.location = '';"><a href="#">Model</a></li>
 +
                 <li onclick="window.location = '';"><a href="#">Plant</a></li> -->
 +
                <li
 +
                  onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Software';"
 +
                >
 +
                  <a href="#">Software</a>
 +
                </li>
 +
              </ul>
 +
             </li>
 +
            <li
 +
              onclick="window.location = 'https://igem.org/2019_Judging_Form?team=Bioriidl_Somaiya';"
 +
            >
 +
              <a href="#">Judging Form</a>
 +
            </li>
 +
          </ul>
 
         </div>
 
         </div>
 +
      </div>
 
     </nav>
 
     </nav>
  
Line 7,237: Line 7,426:
 
                 <p>Making Sterilization + Dispensing Fast and Portable</p>
 
                 <p>Making Sterilization + Dispensing Fast and Portable</p>
 
                 <a href="javascript:void(5);" onclick="scrollDown()">
 
                 <a href="javascript:void(5);" onclick="scrollDown()">
                     <button><i class="fa fa-angle-double-down" aria-hidden="true"></i></button>
+
                     <button><img src="https://2019.igem.org/wiki/images/8/84/T--Bioriidl_Somaiya--arrow.png" alt="arrow"></button>
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
Line 7,281: Line 7,470:
 
         </p>
 
         </p>
 
         <p>
 
         <p>
             So our solution to this is Steriport a better way to sterilization system that can sterilize media within 10 mins and can be effortlessly carried by the operator. This system involves a hassle-free working process, involving sterilization of media and then after automated dispensing mechanism. This implies the use of components like heat, U.V., and alcohol, with also implementing BioBrick parts to sterilize the desired media.
+
             So our solution to this is Steriport a better way to sterilization system that can sterilize media within 10 mins and can be effortlessly carried by the operator. This system involves a hassle-free working process, involving sterilization of media and then after automated dispensing mechanism. This implies the use of components like heat, U.V., and HEPA filters, with also implementing BioBrick parts to sterilize the desired media.
 
         </p>
 
         </p>
 
     </div>
 
     </div>
Line 7,288: Line 7,477:
 
         <div class="cardRow">
 
         <div class="cardRow">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/4/44/T--Rice--Safety1.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/4/44/T--Rice--Safety1.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Description';">
 
                     <h2>Wetlab</h2>
 
                     <h2>Wetlab</h2>
 
                 </div>
 
                 </div>
Line 7,294: Line 7,483:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/f/f2/T--Bioriidl_Somaiya--design.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/f/f2/T--Bioriidl_Somaiya--design.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Design';">
 
                     <h2>Design</h2>
 
                     <h2>Design</h2>
 
                 </div>
 
                 </div>
Line 7,300: Line 7,489:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/9/98/T--Bioriidl_Somaiya--hard.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/9/98/T--Bioriidl_Somaiya--hard.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Hardware';">
 
                     <h2>Hardware</h2>
 
                     <h2>Hardware</h2>
 
                 </div>
 
                 </div>
Line 7,306: Line 7,495:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/3/38/T--Bioriidl_Somaiya--res.jpg');  background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/3/38/T--Bioriidl_Somaiya--res.jpg');  background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Results';">
 
                     <h2>Results</h2>
 
                     <h2>Results</h2>
 
                 </div>
 
                 </div>
Line 7,314: Line 7,503:
 
         <div class="cardRow">
 
         <div class="cardRow">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/a/ae/T--Bioriidl_Somaiya--part.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/a/ae/T--Bioriidl_Somaiya--part.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';">
 
                     <h2>Parts</h2>
 
                     <h2>Parts</h2>
 
                 </div>
 
                 </div>
Line 7,320: Line 7,509:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/1/13/T--Bioriidl_Somaiya--modal.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/1/13/T--Bioriidl_Somaiya--modal.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Parts';">
 
                     <h2>Models</h2>
 
                     <h2>Models</h2>
 
                 </div>
 
                 </div>
Line 7,326: Line 7,515:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/1/16/T--Bioriidl_Somaiya--ppl.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/1/16/T--Bioriidl_Somaiya--ppl.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Human_Practices';">
 
                     <h2>People</h2>
 
                     <h2>People</h2>
 
                 </div>
 
                 </div>
Line 7,332: Line 7,521:
  
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/7/7b/T--Bioriidl_Somaiya--medal.jpg'); background-position: center; background-size: cover;">
 
             <div class="card" style="background: url('https://2019.igem.org/wiki/images/7/7b/T--Bioriidl_Somaiya--medal.jpg'); background-position: center; background-size: cover;">
                 <div class="cardOverlay">
+
                 <div class="cardOverlay" onclick="window.location = 'https://2019.igem.org/Team:Bioriidl_Somaiya/Entrepreneurship';">
 
                     <h2>Medal Criteria</h2>
 
                     <h2>Medal Criteria</h2>
 
                 </div>
 
                 </div>
Line 7,344: Line 7,533:
 
</div>
 
</div>
 
     <script>
 
     <script>
         var myNav = document.getElementById('myNav');
+
         var myNav = document.getElementById("myNav");
        window.onscroll = function () {  
+
      window.onscroll = function() {
            var toggleHeight = document.getElementById('desc').offsetTop - myNav.offsetHeight;
+
        var toggleHeight =
            if (window.scrollY >= toggleHeight ) {
+
          document.getElementById("desc").offsetTop - myNav.offsetHeight;
                myNav.classList.add("nav-colored");
+
        if (window.scrollY >= toggleHeight) {
                myNav.classList.remove("nav-transparent");
+
          myNav.classList.add("nav-colored");
            }  
+
          myNav.classList.remove("nav-transparent");
            else {
+
        } else {
                myNav.classList.add("nav-transparent");
+
          myNav.classList.add("nav-transparent");
                myNav.classList.remove("nav-colored");
+
          myNav.classList.remove("nav-colored");
            }
+
        }
        };
+
      };
  
        var off = document.getElementById('desc').offsetTop;
+
      var off = document.getElementById("desc").offsetTop;
        function scrollDown() {
+
      function scrollDown() {
            window.scroll(0,off);
+
        window.scroll(0, off);
        }
+
      }
  
 
         var ps = document.getElementsByTagName("p");
 
         var ps = document.getElementsByTagName("p");

Latest revision as of 22:06, 21 October 2019

iGEM | Bioriidl

Steriport

Making Sterilization + Dispensing Fast and Portable

Currently, in the world people wait for around 210 hours per year, waiting for their media to get sterilized. Requiring to wait for approx 2 hours per batch of media (From preparing to wrap the requirements to unloading material).

According to UNESCO, the scientific research field harbors around 7.8 million life-science researchers in the world as per 2013. 90% of these have to go home after setting up the autoclave and carry out their experiment the next day. 78% of these very life-science researchers lose motivation to carry out their projects due to the taxing waiting intervals.

No alternative techniques have been implemented else than steam sterilization for media. As people started to live with the traditional technique.

But as a research team, it’s always important to improvise every basic need of a dedicated researcher. Let it be the primary step of media preparation only. So as a part of the iGEM project, we have taken up this topic to develop a portable sterilization system, the ‘STERIPORT’.

So our solution to this is Steriport a better way to sterilization system that can sterilize media within 10 mins and can be effortlessly carried by the operator. This system involves a hassle-free working process, involving sterilization of media and then after automated dispensing mechanism. This implies the use of components like heat, U.V., and HEPA filters, with also implementing BioBrick parts to sterilize the desired media.

Wetlab

Design

Hardware

Results

Parts

Models

People

Medal Criteria