Difference between revisions of "Team:IISc Bangalore/Attributions"

(Prototype team page)
 
Line 1: Line 1:
{{IISc_Bangalore}}
+
{{Template:IISc_Bangalore/hide}}
<html>
+
{{Template:IISc_Bangalore/bootstrap.css}}
 +
{{Template:IISc_Bangalore/fontawesome.css}}
 +
{{Template:IISc_Bangalore/style.css}}
 +
{{Template:IISc_Bangalore/sidebar.css}}
 +
{{Template:IISc_Bangalore/attributions.css}}
 +
{{Template:IISc_Bangalore/animate.css}}
 +
{{Template:IISc_Bangalore/hover.css}}
 +
{{Template:IISc_Bangalore/sidebar.js}}
 +
{{Template:IISc_Bangalore/anijs.js}}
  
  
<div class="column full_size judges-will-not-evaluate">
+
<html>
<h3>★  ALERT! </h3>
+
<head>
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">Attributions bronze criterion</a>. </p>
+
<title>Team IISc iGem</title>
 +
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
 +
<script src="https://use.fontawesome.com/fce310c82d.js"></script>
  
 +
<script src="js/jquery-1.11.0.min.js"></script>
 +
<script type="text/javascript" src="js/bootstrap.js"></script>
  
 +
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
 +
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
  
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
</div>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); }>
 +
</script>
 +
<meta name="keywords" content="Team IISc igem" />
 +
<!--Google Fonts-->
 +
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
 +
<link href='//fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'>
 +
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 +
<!--JS for animate-->
 +
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
  
  
 +
<!-- here are mine -->
 +
<link rel="stylesheet" href="sidebar.css">
 +
<link rel="stylesheet" href="attributions.css">
 +
<link rel="stylesheet" href="hover.css" >
 +
<script src="sidebar.js"></script>
 +
</head>
 +
<body>
 +
<!--banner start here-->
 +
<!-- <div class="banner">
 +
  <div class="container"> -->
 +
<nav class="navbar navbar-fixed-top text-center navbar-inverse">
 +
        <div class="container-fluid">
 +
        <div class="navbar-header">
 +
  <a class="navbar-brand panel" onclick="openBar()" href="#" ><span class="glyphicon glyphicon-th
 +
"></span></a> </div>
 +
        <div class="collapse navbar-collapse" id="myNavbar">
 +
        <ul class="nav navbar-nav">
 +
          <li class="hvr-underline-from-left"><a href="#">Home</a></li>
 +
          <li class="hvr-underline-from-left"><a href="#">Team</a></li>
 +
<li class="hvr-underline-from-left"><a href="#">Project</a></li>
 +
<li class="hvr-underline-from-left"><a href="#">Parts</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Safety</a></li>
 +
        <li class="active hvr-underline-from-left"><a href="#">Attributions</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Practices</a></li>
 +
        <li class="hvr-underline-from-left"><a href="#">Awards</a></li>
 +
        </ul>
 +
</html>
 +
[[File:igem.jpg|200px]]
 +
<html>
 +
      </div>
  
 +
      </div>
 +
      </nav>
  
 +
<div class="banner-main">
  
 +
  <section class="slider">
 +
          <div class="flexslider">
 +
<span class="attri hvr-bounce-to-right ">Attributions</span>
  
 +
        </div>
 +
      </section>
  
 +
</div>
  
<div class="column full_size">
+
<!--FlexSlider-->
 +
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
 +
<script defer src="js/jquery.flexslider.js"></script>
 +
<script type="text/javascript">
 +
    $(function(){
 +
      SyntaxHighlighter.all();
 +
    });
 +
    $(window).load(function(){
 +
      $('.flexslider').flexslider({
 +
        animation: "slide",
 +
        start: function(slider){
 +
          $('body').removeClass('loading');
 +
        }
 +
      });
 +
    });
 +
  </script>
 +
</div>
 +
</div>
 +
<!--banner end here-->
 +
<!--welcome-->
 +
<div id="welcome" class="welcome w3l">
 +
<div class="container">
  
 +
<div class="welcome-grids">
 +
<div class="row">
 +
<div class="col-md-12 welcome-grid wow slideInDown animated" data-wow-delay=".5s" onclick="openPerson1()" id="overv">
 +
<div class="wel1 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Project support</h4>
 +
<p>support ...</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-4 welcome-grid animated wow slideInLeft animated animated" data-wow-duration="1200ms" data-wow-delay="500ms" onclick="openPerson2()">
 +
<div class="wel2 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Project advisor support</h4>
 +
<p>support... </p>
 +
</div>
 +
</div>
  
<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>
+
<div class="col-md-4 welcome-grid wow slideInUp animated" data-wow-delay=".5s" onclick="openPerson3()">
  
</div>
+
<div class="wel3 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>Human Practices support</h4>
 +
<p>support... </p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 welcome-grid wow slideInRight animated" data-wow-delay=".5s" onclick="openPerson4()">
  
 +
<div class="wel4 hvr-hang">
 +
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true" ></span>
 +
<h4>General support from others</h4>
 +
<p>support ...</p>
 +
</div>
 +
</div>
 +
<div class="clearfix"></div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--welcome-->
  
<div class="clear"></div>
+
<!--content-middle-->
 +
<div class="content-middle wthree">
 +
<div class="container" id="refer">
 +
<div class="mid-content wow fadeInRight animated" data-wow-delay=".5s">
 +
<h3>Thanks from the team</h3>
 +
</div>
 +
<div class="row">
 +
<div class="refer col-md-6">
 +
Thanks
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!--content-middle-->
 +
<!--events
  
 +
events-->
  
<div class="column half_size">
+
<div id="person1Tab" class="person1Tab">
<h5> Why is this page needed? </h5>
+
<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>
+
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>
+
  
 +
  <div class="row">
 +
    <div class="trans col-md-12">
  
<div class="column half_size">
+
    </div>
<h5> What should this page have?</h5>
+
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person1Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Project support</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
<ul>
+
<div id="person2Tab" class="person2Tab">
<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 class="row">
 +
    <div class="trans col-md-12">
  
<div class="clear"></div>
+
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person2Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Project advisor support</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
<div class="column half_size">
+
<div id="person3Tab" class="person3Tab">
  
<div class="highlight">
+
  <div class="row">
<h5> Can we base our project on a previous one? </h5>
+
    <div class="trans col-md-12">
<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>
+
</div>
+
  
 +
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person3Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>Human practices</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
 +
    </div>
 +
      </div>
 +
    </div>
  
<div class="column half_size">
 
  
<h5>Inspiration</h5>
+
<div id="person4Tab" class="person4Tab">
<p>Take a look at what other teams have done:</p>
+
<ul>
+
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
<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 class="row">
 +
    <div class="trans col-md-12">
  
<div class="clear"></div>
+
    </div>
 +
  </div>
 +
  <div class="row">
 +
    <div class="col-md-6 person4Tabcontent">
 +
      <a href="javascript:void(0)" class="closebtn" onclick="closeTab()">&times;</a>
 +
      <h1>General support</h1>
 +
      <p class="whitef">support
 +
      <br><span class="readm hvr-ripple-out">Read more</span>
 +
</p>
  
<div class="column half_size">
+
    </div>
 +
      </div>
 +
    </div>
  
<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>
 
  
</div>
+
<!--footer-->
 +
<div class="footer">
 +
<div class="container">
 +
<div class="footer-grids">
 +
<div class="col-md-4 footer-grid wow fadeInUp animated" data-wow-delay=".5s">
 +
<h3>About Cellfiefuge</h3>
 +
<p>From IISc.</p>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInDown animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Sponsors</h3>
 +
<ul>
 +
<li>
 +
</html>
 +
[[File:snapgene.jpg|200px]]
 +
<html>
 +
</li>
 +
<li><img src=""></li>
 +
<li><img src=""></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-4 footer-grid animated wow fadeInUp animated animated" data-wow-duration="1200ms" data-wow-delay="500ms">
 +
<h3>Social</h3>
 +
<ul class="social-icons1">
 +
<li><a href="https://www.facebook.com/iiscbangaloreigem/?fref=ts" target="_blank"><i class="fa fa-facebook hvr-buzz"></i></a></li>
 +
<li><a href="https://twitter.com/IISc_iGEM" target="_blank"><i class="fa fa-twitter hvr-buzz"></i></a></li>
 +
</ul>
 +
</div>
  
 +
<div class="clearfix"> </div>
 +
</div>
  
 
+
</div>
 
+
</div>
</div>
+
<!--footer-->
 +
</body>
 
</html>
 
</html>

Revision as of 12:59, 8 October 2016


Team IISc iGem

Project support

support ...

Project advisor support

support...

Human Practices support

support...

General support from others

support ...

Thanks from the team

Thanks
×

Project support

support
Read more

×

Project advisor support

support
Read more

×

Human practices

support
Read more

×

General support

support
Read more