Difference between revisions of "Team:UMaryland/outreach"

Line 303: Line 303:
 
#div-circles {
 
#div-circles {
 
margin-top: 30px;
 
margin-top: 30px;
−
margin-bottom: 10px;
+
padding-bottom: 10px;
 
width: 960px;
 
width: 960px;
 
margin-left: auto;
 
margin-left: auto;
Line 440: Line 440:
 
<!-- End of #div-circles -->
 
<!-- End of #div-circles -->
 
</div>
 
</div>
−
     <div id="bot-nav">
+
      
−
        <div id="container">
+
−
            <div class="pull-left">
+
−
                <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a>
+
−
            </div>
+
−
            <div class="pull-right">
+
−
                <ul id="social-media">
+
−
                    <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/2/2c/T--UMaryland--FBlogo.png"/> </a> </li>
+
−
                    <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/b/bc/T--UMaryland--Instalogo.png"/> </a> </li>
+
−
                </ul>
+
−
            </div>
+
−
        </div>
+
−
<div class="copyright">
+
−
            <p id="copyright">© University of Maryland iGEM 2016</p>
+
−
</div>
+
−
    </div>
+
−
<style>
+
−
/* Permanent bottom bar */
+
−
+
−
#bot-nav {
+
−
    background-color: #f9f9f9;   
+
−
    border-top: 1px solid #f5f5f5;
+
−
    position: absolute;
+
−
    width: 100%;
+
−
    height: 100px;
+
−
    display: block;
+
−
    color: black;
+
−
    font-size: 12pt;
+
−
    font-family: 'Lora', serif;
+
−
    z-index: -1;
+
−
}
+
−
 
+
−
.pull-right a {
+
−
padding-right: 0px !important;
+
−
}
+
−
 
+
−
.copyright {
+
−
text-align: center;
+
−
width: 100%;
+
−
max-width: 1200px;
+
−
min-width: 960px;
+
−
height: 30px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
−
}
+
−
 
+
−
.pull-left {
+
−
margin-top: -3px;
+
−
width: 83px;
+
−
margin-left: 30px;
+
−
margin-right: auto;
+
−
display: inline;
+
−
height: 34px;
+
−
}
+
−
 
+
−
.pull-left p {
+
−
margin: 0 0 0 0;
+
−
padding: 0 0 0 0 !important;
+
−
line-height: 0px !important;
+
−
}
+
−
 
+
−
.pull-right {
+
−
width: 70px;
+
−
margin-right: 30px;
+
−
margin-left: auto;
+
−
}
+
−
 
+
−
#copyright {
+
−
    text-align: center;
+
−
left:auto;
+
−
right: auto;
+
−
width: 100%;
+
−
padding: 0 0 0 0;
+
−
margin-top: -27px;
+
−
}
+
−
 
+
−
#container {
+
−
min-width: 960px;
+
−
    max-width: 1200px;
+
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
margin-top: 25px;
+
−
}
+
−
 
+
−
#container img {
+
−
    height: 20px;
+
−
    width: 20px;
+
−
    -webkit-filter: grayscale(100%);
+
−
    filter: grayscale(100%);
+
−
}
+
−
 
+
−
#bot-nav img:hover {
+
−
    -webkit-filter: grayscale(0%);
+
−
    filter: grayscale(0%);
+
−
}
+
−
 
+
−
#container li {
+
−
    display: inline;
+
−
list-style:none;
+
−
}
+
−
 
+
−
#copyright {
+
−
float:left;
+
−
}
+
−
 
+
−
.pull-left {
+
−
float:left;
+
−
}
+
−
 
+
−
#bot-nav a {
+
−
    text-decoration: none;
+
−
    color: black;
+
−
}
+
−
 
+
−
#contact:hover {
+
−
    text-shadow: .1px .1px black;
+
−
}
+
−
 
+
−
/* Resized bot-nav */
+
−
 
+
−
h4, h5 {
+
−
    font-family: 'Lora', serif;
+
−
    font-weight: normal;
+
−
    font-size: 12pt;
+
−
}
+
−
 
+
−
</style>
+
−
<!--<script src="http://dfcb.github.io/BigVideo.js/bower_components/jquery-ui/ui/minified/jquery-ui.min.js"></script>
+
−
<script src="http://vjs.zencdn.net/5.10.7/video.js"></script>
+
−
<script src="https://npmcdn.com/imagesloaded@4.1/imagesloaded.pkgd.min.js"></script>
+
−
<script src="http://dfcb.github.io/BigVideo.js/bower_components/BigVideo/lib/bigvideo.js"></script>
+
−
<script>
+
−
$(function() {
+
−
var BV = new $.BigVideo();
+
−
BV.init();
+
−
BV.show('https://static.igem.org/mediawiki/2016/c/cd/T--UMaryland--outreach.webm',{ambient:true});
+
−
});
+
−
$('.linkText').click( function() { $(this).css('text-decoration','none'); $(this).focusout();});
+
−
</script>
+
−
<script>
+
−
 
+
−
$('.linkText').click( function() { $(this).css('text-decoration','none'); $(this).focusout();});
+
−
</script>
+
−
<style>
+
−
.video-background {
+
−
position: absolute;
+
−
top: 0;
+
−
left: 0;
+
−
overflow: hidden;
+
−
width: 100%;
+
−
height: 100%;
+
−
z-index: -999;
+
−
}
+
−
.video-background video {
+
−
min-height: 100%;
+
−
min-width:100%;
+
−
}
+
−
+
−
.ui-widget {
+
−
display: none;
+
−
}
+
−
</style>
+
−
<script src="http://georgepaterson.github.io/jquery-videobackground/script/jquery.videobackground.js"></script>
+
−
<script>
+
−
$('body').prepend('');
+
−
$('.video-background').videobackground({
+
−
videoSource: [['https://static.igem.org/mediawiki/2016/c/cd/T--UMaryland--outreach.webm', 'video/webm']],
+
−
controlPosition: '#main',
+
−
poster: 'https://static.igem.org/mediawiki/2016/2/20/T--UMaryland--projectsposter.jpeg',
+
−
loadedCallback: function() {
+
−
$(this).videobackground('mute');
+
−
},
+
−
loop: true,
+
−
})
+
−
</script>-->
+
 
<script src="http://vodkabears.github.io/vide/js/jquery.vide.min.js"></script>
 
<script src="http://vodkabears.github.io/vide/js/jquery.vide.min.js"></script>
 
 

Revision as of 21:20, 3 August 2016


</div></div> 2nd Annual Mid-Atlantic Meet-up

Outreach

UMaryland iGEM went beyond the laboratory and engaged with nearby universities and the surrounding community about methane, global warming, and synthetic biology