Difference between revisions of "Team:Austin UTexas/Human Practices"

Line 3: Line 3:
 
<html>
 
<html>
  
<html>
 
<head>
 
<style>
 
 
#rig {
 
    max-width:100%;
 
    margin:0 right; /*right aligned*/
 
    padding:0px;
 
    font-size:0; /* Remember to change it back to normal font size if have captions */
 
    list-style:none;
 
    background-color:#FFF;
 
}
 
#rig li {
 
    display: inline-block;
 
    *display:inline;/*for IE6 - IE7*/
 
    width:33.33%;
 
    vertical-align:middle;
 
    box-sizing:border-box;
 
    margin:0;
 
    padding:0;
 
}
 
       
 
/* The wrapper for each item */
 
.rig-cell {
 
    /*margin:0px;
 
    box-shadow:0 0 0px rgba(0,0,0,0.3);*/
 
    display:block;
 
    position: relative;
 
    overflow:hidden;
 
}
 
       
 
/* If have the image layer */
 
.rig-img {
 
    display:block;
 
    width: 100%;
 
    height: auto;
 
    border:none;
 
    transform:scale(1);
 
    transition:all 1s;
 
}
 
 
#rig li:hover .rig-img {
 
    transform:scale(1.05);
 
}
 
       
 
/* If have the overlay layer */
 
.rig-overlay {
 
    position: absolute;
 
    display:block;
 
    top: 0;
 
    left: 0;
 
    bottom: 0;
 
    right: 0;
 
    margin: auto;
 
    background: #A9A9A9 url(img/link.png) no-repeat center 20%;
 
    background-size:50px 50px;
 
    opacity:0;
 
    filter:alpha(opacity=0);/*For IE6 - IE8*/
 
    transition:all 0.6s;
 
}
 
#rig li:hover .rig-overlay {
 
    opacity:0.8;
 
}
 
 
/* If have captions */
 
.rig-text {
 
    display:block;
 
    padding:0 0px;
 
    box-sizing:border-box;
 
    position:absolute;
 
    left:0;
 
    width:100%;
 
    text-align:center;
 
    top:30%;
 
    color:white;
 
    opacity:0;
 
    filter:alpha(opacity=0);/*For older IE*/
 
    transform:translateY(-20px);
 
    transition:all .3s;
 
}
 
#rig li:hover .rig-text {
 
    transform:translateY(0px);
 
    opacity:0.9;
 
}
 
 
</style>
 
</head>
 
 
<body>
 
 
<h1>Austin_UTexas</h1>
 
<h1>Austin_UTexas</h1>
 
<h2>Human Practices</h2>
 
<h2>Human Practices</h2>
<div class="column ">
+
<div class="column full_size">
 
<p>Throughout the course of the project, we considered various factors and met with experts to better understand kombucha and our project. Click on the headings below to learn more. </p>
 
<p>Throughout the course of the project, we considered various factors and met with experts to better understand kombucha and our project. Click on the headings below to learn more. </p>
 +
<br>
  
<ul id="rig">
+
<a href="https://2016.igem.org/Team:Austin_UTexas/HP/Silver"> <h2>Silver Medal</h2></a>
    <li>
+
</html>
<p> <a href="https://2016.igem.org/Team:Austin_UTexas/HP/Silver"> <h2> Silver Medal </h2> </a> </p>      
+
[[File:T--Austin_UTexas--ConjugationPic.png|left|25%]]
        <a class="rig-cell" href="#">
+
<html>
                <img class="rig-img" src="https://static.igem.org/mediawiki/2016/6/64/T--Austin_UTexas--ConjugationPic.png">
+
<p>For the silver medal requirement, we considered various factors relating to the impact of kombucha and our research on the community.</p>
            <span class="rig-overlay"></span>
+
<br>
            <span class="rig-text"><p style="font-size:20px;font-weight:bold;font-family: 'Impact', sans-serif;font-weight:normal!important;">For the silver medal requirement, we considered various factors relating to the impact of kombucha and our research on the community.</p></span>
+
            </span>
+
        </a>
+
    </li>
+
  
    <li>
+
<a href="https://2016.igem.org/Team:Austin_UTexas/HP/Gold"> <h2>Gold Medal</h2></a>
<p> <a href="https://2016.igem.org/Team:Austin_UTexas/HP/Gold"> <h2> Gold Medal </h2> </a> </p>
+
</html>
        <a class="rig-cell" href="#">
+
[[File:T--Austin_UTexas--GregGoodman.png|left|25%]]
            <img class="rig-img" src="https://static.igem.org/mediawiki/2016/8/85/T--Austin_UTexas--GregGoodman.png">
+
<html>
            <span class="rig-overlay"></span>
+
<p>For the gold medal requirement, we met with Greg Goodman, founder of a local kombucha company and discussed our project with him.</p>
            <span class="rig-text"><p style="font-size:20px;font-weight:bold;font-family: 'Impact', sans-serif;font-weight:normal!important;">For the gold medal requirement, we met with Greg Goodman, founder of a local kombucha company and discussed our project with him.</p></span>
+
<br>
            </span>
+
        </a>
+
    </li>
+
  
      <li>
+
<a href="https://2016.igem.org/Team:Austin_UTexas/Integrated_Practices"> <h2>Integrated Practices</h2></a>
<p> <a href="https://2016.igem.org/Team:Austin_UTexas/Integrated_Practices"> <h2> Integrated Practices </h2></a> </p>
+
</html>
<a class="rig-cell" href="#">
+
[[File:T--Austin_UTexas--KTonic.png|left|25%]]
            <img class="rig-img" src="https://static.igem.org/mediawiki/2016/2/2e/T--Austin_UTexas--KTonic.png">
+
<html>
            <span class="rig-overlay"></span>
+
<p>For the integrated practices requirement we used insight from Greg Goodman, founder of a local kombucha company, and applied it to our project.</p>
            <span class="rig-text"><p style="font-size:20px;font-weight:bold;font-family: 'Impact', sans-serif;font-weight:normal!important;">For the integrated practices requirement we used insight from Greg Goodman, founder of a local kombucha company, and applied it to our project.
+
</p></span>
+
            </span>
+
      </a>
+
</ul>
+
  
    </li>
 
</body>
 
  
 
</div>
 
</div>

Revision as of 23:38, 18 October 2016

Austin_UTexas

Human Practices

Throughout the course of the project, we considered various factors and met with experts to better understand kombucha and our project. Click on the headings below to learn more.


Silver Medal

25%

For the silver medal requirement, we considered various factors relating to the impact of kombucha and our research on the community.


Gold Medal

25%

For the gold medal requirement, we met with Greg Goodman, founder of a local kombucha company and discussed our project with him.


Integrated Practices

25%

For the integrated practices requirement we used insight from Greg Goodman, founder of a local kombucha company, and applied it to our project.