Difference between revisions of "Team:ICT-Mumbai/Attributions"

(Prototype team page)
 
Line 1: Line 1:
−
{{ICT-Mumbai}}
 
 
<html>
 
<html>
 +
<title>ICT-Mumbai 2017</title>
 +
<meta charset="UTF-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<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">
  
 +
<style>
  
 +
#sideMenu
 +
{display:none; /*Disable the display of the annoying side main menu*/}
 +
#top_title
 +
{display:none; /* Disable the annoying title*/}
 +
#content
 +
{padding:0px; width:100%; margin-left:0%; margin-right:0%;background-color: rgba(255,255,255);}
  
  
−
<div class="column full_size judges-will-not-evaluate">
+
body,h1,h2,h3,h4,h5,h6 {font-family: "Source Sans Pro", sans-serif;}
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
−
<div class="clear"></div>
+
  
 +
body, html {
 +
    height: 100%;
 +
    color: rgba(255,255,255);
 +
}
  
  
 +
/* Create a Parallax Effect */
 +
.bgimg-1, .bgimg-2, .bgimg-3 {
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
}
  
−
<div class="column full_size">
+
/* First image (Logo. Full height) */
−
<h1>Attributions</h1>
+
.bgimg-1 {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/7/7f/ICT-Mumbai_attributions_bgimg_1.jpeg");
 +
    min-height: 700px;
 +
   
 +
}
  
−
<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.  
+
.w3-wide {letter-spacing: 10px;}
−
<br><br>
+
.w3-hover-opacity {cursor: pointer;}
−
This is a bronze medal requirement. Please see the <a href="https://2017.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
  
−
</div>
+
/* Turn off parallax scrolling for tablets and phones */
 +
@media only screen and (max-device-width: 1024px) {
 +
    .bgimg-1, .bgimg-2, .bgimg-3 {
 +
        background-attachment: scroll;
 +
    }
 +
}
  
  
−
<div class="clear"></div>
+
</style>
 +
</body>
  
 +
<!-- Navbar (sit on top) -->
 +
  <div class="w3-bar" id="myNavbar">
 +
    <a class="w3-bar-item w3-button w3-hover-black w3-hide-medium w3-hide-large w3-right" href="javascript:void(0);" onclick="toggleFunction()" title="Toggle Navigation Menu">
 +
      <i class="fa fa-bars"></i>
 +
    </a>
  
−
<div class="column half_size">
+
  <a href="#home" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-home" aria-hidden="true"></i>
−
<h5> Why is this page needed? </h5>
+
Home</a>
−
<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>
+
 
−
<p>
+
<div class="w3-dropdown-hover">
−
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>
+
<a href="#project" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flask" aria-hidden="true"></i>
 +
    Project</button></a>
 +
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Background" class="w3-bar-item w3-button">Background</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Description" class="w3-bar-item w3-button">Description</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Design" class="w3-bar-item w3-button">Design</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Experiments" class="w3-bar-item w3-button">Experiments</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Notebook"class="w3-bar-item w3-button">Notebook</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Interlab"class="w3-bar-item w3-button">Interlab</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Results"class="w3-bar-item w3-button">Results</a>
 
</div>
 
</div>
−
 
−
 
−
<div class="column half_size">
 
−
<h5> What should this page have?</h5>
 
−
 
−
<ul>
 
−
<li>General Support</li>
 
−
<li>Project support and advice</li>
 
−
<li>Fundraising help and advice</li>
 
−
<li>Lab support</li>
 
−
<li>Difficult technique support</li>
 
−
<li>Project advisor support</li>
 
−
<li>Wiki support</li>
 
−
<li>Presentation coaching</li>
 
−
<li>Human Practices support</li>
 
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
 
−
</ul>
 
 
</div>
 
</div>
  
  
−
<div class="clear"></div>
 
  
−
<div class="column half_size">
 
  
−
<div class="highlight">
+
    <div class="w3-dropdown-hover">
−
<h5> Can we base our project on a previous one? </h5>
+
<a href="#team" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-users" aria-hidden="true"></i>Team</button></a>
−
<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>
+
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Team"class="w3-bar-item w3-button">Team</a>
 +
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Collaborations" class="w3-bar-item w3-button">Collaborations</a>
 
</div>
 
</div>
 
</div>
 
</div>
  
−
 
+
    <div class="w3-dropdown-hover">
−
<div class="column half_size">
+
<a href="#parts" button class="w3-button" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-cogs" aria-hidden="true"></i> Parts</a>
−
 
+
<div class="w3-dropdown-content w3-bar-block w3-animate-opacity">
−
<h5>Inspiration</h5>
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Parts"class="w3-bar-item w3-button">Parts</a>
−
<p>Take a look at what other teams have done:</p>
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Basic Parts" class="w3-bar-item w3-button">Basic Parts</a>
−
<ul>
+
        <a href="https://2017.igem.org/Team:ICT-Mumbai/Composite Parts" class="w3-bar-item w3-button">Composite Parts</a>
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
</div>
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
−
</ul>
+
−
 
+
 
</div>
 
</div>
  
−
<div class="clear"></div>
+
<a href="#safety" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-flag" aria-hidden="true"></i>
 +
Safety</a>
  
−
<div class="column half_size">
+
<a href="https://2017.igem.org/Team:ICT-Mumbai/HP" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-handshake-o" aria-hidden="true"></i>
 +
Human Practices</a>
  
−
<h5>Team training and Project start</h5>
 
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
 
−
<ul>
 
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
 
−
<li>When did you start this course?</li>
 
−
<li>Are the syllabus and course materials freely available online?</li>
 
−
<li>When did you start your brainstorming?</li>
 
−
<li>When did you start in the lab?</li>
 
−
<li>When did you start working on  your project?</li>
 
  
−
</ul>
+
<a href="#awards" class="w3-bar-item w3-button w3-hide-small"><i class="fa fa-trophy" aria-hidden="true"></i>
 +
Awards</a>
 +
   
 +
  </div>
  
 +
  <!-- Navbar on small screens -->
 +
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium">
 +
    <a href="#about" class="w3-bar-item w3-button" onclick="toggleFunction()">ABOUT</a>
 +
    <a href="#portfolio" class="w3-bar-item w3-button" onclick="toggleFunction()">PORTFOLIO</a>
 +
    <a href="#contact" class="w3-bar-item w3-button" onclick="toggleFunction()">CONTACT</a>
 +
    <a href="#" class="w3-bar-item w3-button">SEARCH</a>
 +
  </div>
 
</div>
 
</div>
  
 +
<!-- First Parallax Image with Logo Text -->
 +
<div class="bgimg-1 w3-display-container" id="home">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
    <span class="w3-center w3-opacity-max w3-padding-large w3-white w3-xxxlarge w3-wide w3-animate-fading"> Attributions<span class="w3-hide-small">
 +
  </div>
 +
</div>
  
  
  
−
</div>
+
</body>
 
</html>
 
</html>

Revision as of 05:26, 17 October 2017

ICT-Mumbai 2017

Attributions