Difference between revisions of "Team:Bulgaria/Attributions"

 
Line 1: Line 1:
−
{{Bulgaria}}
 
 
<html>
 
<html>
 +
<head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link href="https://fonts.googleapis.com/css?family=Raleway:700" rel="stylesheet">
 +
<link href="https://fonts.googleapis.com/css?family=Montserrat:300|Vollkorn:700|Wallpoet|Heebo:800|Alegreya+Sans+SC:900" rel="stylesheet">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 +
</head>
 +
<style>
  
 +
* {
 +
  -webkit-box-sizing: border-box;
 +
          box-sizing: border-box;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
html {
 +
  font-size:16px;
 +
}
 +
body {
 +
  width: 100%;
 +
  margin: 48px 0 0 0;
 +
  padding: 0;
 +
  color: black;
 +
  background-color: white;
 +
  font: inherit;
 +
  font-size:16px;
 +
  word-wrap: break-word;
 +
}
  
 +
@media (min-width: 1024px) {
 +
  body {
 +
    margin: 16px 0 0 0;
 +
  }
 +
}
  
  
 +
#globalWrapper {
 +
  width: 100%;
 +
  padding: 0;
 +
  background-color: #149375;
 +
  position: relative;
 +
  font-size: 16px;
 +
}
 +
#content {
 +
  width: 100%;
 +
  min-height: 80vh;
 +
  margin: 0;
 +
  padding: 0;
 +
  border: none;
 +
  color: inherit;
 +
  background-color: #ffffff;
 +
  position: relative;
 +
}
 +
#HQ_page {
 +
  width: 100%;
 +
  margin: 0;
 +
  padding: 0;
 +
  background: none;
 +
}
 +
#top_title{display:none;}
  
  
 +
#bodyContent {
 +
}
  
−
<div class="column full_size">
+
html *{
−
<h1>Attributions</h1>
+
cursor:url("https://static.igem.org/mediawiki/2018/4/48/T--Bulgaria--idea.png"),auto;
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
}
−
</p>
+
  
−
<h3> Bronze Medal Criterion #3</h3>
+
h1{
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.
+
padding-top: 30px;
−
<br><br>
+
font-size: 40px;
−
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
font-family: 'Alegreya Sans SC', sans-serif !important;
−
</div>
+
padding-bottom: 10px;
 +
}
  
 +
#bottomLayer{
 +
position: fixed;
 +
top:15px;
 +
left:0px;
 +
height: 110%;
 +
width: 100%;
 +
background-color: #0A1215;
  
−
<div class="clear extra_space"></div>
+
}
  
 +
.backgroundPicture{
 +
position: fixed;
 +
top: 15;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
opacity: 0.5;
 +
background-image: url("https://static.igem.org/mediawiki/2018/e/e0/T--Bulgaria--parts.jpg");
 +
background-color: #0A1215;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
}
  
  
−
<div class="column third_size">
+
.navigation {
−
<h3> What should this page contain?</h3>
+
position:fixed;
 +
top:15px;
 +
width: 100%;
 +
left:0px;
 +
    #overflow: hidden;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
  
−
<ul>
+
.navigation a {
−
<li>Clearly state what the team accomplished</li>
+
    float: left;
−
<li>General Support</li>
+
    font-size: 16px;
−
<li>Project support and advice</li>
+
    color: white;
−
<li>Fundraising help and advice</li>
+
    text-align: center;
−
<li>Lab support</li>
+
    padding: 14px 16px;
−
<li>Difficult technique support</li>
+
    text-decoration: none;
−
<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="column third_size">
+
.dropdown {
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
    float: left;
−
<ul>
+
    overflow: hidden;
−
<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>
+
  
 +
.dropdown .dropNAVbtn {
 +
    font-size: 16px;   
 +
    color: white;
 +
    padding: 14px 16px;
 +
    background-color: #62071B;
 +
    font-family: 'Raleway', sans-serif;
 +
}
  
−
<div class="column third_size">
+
.navigation a:hover, .dropdown:hover .dropNAVbtn {
−
<div class="highlight decoration_A_full">
+
    background-color: #9F182F;
 +
color: white;
 +
}
  
−
<h3>Inspiration</h3>
+
.dropdown-content {
−
<p>Take a look at what other teams have done:</p>
+
    display: none;
−
<ul>
+
    position: absolute;
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
    background-color: #f9f9f9;
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
    min-width: 160px;
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
    z-index: 100000 !important;
−
</ul>
+
}
−
</div>
+
−
</div>
+
  
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
}
  
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
}
  
−
<div class="clear extra_space"></div>
+
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 
 +
#specialMenu {
 +
  background-color: #D5898A;
 +
  color: white;
 +
}
 +
 
 +
#activeMenu{
 +
  background-color: #9F182F;
 +
  color: white;
 +
}
 +
 
 +
.navigation .icon {
 +
  display: none;
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
  .navigation a:not(:first-child) {display: none;}
 +
  .navigation .dropdown:not(:first-child) {display: none;}
 +
  .navigation a.icon {
 +
    float: right;
 +
    display: block;
 +
  }
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
  .navigation.responsive {  position:fixed;
 +
  top:15px;
 +
  width: 100%;
 +
  left:0px;}
 +
  .navigation.responsive .icon {
 +
    position: absolute;
 +
    right: 0;
 +
    top: 0;
 +
  }
 +
  .navigation.responsive a {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
  .navigation.responsive .dropdown {
 +
    float: none;
 +
    display: block;
 +
    text-align: left;
 +
  }
 +
}
 +
 
 +
 
 +
.contentHolder{
 +
-webkit-touch-callout: none;
 +
    -webkit-user-select: none;
 +
    -khtml-user-select: none;
 +
    -moz-user-select: none;
 +
    -ms-user-select: none;
 +
    user-select: none;
 +
opacity: 0.8;
 +
position: relative;
 +
top:70vh;
 +
margin-left: auto;
 +
margin-right: auto;
 +
width: 850px;
 +
padding-bottom: 70px;
 +
padding-top: 20px;
 +
background-color: #b5b7b8;
 +
height: auto;
 +
text-align: center !important;
 +
}
 +
 
 +
a{
 +
color: black;
 +
 
 +
}
 +
a:hover{
 +
color: black;
 +
text-decoration: none;
 +
 
 +
}
 +
 
 +
.contentHolder:hover{
 +
background-color: C5C7C8;
 +
 +
}
 +
 
 +
#topTitle{
 +
padding-top: 50px;
 +
border-radius: 50px 50px 0px 0px;
 +
opacity: 1;
 +
text-align: center;
 +
font-family: 'Heebo', sans-serif;
 +
font-size: 60px;
 +
height: 30px;
 +
}
 +
#topTitle:hover{
 +
background-color: B5B7B8;
 +
}
 +
 
 +
 
 +
 +
p{
 +
text-align: left !important;
 +
margin-left: 64px;
 +
margin-right: 64px;
 +
font-family: 'Montserrat', sans-serif !important;
 +
font-size: 20px !important;
 +
}
 +
 
 +
strong{
 +
font-family: 'Heebo', sans-serif;
 +
}
 +
 
 +
.dropbtn {
 +
display: none;
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
width: 20vw;
 +
}
 +
 
 +
 
 +
 
 +
.quickfind-content {
 +
font-family: 'Heebo', sans-serif;
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    width: 20vw;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
 +
}
 +
 
 +
.quickfind-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
text-align: center;
 +
border-style: solid none none none;
 +
}
 +
 
 +
.quickfind-content a:hover {background-color: #B1B1B1}
 +
 
 +
.quickfind:hover .quickfind-content {
 +
    display: block;
 +
}
 +
 
 +
.quickfind:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
.quickfind {
 +
    position: absolute;
 +
width: 20vw;
 +
left: 40vw;
 +
top: 15vh;
 +
}
 +
 
 +
@media screen and (max-width: 1000px) {
 +
 
 +
p{
 +
margin-left: 32px;
 +
margin-right: 32px;
 +
}
 +
 
 +
.contentHolder:hover{
 +
background-color: B5B7B8;
 +
 +
}
 +
.contentHolder{
 +
height: auto;
 +
width: auto;
 +
}
 +
 
 +
 
 +
#topTitle{
 +
border-radius: 50px 50px 0px 0px;
 +
opacity: 1;
 +
text-align: center;
 +
font-family: 'Heebo', sans-serif;
 +
font-size: 42px;
 +
height: 0vw;
 +
}
 +
#topTitle:hover{
 +
background-color: B5B7B8;
 +
}
 +
 +
.dropbtn {
 +
    background-color: #4CAF50;
 +
    color: white;
 +
    padding: 16px;
 +
    font-size: 16px;
 +
    border: none;
 +
    cursor: pointer;
 +
width: 50vw;
 +
}
 +
 
 +
 
 +
 
 +
.quickfind-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    width: 50vw;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 1;
 +
}
 +
 
 +
.quickfind-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
text-align: center;
 +
}
 +
 
 +
.quickfind-content a:hover {
 +
background-color: #f1f1f1;
 +
 +
}
 +
 
 +
.quickfind:hover .quickfind-content {
 +
    display: block;
 +
}
 +
 
 +
.quickfind:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
.quickfind {
 +
    position: absolute;
 +
width: 50vw;
 +
left: 25vw;
 +
top: 100px;
 +
}
 +
}
 +
<--!end mobile->
 +
 
 +
 
 +
 
 +
#scroldown {
 +
  width: 100%;
 +
  height: 20;
 +
 
 +
}
 +
#scroldown::before{
 +
  content: '╲╱';
 +
  color: #fff;
 +
  position: fixed;
 +
  opacity: 0.7;
 +
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
 +
  font-size: 20px;
 +
  width: 60px;
 +
  height: 40px;
 +
  line-height: 40px;
 +
  text-align: center;
 +
  border-radius: 10px;
 +
  bottom: 20px;
 +
  left: 50%;
 +
  margin-left: -30px;
 +
  animation: bounce 1s ease infinite;
 +
}
 +
 
 +
@keyframes bounce {
 +
  50% {
 +
    transform: translateY(-50%);
 +
  }
 +
  100% {
 +
    transform: translateY(0);
 +
  }
 +
}
 +
 
 +
#myBtn {
 +
    display: none;
 +
    position: fixed;
 +
    bottom: 20px;
 +
    right: 30px;
 +
    z-index: 99;
 +
    border: none;
 +
    outline: none;
 +
    background-color: green;
 +
    color: white;
 +
    cursor: pointer;
 +
    padding: 15px;
 +
    border-radius: 10px;
 +
    font-size: 18px;
 +
}
 +
 
 +
#myBtn:hover {
 +
    background-color: #555; /* Add a dark-grey background on hover */
 +
}
 +
</style>
 +
<script>
 +
$(document).ready(function(){
 +
  $("a").on('click', function(event) {
 +
    if (this.hash !== "") {
 +
      event.preventDefault();
 +
      var hash = this.hash;
 +
      $('html, body').animate({
 +
        scrollTop: $(hash).offset().top
 +
      }, 800, function(){
 +
        window.location.hash = hash;
 +
      });
 +
    }
 +
  });
 +
});
 +
</script>
 +
<script>
 +
window.onscroll = function() {scrollFunction()};
 +
 
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
 
 +
function burgermenu() {
 +
    var x = document.getElementById("nav");
 +
    if (x.className === "navigation") {
 +
        x.className += " responsive";
 +
    } else {
 +
        x.className = "navigation";
 +
    }
 +
 
 +
}
 +
</script>
 +
<body>
 +
 
 +
<!-- CUSTOM OVERLAY -->
 +
<div class="overlays" id="bottomLayer"></div>
 +
<div class="backgroundPicture">
  
−
<div class="column two_thirds_size">
 
−
<h3> Why is this page needed? </h3>
 
−
<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>
  
−
<div class="column third_size">
+
<div class="quickfind">
−
<div class="highlight decoration_B_full">
+
  <button class="dropbtn">LEARN MORE</button>
−
<h3> Can we base our project on a previous one? </h3>
+
  <div class="quickfind-content">
−
<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>
+
    <a href="#WHOUSE">PROJECT USE</a>
 +
<a href="#SAFE">IS IT SAFE</a>
 +
    <a href="#USEDSTRAINS">USED ORGANISM STRAINS</a>
 +
    <a href="#RISKS">POTENTIAL RISKS</a>
 +
<a href="#WASTE">WASTE TREATMENT</a>
 +
<a href="#EMERGENCY">EMERGENCY REACTIONS</a>
 +
<a href="#EQUIPMENT">PROTECTIVE EQUIPMENT</a>
 +
<a href="#OTHERS">OTHER RULES</a>
 +
  </div>
 +
</div>
 +
 
 +
<button onclick="topFunction()" id="myBtn" title="Go to top">Top</button>
 +
<!-- CUSTOM TOP -->
 +
<div class="contentHolder" id="topTitle">
 +
<a id="pagetitle">ATTRIBUTIONS</a>
 
</div>
 
</div>
 
</div>
 
</div>
  
  
 +
<div id="scroldown"></div>
  
 +
<!-- FOR NEW ONE COPY FROM HERE - CUSTOM CONTENT HOLDER -->
 +
<div class="contentHolder" id="ATTRIBUTIONS">
 +
<strong style="font-size: 25px;">All help from people involved in iGEM Bulgaria<br>without being part of the student team</strong><br><br><br>
 +
<p style="text-align: left;">
 +
<strong>General Support: </strong>
 +
Dr. Boris Kirov, Dr. Slavil Peykov, Prof. Vasil Galabov<br>
 +
 +
<strong>Project support and advice: </strong>
 +
Dr. Slavil Peykov, Dr. Boris Kirov<br>
 +
 +
<strong>Fundraising help and advice: </strong>
 +
Dr. Boris Kirov, Kristian Nikolov<br>
 +
 +
 +
<strong>Lab support: </strong>
 +
Dr. Slavil Peykov<br>
 +
<strong>Difficult technique support: </strong>
 +
Dr. Slavil Peykov<br>
 +
 +
<strong>Project advisor support: </strong>
 +
Dr. Slavil Peykov, Dr. Boris Kirov<br>
 +
 +
<strong>Wiki support: </strong>
 +
Alexander Nikolov<br>
 +
 +
<strong>Presentation coaching: </strong>
 +
Dr. Slavil Peykov, Dr. Boris Kirov<br>
 +
 +
<strong>Human Practices support: </strong>
 +
Dr. Boris Kirov, Ilka Tsvetkova, Kristian Nikolov<br>
 +
 +
</div>
 +
<!-- TO HERE - CUSTOM CONTENT HOLDER -->
 +
 +
 +
<!-- CUSTOM MENU -->
 +
<div class="navigation" id="nav">
 +
  <a href="https://2018.igem.org/Team:Bulgaria">HOME</a>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">TEAM
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theteam">MEMBERS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/attrib" id="activeMenu">ATTRIBUTIONS</a>
 +
</div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">PROJECT
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/theproject">DESCRIPTION</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/DESIGN">DESIGN</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/PROTOCOLS">PROTOCOLS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/LABBOOK">LAB BOOK</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/RESULTS">RESULTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/CONTRIBUTION">CONTRIBUTION</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/IMPROVE">IMPROVE</a>
 +
</div>
 +
  </div>
 +
  <div class="dropdown">
 +
    <button class="dropNAVbtn">HUMAN PRACTICES
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/publicEng">PUBLIC ENGAGEMENTS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/IntHP">INTEGRATED HUMAN PRACTICES</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/survey">SURVEY</a>
 +
</div>
 +
  </div>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">COLLABORATIONS
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABMEETINGS">MEETINGS</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/COLLABSURVEYS">SURVEYS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABOTHERS">OTHERS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/COLLABfollow">#FollowMeToiGEM</a>
 +
</div>
 +
  </div>
 +
 
 +
 
 +
 +
  <a href="https://2018.igem.org/Team:Bulgaria/parts" >PARTS</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/safety">SAFETY</a>
 +
 
 +
    <div class="dropdown">
 +
    <button class="dropNAVbtn">MEDAL CRITERIA
 +
      <i class="fa fa-caret-down"></i>
 +
    </button>
 +
    <div class="dropdown-content">
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALBRONZE">BRONZE</a>
 +
      <a href="https://2018.igem.org/Team:Bulgaria/MEDALSILVER">SILVER</a>
 +
  <a href="https://2018.igem.org/Team:Bulgaria/MEDALGOLD">GOLD</a>
 +
<a href="https://2018.igem.org/Team:Bulgaria/MEDALAWARD">SPECIAL AWARD</a>
 +
</div>
 +
  </div>
 +
  <a href="https://igem.org/2018_Judging_Form?id=2847" id="specialMenu">JUDGING FORM</a>
 +
  <a href="javascript:void(0);" class="icon" onclick="burgermenu()">
 +
MENU
 +
  </a>
 +
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:48, 18 October 2018

PROJECT USE IS IT SAFE USED ORGANISM STRAINS POTENTIAL RISKS WASTE TREATMENT EMERGENCY REACTIONS PROTECTIVE EQUIPMENT OTHER RULES
All help from people involved in iGEM Bulgaria
without being part of the student team


General Support: Dr. Boris Kirov, Dr. Slavil Peykov, Prof. Vasil Galabov
Project support and advice: Dr. Slavil Peykov, Dr. Boris Kirov
Fundraising help and advice: Dr. Boris Kirov, Kristian Nikolov
Lab support: Dr. Slavil Peykov
Difficult technique support: Dr. Slavil Peykov
Project advisor support: Dr. Slavil Peykov, Dr. Boris Kirov
Wiki support: Alexander Nikolov
Presentation coaching: Dr. Slavil Peykov, Dr. Boris Kirov
Human Practices support: Dr. Boris Kirov, Ilka Tsvetkova, Kristian Nikolov