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

 
Line 2: Line 2:
 
<html lang="en">
 
<html lang="en">
 
   <head>
 
   <head>
 +
<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 charset="UTF-8" />
 
     <meta charset="UTF-8" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
Line 6,857: Line 6,876:
 
         }
 
         }
 
       a {
 
       a {
 +
        text-decoration: none;
 +
      }
 +
 +
      /* Scrollbar customized */
 +
 +
      ::-webkit-scrollbar {
 +
        width: 12px;
 +
      }
 +
 +
      ::-webkit-scrollbar-track {
 +
        box-shadow: inset 0 0 5px #00695c;
 +
        background: #ddd;
 +
      }
 +
 +
      ::-webkit-scrollbar-thumb {
 +
        background: linear-gradient(to bottom, #007722, #00aa55);
 +
        border-radius: 3px;
 +
        box-shadow: 2px 2px 4px grey;
 +
      }
 +
 +
      ::-webkit-scrollbar-thumb:hover {
 +
        background: linear-gradient(to bottom, #7d1b54, #e6369c);
 +
        border: 2px solid #75194f;
 +
      }
 +
 +
            a {
 
         text-decoration: none;
 
         text-decoration: none;
 
       }
 
       }
Line 6,926: Line 6,971:
 
       .glyphicon {
 
       .glyphicon {
 
         margin-right: 1vw;
 
         margin-right: 1vw;
 +
      }
 +
 +
      .dropdown-menu li {
 +
        min-width: 20vw;
 +
      }
 +
 +
      .dropdown-menu > li > a {
 +
        font-size: 16px;
 +
        padding: 2vh 2vw;
 +
        color: #777;
 
       }
 
       }
  
Line 6,935: Line 6,990:
 
         .navbar-nav {
 
         .navbar-nav {
 
           background: #fff;
 
           background: #fff;
 +
        }
 +
 +
        .dropdown-menu li {
 +
          min-width: 60vw;
 +
        }
 +
 +
        .dropdown-menu > li > a {
 +
          padding: 3vh 8vw;
 
         }
 
         }
 
       }
 
       }
Line 7,274: Line 7,337:
 
             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;" />
+
             <img
 +
              src="https://2019.igem.org/wiki/images/1/1b/T--Bioriidl_Somaiya--ham.png"
 +
              alt=""
 +
              style="margin-top: 3px;"
 +
            />
 
           </button>
 
           </button>
           <a class="navbar-brand" href="#homeSection">
+
           <a
             <img src="https://2019.igem.org/wiki/images/d/de/T--Bioriidl_Somaiya--igem.png" alt="igem logo" />
+
            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>
 
           </a>
 
         </div>
 
         </div>
Line 7,286: Line 7,359:
 
         >
 
         >
 
           <ul class="nav navbar-nav">
 
           <ul class="nav navbar-nav">
             <li><a href="#about">About</a></li>
+
             <li class="dropdown">
             <li><a href="#eventOverview">Project</a></li>
+
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
             <li><a href="#campusAmba">Parts</a></li>
+
                >Team <span class="caret"></span
             <li><a href="#campusAmba">Result</a></li>
+
              ></a>
             <li><a href="#contact">Human Practices</a></li>
+
              <ul class="dropdown-menu">
             <li><a href="#contact">Medal Criteria</a></li>
+
                <li
 +
                  onclick="window.location= 'https://2019.igem.org/Team:Bioriidl_Somaiya/Team'; "
 +
                >
 +
                  <a href="#">Team Members</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location= 'https://2019.igem.org/Team:Bioriidl_Somaiya/Collaborations'; "
 +
                >
 +
                  <a href="#">Collaboration</a>
 +
                </li>
 +
              </ul>
 +
             </li>
 +
            <li class="dropdown">
 +
              <a class="dropdown-toggle" data-toggle="dropdown" href="#"
 +
                >Project <span class="caret"></span
 +
              ></a>
 +
              <ul class="dropdown-menu">
 +
                <li
 +
                  onclick="window.location= 'https://2019.igem.org/Team:Bioriidl_Somaiya/Description'; "
 +
                >
 +
                  <a href="#">Description</a>
 +
                </li>
 +
                <li
 +
                  onclick="window.location= 'https://2019.igem.org/Team:Bioriidl_Somaiya/Design'; "
 +
                >
 +
                  <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>
 
           </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>
 
       </div>
 
       </div>

Latest revision as of 21:40, 21 October 2019

<!DOCTYPE html> Project

Demonstration

We have given the descriptive part related to our system Steriport in the Hardware page. But the working part of the project is given as follows:

Click here to watch demonstration videos

The inner parts view of the Steriport:

Top part is the funnel enclosed in a transparent acrylic chamber. Then we can see the red cylinder which is the heating chamber around borosil. Then there is U.V. chmaber and then the dispension area, having exhaust fan.

The birds eye view of the system:

From this view the triangle part shown has three U.V. light at each corner of triangle. The yellow part is to control the converer belt that will contain the equipment we need the media to be poured.

The front view of our Steriport:

This part consist of the three main buttons of Temperature adjustments, time adjstement and on/off button, with the touchable screen to digitally see what is happening inside. There are to knobs as you can see the top one seperates the Heating chamber to the U.V. Chamber. The lower knob is to control the media flow into the equipment placed below it. Also consisting the exhaust fan viewed at the back.