Difference between revisions of "Team:Virginia/Team"

 
(7 intermediate revisions by the same user not shown)
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>
+
<a href="http://virginia.edu">
−
<div id="icon-box">
+
<div style="position: fixed;
−
<a href="https://twitter.com/Virginia_iGEM"><img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img></a>
+
top: 34px;
−
<a href="https://www.facebook.com/uvaigem"><img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img></a>
+
z-index:20;
−
</div>
+
margin-left:26.5%;">
−
</div>
+
<img style="height:32px;
−
<div class="nav" id="nav1">
+
width:32px;" src="/wiki/images/d/df/Virginia_rotunda2.png">
−
<div class="container">
+
</div></a>
−
<ul class="pull-left">
+
                <p id="above-nav">University of Virginia iGEM 2015</p>
−
<li><a href="/Team:Virginia">Home</a></li>
+
                <div id="icon-box">
−
</ul>
+
                    <a href="https://twitter.com/Virginia_iGEM">
−
<ul class="pull-right">
+
                        <img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img>
−
<li><a href="/Team:Virginia/Team">Team</a></li>
+
                    </a>
−
<li><a href="/Team:Virginia/Project">Project</a></li>
+
                    <a href="https://www.facebook.com/uvaigem">
−
<li><a href="/Team:Virginia/Practices">Policy and Practices</a></li>
+
                        <img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img>
−
<li><a href="/Team:Virginia/Attributions">Attributions</a></li>
+
                    </a>
−
<li><a href="/Team:Virginia/Contact_us">Contact Us</a></li>
+
                </div>
−
</ul>
+
            </div>
−
</div>
+
            <div class="nav">
−
</div>
+
                <div class="container">
−
<!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
+
                    <ul class="pull-left">
−
<div id="upper-div">
+
                        <li>
−
<h1>House of Carbs: The Project</h1>
+
                            <a href="/Team:Virginia">Home</a>
−
<p>(click a tab to reveal more information)</p>
+
                        </li>
−
</div>
+
                    </ul>
−
<div id="tabs-wrapper">
+
                    <ul class="pull-right">
−
<div class="container">
+
                        <li>
−
<a href="javascript:void(0);"><div class="tab" id="tab1">
+
                            <a href="/Team:Virginia/Team">Team</a>
−
<p>Project Background</p>
+
                        </li>
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
                        <li>
−
</img>
+
                            <a href="/Team:Virginia/Project">Project</a>
−
<div class="tab-content" id="tab-content1">
+
                        </li>
−
<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>
+
                            <a href="/Team:Virginia/Practices">Policy and Practices</a>
−
<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>
+
                        </li>
−
<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>
+
                        <li>
−
</div>
+
                            <a href="/Team:Virginia/Attributions">Attributions</a>
−
</div></a>
+
                        </li>
−
<script type="text/javascript">
+
                        <li>
−
jQuery(document).ready(function(){
+
                            <a href="/Team:Virginia/Contact_us">Contact Us</a>
−
$("#tab1").click(function(){
+
                        </li>
−
$("#tab-content1").toggleClass("active-content");
+
                    </ul>
−
$("#tab1").toggleClass("active-tab");
+
                </div>
−
$("#tab1 > img").toggleClass("inactive-content");
+
            </div>
−
});
+
            <!-- POPUP SCRIPTS-->
−
});
+
            <script type="text/javascript">
−
</script>  
+
jQuery(document).ready(function(){
−
<a href="javascript:void(0);"><div class="tab" id="tab2">
+
$("#supraja-box").click(function(){
−
<p>The Solution</p>
+
 
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
 
−
</img>
+
$("#popup-supraja").fadeIn("medium");
−
<div class="tab-content" id="tab-content2">
+
});
−
<div>
+
$("#popup-supraja").click(function(){
−
<p>CONTENT</p>
+
$("#popup-supraja").fadeOut("medium");
−
</div>
+
});
−
</div>
+
$("#dominic-box").click(function(){
−
</div></a>
+
$("#popup-dominic").fadeIn("medium");
−
<script type="text/javascript">
+
});
−
jQuery(document).ready(function(){
+
$("#popup-dominic").click(function(){
−
$("#tab2").click(function(){
+
$("#popup-dominic").fadeOut("medium");
−
$("#tab-content2").toggleClass("active-content");
+
});
−
$("#tab2").toggleClass("active-tab");
+
$("#jingyuan-box").click(function(){
−
$("#tab2 > img").toggleClass("inactive-content");
+
$("#popup-jingyuan").fadeIn("medium");
−
});
+
});
−
});
+
$("#popup-jingyuan").click(function(){
−
</script>  
+
$("#popup-jingyuan").fadeOut("medium");
−
<a href="javascript:void(0);"><div class="tab" id="tab3">
+
});
−
<p>Sugar Uptake</p>
+
$("#liam-box").click(function(){
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
$("#popup-liam").fadeIn("medium");
−
</img>
+
$("#popup-liam").css("top","800px");
−
<div class="tab-content" id="tab-content3">
+
});
−
<div>
+
$("#popup-liam").click(function(){
−
<p>CONTENT</p>
+
$("#popup-liam").fadeOut("medium");
−
</div>
+
});
−
</div>
+
$("#rena-box").click(function(){
−
</div></a>
+
$("#popup-rena").fadeIn("medium");
−
<script type="text/javascript">
+
$("#popup-rena").css("top","800px");
−
jQuery(document).ready(function(){
+
});
−
$("#tab3").click(function(){
+
$("#popup-rena").click(function(){
−
$("#tab-content3").toggleClass("active-content");
+
$("#popup-rena").fadeOut("medium");
−
$("#tab3").toggleClass("active-tab");
+
});
−
$("#tab3 > img").toggleClass("inactive-content");
+
$("#issac-box").click(function(){
−
});
+
$("#popup-issac").fadeIn("medium");
−
});
+
$("#popup-issac").css("top","800px");
−
</script>  
+
});
−
<a href="javascript:void(0);"><div class="tab" id="tab4">
+
$("#popup-issac").click(function(){
−
<p>Sugar Polymerization</p>
+
$("#popup-issac").fadeOut("medium");
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
});
−
</img>
+
$("#sean-box").click(function(){
−
<div class="tab-content" id="tab-content4">
+
$("#popup-sean").fadeIn("medium");
−
<div>
+
$("#popup-sean").css("top","1100px");
−
<p>CONTENT</p>
+
});
−
</div>
+
$("#popup-sean").click(function(){
−
</div>
+
$("#popup-sean").fadeOut("medium");
−
</div></a>
+
});
−
<script type="text/javascript">
+
$("#shiran-box").click(function(){
−
jQuery(document).ready(function(){
+
$("#popup-shiran").fadeIn("medium");
−
$("#tab4").click(function(){
+
$("#popup-shiran").css("top","1100px");
−
$("#tab-content4").toggleClass("active-content");
+
});
−
$("#tab4").toggleClass("active-tab");
+
$("#popup-shiran").click(function(){
−
$("#tab4 > img").toggleClass("inactive-content");
+
$("#popup-shiran").fadeOut("medium");
−
});
+
});
−
});
+
$("#connor-box").click(function(){
−
</script>  
+
$("#popup-connor").fadeIn("medium");
−
<a href="javascript:void(0);"><div class="tab" id="tab5">
+
$("#popup-connor").css("top","1100px");
−
<p>Negative Selection and the Kill-Switch</p>
+
});
−
<img src="/wiki/images/7/7b/Virginia_arrow-down.png">
+
$("#popup-connor").click(function(){
−
</img>
+
$("#popup-connor").fadeOut("medium");
−
<div class="tab-content" id="tab-content5">
+
});
−
<div>
+
});
−
<p>CONTENT</p>
+
 
−
</div>
+
</script>
−
</div>
+
            <!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
−
</div></a>
+
            <!-- Pop-ups structural code -->
−
<script type="text/javascript">
+
            <!-- Supraja’s popup structural code-->
−
jQuery(document).ready(function(){
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-supraja">
−
$("#tab5").click(function(){
+
                <div class="text-wrap">
−
$("#tab-content5").toggleClass("active-content");
+
                    <p>(click to close)</p>
−
$("#tab5").toggleClass("active-tab");
+
                    <img src="/wiki/images/1/10/Virginia_supraja2.jpg"></img>
−
$("#tab5 > img").toggleClass("inactive-content");
+
                    <h3>Supraja Chittari</h3>
−
});
+
                    <h5>Poster and Presentation Coordinator & Biological Research Team Member</h5>
−
});
+
                    <h4>Class of 2018 - College of Arts & Sciences, Undeclared</h4>
−
</script>  
+
                    <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>
−
<div id="bottom-wrapper">
+
                </div>
−
<div>
+
            </div></a>
−
<a href="/Team:Virginia/Parts">
+
            <!-- Dominic’s popup structural code-->
−
<div><p> Parts </p></div>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-dominic">
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
                <div class="text-wrap">
−
</a>
+
                    <p>(click to close)</p>
−
</div>
+
                    <img src="/wiki/images/6/6f/Virginia_dominic2.jpg"></img>
−
<div>
+
                    <h3>Dominic Ritchey</h3>
−
<a href="/Team:Virginia/Notebook">
+
                    <h5>Wiki Programmer and Co-Chief Financial Officer</h5>
−
<div><p> Notebook </p></div>
+
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Computer Science & Biology</h4>
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></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 the 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>
+
                </div>
−
</div>
+
            </div></a>
−
<div>
+
            <!-- Jingyuan’s popup structural code-->
−
<a href="/Team:Virginia/Modeling">
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-jingyuan">
−
<div><p> Modeling </p></div>
+
                <div class="text-wrap">
−
<div><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
                    <p>(click to close)</p>
−
</a>
+
                    <img src="/wiki/images/a/ac/Virginia_jingyuan2.jpg"></img>
−
</div>
+
                    <h3>Jingyuan Zhang</h3>
−
<div>
+
                    <h5>Laboratory Technician & Biological Research Team Member</h5>
−
<a href="/Team:Virgina/Safety">
+
                    <h4>Class of 2017 - School of Engineering and Applied Sciences, Biomedical Engineering</h4>
−
<div><p> Safety </p></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><img src="/wiki/images/a/a6/Virginia_right_arrow.png"></img></div>
+
                </div>
−
</a>
+
            </div></a>
−
</div>
+
            <!-- Liam’s popup structural code-->
−
</div>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-liam">
−
</div>
+
                <div class="text-wrap">
−
</div>
+
                    <p>(click to close)</p>
−
<!-- SPECIFIC STRUCTURAL CODE ENDS HERE -->
+
                    <img src="/wiki/images/1/1e/Virginia_liam2.jpg"></img>
−
<footer>
+
                    <h3>Liam Wolf</h3>
−
<div id="foot-img">
+
                    <h5>Administrator, Co-Chief Financial Officer and Policy & Practices Team Member</h5>
−
<img src="https://static.igem.org/mediawiki/2015/d/d1/Virginia_logo4.png"></img>
+
                    <h4>Class of 2018 - School of Engineering and Applied Sciences, Systems Engineering</h4>
−
</div>
+
                    <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 id="foot-text">
+
                </div>
−
<p>University of Virginia iGEM</p>
+
            </div></a>
−
<p>148 Gilmer Hall</p>
+
            <!-- Rena’s popup structural code-->
−
<p>485 McCormick Road</p>
+
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-rena">
−
<p>Charlottesville, Virginia 22904</p>
+
                <div class="text-wrap">
−
<p>United States of America</p>
+
                    <p>(click to close)</p>
−
<p><a href="mailto:virginia.igem@gmail.com">
+
                    <img src="/wiki/images/9/9d/Virginia_rena2.jpg"></img>
 +
                    <h3>Rena Yuan</h3>
 +
                    <h5>Policy & Practices and Biology Research Team Member</h5>
 +
                    <h4>Class of 2018 - College of Arts and Sciences, Biology and Statistics</h4>
 +
                    <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>
 +
                </div>
 +
            </div></a>
 +
            <!-- Issac’s popup structural code-->
 +
            <a href="javascript:void(0);"><div class="popup inactive" id="popup-issac">
 +
                <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 studying Biomedical Engineering at the University of Virginia from Glen Allen, VA.  He is a valued member of the Financial Team, the Modelling team, and the Policy and Practices team.  Sean can frequently be found working on probiotic research, figuring out sources for funding, or thinking of ways to make the Policy and Practices documentary Oscar worthy.</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 341:
 
overflow:hidden;
 
overflow:hidden;
 
}
 
}
−
#nav1 {
+
.nav {
 
background-color: #003F87;
 
background-color: #003F87;
 
width:100%;
 
width:100%;
Line 266: Line 356:
 
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 364:
 
border-radius:5px;
 
border-radius:5px;
 
}
 
}
−
#nav1 a:hover{
+
#top_menu_14 {
 +
border: 0px;
 +
}
 +
.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 382:
 
.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 305: Line 407:
 
font-family: Century Gothic, sans-serif;
 
font-family: Century Gothic, sans-serif;
 
}
 
}
−
#top_menu_14 {
+
−
/*BORDER ATTRIBUTES*/
+
−
border-top:5px solid #007bb6;
+
−
background-color: #003F87;
+
−
border-color:#003F87;
+
−
}
+
−
#top_menu_14 li.has_submenu:hover {
+
−
opacity:1.0;
+
−
background-color:#007bb6;
+
−
text-decoration:none;
+
−
}
+
−
#top_menu_14 li:hover {
+
−
opacity:1.0;
+
−
background-color:#007bb6;
+
−
text-decoration:none;
+
−
}
+
 
footer {
 
footer {
 
width:100%
 
width:100%
Line 327: Line 415:
 
background:#000000;
 
background:#000000;
 
clear:both;
 
clear:both;
 +
border-top:5px solid #007bb6;
 
}
 
}
 
footer p:first-child {
 
footer p:first-child {
Line 336: Line 425:
 
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 440:
 
font-weight:bold;
 
font-weight:bold;
 
}
 
}
−
#above-nav {
+
#above-nav{
 
margin-bottom:10px;
 
margin-bottom:10px;
 
float:left;
 
float:left;
Line 363: Line 454:
 
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 485:
 
}
 
}
 
/* 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>

Latest revision as of 20:33, 18 September 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