Difference between revisions of "Team:Cornell NY/Animation"

(Created page with "{{:Team:Cornell_NY/navbar}} <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic...")
 
 
(7 intermediate revisions by 3 users not shown)
Line 14: Line 14:
  
  
−
     <link href="https://2016.igem.org/Team:Cornell_NY/homeCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
     <link href="https://2016.igem.org/Team:Cornell_NY/sidebarstyle?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/homeJS?action=raw&ctype=text/javascript"></script>  
+
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarmain?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarmodernizr?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/sidebarjquery?action=raw&ctype=text/javascript"></script>
  
 
<link href="http://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700" rel="stylesheet" type="text/css">
 
<link href="http://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700" rel="stylesheet" type="text/css">
 +
        <link href="https://2016.igem.org/Team:Cornell_NY/themify-icons?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
        <link href="https://2016.igem.org/Team:Cornell_NY/bootstrap?action=raw&ctype=text/css"rel="stylesheet" type="text/css">
 +
        <link href="https://2016.igem.org/Team:Cornell_NY/theme?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
   
 +
       
 +
 +
<script type="text/javascript" src="https://2016.igem.org/Team:Cornell_NY/homeJS?action=raw&ctype=text/javascript"></script>
 +
 +
  
 
<link href="http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600" rel="stylesheet" type="text/css">
 
<link href="http://fonts.googleapis.com/css?family=Lato:300,400%7CRaleway:100,400,300,500,600,700%7COpen+Sans:400,500,600" rel="stylesheet" type="text/css">
 
     <script type="text/javascript" async="" src="https://widget.intercom.io/widget/jrdbn46n"></script><script type="text/javascript" src="https://cdn.syndication.twimg.com/widgets/timelines/492085717044981760?&amp;lang=en&amp;callback=twitterFetcher.callback&amp;suppress_response_codes=true&amp;rnd=0.8463142197506373"></script>
 
     <script type="text/javascript" async="" src="https://widget.intercom.io/widget/jrdbn46n"></script><script type="text/javascript" src="https://cdn.syndication.twimg.com/widgets/timelines/492085717044981760?&amp;lang=en&amp;callback=twitterFetcher.callback&amp;suppress_response_codes=true&amp;rnd=0.8463142197506373"></script>
 +
 +
<link href="http://fonts.googleapis.com/css?family=Poppins:100,300,400,600,700" rel="stylesheet" type="text/css">
  
 
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
 
<script async="" src="https://www.google-analytics.com/analytics.js"></script>
Line 35: Line 48:
 
<body>
 
<body>
  
−
<div class = "page-header" style="margin:0px 0 0px;background-image:url(https://static.igem.org/mediawiki/2016/9/94/T--Cornell_NY--OpeningBanner.png) ;background-repeat:no-repeat; background-position:center; background-size: cover; width:100%;">
 
  
−
<left><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;color:white;">Animation</h1></left>
+
<section style="padding:96px 0;background-color:#47b475">
 +
<center><h1 class="cig-circle-title large mb40 mb-xs-16" style="color:white;padding-top: 100px;">Animation</h1></center>
  
 +
</section>
  
 +
<section style="padding:96px 0;background-color:white">
 +
<div class="container">
 +
                    <div class="row">
 +
                        <div class="col-sm-12">
 +
                                <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;"><center>Module integration with Shell</center></h3>
 +
</div>
 +
</div><!-- row -->
 +
 +
<div class="row">
 +
<div class = "col-sm-1"></div>
 +
                        <div class="col-sm-10">
 +
                                <p class="lead mb40" style="color:black;">The modules come together by aligning the notch on the top of one module with the opening of an L-shaped groove on the bottom of another module. A radial channel allows for a twist-lock mechanism to secure the modules together. </p>
  
 
</div>
 
</div>
 +
<div class = "col-sm-1"></div>
 +
</div><!-- row -->
  
 +
<div class="row" style="margin-bottom:40px;">
 +
<div class = "col-sm-1"></div>
 +
                        <div class="col-sm-10">
 +
                                <center><img class ="cast-shadow" src="https://static.igem.org/mediawiki/2016/b/b1/T--Cornell_NY--PDShell.png" style="width:55%;"></img></center>
  
 +
</div>
 +
<div class = "col-sm-1"></div>
  
 +
</div><!-- row -->
  
−
<div class = "page-header" style="background-color:white;margin:110px 0 0px;">
 
−
<div class= "container-fluid" >
 
−
<div class ="row">
 
−
<div class = "col-sm-12">
 
−
<center><h1 style="padding-top:150px;padding-bottom:130px;padding-left:50px;">Info</h1><center>
 
−
</div>
 
  
  
−
</div>    <!--row,divide up col's to put pics, and text, etc -->
 
−
  </div>    <!-- container -->
 
−
</div>    <!-- page-header -->
 
  
  
  
 +
</div> <!-- container -->
 +
 +
 +
</section>
 +
 +
 +
<section style="padding:96px 0;background-color:rgba(245,245,245,0.45);">
 +
<div class="container">
 +
                    <div class="row">
 +
                        <div class="col-sm-12">
 +
                                <h3 class="uppercase color-primary mb40 mb-xs-24" style="margin-bottom: 40px;"><center>Module components</center></h3>
 +
</div>
 +
</div><!-- row -->
 +
 +
<div class="row" style="margin-bottom:50px;">
 +
<div class = "col-sm-1"></div>
 +
                        <div class="col-sm-10">
 +
                              <center>  <iframe src="http://www.youtube.com/embed/VpZgVUEeVFQ" width="560" height="315" frameborder="0" allowfullscreen></iframe></center>
 +
 +
</div>
 +
<div class = "col-sm-1"></div>
 +
</div><!-- row -->
 +
 +
<div class="row" style="margin-bottom:40px;">
 +
<div class = "col-sm-1"></div>
 +
                        <div class="col-sm-10">
 +
                                <p class="lead mb40" style="color:black;"><b>Iodine Applicator: </b>
 +
Squeezing the arms of the applicator together closes two iodine-soaked sponges together onto the cow’s teat. A spring pulls the arm back to its resting position.</p>
 +
 +
</div>
 +
<div class = "col-sm-1"></div>
 +
</div><!-- row -->
 +
 +
<div class="row">
 +
<div class = "col-sm-1"></div>
 +
                        <div class="col-sm-10">
 +
                                <p class="lead mb40" style="color:black;"><b>Thermometer: </b>
 +
The thermometer arm is at its resting position at maximum extension. A spring allows it to move down in response to small pressure from the cow’s udder so that there is no discomfort from this component.
 +
</p>
 +
 +
</div>
 +
<div class = "col-sm-1"></div>
 +
</div><!-- row -->
 +
 +
 +
 +
</div> <!-- container -->
  
  
 +
</section>
  
  

Latest revision as of 16:50, 24 November 2016

Variant HTML Builder by Medium Rare

Header 2

Animation

Module integration with Shell

The modules come together by aligning the notch on the top of one module with the opening of an L-shaped groove on the bottom of another module. A radial channel allows for a twist-lock mechanism to secure the modules together.

Module components

Iodine Applicator: Squeezing the arms of the applicator together closes two iodine-soaked sponges together onto the cow’s teat. A spring pulls the arm back to its resting position.

Thermometer: The thermometer arm is at its resting position at maximum extension. A spring allows it to move down in response to small pressure from the cow’s udder so that there is no discomfort from this component.