Line 1: | Line 1: | ||
− | </div></div> | + | </div> |
+ | </div> | ||
<html lang="en"> | <html lang="en"> | ||
+ | |||
<head> | <head> | ||
− | + | <script> | |
− | + | $(body).css('display', 'none'); | |
− | + | </script> | |
− | $(body).css('display','none'); | + | <script src="https://static.igem.org/mediawiki/2016/9/95/T--UMaryland--html5shiv.txt"></script> |
− | + | <script src="https://static.igem.org/mediawiki/2016/c/ce/T--UMaryland--parallax.txt"></script> | |
− | + | <title>Engagement</title> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
− | <style> | + | <style> |
+ | @font-face { | ||
+ | font-family: 'Exo'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/0/02/T--UMaryland--Exo.woff) format('woff2'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Lora'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/6/61/T--UMaryland--Lora.woff) format('woff2'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Raleway'; | ||
+ | font-style: normal; | ||
+ | font-weight: 200; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/b/b7/T--UMaryland--RalewayLight.woff) format('woff2'); | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Raleway'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: url(https://static.igem.org/mediawiki/2016/5/58/T--UMaryland--Raleway.woff) format('woff2'); | ||
+ | } | ||
+ | </style> | ||
+ | <style> | ||
+ | .lg-sub-html,.lg-toolbar{background-color:rgba(0,0,0,.45)}#lg-counter,.lg-outer .lg-video-cont{vertical-align:middle;display:inline-block}@font-face{font-family:lg;src:url(../fonts/lg.eot?n1z373);src:url(../fonts/lg.eot?#iefixn1z373) format("embedded-opentype"),url('https://static.igem.org/mediawiki/2016/0/09/T--UMaryland--lg.woff') format("woff"),url('https://static.igem.org/mediawiki/2016/1/1d/T--UMaryland--lg.ttf') format("truetype"),url(../fonts/lg.svg?n1z373#lg) format("svg");font-weight:400;font-style:normal}.lg-icon{font-family:lg;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.lg-actions .lg-next,.lg-actions .lg-prev{background-color:rgba(0,0,0,.45);border-radius:2px;color:#999;cursor:pointer;display:block;font-size:22px;margin-top:-10px;padding:8px 10px 9px;position:absolute;top:50%;z-index:1080}.lg-actions .lg-next.disabled,.lg-actions .lg-prev.disabled{pointer-events:none;opacity:.5}.lg-actions .lg-next:hover,.lg-actions .lg-prev:hover{color:#FFF}.lg-actions .lg-next{right:20px}.lg-actions .lg-next:before{content:"\e095"}.lg-actions .lg-prev{left:20px}.lg-actions .lg-prev:after{content:"\e094"}@-webkit-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-moz-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-ms-keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@keyframes lg-right-end{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-moz-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@-ms-keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}@keyframes lg-left-end{0%,100%{left:0}50%{left:30px}}.lg-outer.lg-right-end .lg-object{-webkit-animation:lg-right-end .3s;-o-animation:lg-right-end .3s;animation:lg-right-end .3s;position:relative}.lg-outer.lg-left-end .lg-object{-webkit-animation:lg-left-end .3s;-o-animation:lg-left-end .3s;animation:lg-left-end .3s;position:relative}.lg-toolbar{z-index:1082;left:0;position:absolute;top:0;width:100%}.lg-toolbar .lg-icon{color:#999;cursor:pointer;float:right;font-size:24px;height:47px;line-height:27px;padding:10px 0;text-align:center;width:50px;text-decoration:none!important;outline:0;-webkit-transition:color .2s linear;-o-transition:color .2s linear;transition:color .2s linear}.lg-toolbar .lg-icon:hover{color:#FFF}.lg-toolbar .lg-close:after{content:"\e070"}.lg-toolbar .lg-download:after{content:"\e0f2"}.lg-sub-html{bottom:0;color:#EEE;font-size:16px;left:0;padding:10px 40px;position:fixed;right:0;text-align:center;z-index:1080}.lg-sub-html h4{margin:0;font-size:13px;font-weight:700}.lg-sub-html p{font-size:12px;margin:5px 0 0}#lg-counter{color:#999;font-size:16px;padding-left:20px;padding-top:12px}.lg-next,.lg-prev,.lg-toolbar{opacity:1;-webkit-transition:-webkit-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-moz-transition:-moz-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;-o-transition:-o-transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear;transition:transform .35s cubic-bezier(0,0,.25,1) 0s,opacity .35s cubic-bezier(0,0,.25,1) 0s,color .2s linear}.lg-hide-items .lg-prev{opacity:0;-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}.lg-hide-items .lg-next{opacity:0;-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}.lg-hide-items .lg-toolbar{opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0;-webkit-transition:-webkit-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-moz-transition:-moz-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-o-transition:-o-transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;transition:transform 250ms cubic-bezier(0,0,.25,1) 0s,opacity 250ms cubic-bezier(0,0,.25,1)!important;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.lg-outer .lg-thumb-outer{background-color:#0D0A0A;bottom:0;position:absolute;width:100%;z-index:1080;max-height:350px;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1) 0s;-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1) 0s;-o-transition:-o-transform .25s cubic-bezier(0,0,.25,1) 0s;transition:transform .25s cubic-bezier(0,0,.25,1) 0s}.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb{-webkit-transition-duration:0s!important;transition-duration:0s!important}.lg-outer.lg-thumb-open .lg-thumb-outer{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-thumb{padding:10px 0;height:100%;margin-bottom:-5px}.lg-outer .lg-thumb-item{cursor:pointer;float:left;overflow:hidden;height:100%;border:2px solid #FFF;border-radius:4px;margin-bottom:5px}@media (min-width:1025px){.lg-outer .lg-thumb-item{-webkit-transition:border-color .25s ease;-o-transition:border-color .25s ease;transition:border-color .25s ease}}.lg-outer .lg-thumb-item.active,.lg-outer .lg-thumb-item:hover{border-color:#a90707}.lg-outer .lg-thumb-item img{width:100%;height:100%;object-fit:cover}.lg-outer.lg-has-thumb .lg-item{padding-bottom:120px}.lg-outer.lg-can-toggle .lg-item{padding-bottom:0}.lg-outer.lg-pull-caption-up .lg-sub-html{-webkit-transition:bottom .25s ease;-o-transition:bottom .25s ease;transition:bottom .25s ease}.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html{bottom:100px}.lg-outer .lg-toogle-thumb{background-color:#0D0A0A;border-radius:2px 2px 0 0;color:#999;cursor:pointer;font-size:24px;height:39px;line-height:27px;padding:5px 0;position:absolute;right:20px;text-align:center;top:-39px;width:50px}.lg-outer .lg-toogle-thumb:hover,.lg-outer.lg-dropdown-active #lg-share{color:#FFF}.lg-outer .lg-toogle-thumb:after{content:"\e1ff"}.lg-outer .lg-video-cont{max-width:1140px;max-height:100%;width:100%;padding:0 5px}.lg-outer .lg-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}.lg-outer .lg-video .lg-object{display:inline-block;position:absolute;top:0;left:0;width:100%!important;height:100%!important}.lg-outer .lg-video .lg-video-play{width:84px;height:59px;position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-30px;z-index:1080;cursor:pointer}.lg-outer .lg-has-vimeo .lg-video-play{background:url(../img/vimeo-play.png) no-repeat}.lg-outer .lg-has-vimeo:hover .lg-video-play{background:url(../img/vimeo-play.png) 0 -58px no-repeat}.lg-outer .lg-has-html5 .lg-video-play{background:url(../img/video-play.png) no-repeat;height:64px;margin-left:-32px;margin-top:-32px;width:64px;opacity:.8}.lg-outer .lg-has-html5:hover .lg-video-play{opacity:1}.lg-outer .lg-has-youtube .lg-video-play{background:url(../img/youtube-play.png) no-repeat}.lg-outer .lg-has-youtube:hover .lg-video-play{background:url(../img/youtube-play.png) 0 -60px no-repeat}.lg-outer .lg-video-object{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.lg-outer .lg-has-video .lg-video-object{visibility:hidden}.lg-outer .lg-has-video.lg-video-playing .lg-object,.lg-outer .lg-has-video.lg-video-playing .lg-video-play{display:none}.lg-outer .lg-has-video.lg-video-playing .lg-video-object{visibility:visible}.lg-progress-bar{background-color:#333;height:5px;left:0;position:absolute;top:0;width:100%;z-index:1083;opacity:0;-webkit-transition:opacity 80ms ease 0s;-moz-transition:opacity 80ms ease 0s;-o-transition:opacity 80ms ease 0s;transition:opacity 80ms ease 0s}.lg-progress-bar .lg-progress{background-color:#a90707;height:5px;width:0}.lg-progress-bar.lg-start .lg-progress{width:100%}.lg-show-autoplay .lg-progress-bar{opacity:1}.lg-autoplay-button:after{content:"\e01d"}.lg-show-autoplay .lg-autoplay-button:after{content:"\e01a"}.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image,.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition-duration:0s;transition-duration:0s}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap{-webkit-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-moz-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-o-transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;transition:left .3s cubic-bezier(0,0,.25,1) 0s,top .3s cubic-bezier(0,0,.25,1) 0s;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition:-webkit-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-moz-transition:-moz-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-o-transition:-o-transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;transition:transform .3s cubic-bezier(0,0,.25,1) 0s,opacity .15s!important;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}#lg-zoom-in:after{content:"\e311"}#lg-actual-size{font-size:20px}#lg-actual-size:after{content:"\e033"}#lg-zoom-out{opacity:.5;pointer-events:none}#lg-zoom-out:after{content:"\e312"}.lg-zoomed #lg-zoom-out{opacity:1;pointer-events:auto}.lg-outer .lg-pager-outer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1080;height:10px}.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont{overflow:visible}.lg-outer .lg-pager-cont{cursor:pointer;display:inline-block;overflow:hidden;position:relative;vertical-align:top;margin:0 5px}.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.lg-outer .lg-pager-cont.lg-pager-active .lg-pager{box-shadow:0 0 0 2px #fff inset}.lg-outer .lg-pager-thumb-cont{background-color:#fff;color:#FFF;bottom:100%;height:83px;left:0;margin-bottom:20px;margin-left:-60px;opacity:0;padding:5px;position:absolute;width:120px;border-radius:3px;-webkit-transition:opacity .15s ease 0s,-webkit-transform .15s ease 0s;-moz-transition:opacity .15s ease 0s,-moz-transform .15s ease 0s;-o-transition:opacity .15s ease 0s,-o-transform .15s ease 0s;transition:opacity .15s ease 0s,transform .15s ease 0s;-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}.lg-outer .lg-pager-thumb-cont img{width:100%;height:100%}.lg-outer .lg-pager{background-color:rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 8px rgba(255,255,255,.7) inset;display:block;height:12px;-webkit-transition:box-shadow .3s ease 0s;-o-transition:box-shadow .3s ease 0s;transition:box-shadow .3s ease 0s;width:12px}.lg-outer .lg-pager:focus,.lg-outer .lg-pager:hover{box-shadow:0 0 0 8px #fff inset}.lg-outer .lg-caret{border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px dashed;bottom:-10px;display:inline-block;height:0;left:50%;margin-left:-5px;position:absolute;vertical-align:middle;width:0}.lg-fullscreen:after{content:"\e20c"}.lg-fullscreen-on .lg-fullscreen:after{content:"\e20d"}.lg-outer #lg-dropdown-overlay{background-color:rgba(0,0,0,.25);bottom:0;cursor:default;left:0;position:fixed;right:0;top:0;z-index:1081;opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear .18s,opacity .18s linear 0s;-o-transition:visibility 0s linear .18s,opacity .18s linear 0s;transition:visibility 0s linear .18s,opacity .18s linear 0s}.lg-outer.lg-dropdown-active #lg-dropdown-overlay,.lg-outer.lg-dropdown-active .lg-dropdown{-webkit-transition-delay:0s;transition-delay:0s;-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;visibility:visible}.lg-outer .lg-dropdown{background-color:#fff;border-radius:2px;font-size:14px;list-style-type:none;margin:0;padding:10px 0;position:absolute;right:0;text-align:left;top:50px;opacity:0;visibility:hidden;-moz-transform:translate3d(0,5px,0);-o-transform:translate3d(0,5px,0);-ms-transform:translate3d(0,5px,0);-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0);-webkit-transition:-webkit-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-moz-transition:-moz-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;-o-transition:-o-transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s;transition:transform .18s linear 0s,visibility 0s linear .5s,opacity .18s linear 0s}.lg-outer .lg-dropdown:after{content:"";display:block;height:0;width:0;position:absolute;border:8px solid transparent;border-bottom-color:#FFF;right:16px;top:-16px}.lg-outer .lg-dropdown>li:last-child{margin-bottom:0}.lg-outer .lg-dropdown>li:hover .lg-icon,.lg-outer .lg-dropdown>li:hover a{color:#333}.lg-outer .lg-dropdown a{color:#333;display:block;white-space:pre;padding:4px 12px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px}.lg-outer .lg-dropdown a:hover{background-color:rgba(0,0,0,.07)}.lg-outer .lg-dropdown .lg-dropdown-text{display:inline-block;line-height:1;margin-top:-3px;vertical-align:middle}.lg-outer .lg-dropdown .lg-icon{color:#333;display:inline-block;float:none;font-size:20px;height:auto;line-height:1;margin-right:8px;padding:0;vertical-align:middle;width:auto}.lg-outer,.lg-outer .lg,.lg-outer .lg-inner{width:100%;height:100%}.lg-outer #lg-share{position:relative}.lg-outer #lg-share:after{content:"\e80d"}.lg-outer #lg-share-facebook .lg-icon{color:#3b5998}.lg-outer #lg-share-facebook .lg-icon:after{content:"\e901"}.lg-outer #lg-share-twitter .lg-icon{color:#00aced}.lg-outer #lg-share-twitter .lg-icon:after{content:"\e904"}.lg-outer #lg-share-googleplus .lg-icon{color:#dd4b39}.lg-outer #lg-share-googleplus .lg-icon:after{content:"\e902"}.lg-outer #lg-share-pinterest .lg-icon{color:#cb2027}.lg-outer #lg-share-pinterest .lg-icon:after{content:"\e903"}.group:after,.group:before{display:table;content:"";line-height:0}.group:after{clear:both}.lg-outer{position:fixed;top:0;left:0;z-index:1050;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.lg-outer.lg-visible{opacity:1}.lg-outer.lg-css3 .lg-item.lg-current,.lg-outer.lg-css3 .lg-item.lg-next-slide,.lg-outer.lg-css3 .lg-item.lg-prev-slide{-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lg-outer.lg-css3.lg-dragging .lg-item.lg-current,.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide{-webkit-transition-duration:0s!important;transition-duration:0s!important;opacity:1}.lg-outer.lg-grab img.lg-object{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lg-outer.lg-grabbing img.lg-object{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}.lg-outer .lg{position:relative;overflow:hidden;margin-left:auto;margin-right:auto;max-width:100%;max-height:100%}.lg-outer .lg-inner{position:absolute;left:0;top:0;white-space:nowrap}.lg-outer .lg-item{background:url(../img/loading.gif) center center no-repeat;display:none!important}.lg-outer.lg-css .lg-current,.lg-outer.lg-css3 .lg-current,.lg-outer.lg-css3 .lg-next-slide,.lg-outer.lg-css3 .lg-prev-slide{display:inline-block!important}.lg-outer .lg-img-wrap,.lg-outer .lg-item{display:inline-block;text-align:center;position:absolute;width:100%;height:100%}.lg-outer .lg-img-wrap:before,.lg-outer .lg-item:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}.lg-outer .lg-img-wrap{position:absolute;padding:0 5px;left:0;right:0;top:0;bottom:0}.lg-outer .lg-item.lg-complete{background-image:none}.lg-outer .lg-item.lg-current{z-index:1060}.lg-outer .lg-image{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;width:auto!important;height:auto!important}.lg-outer.lg-show-after-load .lg-item .lg-object,.lg-outer.lg-show-after-load .lg-item .lg-video-play{opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play{opacity:1}.lg-outer .lg-empty-html,.lg-outer.lg-hide-download #lg-download{display:none}.lg-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1040;background-color:#000;opacity:0;-webkit-transition:opacity .15s ease 0s;-o-transition:opacity .15s ease 0s;transition:opacity .15s ease 0s}.lg-backdrop.in{opacity:1}.lg-css3.lg-no-trans .lg-current,.lg-css3.lg-no-trans .lg-next-slide,.lg-css3.lg-no-trans .lg-prev-slide{-webkit-transition:none 0s ease 0s!important;-moz-transition:none 0s ease 0s!important;-o-transition:none 0s ease 0s!important;transition:none 0s ease 0s!important}.lg-css3.lg-use-css3 .lg-item,.lg-css3.lg-use-left .lg-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}.lg-css3.lg-fade .lg-item{opacity:0}.lg-css3.lg-fade .lg-item.lg-current{opacity:1}.lg-css3.lg-fade .lg-item.lg-current,.lg-css3.lg-fade .lg-item.lg-next-slide,.lg-css3.lg-fade .lg-item.lg-prev-slide{-webkit-transition:opacity .1s ease 0s;-moz-transition:opacity .1s ease 0s;-o-transition:opacity .1s ease 0s;transition:opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-css3 .lg-item{opacity:0}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide{-webkit-transition:-webkit-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:-moz-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:-o-transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:transform 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s}.lg-css3.lg-slide.lg-use-left .lg-item{opacity:0;position:absolute;left:0}.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{left:-100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide{left:100%}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current{left:0;opacity:1}.lg-css3.lg-slide.lg-use-left .lg-item.lg-current,.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide{-webkit-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-moz-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;-o-transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s;transition:left 1s cubic-bezier(0,0,.25,1) 0s,opacity .1s ease 0s} | ||
+ | </style> | ||
+ | <style> | ||
#bars_item { | #bars_item { | ||
display: none; | display: none; | ||
} | } | ||
− | + | ||
#top_menu_14 { | #top_menu_14 { | ||
z-index: 4; | z-index: 4; | ||
} | } | ||
− | + | ||
#sideMenu { | #sideMenu { | ||
display: none; | display: none; | ||
− | } | + | } |
− | #bodyContent, #content, html, body, #globalWrapper, #iGEM, #overruled { | + | |
+ | #bodyContent, | ||
+ | #content, | ||
+ | html, | ||
+ | body, | ||
+ | #globalWrapper, | ||
+ | #iGEM, | ||
+ | #overruled { | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
Line 40: | Line 72: | ||
background: transparent; | background: transparent; | ||
} | } | ||
− | + | ||
#top_title { | #top_title { | ||
display: none; | display: none; | ||
line-height: inherit; | line-height: inherit; | ||
} | } | ||
− | + | ||
#sideMenu { | #sideMenu { | ||
display: none; | display: none; | ||
} | } | ||
− | |||
/* Navbar and body setup */ | /* Navbar and body setup */ | ||
+ | |||
body { | body { | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
overflow-x: hidden; | overflow-x: hidden; | ||
} | } | ||
− | + | ||
#content { | #content { | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
− | |||
/* Navbar */ | /* Navbar */ | ||
+ | |||
nav { | nav { | ||
opacity: 1.0; | opacity: 1.0; | ||
Line 71: | Line 103: | ||
display: block; | display: block; | ||
background: #fff; | background: #fff; | ||
− | border-bottom: 1px solid black; | + | border-bottom: 1px solid black; |
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); | box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5); | ||
border-bottom-left-radius: 5px; | border-bottom-left-radius: 5px; | ||
Line 77: | Line 109: | ||
z-index: 1; | z-index: 1; | ||
margin-top: 18px; | margin-top: 18px; | ||
− | } | + | } |
− | + | ||
element.style { | element.style { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | ||
nav a { | nav a { | ||
text-decoration: none; | text-decoration: none; | ||
Line 88: | Line 120: | ||
font-family: 'Exo', sans-serif; | font-family: 'Exo', sans-serif; | ||
} | } | ||
− | + | ||
nav a:visited { | nav a:visited { | ||
color: black; | color: black; | ||
} | } | ||
− | + | ||
nav a:hover { | nav a:hover { | ||
opacity: .7; | opacity: .7; | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | ||
nav a:focus { | nav a:focus { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | ||
− | nav ul { | + | nav ul { |
list-style: none; | list-style: none; | ||
transition: all .5s ease; | transition: all .5s ease; | ||
text-align: right; | text-align: right; | ||
} | } | ||
− | + | ||
nav li { | nav li { | ||
display: inline; | display: inline; | ||
margin-right: 20px; | margin-right: 20px; | ||
} | } | ||
− | |||
/* Nav bar when more icon is clicked */ | /* Nav bar when more icon is clicked */ | ||
− | + | ||
#div-navResized { | #div-navResized { | ||
font-size: 20pt; | font-size: 20pt; | ||
Line 126: | Line 157: | ||
z-index: 3; | z-index: 3; | ||
} | } | ||
− | + | ||
#div-navResized a { | #div-navResized a { | ||
text-decoration: none; | text-decoration: none; | ||
Line 132: | Line 163: | ||
font-family: 'Exo', sans-serif; | font-family: 'Exo', sans-serif; | ||
} | } | ||
− | + | ||
#div-navResized.pushed a:hover { | #div-navResized.pushed a:hover { | ||
text-decoration: none !important; | text-decoration: none !important; | ||
opacity: .7; | opacity: .7; | ||
} | } | ||
− | + | ||
− | #div-navResized ul { | + | #div-navResized ul { |
list-style: none; | list-style: none; | ||
margin-right: 40px; | margin-right: 40px; | ||
margin-top: 0px; | margin-top: 0px; | ||
} | } | ||
− | + | ||
#div-navResized ul li { | #div-navResized ul li { | ||
− | margin-top: 4px; | + | margin-top: 4px; |
} | } | ||
− | + | ||
#div-title { | #div-title { | ||
z-index: -999; | z-index: -999; | ||
} | } | ||
− | + | /* Background of page */ | |
− | + | ||
− | + | ||
html { | html { | ||
background-color: rgba(0, 0, 0, 0.06); | background-color: rgba(0, 0, 0, 0.06); | ||
} | } | ||
− | |||
/* Start Page Specific CSS */ | /* Start Page Specific CSS */ | ||
− | #Speakers p, #Info p { | + | #Speakers p, |
+ | #Info p { | ||
font-family: 'Raleway', sans-serif; | font-family: 'Raleway', sans-serif; | ||
} | } | ||
− | |||
/* Title */ | /* Title */ | ||
− | h1, h1-2 { | + | |
+ | h1, | ||
+ | h1-2 { | ||
font-size: 30pt; | font-size: 30pt; | ||
− | position: absolute; | + | position: absolute; |
top: 350px; | top: 350px; | ||
left: 39px; | left: 39px; | ||
Line 175: | Line 206: | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
} | } | ||
− | + | ||
− | h1-2 span { | + | h1-2 span { |
− | color: white; | + | color: white; |
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-right: 10px; | padding-right: 10px; | ||
− | padding-left: 10px; | + | padding-left: 10px; |
− | letter-spacing: -1px; | + | letter-spacing: -1px; |
− | background: rgb(0, 0, 0); /* fallback color */ | + | background: rgb(0, 0, 0); |
+ | /* fallback color */ | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
} | } | ||
− | + | ||
h1 { | h1 { | ||
max-width: 759px; | max-width: 759px; | ||
min-width: 759px; | min-width: 759px; | ||
− | background: rgb(0, 0, 0); /* fallback color */ | + | background: rgb(0, 0, 0); |
+ | /* fallback color */ | ||
background: rgba(0, 0, 0, 0.7); | background: rgba(0, 0, 0, 0.7); | ||
padding-left: 10px; | padding-left: 10px; | ||
− | padding-bottom: 22px; | + | padding-bottom: 22px; |
} | } | ||
Line 198: | Line 231: | ||
font-weight: normal !important; | font-weight: normal !important; | ||
} | } | ||
− | |||
/* Info */ | /* Info */ | ||
− | + | ||
#Info { | #Info { | ||
margin-top: 100px; | margin-top: 100px; | ||
Line 206: | Line 238: | ||
margin-right: auto; | margin-right: auto; | ||
margin-bottom: 50px; | margin-bottom: 50px; | ||
− | + | width: 970px; | |
} | } | ||
− | + | ||
#meetup { | #meetup { | ||
− | + | float: left; | |
padding-top: 80px; | padding-top: 80px; | ||
− | + | padding-bottom: 80px; | |
height: 400px; | height: 400px; | ||
width: 600px; | width: 600px; | ||
− | + | margin-right: 20px; | |
} | } | ||
− | + | ||
#Info p { | #Info p { | ||
font-size: 15pt; | font-size: 15pt; | ||
line-height: 2; | line-height: 2; | ||
} | } | ||
− | + | ||
− | + | .pInfo { | |
− | + | text-align: left; | |
− | + | } | |
/* Schedule */ | /* Schedule */ | ||
− | + | ||
#div-white { | #div-white { | ||
z-index: -999; | z-index: -999; | ||
Line 238: | Line 270: | ||
min-width: 1200px; | min-width: 1200px; | ||
} | } | ||
− | + | ||
#img-schedule { | #img-schedule { | ||
display: block; | display: block; | ||
Line 252: | Line 284: | ||
margin-left: 30%; | margin-left: 30%; | ||
margin-right: auto; | margin-right: auto; | ||
− | + | } | |
− | + | ||
− | + | ||
/* Speakers */ | /* Speakers */ | ||
− | + | ||
h2 { | h2 { | ||
− | font-size: 30pt; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 20px; | + | font-size: 30pt; |
+ | width: 970px; | ||
+ | margin-right: auto; | ||
+ | margin-left: auto; | ||
+ | margin-bottom: 20px; | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
− | + | ||
− | #div-ganesh p, #div-eli p { margin-top: 20px;} | + | #div-ganesh p, |
− | + | #div-eli p { | |
+ | margin-top: 20px; | ||
+ | } | ||
+ | |||
#Speakers { | #Speakers { | ||
margin-left: -8px; | margin-left: -8px; | ||
margin-right: -8px; | margin-right: -8px; | ||
} | } | ||
− | + | ||
#Speakers img { | #Speakers img { | ||
position: absolute; | position: absolute; | ||
} | } | ||
− | + | ||
#Speakers p { | #Speakers p { | ||
font-size: 15pt; | font-size: 15pt; | ||
Line 281: | Line 318: | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
− | + | ||
#Speakers li { | #Speakers li { | ||
display: inline; | display: inline; | ||
margin-right: 400px; | margin-right: 400px; | ||
} | } | ||
− | + | ||
− | #img-speaker1, #img-speaker2:hover { | + | #img-speaker1, |
+ | #img-speaker2:hover { | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
− | + | ||
− | + | #img-speaker1, | |
− | + | #img-speaker2 { | |
− | + | margin-left: 265px; | |
− | + | margin-bottom: 20px; | |
− | + | } | |
− | + | ||
− | + | #descriptions { | |
− | + | margin-top: 20px; | |
− | + | } | |
− | + | ||
− | + | #ul-images { | |
− | + | height: 30px; | |
− | + | } | |
+ | |||
h3 { | h3 { | ||
font-size: 20pt; | font-size: 20pt; | ||
margin-left: 270px; | margin-left: 270px; | ||
} | } | ||
− | + | ||
h6 { | h6 { | ||
font-size: 20pt; | font-size: 20pt; | ||
margin-left: 670px; | margin-left: 670px; | ||
margin-top: 11px; | margin-top: 11px; | ||
− | + | margin-bottom: 0px; | |
− | font-family: "Arial",Gadget,sans-serif; | + | font-family: "Arial", Gadget, sans-serif; |
font-weight: bold; | font-weight: bold; | ||
− | } | + | } |
− | + | ||
/* Footnotes (References) */ | /* Footnotes (References) */ | ||
− | + | ||
small { | small { | ||
margin-left: 125px; | margin-left: 125px; | ||
margin-top: 25px; | margin-top: 25px; | ||
} | } | ||
− | |||
/* Classes */ | /* Classes */ | ||
− | + | ||
.description { | .description { | ||
margin-top: 200px; | margin-top: 200px; | ||
min-width: 970px; | min-width: 970px; | ||
} | } | ||
− | + | ||
.border { | .border { | ||
border-bottom: 1px black; | border-bottom: 1px black; | ||
} | } | ||
− | + | ||
− | .image { | + | .image { |
− | + | position: relative; | |
− | + | width: 100%; | |
+ | /* for IE 6 */ | ||
} | } | ||
− | + | ||
.pull-right { | .pull-right { | ||
float: right !important; | float: right !important; | ||
margin-left: -28px; | margin-left: -28px; | ||
} | } | ||
− | + | ||
.pull-left { | .pull-left { | ||
float: left !important; | float: left !important; | ||
} | } | ||
− | |||
/* Pushed class actives */ | /* Pushed class actives */ | ||
+ | |||
#img-more.pushed { | #img-more.pushed { | ||
box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3); | box-shadow: inset 1px 1px 1px 2px rgba(0, 0, 0, .3); | ||
} | } | ||
− | + | ||
#div-navResized.pushed { | #div-navResized.pushed { | ||
display: block; | display: block; | ||
} | } | ||
− | + | ||
#div-navResized.pushed a:hover { | #div-navResized.pushed a:hover { | ||
text-decoration: underline; | text-decoration: underline; | ||
} | } | ||
− | + | ||
nav.pushed { | nav.pushed { | ||
height: 100%; | height: 100%; | ||
} | } | ||
− | + | ||
body.pushed { | body.pushed { | ||
overflow-y: hidden; | overflow-y: hidden; | ||
} | } | ||
− | + | ||
nav img.pushed { | nav img.pushed { | ||
display: none; | display: none; | ||
} | } | ||
− | |||
/* Hides nav bar when scrolling */ | /* Hides nav bar when scrolling */ | ||
+ | |||
.scrolled { | .scrolled { | ||
font-size: 10pt; | font-size: 10pt; | ||
line-height: 20px; | line-height: 20px; | ||
− | } | + | } |
− | + | ||
/* animation when mouse is over Navbar */ | /* animation when mouse is over Navbar */ | ||
+ | |||
.hover { | .hover { | ||
font-size: 20pt; | font-size: 20pt; | ||
line-height: 40px; | line-height: 40px; | ||
} | } | ||
− | |||
/* Images */ | /* Images */ | ||
− | |||
/* Logo */ | /* Logo */ | ||
+ | |||
#img-logo { | #img-logo { | ||
width: 260px; | width: 260px; | ||
Line 398: | Line 435: | ||
opacity: 1.0; | opacity: 1.0; | ||
} | } | ||
− | |||
/* iGEM logo */ | /* iGEM logo */ | ||
+ | |||
#img-igemlogo { | #img-igemlogo { | ||
width: 60px; | width: 60px; | ||
Line 407: | Line 444: | ||
opacity: 1.0; | opacity: 1.0; | ||
} | } | ||
− | |||
/* More Icon */ | /* More Icon */ | ||
+ | |||
#img-more { | #img-more { | ||
position: fixed; | position: fixed; | ||
Line 419: | Line 456: | ||
margin-top: -11px; | margin-top: -11px; | ||
} | } | ||
− | + | ||
#img-UMD { | #img-UMD { | ||
z-index: -999; | z-index: -999; | ||
Line 426: | Line 463: | ||
height: 600px; | height: 600px; | ||
} | } | ||
− | |||
/* Logos when more button is clicked */ | /* Logos when more button is clicked */ | ||
− | + | ||
#img-logoResized { | #img-logoResized { | ||
width: 300px; | width: 300px; | ||
Line 436: | Line 472: | ||
margin-top: -165px; | margin-top: -165px; | ||
} | } | ||
− | + | ||
.centered { | .centered { | ||
− | margin-left:auto; | + | margin-left: auto; |
− | margin-right:auto; | + | margin-right: auto; |
− | + | width: 1200px; | |
text-align: left; | text-align: left; | ||
} | } | ||
− | + | #table-pictures p { | |
− | + | text-align: center; | |
− | + | font-size: 14pt; | |
− | + | } | |
− | + | ||
− | + | #table-pictures { | |
− | + | background-color: #F0F0F0; | |
margin-right: auto; | margin-right: auto; | ||
margin-left: auto; | margin-left: auto; | ||
− | + | } | |
− | + | ||
− | + | .center { | |
− | + | margin-top: 80px; | |
− | + | text-align: center; | |
− | + | } | |
− | + | ||
− | + | .thumbnail { | |
− | + | width: 256px; | |
− | + | } | |
− | + | ||
− | + | #lightgallery { | |
− | + | width: 800px; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | } | |
− | + | ||
#lightgallery img { | #lightgallery img { | ||
margin-top: 1px; | margin-top: 1px; | ||
margin-right: -2px; | margin-right: -2px; | ||
} | } | ||
− | + | ||
#lightgallery a:hover { | #lightgallery a:hover { | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
− | + | ||
− | + | #h2-pic1, | |
− | + | #h2-pic2 { | |
− | + | margin-top: 80px; | |
+ | margin-bottom: 50px !important; | ||
font-family: 'Lora', serif; | font-family: 'Lora', serif; | ||
font-weight: normal; | font-weight: normal; | ||
− | + | } | |
− | + | /* 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; | |
− | + | margin-top: 50px; | |
− | + | z-index: -1; | |
− | + | min-width: 1200px; | |
− | + | } | |
− | + | ||
− | + | #social-media { | |
− | + | width: 100%; | |
+ | margin: 0 0 0 0; | ||
+ | } | ||
+ | |||
+ | .pull-right a { | ||
+ | padding-right: 0px !important; | ||
+ | } | ||
+ | |||
+ | .copyright { | ||
+ | text-align: center; | ||
+ | width: 272px; | ||
+ | height: 30px; | ||
+ | margin-top: -20px; | ||
+ | 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: 83px; | ||
+ | margin-right: 30px; | ||
+ | margin-left: auto; | ||
+ | } | ||
+ | |||
+ | #copyright { | ||
+ | text-align: center; | ||
+ | left: auto; | ||
+ | right: auto; | ||
+ | width: 100%; | ||
+ | padding: 0 0 0 0; | ||
+ | margin-top: 2px; | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #container { | ||
+ | max-width: 1200px; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 40px; | ||
+ | } | ||
+ | |||
+ | #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; | ||
+ | padding-right: 25px; | ||
+ | } | ||
+ | |||
+ | .pull-left { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #bot-nav a { | ||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | } | ||
+ | |||
+ | #contact { | ||
+ | margin-top: -2px; | ||
+ | } | ||
+ | |||
+ | #contact:hover { | ||
+ | text-shadow: .1px .1px black; | ||
+ | } | ||
+ | </style> | ||
+ | <nav> | ||
+ | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logo"> | ||
+ | <ul> | ||
+ | <a style="opacity: 0">Fix</a> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | ||
<li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li> | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li> | ||
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li> | |
− | + | </ul> | |
− | + | </nav> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/e/e5/T--UMaryland--more.png" id="img-more"> | |
− | + | <!-- Nav bar when more button is clicked --> | |
− | + | <div id="div-navResized"> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/2/26/T--UMaryland--newlogo.jpeg" id="img-logoResized"> | |
− | + | <ul> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/projects">Projects</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/parts">Parts</a></li> | |
− | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li | + | <li><a href="https://2016.igem.org/Team:UMaryland/modeling">Modeling</a></li> |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/outreach">Outreach</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/notebook">Notebook</a></li> | |
− | + | <li><a href="https://2016.igem.org/Team:UMaryland/about">About Us</a></li> | |
− | + | </ul> | |
− | + | </div> | |
− | + | <div id="div-title" class="image"> | |
− | + | <div data-parallax="scroll" data-image-src="https://static.igem.org/mediawiki/2016/8/85/T--UMaryland--meetup.jpeg" id="img-UMD"> | |
− | + | </div> | |
− | + | <h1 id="h1"><span>2nd Annual Mid-Atlantic Mini-Jamboree</span> </h1> | |
− | + | <h1-2><br/><br/><br/><br/><span>July 22nd, 2016</span></h1-2> | |
− | + | </div> | |
<div class="centered"> | <div class="centered"> | ||
− | + | <div id="Info" style="text-align: center"> | |
− | + | <p class="pInfo"> UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted four other teams: UVA, William and Mary, Duke, and Rock Ridge High School. Each team gave a 25 minute presentation of their project followed by a Q&A with the audience. We were also fortunate enough to have Special Agent Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.</p> | |
− | + | <p class="pInfo">This year we included more iGEM teams in the Mid Atlantic Area hosting the University of Pittsburgh, the US Naval Academy, the College of Willam and Mary, and University of Virginia iGEM Teams. We shared ideas and received feedback about ours projects during our discussion session. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein and closing remarks by Anna Sifuentes.</p> | |
− | + | <p class="pInfo center">Thank you to everyone who participated!</p> | |
− | + | </div> | |
− | + | <div id="div-participants"> | |
− | + | <table id="table-pictures"> | |
− | + | <tbody> | |
− | + | <tr> | |
− | + | <td> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/3/3a/T--UMaryland--WM.jpeg" width="240px" /> | |
− | + | <a href="https://2016.igem.org/Team:William_and_Mary" target="_blank"> | |
− | + | <p>William & Mary</p> | |
− | + | </a> | |
− | + | </td> | |
− | + | <td> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/2/22/T--UMaryland--UPitt.jpeg" width="240px" /> | |
− | + | <a href="https://2016.igem.org/Team:Pittsburgh" target="_blank"> | |
− | + | <p>University of Pittsburgh</p> | |
− | + | </a> | |
− | + | </td> | |
− | + | <td> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/d/d7/T--UMaryland--USNA.jpeg" width="240px" /> | |
− | + | <a href="https://2016.igem.org/Team:USNA-Annapolis" target="_blank"> | |
− | + | <p>US Naval Academy</p> | |
− | + | </a> | |
− | + | </td> | |
− | + | <td> | |
− | + | <img src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--UVA.jpeg" width="240px" /> | |
− | + | <a href="https://2016.igem.org/Team:Virginia" target="_blank"> | |
− | + | <p>University of Virginia</p> | |
− | + | </a> | |
− | + | </td> | |
− | + | </tr> | |
− | + | </tbody> | |
− | + | </table> | |
− | + | </div> | |
− | + | <div id="Speakers" class="bios"> | |
− | + | <h2 id="h2-pic1"> Speakers </h2> | |
− | + | <ul id="ul-images" class="centered"> | |
− | + | <li><img src="https://static.igem.org/mediawiki/2016/0/0b/T--UMaryland--GaneshSriram.jpg" id="img-speaker1" data-select="ganesh" /></li> | |
− | + | <li><img src="https://static.igem.org/mediawiki/2016/c/c8/T--UMaryland--EliGroban.jpg" id="img-speaker2" data-select="eli" /></li> | |
− | + | </ul> | |
− | + | <div id="descriptions"> | |
− | + | <div id="div-ganesh" class="description"> | |
− | + | <h3> Dr. Ganesh Sriram</h3> | |
− | + | <p> Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.<sup>1</sup></p> | |
− | + | <small>1. Bio from http://www.ench.umd.edu/faculty/sriram</small> | |
− | + | </div> | |
− | + | <div id="div-eli" class="description" style="display: none;"> | |
− | + | <h6> Dr. Eli Groban </h6> | |
− | + | <p> Dr. Eli Groban is the senior manager of of Bio/Nano Research at Autodesk, and has 6 patent applications on the development of new technologies for engineering proteins, metabolic pathways, and whole microbes. Eli will also be serving as an iGEM judge in the 2016 competition. He received his PhD in Biophysics from the University of California, San Francisco, and his B.A. in Chemistry from Williams College.<sup>2</sup> | |
− | + | </p> | |
− | + | <small>2. Bio from https://www.autodeskresearch.com/people/eli-groban</small> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <h2 id="h2-pic2">Pictures</h2> | |
− | + | <div id="lightgallery"> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/e/e4/T--UMaryland--meetup1.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e8/T--UMaryland--meetup1th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/1/1a/T--UMaryland--meetup2.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/8/87/T--UMaryland--meetup2th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/a/a3/T--UMaryland--meetup3.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/c/c3/T--UMaryland--meetup3th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/7/7c/T--UMaryland--meetup4.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--meetup4th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup5.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/a/a6/T--UMaryland--meetup5th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/5/55/T--UMaryland--meetup6.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f1/T--UMaryland--meetup6th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/c/c1/T--UMaryland--meetup7.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/f/f0/T--UMaryland--meetup7th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup8.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/1/16/T--UMaryland--meetup8th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/3/38/T--UMaryland--meetup9.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/e/e2/T--UMaryland--meetup9th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/1/18/T--UMaryland--meetup10.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/b/bb/T--UMaryland--meetup10th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/1/19/T--UMaryland--meetup11.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/6/6f/T--UMaryland--meetup11th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/7/7d/T--UMaryland--meetup12.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/3/3b/T--UMaryland--meetup12th.jpeg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/e/ee/T--UMaryland--meetup13.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/49/T--UMaryland--meetup13th.jpg" /> | |
− | + | </a> | |
− | + | <a href="https://static.igem.org/mediawiki/2016/5/5e/T--UMaryland--meetup14.jpeg"> | |
− | + | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/d/d6/T--UMaryland--meetup14th.jpeg" /> | |
− | + | </a> | |
+ | <a href="https://static.igem.org/mediawiki/2016/5/5a/T--UMaryland--meetup15.jpeg"> | ||
+ | <img class="thumbnail" src="https://static.igem.org/mediawiki/2016/4/43/T--UMaryland--meetup15th.jpg" /> | ||
+ | </a> | ||
+ | </div> | ||
</div> | </div> | ||
<div id="bot-nav"> | <div id="bot-nav"> | ||
<div id="container"> | <div id="container"> | ||
<div class="pull-left"> | <div class="pull-left"> | ||
− | <a href="mailto:umarylandigem@gmail.com"><p id="contact"> Contact Us </p></a> | + | <a href="mailto:umarylandigem@gmail.com"> |
− | </div> | + | <p id="contact"> Contact Us </p> |
+ | </a> | ||
+ | </div> | ||
<div class="pull-right"> | <div class="pull-right"> | ||
<ul id="social-media"> | <ul id="social-media"> | ||
− | <li> <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/9/9f/T--UMaryland--fbLogo.jpeg"/> </a> </li> | + | <li> |
− | <li> <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg"/> </a> </li> | + | <a href="https://www.facebook.com/UMarylandiGEM/"> <img src="https://static.igem.org/mediawiki/2016/9/9f/T--UMaryland--fbLogo.jpeg" /> </a> |
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://www.instagram.com/umarylandigem/"> <img src="https://static.igem.org/mediawiki/2016/c/ca/T--UMaryland--instalogo.jpg" /> </a> | ||
+ | </li> | ||
</ul> | </ul> | ||
− | </div> | + | </div> |
</div> | </div> | ||
− | + | <div class="copyright"> | |
<p id="copyright">© University of Maryland iGEM 2016</p> | <p id="copyright">© University of Maryland iGEM 2016</p> | ||
− | + | </div> | |
</div> | </div> | ||
− | < | + | <script> |
− | + | /* Hiding stupid stuff*/ | |
− | + | $(document).ready(function() { | |
− | + | $('#top_title').css('display', 'none'); | |
− | + | $('#top_menu').css('display', 'none'); | |
− | + | //$('#top_menu_14').css('display', 'none'); | |
− | + | $('#HQ_page').css('display', 'none'); | |
− | + | $('#top_menu_under').css('display', 'none'); | |
− | + | }); | |
− | + | $('#HQ_page').attr("id", "iGEM"); //voids all dumb CSS iGEM HQ wrote which overrides our code | |
− | + | $('#mw-content-text').attr("id", "overruled").removeClass('mw-content-ltr'); | |
− | + | ||
− | + | $('.linkText').click(function() { | |
− | + | $(this).css('text-decoration', 'none'); | |
− | + | $(this).focusout(); | |
− | + | }); | |
− | } | + | |
− | + | // Text animation for speaker bios | |
− | + | var current = 'ganesh'; | |
− | + | $('.bios img').click(function() { | |
− | } | + | var selected = $(this).attr('data-select'); // grabs the name of the navigational element clicked |
+ | if (selected != current) { // only change display / trigger animation if clicking different nav | ||
+ | $('.description').css('display', 'none'); // hides all text | ||
+ | $('.description').css('margin-left', '60px') | ||
+ | $('#div-' + selected).css('display', 'block'); // the div containing the text that is selected is displayed | ||
+ | $('#div-' + selected).animate({ | ||
+ | marginLeft: '0px' | ||
+ | }, 200); | ||
+ | current = selected; // sets the current display | ||
+ | } | ||
+ | }); | ||
+ | $(body).css('display', 'block'); | ||
+ | |||
+ | // Animation over top nav bar when mouse hovers | ||
+ | $('nav').mouseover( | ||
+ | function() { | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
+ | $('#img-igemlogo').css('opacity', '1'); | ||
+ | $('nav ul').addClass("hover"); | ||
+ | } | ||
+ | ), | ||
+ | $('nav').mouseout( | ||
+ | function() { | ||
+ | var scroll = $(window).scrollTop(); | ||
+ | if (scroll > 0) { | ||
+ | if ($(window).width() >= 980) { | ||
+ | var pushed = $('body').hasClass('pushed'); | ||
+ | if (pushed == false) { | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | $('#img-igemlogo').css('transition', '.25s ease'); | ||
+ | $('#img-igemlogo').css('opacity', '0'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | $('nav').css('transition', '.5s ease'); | ||
+ | } | ||
+ | } | ||
+ | } | ||
− | . | + | } |
− | + | ), | |
− | } | + | // Window width effect on top nav bar |
+ | $(document).ready(function() { | ||
+ | function checkWidth() { | ||
+ | if ($(window).width() < 980 || $('nav').hasClass('pushed')) { | ||
+ | $('nav li').css('display', 'none'); | ||
+ | $('#img-more').css('display', 'block'); | ||
+ | $('nav ul').addClass("hover"); | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
+ | $('#img-igemlogo').css('opacity', '1') | ||
+ | } else { | ||
+ | $('nav li').css('display', 'inline'); | ||
+ | $('#img-more').css('display', 'none'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | if ($(window).scrollTop() > 0) { | ||
+ | $('#img-igemlogo').css('transition', '.25s ease'); | ||
+ | $('#img-igemlogo').css('opacity', '0'); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | $('nav ul').addClass("scrolled"); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | // Execute on load | ||
+ | checkWidth(); | ||
+ | // Bind event listener | ||
+ | $(window).resize(checkWidth); | ||
+ | }); | ||
+ | // Resized nav bar effect when more icon is clicked | ||
+ | $('#img-more').click(function() { | ||
+ | $('#img-more').toggleClass('pushed'); | ||
+ | $('#div-navResized').toggleClass('pushed'); | ||
+ | $('nav').toggleClass('pushed'); | ||
+ | $('nav img').toggleClass('pushed'); | ||
+ | if ($(window).width() >= 980) { | ||
+ | var pushed = $('body').hasClass('pushed'); | ||
+ | if (pushed == false) { | ||
+ | $('nav li').css('display', 'inline'); | ||
+ | $('#img-more').css('display', 'none'); | ||
+ | $('nav ul').removeClass("hover"); | ||
+ | $('#img-igemlogo').css('transition', '.25s ease'); | ||
+ | $('#img-igemlogo').css('opacity', '0'); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | // Scrolling animation for top nav bar | ||
+ | var nav = $('nav ul'); | ||
+ | $(window).scroll(function() { | ||
+ | var scroll = $(window).scrollTop(); | ||
+ | if (scroll > 0) { | ||
+ | if ($(window).width() >= 980) { | ||
+ | nav.addClass("scrolled"); | ||
+ | nav.removeClass("hover"); | ||
+ | $('#img-logo').css('transition', '.25s ease'); | ||
+ | $('#img-logo').css('opacity', '0'); | ||
+ | $('#img-igemlogo').css('transition', '.25s ease'); | ||
+ | $('#img-igemlogo').css('opacity', '0'); | ||
+ | } | ||
+ | } else { | ||
+ | nav.removeClass("scrolled"); | ||
+ | $('#img-logo').css('transition', '.35s ease-in'); | ||
+ | $('#img-logo').css('opacity', '1'); | ||
+ | $('#img-igemlogo').css('transition', '.35s ease-in'); | ||
+ | $('#img-igemlogo').css('opacity', '1'); | ||
+ | } | ||
+ | }); | ||
− | + | $(body).css('display', 'block'); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</script> | </script> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<script> | <script> | ||
− | + | $(document).ready(function() { | |
− | + | $("#lightgallery").lightGallery(); | |
− | + | }); | |
− | + | </script> | |
+ | <script src="https://static.igem.org/mediawiki/2016/f/f4/T--UMaryland--lightGalleryJS.txt"></script> | ||
+ | <script src="https://static.igem.org/mediawiki/2016/0/01/T--UMaryland--fullscreen.txt"></script> | ||
+ | <script src="https://static.igem.org/mediawiki/2016/8/86/T--UMaryland--thumbnail.txt"></script> | ||
</body> | </body> | ||
− | + | ||
</html> | </html> |
Revision as of 02:25, 3 October 2016
</div> </div>
2nd Annual Mid-Atlantic Mini-Jamboree
July 22nd, 2016
UMaryland iGEM founded the first Mid-Atlantic Meet-up and hosted four other teams: UVA, William and Mary, Duke, and Rock Ridge High School. Each team gave a 25 minute presentation of their project followed by a Q&A with the audience. We were also fortunate enough to have Special Agent Edward You of the FBI and UMD Professor Raymond St. Leger as guest speakers.
This year we included more iGEM teams in the Mid Atlantic Area hosting the University of Pittsburgh, the US Naval Academy, the College of Willam and Mary, and University of Virginia iGEM Teams. We shared ideas and received feedback about ours projects during our discussion session. We were joined by guest speakers Dr. Eli Groban and Dr. Ganesh Sriram with opening remarks by Dr. Edward Eisenstein and closing remarks by Anna Sifuentes.
Thank you to everyone who participated!
Speakers
Dr. Ganesh Sriram
Dr. Ganesh Sriram is a professor in the Department of Chemical and Biomolecular Engineering and an Affiliate Faculty Member in the Bioengineering and Plant Biology graduate programs at UMD. He has earned his B.S. and M.S degrees in Chemical Engineering from the Indian Institute of Technology in Bombay, and received his Ph.D. in chemical engineering from Iowa State University. His current research pertains to metabolic engineering and systems biology, especially of eukaryotes.1
1. Bio from http://www.ench.umd.edu/faculty/sriram