Difference between revisions of "Team:Virginia/Attributions"

(Prototype team page)
 
Line 1: Line 1:
 
{{Virginia}}
 
{{Virginia}}
 
<html>
 
<html>
−
 
+
    <head>
−
<h2> Attributions</h2>
+
        <!-- 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">
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
+
        </head>
−
 
+
        <body>
−
 
+
            <div id="top-part">
−
<div class="highlightBox">
+
                <p id="above-nav">University of Virginia iGEM 2015</p>
−
 
+
                <div id="icon-box">
−
<h4> Can we base our project on a previous one? </h4>
+
                    <a href="https://twitter.com/Virginia_iGEM">
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
                        <img id="twitter" src="/wiki/images/2/2c/Virginia_twitter_white.png"></img>
−
</div>
+
                    </a>
−
 
+
                    <a href="https://www.facebook.com/uvaigem">
−
 
+
                        <img id="facebook" src="/wiki/images/e/ed/Virginia_facebook.png"></img>
−
 
+
                    </a>
−
<h4> Why is this page needed? </h4>
+
                </div>
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
+
            </div>
−
<p>
+
            <div class="nav">
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
+
                <div class="container">
−
 
+
                    <ul class="pull-left">
−
 
+
                        <li>
−
<h5> What should this page have?</h5>
+
                            <a href="/Team:Virginia">Home</a>
−
 
+
                        </li>
−
<ul>
+
                    </ul>
−
<li>General Support</li>
+
                    <ul class="pull-right">
−
<li>Project support and advice</li>
+
                        <li>
−
<li>Fundraising help and advice</li>
+
                            <a href="/Team:Virginia/Team">Team</a>
−
<li>Lab support</li>
+
                        </li>
−
<li>Difficult technique support</li>
+
                        <li>
−
<li>Project advisor support</li>
+
                            <a href="/Team:Virginia/Project">Project</a>
−
<li>Wiki support</li>
+
                        </li>
−
<li>Presentation coaching</li>
+
                        <li>
−
<li>Human Practices support</li>
+
                            <a href="/Team:Virginia/Practices">Policy and Practices</a>
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
                        </li>
−
</ul>
+
                        <li>
−
 
+
                            <a href="/Team:Virginia/Attributions">Attributions</a>
−
 
+
                        </li>
−
<h4>Inspiration</h4>
+
                        <li>
−
<p>Take a look at what other teams have done:</p>
+
                            <a href="/Team:Virginia/Contact_us">Contact Us</a>
−
<ul>
+
                        </li>
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
                    </ul>
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
                </div>
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
            </div>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
            <!-- OTHER STRUCTURAL CODE GOES BELOW HERE -->
−
</ul>
+
            <!-- BEGIN photos structural code -->
−
 
+
            <div id="team-info">
−
</div>
+
                <div class="container">
−
</html>
+
       
 +
                    <a href="javascript:void(0);"><div class="team-box" id="att1">
 +
                        <img src="#">
 +
                            <p>Attribution 1</p>
 +
                        </img>
 +
                    </div></a>
 +
             
 +
                    <a href="javascript:void(0);"><div class="team-box" id="att2">
 +
                        <img src="#">
 +
                            <p>Attribution 2</p>
 +
                        </img>
 +
                    </div></a>
 +
                    <a href="javascript:void(0);"><div class="team-box" id="att3">
 +
                          </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>
 +
                    </p>
 +
                </div>
 +
            </footer>
 +
            <style type="text/css">
 +
footer div img {
 +
width:auto;
 +
height:200px;
 +
}
 +
footer div {
 +
overflow:hidden;
 +
display:inline-block;
 +
float:none;
 +
}
 +
footer div:first-child {
 +
background-image:url(‘https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQUA5CF2C_kOVnWjyl62TA17VNs6RSsPIkrCejlLbtZ7rAVgzQxOQ’);
 +
float:right;
 +
top:10px;
 +
height:90%;
 +
width:25%
 +
margin: 1%;
 +
display:inline;
 +
overflow:hidden;
 +
}
 +
.nav {
 +
background-color: #003F87;
 +
width:100%;
 +
float:top; 
 +
position:fixed;
 +
top:70px;
 +
z-index:10;
 +
//opacity:0.85;
 +
border-bottom:5px;
 +
border-top:0px;
 +
border-left:0px;
 +
border-right:0px;
 +
border-color:#007bb6;
 +
border-style:solid;
 +
}
 +
.nav a {
 +
color: rgb(256, 256, 256);
 +
font-size: 16px;
 +
font-weight: bold;
 +
padding: 14px 10px;
 +
text-transform: uppercase;
 +
border-radius:5px;
 +
}
 +
.nav a:hover{
 +
color:#fff;
 +
background-color:#007bb6;
 +
text-decoration:none;
 +
}
 +
.nav li {
 +
display: inline;
 +
font-family: Arial;
 +
}
 +
.nav .container {
 +
padding-top:5px;
 +
padding-bottom:5px;
 +
}
 +
.row {
 +
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 {
 +
visibility:hidden;
 +
}
 +
#content {
 +
margin: 0px 0px 0px 0px;
 +
padding:0px 0px 0px 0px;
 +
width:100%;
 +
height:auto;
 +
background-color: rgb(0,0,0);
 +
}
 +
html {
 +
background-color:#191919;
 +
color: #fff
 +
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 {
 +
width:100%
 +
height:300px;
 +
padding:25px 25px 25px 25px;
 +
background:#000000;
 +
clear:both;
 +
border-top:5px solid #007bb6;
 +
}
 +
footer p:first-child {
 +
font-weight:bold;
 +
font-family:Arial;
 +
font-size:18px;
 +
text-decoration:underline;
 +
}
 +
footer a {
 +
color:#fff;
 +
text-decoration:underline;
 +
}
 +
footer p {
 +
width:auto;
 +
font-size:10px;
 +
}
 +
p {
 +
color:white;
 +
font-family: serif;
 +
float:center;
 +
clear:both;
 +
}
 +
#bolded {
 +
font-weight:bold;
 +
}
 +
#above-nav{
 +
margin-bottom:10px;
 +
float:left;
 +
font-size:30px;
 +
text-align:center;
 +
font-family:Helvetica;
 +
text-shadow: 2px 2px #007bb6;
 +
padding-left:30%;
 +
}
 +
#top-part a {
 +
width:auto;
 +
height:auto;
 +
margin-right:20px;
 +
}
 +
#facebook{
 +
height:30px;
 +
width:30px;
 +
}
 +
#twitter{
 +
height:40px;
 +
width:40px;
 +
}
 +
#facebook:hover{
 +
opacity:0.5;
 +
}
 +
#twitter:hover{
 +
opacity:0.5;
 +
}
 +
#icon-box{
 +
display:inline;
 +
float:right;
 +
}
 +
#top-part{
 +
display:inline;
 +
height:56px;
 +
position:fixed;
 +
top:14px;
 +
float:center;
 +
background:#003F87;
 +
width:100%;
 +
z-index:10;
 +
font-weight:bold;
 +
padding-top:15px;
 +
}
 +
/* OTHER STYLE CODE GOES BELOW HERE */
 +
.team-box{
 +
width:30%;
 +
height:400px;
 +
display:inline-block;
 +
margin-left:1.5%;
 +
margin-top:25px;
 +
margin-bottom:10px;
 +
border-radius:30px;
 +
border: 5px solid #007bb6;
 +
overflow:hidden;
 +
background-color:#003F87;
 +
}
 +
.team-box:hover{
 +
box-shadow: 5px 5px 10px #555555;
 +
}
 +
.team-box img {
 +
width:100%;
 +
height:auto;
 +
border-bottom: 5px solid #007bb6;
 +
}
 +
.team-box p {
 +
font-family:Arial;
 +
font-size:26px;
 +
font-weight:bold;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
text-align:center;
 +
}
 +
/* Pop-ups style code */
 +
.popup {
 +
width:80%;
 +
height:auto;
 +
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;
 +
}
 +
.text-wrap {
 +
padding:20px 20px 20px 20px;
 +
}
 +
.text-wrap h3 {
 +
text-align:center;
 +
font-weight:bold;
 +
text-shadow:2px 2px 1px #007bb6;
 +
color:white;
 +
margin-bottom:30px;
 +
font-size:30px;
 +
}
 +
.text-wrap h5{
 +
margin-bottom:10px;
 +
font-weight:bold;
 +
font-size:25px;
 +
text-align:center;
 +
font-weight:bold;
 +
color:white;
 +
}
 +
.text-wrap h4 {
 +
text-align:center;
 +
font-weight:bold;
 +
color:#fff;
 +
padding-bottom:25px;
 +
}
 +
.text-wrap img {
 +
width:30%;
 +
margin-left:35%;
 +
height:auto;
 +
border-radius:15px;
 +
border: 5px solid #fff;
 +
}
 +
.active {
 +
display:block;
 +
}
 +
.inactive {
 +
display:none;
 +
}
 +
.team_profile_link{
 +
width:30%;
 +
margin-left:15%;
 +
background-color:#007bb6;
 +
border: 3px solid #fff;
 +
border-radius: 10px;
 +
            margin-top:25px;
 +
    padding: 5px 5px 5px 5px;
 +
display:inline-block;
 +
}
 +
.team_profile_link div {
 +
display: inline;
 +
}
 +
.team_profile_link:hover {
 +
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 */
 +
</style>
 +
        </body>
 +
    </html>

Revision as of 12:47, 22 July 2015

University of Virginia iGEM 2015

Attribution 1

Attribution 2