Difference between revisions of "Team:UMaryland/meetup"

Line 64: Line 64:
  
 
body {
 
body {
−
background-color: #EAE7DC !important;
+
background-color: #EAE7DC;
 +
        background-image:url("https://static.igem.org/mediawiki/2018/5/59/T--UMaryland--meetupBackground.jpg");
 
font-family: Raleway;
 
font-family: Raleway;
−
color: #3d3d3f;
+
 
}
 
}
  
 
.wrapper{
 
.wrapper{
 
font-size: 14pt;
 
font-size: 14pt;
−
background-color: #EAE7DC !important;
 
 
font-family: Raleway;
 
font-family: Raleway;
−
color: #3d3d3f;
+
color: #EEEEEE;
−
margin-left: 40px;
+
−
margin-toP: 60px;
+
−
width: 1200px;
+
−
margin-left: auto;
+
−
margin-right: auto;
+
 
}
 
}
  
−
.mainDiv {
+
    .topBox {
−
margin-bottom: 15px;
+
        position: absolute;
−
padding: 15px 15px 15px 15px;
+
        left: 50px;
−
-webkit-box-shadow: 4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
        top: 100px;
−
-moz-box-shadow:   4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
        font-weight: 200;
−
box-shadow:        4px 4px 5px 0px rgba(50, 50, 50, 0.75);
+
    }
−
}
+
  
−
.mainDiv p {
+
    .title {
−
margin: 0 0 0 0;
+
        display: block;
−
}
+
        font-size: 40pt;
−
+
        font-weight: bold;
−
.mainDiv a {
+
        padding: 10px 20px;
−
padding: 0 0 0 0 !important;
+
        background-color: rgba(0,0,0,0.5);
−
}
+
        color: #FC4445;
 +
    }
  
−
.heading {
+
    .subtitle {
−
font-weight: bold;
+
        display: block;
−
}
+
        margin-top: 15px;
 +
        font-size: 34pt;
 +
        padding: 10px 20px;
 +
        background-color: rgba(0,0,0,0.5);
 +
        width: 580px;
 +
    }
  
−
.topBox {
+
    .introBlurb {
−
text-align: center;
+
        position: absolute;
−
background-color: #E85A4F;
+
        display: block;
−
color: white !important;
+
        left: 50px;
−
}
+
        top: 300px;
−
.title {
+
        min-width: 750px;
−
font-size: 38pt;
+
        max-width: 900px;
−
font-weight: bold;
+
        padding: 10px 20px;
−
}
+
        background-color: rgba(0,0,0,0.5);
 +
    }
  
−
.subtitle {
+
    .contactDiv {
−
font-size: 28pt;
+
        position: absolute;
−
margin-top: 20px;
+
        top: 600px;
−
}
+
        min-width: 750px;
 +
        max-width: 900px;
 +
        left: 50px;
 +
        background-color: rgba(0,0,0,0.5);
 +
        padding: 5px 10px;
 +
    }
  
−
.title,.subtitle {
+
    .wrapper a {
−
padding: 10px 10px 10px 10px;
+
        color: #4FC3F7 !important;
−
}
+
        text-decoration: underline;
 +
    }
  
−
.layerOne {
+
    #sideContainer a {
−
height: 800px;
+
        color: #0277BD !important;
−
}
+
        text-decoration: underline;
 +
    }
  
−
.floatingLeft {
+
    .divContainer {
−
width: 575px;
+
        display: none;
−
float: left;
+
        position: absolute;
−
height: 100%;
+
        right: 0px;
−
}
+
        left: auto;
 +
        width: 40%;
 +
        max-width: 768px;
 +
        min-width: 650px;
 +
        height: 100%;
 +
        overflow: auto;
 +
        -webkit-box-shadow: -10px 0px 5px 0px rgba(50, 50, 50, 0.9);
 +
        -moz-box-shadow:    -10px 0px 5px 0px rgba(50, 50, 50, 0.9);
 +
        box-shadow:        -10px 0px 5px 0px rgba(50, 50, 50, 0.9);
  
−
.introBlurb{
+
        color: #424242;
−
height: 270px;
+
    }
−
background-color: #EDC7B7;
+
−
}
+
−
+
−
.speakerDiv {
+
−
height: 430px;
+
−
background-color: #EEE2DC;
+
−
}
+
  
−
.scheduleDiv {
+
    .sideNav {
−
float: right;
+
        position: absolute;
−
width: 575px;
+
        top: 15px;
−
height: 747px;
+
        right: 0px;
−
background-color: #D9B08C;
+
        left: auto;
−
}
+
        z-index: 9999;
 +
    }
  
−
.floatingLeft2 {
+
    .sideNav span {
−
width: 575px;
+
        display: inline;
−
float: left;
+
        padding: 15px 30px 15px 30px;
−
}
+
        color: #424242;
−
.directionDiv {
+
        margin-left: 15px;
−
float: left;
+
        font-weight: bold;
−
height: 447px;
+
    }
−
background-color: #FFCB9A;
+
−
}
+
−
+
−
.floatingRight {
+
−
width: 606px;
+
−
float: right;
+
−
}
+
  
−
.contactDiv {
+
    .sideNav span:hover {
−
height: 200px;
+
        cursor:pointer;
−
background-color: #D8C3A5;
+
    }
−
}
+
  
−
.prevMeetup {
+
    .insideContainer {
−
height: 200px;
+
        position: absolute;
−
background-color: #F5E6CC;
+
        top: 52px;
−
}
+
        min-height: 650px;
−
.prevMeetup ul {
+
        height: 90%;
−
list-style: none;
+
        width: 100%;
−
line-height: 2em;
+
        max-width: 768px;
−
}
+
        min-width: 650px;
 +
    }
  
 +
    .insideText {
 +
        margin: 20px 20px;
 +
        min-height: 630px;
 +
        height: 95%;
 +
        max-width: 748px;
 +
        min-width: 610px;
 +
    }
  
 +
   
 +
 +
    .scheduleDiv, .directionDiv, .prevMeetup {
 +
        display: none;
 +
    }
 
</style>
 
</style>
 
<body>
 
<body>
 
<div class="wrapper">
 
<div class="wrapper">
−
<div class="topBox mainDiv" >
+
        <div class="leftSide">
−
<img class="logo" src="">
+
            <div class="topBox mainDiv" >
−
<div class="title">2018 Mid-Atlantic Meetup</div>
+
                <img class="logo" src="">
−
<div class="subtitle">Hosted by UMaryland iGEM</div>
+
                <span class="title">2018 Mid-Atlantic Meetup</span>
−
<img class="backgroundImage" src="">
+
                <span class="subtitle">Hosted by UMaryland iGEM</span>
−
</div>
+
            </div>
−
<div class="layerOne">
+
            <div class="introBlurb mainDiv">
−
<div class="floatingLeft">
+
                <p>Team UMaryland is hosting this years Mid-Atlantic Meetup, giving teams an opportunity to practice presenting their ideas and exchange feedback with other iGEM teams in the Mid-Atlantic Area!</p>
−
<div class="introBlurb mainDiv">
+
                <br />
−
<p>Team UMaryland is hosting this years Mid-Atlantic Meetup, giving teams an opportunity to practice presenting their ideas and exchange feedback with other iGEM teams in the Mid-Atlantic Area! Each team will be giving a short presentation, followed by a Q&A and coffee breaks and lunch in between.</p>
+
                <p>Each team will be giving a short presentation followed by a Q&A, and we will have coffee breaks and lunch in between.We’ll also be hosting keynote speakers to talk about their experience in synthetic biology from a broad range of backgrounds.</p>
−
<br/>
+
                <br/>
−
<p>We’ll also be hosting keynote speakers to talk about their research in synthetic biology from a broad range of backgrounds. Please <a href="mailto:umarylandigem@gmail.com">email us</a> to join or to confirm your participation. See everyone there!</p>
+
                <p>Please <a href="mailto:umarylandigem@gmail.com">email us</a> to join or to confirm your participation. See everyone there!</p>
−
</div>
+
            </div>
−
<div class="speakerDiv mainDiv">
+
            <div class="contactDiv mainDiv">
−
<p class="heading">Keynote Speakers</p>
+
                <p>UMaryland iGEM Main Email: <a href="mailto:umarylandigem@gmail.com">umarylandigem@gmail.com</a> Follow UMaryland iGEM on <a href="https://www.facebook.com/UMarylandiGEM">Facebook</a> and <a href="https://www.instagram.com/umarylandigem/">Instagram</a></p>
−
<p>To be announced! Please check back soon, we will update the page as speakers are confirmed!</p>
+
            </div>
−
</div>
+
        </div>
−
</div>
+
        <nav class="sideNav">
−
<div class="scheduleDiv mainDiv">
+
                <span class="navSchedule" data-target="scheduleDiv" data-color="#3feee6" style="background-color: #3feee6">
−
<p class="heading">Schedule</p>
+
                    Schedule
−
<p>The Meetup will open for registration at 9:30 AM and will end approxmiately at 4 PM. Groups for presentation will be assigned closer to the meetup date based on team confirmations.</p>
+
                </span>
−
<img src="" />
+
                <span class="navSpeaker" data-target="speakerDiv" data-color="#55bcc9" style="background-color: #55bcc9">
−
</div>
+
                    Speakers
−
</div>
+
                </span>
−
<div class="layerTwo">
+
                <span class="navDirection" data-target="directionDiv" data-color="#97caef" style="background-color: #97caef">
−
<div class="floatingLeft2">
+
                    Directions
−
<div class="directionDiv mainDiv">
+
                </span>
−
<p class="heading">Directions & Parking</p>
+
                <span class="navMeetup" data-target="prevMeetup" data-color="#cafafe" style="background-color: #cafafe">
−
<br />
+
                    Prev Meetups
−
<p>The Meetup will be held on the <a href="https://goo.gl/maps/qvmcJZaAvaz">University of Maryland, College Park</a> campus in College Park, Maryland.</p>
+
                </span>
−
<br />
+
            </nav>
−
<p>Parking is available in the <a href="https://goo.gl/maps/kf4PSYGVXen">Reagent's Drive Garage</a> and various metered locations on campus for $3 per hour. Alternatively, all day parking is available for $5 at the <a href="https://goo.gl/maps/DCX5whZrN922">College Park Metro</a> parking garage. A free shuttle bus is available from the station to campus.</p>
+
 
−
</div>
+
        <div class="divContainer" id="sideContainer">
−
</div>
+
            <div class="insideContainer">
−
<div class="floatingRight">
+
                <div class="insideText">
−
<div class="contactDiv mainDiv">
+
 
−
<p class="heading">Contact Info</p>
+
                        <div class="speakerDiv mainDiv hideable">
−
<p>Please email us with questions about the meetup!</p>
+
                            <p class="heading">Keynote Speakers</p>
−
<br />
+
                            <p>To be announced! Please check back soon, we will update the page as speakers are confirmed!</p>
−
<p>UMaryland iGEM Main Email: <a href="mailto:umarylandigem@gmail.com">umarylandigem@gmail.com</a></p>
+
                        </div>
−
<br />
+
                        <div class="scheduleDiv mainDiv hideable">
−
<p>Follow UMaryland iGEM on <a href="https://www.facebook.com/UMarylandiGEM">Facebook</a> and <a href="https://www.instagram.com/umarylandigem/">Instagram</a></p>
+
                            <p class="heading">Schedule</p>
−
</div>
+
                            <p>The Meetup will open for registration at 9:30 AM and will end approxmiately at 4 PM. Groups for presentation will be assigned closer to the meetup date based on team confirmations.</p>
−
<div class="prevMeetup mainDiv">
+
                            <img src="" />
−
<p class="heading">Previous Meetups</p>
+
                        </div>
−
<ul>
+
                        <div class="directionDiv mainDiv hideable">
−
<li><a href="https://2017.igem.org/Team:Virginia/Engagement">2017</a> - Hosted by Team Virginia</li>
+
                            <p class="heading">Directions & Parking</p>
−
<li><a href="https://2016.igem.org/Team:UMaryland/Collaborations">2016</a> - Hosted by Team UMaryland</li>
+
                            <br />
−
<li><a href="https://2015.igem.org/Team:UMaryland/Collaborations">2015</a> - Hosted by Team UMaryland</li>
+
                            <p>The Meetup will be held on the <a href="https://goo.gl/maps/qvmcJZaAvaz">University of Maryland, College Park</a> campus in College Park, Maryland.</p>
−
<li><a href="https://2014.igem.org/Team:Virginia/HumanPractices#jump">2014</a> - Hosted by Team Virginia</li>
+
                            <br />
−
</ul>
+
                            <p>Parking is available in the <a href="https://goo.gl/maps/kf4PSYGVXen">Reagent's Drive Garage</a> and various metered locations on campus for $3 per hour. Alternatively, all day parking is available for $5 at the <a href="https://goo.gl/maps/DCX5whZrN922">College Park Metro</a> parking garage. A free shuttle bus is available from the station to campus.</p>
−
</div>
+
                        </div>
−
</div>
+
                        <div class="prevMeetup mainDiv hideable">
−
</div>
+
                            <p class="heading">Previous Meetups</p>
 +
                            <ul>
 +
                                <li><a href="https://2017.igem.org/Team:Virginia/Engagement">2017</a> - Hosted by Team Virginia</li>
 +
                                <li><a href="https://2016.igem.org/Team:UMaryland/Collaborations">2016</a> - Hosted by Team UMaryland</li>
 +
                                <li><a href="https://2015.igem.org/Team:UMaryland/Collaborations">2015</a> - Hosted by Team UMaryland</li>
 +
                                <li><a href="https://2014.igem.org/Team:Virginia/HumanPractices#jump">2014</a> - Hosted by Team Virginia</li>
 +
                            </ul>
 +
                        </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
 
 +
 
 +
 +
       
 
</div>
 
</div>
 
</body>
 
</body>
 
<script type="text/javascript">
 
<script type="text/javascript">
 +
    changeColor('bubble')
 +
 +
    var target = ''
 +
    var color = ''
 +
 +
    $('.sideNav span').click(function() {
 +
       
 +
        console.log(target);
 +
        console.log($(this).attr('data-target'));
 +
        console.log($(this).attr('data-color'));
 +
 +
        if (target == $(this).attr('data-target')) {        //click on the same heading to minimize the entire right side
 +
               
 +
            target = '';
 +
 +
            $('.divContainer').css('display','block');
 +
            $('.divContainer').animate(
 +
                {'height' : '0%'},700,function(){
 +
                    $(".hideable").css('display','none');   
 +
                    $('.divContainer').css('display','none');
 +
                    changeColor('bubble');
 +
                });
 +
 +
            $('.sideNav span').animate(
 +
                {'margin-left' : '15px'});
 +
 +
        }
 +
        else
 +
        if (target == '') {                                //if nothing has been selected so far
 +
            $('.sideNav span').animate(
 +
                {'margin-left' : '0px'});
 +
            changeColor('rectangle');
 +
 +
            color = $(this).attr('data-color')
 +
            $('.insideContainer').css('background-color',color)
 +
            $('.insideText').css('background-color',color)
 +
            $('.divContainer').css('background-color',color)
 +
 +
            target = $(this).attr('data-target');
 +
            $(".hideable").css('display','none');
 +
            $("." + target).css('display','block');
 +
 +
            $('.divContainer').css('height','0%');
 +
            $('.divContainer').css('display','block');
 +
            $('.divContainer').animate(
 +
                {'height' : '100%'},700);
 +
        }
 +
        else {                                              //catch-all, should be switching between headings
 +
 +
            color = $(this).attr('data-color')
 +
            $('.insideContainer').css('background-color',color)
 +
            $('.insideText').css('background-color',color)
 +
            $('.divContainer').css('background-color',color)
 +
            target = $(this).attr('data-target');
 +
           
 +
            //$('.divContainer').css('height','0%');
 +
            $('.divContainer').css('display','block');
 +
            $('.divContainer').animate(
 +
                {'height' : '0%'},400,function(){
 +
           
 +
                   
 +
                    $(".hideable").css('display','none');
 +
                    $("." + target).css('display','block');
 +
 +
                    $('.divContainer').animate(
 +
                        {'height' : '100%'},400);
 +
                });
 +
 +
        }
 +
    })
  
 +
    function changeColor (state) {
 +
        if (state == 'bubble') {
 +
            $('.navSchedule').css({
 +
                "background-color" : "transparent",
 +
                "color" : "#3feee6",
 +
                "border" : "1px solid #3feee6"
 +
            })
 +
            $('.navSpeaker').css({
 +
                "background-color" : "transparent",
 +
                "color" : "#55bcc9",
 +
                "border" : "1px solid #55bcc9"
 +
            })
 +
            $('.navDirection').css({
 +
                "background-color" : "transparent",
 +
                "color" : "#97caef",
 +
                "border" : "1px solid #97caef"
 +
            })
 +
            $('.navMeetup').css({
 +
                "background-color" : "transparent",
 +
                "color" : "#cafafe",
 +
                "border" : "1px solid #cafafe"     
 +
            })
 +
        }
 +
        if (state == 'rectangle') {
 +
            $('.navSchedule').css({
 +
                "color" : "#424242",
 +
                "background-color" : "#3feee6",
 +
                "border" : "none"
 +
            })
 +
            $('.navSpeaker').css({
 +
                "color" : "#424242",
 +
                "background-color" : "#55bcc9",
 +
                "border" : "none"
 +
            })
 +
            $('.navDirection').css({
 +
                "color" : "#424242",
 +
                "background-color" : "#97caef",
 +
                "border" : "none"
 +
            })
 +
            $('.navMeetup').css({
 +
                "color" : "#424242",
 +
                "background-color" : "#cafafe",
 +
                "border" : "none" 
 +
            })
 +
        }
 +
    }
 
</script>
 
</script>
 
</html>
 
</html>

Revision as of 03:35, 28 June 2018

2018 Mid-Atlantic Meetup

2018 Mid-Atlantic Meetup Hosted by UMaryland iGEM

Team UMaryland is hosting this years Mid-Atlantic Meetup, giving teams an opportunity to practice presenting their ideas and exchange feedback with other iGEM teams in the Mid-Atlantic Area!


Each team will be giving a short presentation followed by a Q&A, and we will have coffee breaks and lunch in between.We’ll also be hosting keynote speakers to talk about their experience in synthetic biology from a broad range of backgrounds.


Please email us to join or to confirm your participation. See everyone there!

UMaryland iGEM Main Email: umarylandigem@gmail.com Follow UMaryland iGEM on Facebook and Instagram

Keynote Speakers

To be announced! Please check back soon, we will update the page as speakers are confirmed!

Schedule

The Meetup will open for registration at 9:30 AM and will end approxmiately at 4 PM. Groups for presentation will be assigned closer to the meetup date based on team confirmations.

Directions & Parking


The Meetup will be held on the University of Maryland, College Park campus in College Park, Maryland.


Parking is available in the Reagent's Drive Garage and various metered locations on campus for $3 per hour. Alternatively, all day parking is available for $5 at the College Park Metro parking garage. A free shuttle bus is available from the station to campus.

Previous Meetups

  • 2017 - Hosted by Team Virginia
  • 2016 - Hosted by Team UMaryland
  • 2015 - Hosted by Team UMaryland
  • 2014 - Hosted by Team Virginia