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

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>Project</title>
 +
    <style>
 +
        body, html {
 +
            margin: 0;
 +
            padding: 0;
 +
            scroll-behavior: smooth;
 +
        }
  
 +
        a {
 +
            text-decoration: none;
 +
        }
  
−
<div class="clear"></div>
+
        /* Scrollbar customized */
  
−
<div class="column full_size">
+
        ::-webkit-scrollbar {
−
<h1>Project Inspiration and Description </h1>
+
            width: 12px;
−
<h3>Inspiration</h3>
+
        }
  
−
<p>Currently, in the world people wait for around 576 hours per year, waiting for their media to get sterilized, if they work in a lab, 6 days a week. For life-science researchers, this is a major setback because along with studies, if they want to pursue or conduct even the simplest of research, they have to make their media on their own and this requires waiting time of approx 2 hours per batch of media. It is often required to retire home instead of waiting, because even though the media might have been sterilized. This is a huge disadvantage for the researchers, especially ones that are enthusiastic about conducting extracurricular research or carry out projects. 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.</p>
+
        ::-webkit-scrollbar-track {
 +
            box-shadow: inset 0 0 5px #00695c;
 +
            background: #ddd;
 +
        }
  
−
<p>Various fields require the usage of autoclave for minor procedures. Fields like botany, biotechnology, microbiology, zoology, biochemistry, and all other life-sciences fields seldom use these machines, and hence the life-science researchers are not necessarily taught about these procedures, which leads to less knowledge about the functioning or setting up of this machine. While our system is easily understandable by a layman also, just simply on the switch and pour the digested media, then watch the sterile media come out.</p>
+
        ::-webkit-scrollbar-thumb {
 +
            background: linear-gradient(to bottom, #007722, #00aa55);
 +
            border-radius: 3px;
 +
            box-shadow: 2px 2px 4px grey;
 +
        }
  
−
<p>To this date, the old version of autoclave has not been upgraded. Even after years of advancement, no one has ever thought to improvise the system of media sterilization. According to our survey researchers never thought of new techniques can be as effective as an autoclave, even after autoclave is the 1st primary step. So as a part of the iGEM project, we have taken up this topic to develop a sterilization system to sterilize media.</p>
+
        ::-webkit-scrollbar-thumb:hover {
 +
            background: linear-gradient(to bottom, #7d1b54, #e6369c);
 +
            border: 2px solid #75194f;
 +
        }
  
−
<h3>Project Description</h3>
+
        /* Navbar */
  
−
<p>
+
        nav img {
−
So our solution to the old system of the autoclave is to create a sterilization system that can sterilize media within 10 mins. This system is hassle free work as it implies the use of the components like heat, U.V. and alcohol, all this and other miscellaneous parts to sterilize the desired media.
+
            height: 48px;
−
</p>
+
            width: auto;
 +
            border-radius: 3px;
 +
        }
  
−
<h3>Application</h3>
+
        .navbar {
 +
            border-radius: 0;
 +
            margin: 0;
 +
            position: sticky;
 +
            background: #fff;
 +
            border-bottom: 1px solid #444;
 +
        }
  
−
<p>
+
        .navbar-brand {
−
Various fields require the usage of autoclave for minor procedures. Fields like botany, biotechnology, microbiology, zoology, biochemistry, and all other life-sciences fields seldom use these machines, and hence the life-science researchers are not necessarily taught about these procedures, which leads to less knowledge about the functioning or setting up of this machine. While our system is easily understandable by a layman also, just simply on the switch and pour the digested media, then watch the media come out from the other end sterile.
+
            padding: 10px 20px 50px 20px;
−
</p>
+
        }
−
</div>
+
  
 +
        .navbar-nav > li > a {
 +
            padding: 25px;
 +
            text-decoration: none;
 +
            color: #00b129;
 +
            border-radius: 3px;
 +
            font-size: 16px;
 +
            transition: 0.2s;
 +
        }
  
 +
        .navbar-nav > li > a:hover {
 +
            background: #00a126;
 +
            color: #fff;
 +
        }
 +
 +
        .navbar-toggle img {
 +
            height: 25px;
 +
        }
 +
 +
        .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;
 +
            cursor: pointer;
 +
            font-size: 25px;
 +
            transition: 0.5s;
 +
            outline: none;
 +
        }
 +
 +
        .heroText button:hover {
 +
            background: #fff;
 +
            color: #666;
 +
            font-size: 26px;
 +
            padding-top: 10px;
 +
        }
 +
 +
        @media (max-width: 760px) {
 +
            .heroText h1 {
 +
                font-size: 36px;
 +
            }
 +
        }
 +
 +
        /* Description */
 +
 +
        .desc {
 +
            min-height: 100vh;
 +
            display: flex;
 +
            flex-direction: column;
 +
            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: 200px;
 +
        }
 +
 +
        .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.8);
 +
            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;
 +
            }
 +
        }
 +
 +
        /* Global Application */
 +
 +
        .appDesc {
 +
            min-height: 70vh;
 +
            background: linear-gradient(to bottom, #00071d, #001858);
 +
            display: flex;
 +
        }
 +
 +
        .innerApp {
 +
            display: flex;
 +
            flex-direction: column;
 +
            margin: auto;
 +
            width: 60%;
 +
        }
 +
 +
        .innerApp h2 {
 +
            color: #fff;
 +
            margin-bottom: 6vh;
 +
            font-size: 36px;
 +
        }
 +
 +
        .innerApp p {
 +
            color: #eee;
 +
            text-align: justify;
 +
            font-size: 16px;
 +
        }
 +
 +
        .innerApp span {
 +
            color: #66baff;
 +
            font-size: 14px;
 +
        }
 +
 +
        @media (max-width: 760px) {
 +
            .innerApp {
 +
                width: 80%;
 +
            }
 +
 +
            .innerApp h2 {
 +
                margin-top: 10vh;
 +
                text-align: center;
 +
            }
 +
 +
            .innerApp p {
 +
                margin-bottom: 10vh;
 +
            }
 +
        }
 +
 +
        /* Last Section */
 +
 +
        .climax {
 +
            min-height: 30vh;
 +
            display: flex;
 +
        }
 +
 +
        .climax h3 {
 +
            font-size: 25px;
 +
            margin: auto;
 +
            width: 80%;
 +
            line-height: 1.3;
 +
            text-align: center;
 +
            color: #004b42;
 +
            text-shadow: 0.5px 1px 2px #0062b8;
 +
        }
 +
 +
        .climax span {
 +
            color: #006ead;
 +
            text-transform: uppercase;
 +
            font-size: 26px;
 +
        }
 +
 +
        @media (max-width: 760px) {
 +
            .climax h3 {
 +
                font-size: 20px;
 +
            }
 +
 +
            .climax span {
 +
                font-size: 22px;
 +
            }
 +
        }
 +
 +
        /* 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="landing" id="land">
 +
        <div class="overlay">
 +
            <div class="heroText">
 +
                <h1>Steriport</h1>
 +
                <a href="javascript:void(5);" onclick="scrollDown()">
 +
                    <button><i class="fa fa-angle-double-down" aria-hidden="true"></i></button>
 +
                </a>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <div class="desc" id="desc">
 +
        <div class="innerDesc">
 +
            <div class="leftText">
 +
                <h1>Current Setbacks...</h1>
 +
                <p>Currently, in the world people wait for around <b>210 hours per year</b>, waiting for their media to get sterilized if they autoclave twice every week. For life-science researchers, this is a major setback because along with studies, if they want to pursue or conduct even the simplest of research, they have to make their media on their own and this requires waiting time of approx 2 hours per batch of media. It is often required to retire home instead of waiting, because even though the media might have been sterilized. This is a huge disadvantage for the researchers, especially ones that are enthusiastic about conducting extracurricular research or carry out projects. According to UNESCO, the scientific research field harbors around <b>7.8 million life-science researchers</b> in the world as per 2013. Our study tells that, >80% of these people 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.</p>
 +
            </div>
 +
 +
            <div class="rightImg">
 +
                <img src="../img/germs.png" alt="">
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
    <div class="product">
 +
        <div class="productDesc">
 +
            <h2>Why hasn't it been done yet?</h2>
 +
            <ul>
 +
                <li>To this date, the old version of the autoclave has not been upgraded. Even after years of advancement, no one has ever thought to improvise the system of media sterilization. This is because they choose to live with the current traditional ways.</li>
 +
                <li>According to our survey researchers never thought of new techniques that can be as effective as an autoclave, even-after autoclave is the 1st primary step. But as social researchers, we understand that the mood of the researcher impacts the kind of results obtained after the experimentation. Especially when the equipment and reagents used are costly. <br><a href=""><span>(Check out our results from Human Practices).</span></a></li>
 +
                <li>So as a part of the iGEM project, and to improve the daily norms kept about the traditional technique. We have taken up this topic to develop a sterilization system to sterilize media, which can be understood by a layman but also efficiently used by the professionals.</li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
 +
    <div class="useDesc">
 +
        <div class="innerUse">
 +
            <h2>How to use it</h2>
 +
            <p>Almost any life-science requires the need for sterilized media. Our model, steriport is a system that can sterilize and dispense the media within just 8-10 mins. The best thing about our model is that it's very handy to use and also portable. The sterilization is carried out by the action of AMPs such as Lantibiotic nisin-A, Antilisterial bacteriocin subtilosin biosynthesis protein AlbB, and sporulation killing factor (skf). These all are mass-produced by using the chassis E.coli BL21 DE3. The chassis as well as the AMPs are harmless to the human body but have a cidal effect on the contaminating bacteria. For fungal contaminants, we make use of endophytes extracted from Holy Basil and Indian lilac. These all bring about the killing mechanism of the potential contaminants in the media. Also with that, we are using heat and UV-C. The heat will kill the major viruses present in the media. While, we are specifically using the UV germicidal type-C tube, firstly because it will kill or inactivates microorganisms by disrupting the sequence of nucleic acids in DNA, leaving them unable to perform vital cellular functions. As to UV-C effects on human skin isn't harmful, but only irritable to the eyes, for that reason we have coated out UV chamber with acrylic to prevent penetration or possible leakages, this coating also to prevent ‘photoreactivation’ in bacteria. <br><a href=""><span>(Check out our Design)</span></a></p>
 +
        </div>
 +
    </div>
 +
 +
    <div class="appDesc">
 +
        <div class="innerApp">
 +
            <h2>Global Application</h2>
 +
            <p>Various fields require the usage of autoclave for minor procedures. Fields like botany, biotechnology, microbiology, zoology, biochemistry, and all other life-sciences fields seldom use these machines, and hence the life-science researchers are not necessarily taught about these procedures, which leads to less knowledge about the functioning or setting up of this machine. While our system is easily understandable by a layman also, just simply on the switch and pour the digested media, then watch the media come out from the other end *Sterile*.<br> <a href=""><span>(Check out our Model)</span></a></p>
 +
        </div>
 +
    </div>
 +
 +
    <div class="climax">
 +
        <h3>Now they can concentrate more on what's necessary and rest as <span>Steriport</span> will handle the media preparation!</h3>
 +
    </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:44, 20 October 2019

<!DOCTYPE html> Project

Steriport

Current Setbacks...

Currently, in the world people wait for around 210 hours per year, waiting for their media to get sterilized if they autoclave twice every week. For life-science researchers, this is a major setback because along with studies, if they want to pursue or conduct even the simplest of research, they have to make their media on their own and this requires waiting time of approx 2 hours per batch of media. It is often required to retire home instead of waiting, because even though the media might have been sterilized. This is a huge disadvantage for the researchers, especially ones that are enthusiastic about conducting extracurricular research or carry out projects. According to UNESCO, the scientific research field harbors around 7.8 million life-science researchers in the world as per 2013. Our study tells that, >80% of these people 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.

Why hasn't it been done yet?

  • To this date, the old version of the autoclave has not been upgraded. Even after years of advancement, no one has ever thought to improvise the system of media sterilization. This is because they choose to live with the current traditional ways.
  • According to our survey researchers never thought of new techniques that can be as effective as an autoclave, even-after autoclave is the 1st primary step. But as social researchers, we understand that the mood of the researcher impacts the kind of results obtained after the experimentation. Especially when the equipment and reagents used are costly.
    (Check out our results from Human Practices).
  • So as a part of the iGEM project, and to improve the daily norms kept about the traditional technique. We have taken up this topic to develop a sterilization system to sterilize media, which can be understood by a layman but also efficiently used by the professionals.

How to use it

Almost any life-science requires the need for sterilized media. Our model, steriport is a system that can sterilize and dispense the media within just 8-10 mins. The best thing about our model is that it's very handy to use and also portable. The sterilization is carried out by the action of AMPs such as Lantibiotic nisin-A, Antilisterial bacteriocin subtilosin biosynthesis protein AlbB, and sporulation killing factor (skf). These all are mass-produced by using the chassis E.coli BL21 DE3. The chassis as well as the AMPs are harmless to the human body but have a cidal effect on the contaminating bacteria. For fungal contaminants, we make use of endophytes extracted from Holy Basil and Indian lilac. These all bring about the killing mechanism of the potential contaminants in the media. Also with that, we are using heat and UV-C. The heat will kill the major viruses present in the media. While, we are specifically using the UV germicidal type-C tube, firstly because it will kill or inactivates microorganisms by disrupting the sequence of nucleic acids in DNA, leaving them unable to perform vital cellular functions. As to UV-C effects on human skin isn't harmful, but only irritable to the eyes, for that reason we have coated out UV chamber with acrylic to prevent penetration or possible leakages, this coating also to prevent ‘photoreactivation’ in bacteria.
(Check out our Design)

Global Application

Various fields require the usage of autoclave for minor procedures. Fields like botany, biotechnology, microbiology, zoology, biochemistry, and all other life-sciences fields seldom use these machines, and hence the life-science researchers are not necessarily taught about these procedures, which leads to less knowledge about the functioning or setting up of this machine. While our system is easily understandable by a layman also, just simply on the switch and pour the digested media, then watch the media come out from the other end *Sterile*.
(Check out our Model)

Now they can concentrate more on what's necessary and rest as Steriport will handle the media preparation!

Bioriidl © Copyright 2019. All rights reserved.