Difference between revisions of "Team:Virginia/Team"

Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
−
<head>
+
    <head>
−
<!-- Bootstrap import -- Latest compiled and minified CSS -->
+
        <!-- Bootstrap import -- Latest compiled and minified CSS -->
−
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
+
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" type="text/css">
−
</head>
+
        </head>
−
<body>
+
        <body>
−
<div id="top-part">
+
            <div id="top-part">
−
<p id="above-nav">University of Virginia iGEM 2015</p>
+
                <p id="above-nav">University of Virginia iGEM 2015</p>
−
<div id="icon-box">
+
                <div id="icon-box">
−
<a href="https://twitter.com/Virginia_iGEM"><img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img></a>
+
                    <a href="https://twitter.com/Virginia_iGEM">
−
<a href="https://www.facebook.com/uvaigem"><img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img></a>
+
                        <img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img>
−
</div>
+
                    </a>
−
</div>
+
                    <a href="https://www.facebook.com/uvaigem">
−
<div class="nav" id="nav1">
+
                        <img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img>
−
<div class="container">
+
                    </a>
−
<ul class="pull-left">
+
                </div>
−
<li><a href="/Team:Virginia">Home</a></li>
+
            </div>
−
</ul>
+
            <div class="nav">
−
<ul class="pull-right">
+
                <div class="container">
−
<li><a href="/Team:Virginia/Team">Team</a></li>
+
                    <ul class="pull-left">
−
<li><a href="/Team:Virginia/Project">Project</a></li>
+
                        <li>
−
<li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
+
                            <a href="/Team:Virginia">Home</a>
−
<li><a href="/Team:Virginia/Attributions">Attributions</a></li>
+
                        </li>
−
<li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
+
                    </ul>
−
</ul>
+
                    <ul class="pull-right">
−
</div>
+
                        <li>
−
</div>
+
                            <a href="/Team:Virginia/Team">Team</a>
−
<!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
+
                        </li>
−
<div id="upper-div">
+
                        <li>
−
<h1>House of Carbs: The Project</h1>
+
                            <a href="/Team:Virginia/Project">Project</a>
−
<p>(click a tab to reveal more information)</p>
+
                        </li>
−
</div>
+
                        <li>
−
<div id="tabs-wrapper">
+
                            <a href="/Team:Virginia/Practices">Policy and Practices</a>
−
<div class="container">
+
                        </li>
−
<a href="javascript:void(0);"><div class="tab" id="tab1">
+
                        <li>
−
<p>Project Background</p>
+
                            <a href="/Team:Virginia/Attributions">Attributions</a>
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
                        </li>
−
</img>
+
                        <li>
−
<div class="tab-content" id="tab-content1">
+
                            <a href="/Team:Virginia/Contact_us">Contact Us</a>
−
<h1>Problem Statement</h1>
+
                        </li>
−
<p>Diabetes mellitus is a common metabolic disease that is characterized by long-term hyperglycemia, peripheral resistance to human insulin and general lack of insulin production (Kumar et al. 2005).  Diabetes is fairly remarkable in its impact mostly due to its far-reaching epidemiological impact; that is, in 2012, nearly 6.9% of American adults had some form of diabetes, which is staggering because this represents a 147% increase in diagnoses over 31 years according to the Centers for Disease Control and Prevention (CDC) (ADA 2014) , (CDC 2014). In addition, there are predictions that by 2050 there will be 552 million cases of diabetes mellitus worldwide (Whiting et al., 2011). The umbrella term “diabetes” covers two distinct disease states, named Type-1 (or juvenile) diabetes mellitus and Type-2 (or acquired) diabetes mellitus. Type-2 diabetes tends to develop as a result of poor dietary habits, alcohol abuse, obesity, or genetic predisposition, and the increase in the incidence of diabetes mellitus as a whole is largely reflective of an increase of the incidence of Type-2 diabetes rather than an increase in juvenile diabetes (ADA 2014). </p>
+
                    </ul>
−
<p>With regards to Type-2 diabetes (referred to as T2DM) specifically, a number of devastating consequences can arise from increased blood sugar levels on a regular basis, but many of the major complications of T2DM arise from drastic fluctuations in the blood glucose level (Ceriello et al., 2012). Postprandial (post-meal) blood sugar spikes specifically are one of the most damaging complications of diabetes. Many diabetics are able to effectively manage post-meal glycemic spikes with self-administered doses of insulin, but these incidents still kill more Americans per year than any other diabetes-related complications. Arguably, the gravest consequence of glycemic spikes in diabetes patients is the development of progressive macrovascular disease (MVD), which affects the large blood vessels of the body, hardening and blocking these vessels (Ceriello et al. 2012). MVD is the leading cause of death among T2DM patients in the United States, and thus it is a huge target for diabetes treatments research. MVD also frequently leads to other severe complications such as ischemia in the extremities and blindness (Haffner et al., 1998).</p>
+
                </div>
−
<p>Luckily for many T1DM and T2DM patients, it has been shown that the regular control and management of blood glucose levels has been shown to prevent many of the vascular complications of the disease, but most of the time control over glucose is difficult to attain because of the self-dosing insulin treatment system that a lot of moderately to severely sick diabetes patients use is often hard to calibrate and use. Many people with regular hyperglycemia that are not considered diabetic also suffer the risk associated with glycemic spikes and resulting MVD, but these individuals do not have an insulin regimen to regulate high blood sugar levels typically. </p>
+
            </div>
−
</div>
+
            <!-- POPUP SCRIPTS-->
−
</div></a>
+
            <script type="text/javascript">
−
<script type="text/javascript">
+
jQuery(document).ready(function(){
−
jQuery(document).ready(function(){
+
$("#supraja-box").click(function(){
−
$("#tab1").click(function(){
+
 
−
$("#tab-content1").toggleClass("active-content");
+
$("#popup-supraja").fadeIn("medium");
−
$("#tab1").toggleClass("active-tab");
+
});
−
$("#tab1 > img").toggleClass("inactive-content");
+
$("#popup-supraja").click(function(){
−
});
+
$("#popup-supraja").fadeOut("medium");
−
});
+
});
−
</script>  
+
$("#dominic-box").click(function(){
−
<a href="javascript:void(0);"><div class="tab" id="tab2">
+
$("#popup-dominic").fadeIn("medium");
−
<p>The Solution</p>
+
});
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
$("#popup-dominic").click(function(){
−
</img>
+
$("#popup-dominic").fadeOut("medium");
−
<div class="tab-content" id="tab-content2">
+
});
−
<div>
+
$("#jingyuan-box").click(function(){
−
<p>CONTENT</p>
+
$("#popup-jingyuan").fadeIn("medium");
−
</div>
+
});
−
</div>
+
$("#popup-jingyuan").click(function(){
−
</div></a>
+
$("#popup-jingyuan").fadeOut("medium");
−
<script type="text/javascript">
+
});
−
jQuery(document).ready(function(){
+
$("#liam-box").click(function(){
−
$("#tab2").click(function(){
+
$("#popup-liam").fadeIn("medium");
−
$("#tab-content2").toggleClass("active-content");
+
$("#popup-liam").css("top","800px");
−
$("#tab2").toggleClass("active-tab");
+
});
−
$("#tab2 > img").toggleClass("inactive-content");
+
$("#popup-liam").click(function(){
−
});
+
$("#popup-liam").fadeOut("medium");
−
});
+
});
−
</script>  
+
$("#rena-box").click(function(){
−
<a href="javascript:void(0);"><div class="tab" id="tab3">
+
$("#popup-rena").fadeIn("medium");
−
<p>Sugar Uptake</p>
+
$("#popup-rena").css("top","800px");
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
});
−
</img>
+
$("#popup-rena").click(function(){
−
<div class="tab-content" id="tab-content3">
+
$("#popup-rena").fadeOut("medium");
−
<div>
+
});
−
<p>CONTENT</p>
+
$("#issac-box").click(function(){
−
</div>
+
$("#popup-issac").fadeIn("medium");
−
</div>
+
$("#popup-issac").css("top","800px");
−
</div></a>
+
});
−
<script type="text/javascript">
+
$("#popup-issac").click(function(){
−
jQuery(document).ready(function(){
+
$("#popup-issac").fadeOut("medium");
−
$("#tab3").click(function(){
+
});
−
$("#tab-content3").toggleClass("active-content");
+
$("#sean-box").click(function(){
−
$("#tab3").toggleClass("active-tab");
+
$("#popup-sean").fadeIn("medium");
−
$("#tab3 > img").toggleClass("inactive-content");
+
$("#popup-sean").css("top","1100px");
−
});
+
});
−
});
+
$("#popup-sean").click(function(){
−
</script>  
+
$("#popup-sean").fadeOut("medium");
−
<a href="javascript:void(0);"><div class="tab" id="tab4">
+
});
−
<p>Sugar Polymerization</p>
+
$("#shiran-box").click(function(){
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
$("#popup-shiran").fadeIn("medium");
−
</img>
+
$("#popup-shiran").css("top","1100px");
−
<div class="tab-content" id="tab-content4">
+
});
−
<div>
+
$("#popup-shiran").click(function(){
−
<p>CONTENT</p>
+
$("#popup-shiran").fadeOut("medium");
−
</div>
+
});
−
</div>
+
$("#connor-box").click(function(){
−
</div></a>
+
$("#popup-connor").fadeIn("medium");
−
<script type="text/javascript">
+
$("#popup-connor").css("top","1100px");
−
jQuery(document).ready(function(){
+
});
−
$("#tab4").click(function(){
+
$("#popup-connor").click(function(){
−
$("#tab-content4").toggleClass("active-content");
+
$("#popup-connor").fadeOut("medium");
−
$("#tab4").toggleClass("active-tab");
+
});
−
$("#tab4 > img").toggleClass("inactive-content");
+
});
−
});
+
 
−
});
+
</script>
−
</script>  
+
            <!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
−
<a href="javascript:void(0);"><div class="tab" id="tab5">
+
            <!-- Pop-ups structural code -->
−
<p>Negative Selection and the Kill-Switch</p>
+
            <!-- Supraja’s popup structural code-->
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-supraja">
−
</img>
+
                <div class="text-wrap">
−
<div class="tab-content" id="tab-content5">
+
                    <p>(click to close)</p>
−
<div>
+
                    <img src="/wiki/images/1/10/Virginia_supraja2.jpg"></img>
−
<p>CONTENT</p>
+
                    <h3>Supraja Chittari</h3>
−
</div>
+
                    <h5>Poster and Presentation Coordinator & Biological Research Team Member</h5>
−
</div>
+
                    <h4>Class of 2018 - College of Arts & Sciences, Undeclared</h4>
−
</div></a>
+
                    <p>Supraja Chittari is a rising second-year at the University of Virginia from Vienna, Virginia. Supraja can’t quite make up her mind about what she’s studying, but we know it’ll be something that’s fairly science-heavy. A dedicated member of iGEM 2015’s so-called BioSquad, she can be seen in the lab at ungodly hours of the night screaming something about failed competent cells.</p>
−
<script type="text/javascript">
+
                </div>
−
jQuery(document).ready(function(){
+
            </div></a>
−
$("#tab5").click(function(){
+
            <!-- Dominic’s popup structural code-->
−
$("#tab-content5").toggleClass("active-content");
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-dominic">
−
$("#tab5").toggleClass("active-tab");
+
                <div class="text-wrap">
−
$("#tab5 > img").toggleClass("inactive-content");
+
                    <p>(click to close)</p>
−
});
+
                    <img src="/wiki/images/6/6f/Virginia_dominic2.jpg"></img>
−
});
+
                    <h3>Dominic Ritchey</h3>
−
</script>  
+
                    <h5>Chief Financial Officer and Wiki Programmer</h5>
−
<div id="bottom-wrapper">
+
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Computer Science & Biology</h4>
−
<div>
+
                    <p> Dominic Ritchey is a rising second-year at the University of Virginia from Columbus, Ohio. Dominic is studying Computer Science and Biology because he has no idea yet what he wants to do with his life. Dominic is the Chief Financial Officer and Wiki Programmer for team, so he has not even touched a pipette in the lab as of yet. Dominic is a dedicated member of the so-called Ca$hCrew, and he can often be found camped-out in a U.Va. library coding for hours on end.  </p>
−
<a href="/Team:Virginia/Parts">
+
                </div>
−
<div><p> Parts </p></div>
+
            </div></a>
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
            <!-- Jingyuan’s popup structural code-->
−
</a>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-jingyuan">
−
</div>
+
                <div class="text-wrap">
−
<div>
+
                    <p>(click to close)</p>
−
<a href="/Team:Virginia/Notebook">
+
                    <img src="/wiki/images/a/ac/Virginia_jingyuan2.jpg"></img>
−
<div><p> Notebook </p></div>
+
                    <h3>Jingyuan Zhang</h3>
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
                    <h5>Laboratory Technician & Biological Research Team Member</h5>
−
</a>
+
                    <h4>Class of 2017 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
−
</div>
+
                    <p>Jingyuan Zhang is a rising third-year at the University of Virginia from Beijing, China, and she studies Biomedical Engineering. Jingyuan is a dedicated member of the BioSquad, and officially she is one of the team laboratory technicians. Jingyuan can frequently be found running hastily around the lab with multiple timers going off. </p>
−
<div>
+
                </div>
−
<a href="/Team:Virginia/Modeling">
+
            </div></a>
−
<div><p> Modeling </p></div>
+
            <!-- Liam’s popup structural code-->
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-liam">
−
</a>
+
                <div class="text-wrap">
−
</div>
+
                    <p>(click to close)</p>
−
<div>
+
                    <img src="/wiki/images/1/1e/Virginia_liam2.jpg"></img>
−
<a href="/Team:Virgina/Safety">
+
                    <h3>Liam Wolf</h3>
−
<div><p> Safety </p></div>
+
                    <h5>Administrator, Policy and Practices, & Finance Team Member</h5>
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Systems Engineering</h4>
−
</a>
+
                    <p>Liam Wolf is a rising second-year at the University of Virginia from Pittsburgh, Pennsylvania. Liam is studying Systems Engineering, even though no one really knows what that is. Liam is involved in just about everything the team does, whether he is asked or not, and the team lovingly (and mostly jokingly) refers to him as the Overlord. Officially, Liam is the team Administrator, though he is also involved in every other part of the project. Liam claims that, one day, all 9 team members will get together for a team-building activity, but no one really believes it. </p>
−
</div>
+
                </div>
−
</div>
+
            </div></a>
−
</div>
+
            <!-- Rena’s popup structural code-->
−
</div>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-rena">
−
<!-- SPECIFIC STRUCTURAL CODE ENDS HERE -->
+
                <div class="text-wrap">
−
<footer>
+
                    <p>(click to close)</p>
−
<div id="foot-img">
+
                    <img src="/wiki/images/9/9d/Virginia_rena2.jpg"></img>
−
<img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
+
                    <h3>Rena Yuan</h3>
−
</div>
+
                    <h5>Policy & Practices and Biology Research Team Member</h5>
−
<div id="foot-text">
+
                    <h4>Class of 2018 - College of Arts and Sciences, Biology and Statistics</h4>
−
<p>University of Virginia iGEM</p>
+
                    <p> Rena Yuan is a rising second-year at the University of Virginia studying biology and statistics. Rena is originally from Long Island, New York, but is now a NOVA (Northern Virginia) transplant. Rena is a dedicated member of the so-called BioSquad and though she works full-time in another position, she can frequently be seen coming into the lab at 4:00 am in order to get some of her work done, even when she knows that she’s not expected to do so.</p>
−
<p>148 Gilmer Hall</p>
+
                </div>
−
<p>485 McCormick Road</p>
+
            </div></a>
−
<p>Charlottesville, Virginia 22904</p>
+
            <!-- Issac’s popup structural code-->
−
<p>United States of America</p>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-issac">
−
<p><a href="mailto:virginia.igem@gmail.com">
+
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/3/38/Virginia_issac2.jpg"></img>
 +
                    <h3>Issac Li</h3>
 +
                    <h5>Head of Modelling, Policy & Practices Team Member and Biology Research Team Member</h5>
 +
                    <h4>Class of 2016 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p> Issac Li is a rising fourth-year at the University of Virginia studying Biomedical Engineering from Shijiazhuang, China. Issac is the official Head of Modeling for the 2015 team. Issac is a de facto addition to the BioSquad and also aids in Policy and Practices. </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Sean’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-sean">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/a/ad/Virginia_sean2.jpg"></img>
 +
                    <h3>Sean Sequeira</h3>
 +
                    <h5>Modelling Team Member, Policy and Practices Team Member, and Finance Team Member</h5>
 +
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p> Sean Sequeira is a rising second-year at the University of Virginia, from Richmond, Virginia. Sean is studying Biomedical Engineering and is a member of the BioSquad, the Ca$hCrew, and helps out in Policy and Practices. Sean can frequently either be found “working” in the second floor conference room with Connor or at his other lab. </p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Shiran’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-shiran">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/0/0f/Virginia_shiran2.jpg"></img>
 +
                    <h3>Shiran Su</h3>
 +
                    <h5>Laboratory Technician and Biological Research Team Member</h5>
 +
                    <h4>Class of 2016 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
 +
                    <p>Shiran Su is a rising fourth-year at the University of Virginia from Nanjing, China. Shiran is finishing up her degree in Biomedical Engineering this year. Shiran is a dedicated member of the so-called BioSquad. Without fail, one can either find Shiran somewhere in the building taking a quick daytime nap on a bench or lecturing another engineering teammate about the ease of the U.Va. engineering curriculum, especially after s/he has been complaining about a difficult class.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- Connor’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-connor">
 +
                <div class="text-wrap">
 +
                    <p>(click to close)</p>
 +
                    <img src="/wiki/images/f/f3/Virginia_connor2.jpg"></img>
 +
                    <h3>Connor Jahelka</h3>
 +
                    <h5>Head of Policy & Practices</h5>
 +
                    <h4>Class of 2017 - College of Arts and Sciences, Biology </h4>
 +
                    <p> Connor Jahelka is a rising third-year at the University of Virginia from Fairfax, Virginia. Connor is studying biology and splits his time between a neuroscience lab and iGEM during the summer. Connor is the Head of Policy and Practices for this year’s team.  Connor has a notoriously faulty alarm clock, on which he blames his persistent lateness, and he works most effectively when given very detailed, itemized to-do lists and constant negative reinforcement, mostly provided by Liam.</p>
 +
                </div>
 +
            </div></a>
 +
            <!-- END Pop-ups structural code -->
 +
            <div class="wrapper1">
 +
                <div class="team_profile_link">
 +
                    <a href="https://igem.org/Team.cgi" >
 +
                        <div>
 +
                            <img src="/wiki/images/1/10/Virginia_igem_logo.jpg"></img>
 +
                        </div>
 +
                        <div>
 +
                            <p>Official iGEM Team Profile</p>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div class="team_profile_link">
 +
                    <a href="http://seas.virginia.edu/students/igem/" >
 +
                        <div>
 +
                            <img src="/wiki/images/a/a7/Virginia_rotunda.png"></img>
 +
                        </div>
 +
                        <div>
 +
                            <p>Official U.Va. iGEM Website</p>
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <h1>University of Virginia 2015 iGEM Team Members</h1>
 +
            <p id="parenth">(click an image to learn more about any team member)</p>
 +
            <!-- BEGIN Team photos structural code -->
 +
            <div id="team-info">
 +
                <div class="container">
 +
                    <!--Supraja Chittari-->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="supraja-box">
 +
                        <img src="/wiki/images/0/06/Virginia_supraja.jpg">
 +
                            <p>Supraja Chittari</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!--Dominic Ritchey-->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="dominic-box">
 +
                        <img src="/wiki/images/a/af/Virginia_dominic.jpg">
 +
                            <p>Dominic Ritchey</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Jingyuan Zhang -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="jingyuan-box">
 +
                        <img src="/wiki/images/3/37/Virginia_jingyuan.jpg">
 +
                            <p>Jingyuan Zhang</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Liam Wolf -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="liam-box">
 +
                        <img src="/wiki/images/e/ef/Virginia_liam.jpg">
 +
                            <p>Liam Wolf</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Rena Yuan -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="rena-box">
 +
                        <img src="/wiki/images/b/bd/Virginia_rena.jpg">
 +
                            <p>Rena Yuan</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Issac Li -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="issac-box">
 +
                        <img src="/wiki/images/3/3b/Virginia_issac.jpg">
 +
                            <p>Issac Li</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Sean Sequeira -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="sean-box">
 +
                        <img src="/wiki/images/8/8e/Virginia_sean.jpg">
 +
                            <p>Sean Sequeira</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Shiran Su -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="shiran-box">
 +
                        <img src="/wiki/images/8/8b/Virginia_shiran.jpg">
 +
                            <p>Shiran Su</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <!-- Connor Jahelka -->
 +
                    <a href="javascript:void(0);"><div class="team-box" id="connor-box">
 +
                        <img src="/wiki/images/0/03/Virginia_connor.jpg">
 +
                            <p>Connor Jahelka</p>
 +
                        </img>
 +
                    </div></a>
 +
                </div>
 +
            </div>
 +
            <!-- SPECIFIC STRUCTURAL CODE ENDS HERE -->
 +
            <footer>
 +
                <div id="foot-img">
 +
                    <img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
 +
                </div>
 +
                <div id="foot-text">
 +
                    <p>University of Virginia iGEM</p>
 +
                    <p>148 Gilmer Hall</p>
 +
                    <p>485 McCormick Road</p>
 +
                    <p>Charlottesville, Virginia 22904</p>
 +
                    <p>United States of America</p>
 +
                    <p>
 +
                        <a href="mailto:virginia.igem@gmail.com">
 
virginia.igem@gmail.com</a>
 
virginia.igem@gmail.com</a>
−
</p>
+
                    </p>
−
</div>
+
                </div>
−
</footer>
+
            </footer>
−
<style type="text/css">
+
            <style type="text/css">
−
#bottom-wrapper {
+
−
width:100%;
+
−
padding: 50px;
+
−
height:auto;
+
−
}
+
−
#bottom-wrapper div div {
+
−
display:inline-block;
+
−
height:auto;
+
−
}
+
−
#bottom-wrapper div img {
+
−
height:50px;
+
−
clear:both;
+
−
padding-top:10px;
+
−
margin-top: 40px;
+
−
width:auto;
+
−
z-index: 10;
+
−
}
+
−
#bottom-wrapper p {
+
−
font-size: 26px;
+
−
width:50%;
+
−
font-weight:bold;
+
−
padding-left: 15%;
+
−
padding-top:50px;
+
−
font-family: Arial;
+
−
text-shadow: 1px 1px 2px black;
+
−
}
+
−
#bottom-wrapper div a div:first-child {
+
−
width:80%;
+
−
height:100%
+
−
}
+
−
.tab:hover, #bottom-wrapper > div:hover {
+
−
box-shadow: 3px 3px 6px black;
+
−
}
+
−
#bottom-wrapper div a div:last-child {
+
−
width:15%;
+
−
height:100%;
+
−
float:right;
+
−
}
+
−
#bottom-wrapper > div {
+
−
width:40%;
+
−
height: 150px;
+
−
/*margin-left: 5%;*/
+
−
/*margin-right: 2.5%;*/
+
−
margin-top:25px;
+
−
display: inline-block;
+
−
background:#0D4F8B;
+
−
border-radius: 15px;
+
−
box-shadow: 2px 2px 4px #000000;
+
−
}
+
−
#bottom-wrapper > div:nth-child(1), #bottom-wrapper >div:nth-child(3) {
+
−
margin-left:5%;
+
−
margin-right:5%;
+
−
}
+
−
#bottom-wrapper > div:nth-child(2), #bottom-wrapper > div:nth-child(4) {
+
−
margin-left:5%;
+
−
margin-right:0px;
+
−
}
+
 
footer div img {
 
footer div img {
 
width:auto;
 
width:auto;
Line 251: Line 332:
 
overflow:hidden;
 
overflow:hidden;
 
}
 
}
−
#nav1 {
+
.nav {
 
background-color: #003F87;
 
background-color: #003F87;
 
width:100%;
 
width:100%;
Line 266: Line 347:
 
border-style:solid;
 
border-style:solid;
 
}
 
}
−
#nav1 a {
+
.nav a {
 
color: rgb(256, 256, 256);
 
color: rgb(256, 256, 256);
 
font-size: 16px;
 
font-size: 16px;
Line 274: Line 355:
 
border-radius:5px;
 
border-radius:5px;
 
}
 
}
−
#nav1 a:hover{
+
.nav a:hover{
 
color:#fff;
 
color:#fff;
 
background-color:#007bb6;
 
background-color:#007bb6;
 
text-decoration:none;
 
text-decoration:none;
 
}
 
}
−
#nav1 li {
+
.nav li {
 
display: inline;
 
display: inline;
 
font-family: Arial;
 
font-family: Arial;
 
}
 
}
−
#nav1 .container {
+
.nav .container {
 
padding-top:5px;
 
padding-top:5px;
 
padding-bottom:5px;
 
padding-bottom:5px;
Line 289: Line 370:
 
.row {
 
.row {
 
width:100%;
 
width:100%;
 +
}
 +
h1 {
 +
text-align:center;
 +
color:white;
 +
font-size:40px;
 +
font-family:Arial;
 +
padding-top:20px;
 +
padding-bottom:20px;
 +
font-weight:bold;
 
}
 
}
 
#content h1.firstHeading {
 
#content h1.firstHeading {
Line 327: Line 417:
 
background:#000000;
 
background:#000000;
 
clear:both;
 
clear:both;
 +
border-top:5px solid #007bb6;
 
}
 
}
 
footer p:first-child {
 
footer p:first-child {
Line 336: Line 427:
 
footer a {
 
footer a {
 
color:#fff;
 
color:#fff;
 +
text-decoration:underline;
 
}
 
}
 
footer p {
 
footer p {
 
width:auto;
 
width:auto;
 +
font-size:10px;
 
}
 
}
 
p {  
 
p {  
Line 349: Line 442:
 
font-weight:bold;
 
font-weight:bold;
 
}
 
}
−
#above-nav {
+
#above-nav{
 
margin-bottom:10px;
 
margin-bottom:10px;
 
float:left;
 
float:left;
Line 363: Line 456:
 
margin-right:20px;
 
margin-right:20px;
 
}
 
}
−
#facebook {
+
#facebook{
 
height:30px;
 
height:30px;
 
width:30px;
 
width:30px;
 
}
 
}
−
#twitter {
+
#twitter{
 
height:40px;
 
height:40px;
 
width:40px;
 
width:40px;
 
}
 
}
−
#facebook:hover {
+
#facebook:hover{
 
opacity:0.5;
 
opacity:0.5;
 
}
 
}
−
#twitter:hover {
+
#twitter:hover{
 
opacity:0.5;
 
opacity:0.5;
 
}
 
}
−
#icon-box {
+
#icon-box{
 
display:inline;
 
display:inline;
 
float:right;
 
float:right;
 
}
 
}
−
#top-part {
+
#top-part{
 
display:inline;
 
display:inline;
 
height:56px;
 
height:56px;
Line 394: Line 487:
 
}
 
}
 
/* OTHER STYLE CODE GOES BELOW HERE */
 
/* OTHER STYLE CODE GOES BELOW HERE */
−
h1 {
+
.team-box{
−
color:#CAE1FF;
+
width:30%;
−
font-size:60px;
+
height:400px;
−
text-align:center;
+
display:inline-block;
−
font-weight:bold;
+
margin-left:1.5%;
−
text-shadow: 2px 2px 3px #007bb6;
+
margin-top:25px;
 +
margin-bottom:10px;
 +
border-radius:30px;
 +
border: 5px solid #007bb6;
 +
overflow:hidden;
 +
background-color:#003F87;
 
}
 
}
−
#tabs-wrapper {
+
.team-box:hover{
−
width:99%;
+
box-shadow: 5px 5px 10px #555555;
−
margin-left:.5%;
+
−
background:#afafaf;
+
−
border-radius:1px;
+
−
padding-bottom:50px;
+
 
}
 
}
−
.tab {
+
.team-box img {
 
width:100%;
 
width:100%;
−
height:160px;
+
height:auto;
−
border-radius:10px;
+
border-bottom: 5px solid #007bb6;
−
background:#007bb6;
+
−
margin-top:25px;
+
−
box-shadow: 2px 2px 4px black;
+
−
overflow:hidden;
+
 
}
 
}
−
.tab p {
+
.team-box p {
−
font-size:40px;
+
 
font-family:Arial;
 
font-family:Arial;
 +
font-size:26px;
 
font-weight:bold;
 
font-weight:bold;
 +
padding-top:10px;
 +
padding-bottom:10px;
 
text-align:center;
 
text-align:center;
−
margin-top:25px;
 
−
margin-bottom:0px;
 
−
padding-top:15px;
 
−
text-shadow: 1px 1px 2px black;
 
 
}
 
}
−
.tab img {
+
/* Pop-ups style code */
−
width:8%;
+
.popup {
−
margin-left:46%;
+
width:80%;
 
height:auto;
 
height:auto;
−
clear:both;
+
background-color:#191919;
 +
border-radius:30px;
 +
position:absolute;
 +
top:500px;
 +
left:10%;
 +
z-index:5;
 +
border: 10px solid #007bb6;
 +
box-shadow: 10px 10px 20px black;
 
}
 
}
−
.tab-content {
+
.text-wrap {
−
display:none;
+
padding:20px 20px 20px 20px;
−
font-size:15px;
+
}
 +
.text-wrap h3 {
 +
text-align:center;
 +
font-weight:bold;
 +
text-shadow:2px 2px 1px #007bb6;
 
color:white;
 
color:white;
−
text-align:left;
+
margin-bottom:30px;
 +
font-size:30px;
 
}
 
}
−
.hidden-div {
+
.text-wrap h5{
−
/*display:none;*/
+
margin-bottom:10px;
−
font-size: 14px;
+
font-weight:bold;
−
font-family:Arial;
+
font-size:25px;
−
background:#fff;
+
text-align:center;
−
width:90%;
+
font-weight:bold;
−
margin-left:5%;
+
−
padding:15px;
+
−
border-radius:10px;
+
−
}
+
−
#upper-div p {
+
−
font-size:12px;
+
 
color:white;
 
color:white;
 +
}
 +
.text-wrap h4 {
 
text-align:center;
 
text-align:center;
 +
font-weight:bold;
 +
color:#fff;
 +
padding-bottom:25px;
 
}
 
}
−
.active-tab {
+
.text-wrap img {
 +
width:30%;
 +
margin-left:35%;
 
height:auto;
 
height:auto;
−
padding-bottom:30px;
+
border-radius:15px;
−
box-shadow: 5px 5px 10px black;
+
border: 5px solid #fff;
−
display:block;
+
 
}
 
}
−
.active-tab > p {
+
.active {
−
opacity:.5;
+
−
font-size:20px;
+
−
padding-bottom:15px;
+
−
}
+
−
.active-content {
+
 
display:block;
 
display:block;
 
}
 
}
−
.tab-content h1 {
+
.inactive {
−
margin-bottom:0px;
+
display:none;
−
border-bottom:0px;
+
−
color:#fff;
+
−
padding:0px;
+
−
text-shadow:1px 1px 2px black;
+
 
}
 
}
−
.tab-content p {
+
.team_profile_link{
−
margin-top:18px;
+
width:30%;
−
padding-top:0px;
+
margin-left:15%;
−
margin-left:2.5%;
+
background-color:#007bb6;
−
font-size:18px;
+
border: 3px solid #fff;
−
color:white;
+
border-radius: 10px;
−
font-family:Arial;
+
            margin-top:25px;
−
font-weight:normal;
+
    padding: 5px 5px 5px 5px;
−
padding-right:40px;
+
 
display:inline-block;
 
display:inline-block;
−
text-align:left;
 
 
}
 
}
−
.tab-content p:first-child {
+
.team_profile_link div {
−
margin-top:0px;
+
display: inline;
 
}
 
}
−
.inactive-content {
+
.team_profile_link:hover {
−
display:none;
+
background-color:#0276FD;
 +
}
 +
.team_profile_link img {
 +
width:40%;
 +
margin-left:30%;
 +
height:auto;
 +
border-radius:50%;
 +
border:3px solid #63D1F4;
 +
background:white;
 +
}
 +
.team_profile_link p {
 +
font-family: Arial;
 +
font-weight:bold;
 +
font-size: 18px;
 +
text-align:center;
 +
}
 +
.wrapper1 div:last-child{
 +
margin-left:10%;
 +
}
 +
#parenth{
 +
font-size:12px;
 +
text-align:center;
 +
font-family:Arial;
 +
}
 +
            .text-wrap p{
 +
            font-size:20px;
 +
            font-family:Arial;
 +
width:70%;
 +
margin-left:15%;
 +
border-top: 1px dotted white;
 +
padding-top: 15px;
 +
color:#87CEFA;
 +
            }
 +
.text-wrap p:first-child{
 +
width:95%;
 +
color:white;
 +
margin-left:2.5%;
 +
font-size:16px;
 
}
 
}
 
/* SPECIFIC STYLE CODE ENDS HERE */
 
/* SPECIFIC STYLE CODE ENDS HERE */
 
</style>
 
</style>
−
</body>
+
        </body>
−
</html>
+
    </html>

Revision as of 15:09, 21 July 2015

University of Virginia iGEM 2015

Official iGEM Team Profile

Official U.Va. iGEM Website

University of Virginia 2015 iGEM Team Members

(click an image to learn more about any team member)

University of Virginia iGEM

148 Gilmer Hall

485 McCormick Road

Charlottesville, Virginia 22904

United States of America

virginia.igem@gmail.com