Difference between revisions of "Team:UI Indonesia/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{UI_Indonesia}}
+
{{Template:UI_Indonesia/css}}
−
<html>
+
  
 +
<html lang="en">
  
 +
<head>
 +
  <meta charset="UTF-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
</head>
  
−
<div class="column full_size judges-will-not-evaluate">
+
<style>
−
<h3>★  ALERT! </h3>
+
  body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
  body, html {
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
      height: 100%;
−
</div>
+
      color: #777;
 +
      line-height: 1.5;
 +
  }
 +
  a {
 +
    color: white;
 +
  }
  
 +
  .mySlides {display: none}
  
−
<div class="clear"></div>
+
  .bgimg-3, .bgimg-4, .bgimg-5 {
 +
      background-attachment: fixed;
 +
      background-position: center;
 +
      background-repeat: no-repeat;
 +
      background-size: cover;
 +
  }
  
 +
  .bgimg-3 {
 +
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
 +
      min-height: 400px;
 +
  }
  
−
<div class="column full_size">
+
  .bgimg-4 {
−
<h1>Collaborations</h1>
+
      background-image: url("https://static.igem.org/mediawiki/2018/d/d2/T--UI_Indonesia--bgimg4.png");
 +
      min-height: 400px;
 +
  }
  
−
<p>
+
  .bgimg-5 {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
      background-image: url("https://static.igem.org/mediawiki/2018/d/d2/T--UI_Indonesia--bgimg4.png");
−
</p>
+
      min-height: 400px;
 +
  }
  
−
<h3>Silver Medal Criterion #2</h3>
+
  @media only screen and (max-device-width: 1024px) {
−
<p>
+
      .bgimg-3, .bgimg-4, .bgimg-5 {
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.  
+
          background-attachment: scroll;
−
</p>
+
      }
−
</div>
+
  }
  
−
<div class="column two_thirds_size">
+
  .navbar {
 +
    background-color: #4CAF50;
 +
    position: fixed;
 +
    top: 10px ;
 +
    width: 100%;
 +
    z-index:50;
 +
  }
  
−
<h4> Which other teams can we work with? </h4>
+
  .navbar a {
−
<p>
+
    float: left;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
    color: white;
−
</p>
+
    text-align: center;
 +
    padding-top: 20px;
 +
    padding-bottom: 10px;
 +
    padding-right: 10px;
 +
    padding-left: 10px;
 +
    text-decoration: none;
 +
    font-size: 16px;
 +
  }
  
−
<p>
+
  .dropdown {
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
    float: left;
−
</p>
+
    overflow: hidden;
 +
  }
  
−
</div>
+
  .dropdown .dropbtn {
 +
    font-size: 8px;   
 +
    border: none;
 +
    outline: none;
 +
    color: #f9c89b;
 +
    padding: 15px 10px;
 +
    background-color: inherit;
 +
  }
  
 +
  .navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #8bc34a;
 +
  }
  
 +
  .dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #ddffdd;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 60px;
 +
    font-size: 8 px;
 +
  }
  
−
<div class="column third_size">
+
  .dropdown-content a {
−
<p>
+
    float: none;
−
Here are some suggestions for projects you could work on with other teams:
+
    color: black;
−
</p>
+
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
  
−
<ul>
+
  .dropdown-content a:hover {
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
    background-color: #8bc34a;
−
<li> Characterize another team's part </li>
+
  }
−
<li> Debug a construct </li>
+
 
−
<li> Model or simulate another team's system </li>
+
  .dropdown:hover .dropdown-content {
−
<li> Test another team's software</li>
+
    display: block;
−
<li> Help build and test another team's hardware project</li>
+
    position: fixed;
−
<li> Mentor a high-school team</li>
+
  }
−
</ul>
+
 
 +
</style>
 +
 
 +
<body>
 +
<!-- Navbar -->
 +
<div class="navbar">
 +
  <!-- 1 -->
 +
  <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
 +
  <!-- 2 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project▾</a>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
 +
      </div>
 +
  </div>
 +
  <!-- 3 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a>
 +
<!--      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Overview</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Our Project</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Results and Discussions</a>
 +
      </div> -->
 +
  </div>
 +
 
 +
  <!-- 4 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab▾</a>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a>
 +
      </div>
 +
  </div>
 +
  <!-- 5 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a>
 +
<!--      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Overview</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Our Project</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Results and Discussions</a>
 +
      </div> -->
 +
  </div>
 +
  <!-- 6 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices▾</a>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
 +
      </div>
 +
  </div>
 +
  <!-- 7 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve▾</a>
 +
      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#intro">Introduction</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#methods">Methods</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#results">Results and Discussions</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#conclusions">Conclusions</a>
 +
      </div>
 +
  </div>
 +
  <!-- 8 -->
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
 +
  <!-- 9 -->
 +
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
 +
  <!-- 10 -->
 +
  <div class="dropdown">
 +
    <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
 +
<!--      <div class="dropdown-content">
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Overview</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Our Project</a>
 +
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Results and Discussions</a>
 +
      </div> -->
 +
  </div>
 
</div>
 
</div>
  
 +
<!-- Container (Overview Section) -->
 +
<div class="bgimg-3 w3-display-container w3-opacity-min" id="overview">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
    <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">Collaborations</span>
 +
  </div>
 +
</div>
 +
 +
<div class="w3-content w3-container w3-padding-64">
 +
  <h5>To be added</h5>
 +
</div>
  
 +
<!-- Footer -->
 +
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 +
  <div class="w3-xlarge w3-section">Team UI Indonesia<br>
 +
    <i class="fa fa-envelope w3-hover-opacity"></i>&ensp; igemui2018@gmail.com
 +
  </div>
 +
</footer>
 +
</body>
 
</html>
 
</html>

Revision as of 15:10, 8 October 2018

Home
Project▾
Overview Our Project Results and Discussions
Parts
InterLab▾
Introduction Materials and Equipment Methods Results and Discussions Conclusions
Model
Human Practices▾
Campus Campaign Social Work Biosafety & Biosecurity Training Human Practice Catalogue
Improve▾
Introduction Methods Results and Discussions Conclusions
Team Collaborations
Attributions
Collaborations
To be added
Team UI Indonesia
  igemui2018@gmail.com