Difference between revisions of "Team:Edinburgh UG/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Edinburgh_UG}}
 
−
 
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
.container {
 +
    overflow: hidden;
 +
    background-color: #0A1E3F;
 +
    font-family: cursive;
 +
    position: fixed;
 +
    top: 0;
 +
    width: 100%;
 +
    margin-top: 10px;
 +
}
  
 +
.container a {
 +
    float: left;
 +
    font-family: cursive;
 +
    font-size: 16px;
 +
    color: white;
 +
    text-align: center;
 +
    padding: 18px 16px;
 +
    text-decoration: none;
 +
}
  
 +
.dropdown {
 +
    float: left;
 +
    font-family: cursive;
 +
    overflow: hidden;
  
−
<div class="column full_size" >
+
}
  
−
<h1>Team</h1>
+
.dropdown .dropbtn {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    font-size: 16px;   
−
</div>
+
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    background-color: inherit;
 +
    padding: 16px 16px;
 +
    font-family: cursive;
 +
}
  
−
<div class="clear"></div>
+
.container a:hover, .dropdown:hover .dropbtn {
 +
    background-color: red;
 +
    font-family: cursive;
 +
    font-size: 22px;   
 +
}
  
−
<div class="column half_size" >
+
.dropdown-content {
−
<h5>Inspiration</h5>
+
    display: none;
−
<p>You can look at what other teams did to get some inspiration! <br />
+
    position: absolute;
−
Here are a few examples:</p>
+
    background-color: #f9f9f9;
−
<ul>
+
    min-width: 160px;
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
    z-index: 1;
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
    position: fixed;
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
}
  
−
<div class="column half_size" >
+
.dropdown-content a {
−
<h5>What should this page contain?</h5>
+
    float: none;
−
<ul>
+
    color: black;
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    padding: 16px 16px;
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
    text-decoration: none;
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    display: block;
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
    text-align: left;
−
</ul>
+
}
−
</div>
+
  
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
  
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
  
 +
p.general {
 +
    font-style: italic;
 +
    font-weight: 50;
 +
    color:#0A1E3F;
 +
    padding-left: 30px;
 +
    padding-right: 30px;
 +
 +
}
 +
 +
p.topic {
 +
    font-style: oblique;
 +
    font-weight: bold;
 +
    color:#0A1E3F;
 +
    padding-top: 50px;
 +
    padding-bottom: 20px;
 +
}
 +
 +
/* Clear the default wiki settings */
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
</style>
 +
</head>
 +
 +
<body>
 +
<div class="container">
 +
  <a href=/Team:Edinburgh_UG>Home</a>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Team</button>
 +
    <div class="dropdown-content">
 +
      <a href=/Team:Edinburgh_UG/Team>Team</a>
 +
      <a href=/Team:Edinburgh_UG/Collaborations>Collaborations</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Projects</button>
 +
    <div class="dropdown-content">
 +
        <a href=/Team:Edinburgh_UG/Description>Description</a>
 +
        <a href=/Team:Edinburgh_UG/Design>Design</a>
 +
        <a href=/Team:Edinburgh_UG/Experiments>Experiments</a>
 +
        <a href=/Team:Edinburgh_UG/Notebook>Notebook</a>
 +
        <a href=/Team:Edinburgh_UG/InterLab>InterLab</a>
 +
        <a href=/Team:Edinburgh_UG/Contribution>Contribution</a>
 +
        <a href=/Team:Edinburgh_UG/Model>Model</a>
 +
        <a href=/Team:Edinburgh_UG/Results>Results</a>
 +
        <a href=/Team:Edinburgh_UG/Demonstrate>Demonstrate</a>
 +
        <a href=/Team:Edinburgh_UG/Improve>Improve</a>
 +
        <a href=/Team:Edinburgh_UG/Attributions>Attributions</a>
 +
    </div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropbtn">Parts</button>
 +
    <div class="dropdown-content">
 +
        <a href=/Team:Edinburgh_UG/Parts>Parts</a>
 +
        <a href=/Team:Edinburgh_UG/Basic_Part>Basic Parts</a>
 +
        <a href=/Team:Edinburgh_UG/Composite_Part>Composite Parts</a>
 +
        <a href=/Team:Edinburgh_UG/Part_Collection>Part Collection</a>
 +
    </div>
 +
  </div>
 +
  <a href=/Team:Edinburgh_UG/Safety>Safety</a>
 +
  <div class="dropdown">
 +
      <button class="dropbtn">Human Practices</button>   
 +
      <div class="dropdown-content">
 +
        <a href=/Team:Edinburgh_UG/HP/Silver>Silver HP</a>
 +
        <a href=/Team:Edinburgh_UG/HP/Gold_Integrated>Integrated and Gold</a>
 +
        <a href=/Team:Edinburgh_UG/HP/Engagement>Public Engagement</a>
 +
      </div>
 +
  </div>
 +
  <div class="dropdown">
 +
      <button class="dropbtn">Awards</button>   
 +
      <div class="dropdown-content">
 +
        <a href=/Team:Edinburgh_UG/Applied_Design>Applied Design</a>
 +
        <a href=/Team:Edinburgh_UG/Entrepreneurship>Entrepreneurship</a>
 +
        <a href=/Team:Edinburgh_UG/Hardware>Hardware</a>
 +
        <a href=/Team:Edinburgh_UG/Measurement>Measurement</a>
 +
        <a href=/Team:Edinburgh_UG/Model>Model</a>
 +
        <a href=/Team:Edinburgh_UG/Plant>Plant</a>
 +
        <a href=/Team:Edinburgh_UG/Software>Software</a>
 +
      </div>
 +
  </div> 
 
</div>
 
</div>
 +
 +
<div class="column full_size" >
 +
 +
<p style = "padding-top:20px; text-align:center">In this page you can introduce your team members, instructors, and advisors. </p>
 +
<p class="general"  style="text-align:center;font-size:170%;font-family:serif">
 +
Include pictures of your teammates, don’t forget instructors and advisors!
 +
</p>
 +
<p class="general"  style="text-align:center;font-size:170%;font-family:serif">
 +
You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
 +
</p>
 +
<p class="general"  style="text-align:center;font-size:170%;font-family:serif">
 +
Take team pictures! Show us your school, your lab and little bit of your city.
 +
</p>
 +
<p class="general"  style="text-align:center;font-size:170%;font-family:serif">
 +
Remember that image galleries can help you showcase many pictures while saving space.
 +
</p>
 +
</div>
 +
</body>
 +
 
</html>
 
</html>

Revision as of 10:53, 21 June 2017

Home
Team Collaborations
Description Design Experiments Notebook InterLab Contribution Model Results Demonstrate Improve Attributions
Parts Basic Parts Composite Parts Part Collection
Safety
Silver HP Integrated and Gold Public Engagement
Applied Design Entrepreneurship Hardware Measurement Model Plant Software

In this page you can introduce your team members, instructors, and advisors.

Include pictures of your teammates, don’t forget instructors and advisors!

You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.

Take team pictures! Show us your school, your lab and little bit of your city.

Remember that image galleries can help you showcase many pictures while saving space.