Difference between revisions of "Team:KCL UK/Attributions"

(Prototype team page)
 
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{KCL_UK}}
+
{{:Team:KCL_UK/Templates/Header}}
 
<html>
 
<html>
 +
    <head>
  
 +
    <meta charset="UTF-8">
 +
    <meta name="viewport" content="width= device-width, initial-scale=1">
 +
    <title>KCL iGEM</title>
  
<div class="column full_size judges-will-not-evaluate">
 
<h3>★  ALERT! </h3>
 
<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>
 
<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>
 
</div>
 
  
 +
    <style>
 +
    @import url('https://fonts.googleapis.com/css?family=Raleway');
  
<div class="clear"></div>
+
    #top_title {display:none;}
 +
   
  
  
 +
  #HQ_page p {
 +
font-family: 'Raleway', sans-serif;
 +
font-size: 1em;
 +
text-align: center;
  
 +
}
 +
   
 +
    #HQ_page h1,h2,h3 {
 +
font-family: 'Raleway', sans-serif;
 +
font-weight: 300;
 +
}
  
 +
      #content, #HQ_page {
 +
            animation : none;
 +
    animation-delay : 0;
 +
    animation-direction : normal;
 +
    animation-duration : 0;
 +
    animation-fill-mode : none;
 +
    animation-iteration-count : 1;
 +
    animation-name : none;
 +
    animation-play-state : running;
 +
    animation-timing-function : ease;
 +
    backface-visibility : visible;
 +
    background : 0;
 +
    background-attachment : scroll;
 +
    background-clip : border-box;
 +
    background-color : transparent;
 +
    background-image : none;
 +
    background-origin : padding-box;
 +
    background-position : 0 0;
 +
    background-position-x : 0;
 +
    background-position-y : 0;
 +
    background-repeat : repeat;
 +
    background-size : auto auto;
 +
    border : 0;
 +
    border-style : none;
 +
    border-width : medium;
 +
    border-color : inherit;
 +
    border-bottom : 0;
 +
    border-bottom-color : inherit;
 +
    border-bottom-left-radius : 0;
 +
    border-bottom-right-radius : 0;
 +
    border-bottom-style : none;
 +
    border-bottom-width : medium;
 +
    border-collapse : separate;
 +
    border-image : none;
 +
    border-left : 0;
 +
    border-left-color : inherit;
 +
    border-left-style : none;
 +
    border-left-width : medium;
 +
    border-radius : 0;
 +
    border-right : 0;
 +
    border-right-color : inherit;
 +
    border-right-style : none;
 +
    border-right-width : medium;
 +
    border-spacing : 0;
 +
    border-top : 0;
 +
    border-top-color : inherit;
 +
    border-top-left-radius : 0;
 +
    border-top-right-radius : 0;
 +
    border-top-style : none;
 +
    border-top-width : medium;
 +
    bottom : auto;
 +
    box-shadow : none;
 +
    box-sizing : content-box;
 +
    caption-side : top;
 +
    clear : none;
 +
    clip : auto;
 +
    color : inherit;
 +
    columns : auto;
 +
    column-count : auto;
 +
    column-fill : balance;
 +
    column-gap : normal;
 +
    column-rule : medium none currentColor;
 +
    column-rule-color : currentColor;
 +
    column-rule-style : none;
 +
    column-rule-width : none;
 +
    column-span : 1;
 +
    column-width : auto;
 +
    content : normal;
 +
    counter-increment : none;
 +
    counter-reset : none;
 +
    cursor : auto;
 +
    direction : ltr;
 +
    display : inline;
 +
    empty-cells : show;
 +
    float : none;
 +
    font : normal;
 +
    font-family: 'Raleway', sans-serif;
 +
    font-size : medium;
 +
    font-style : normal;
 +
    font-variant : normal;
 +
    font-weight : normal;
 +
    height : auto;
 +
    hyphens : none;
 +
    left : auto;
 +
    letter-spacing : normal;
 +
    line-height : normal;
 +
    list-style : none;
 +
    list-style-image : none;
 +
    list-style-position : outside;
 +
    list-style-type : disc;
 +
    margin : 0;
 +
    margin-bottom : 0;
 +
    margin-left : 0;
 +
    margin-right : 0;
 +
    margin-top : 0;
 +
    max-height : none;
 +
    max-width : none;
 +
    min-height : 0;
 +
    min-width : 0;
 +
    opacity : 1;
 +
    orphans : 0;
 +
    outline : 0;
 +
    outline-color : invert;
 +
    outline-style : none;
 +
    outline-width : medium;
 +
    overflow : visible;
 +
    overflow-x : visible;
 +
    overflow-y : visible;
 +
    padding : 0;
 +
    padding-bottom : 0;
 +
    padding-left : 0;
 +
    padding-right : 0;
 +
    padding-top : 0;
 +
    page-break-after : auto;
 +
    page-break-before : auto;
 +
    page-break-inside : auto;
 +
    perspective : none;
 +
    perspective-origin : 50% 50%;
 +
    position : static;
 +
    /* May need to alter quotes for different locales (e.g fr) */
 +
    quotes : '\201C' '\201D' '\2018' '\2019';
 +
    right : auto;
 +
    tab-size : 8;
 +
    table-layout : auto;
 +
    text-align : inherit;
 +
    text-align-last : auto;
 +
    text-decoration : none;
 +
    text-decoration-color : inherit;
 +
    text-decoration-line : none;
 +
    text-decoration-style : solid;
 +
    text-indent : 0;
 +
    text-shadow : none;
 +
    text-transform : none;
 +
    top : auto;
 +
    transform : none;
 +
    transform-style : flat;
 +
    transition : none;
 +
    transition-delay : 0s;
 +
    transition-duration : 0s;
 +
    transition-property : none;
 +
    transition-timing-function : ease;
 +
    unicode-bidi : normal;
 +
    vertical-align : baseline;
 +
    visibility : visible;
 +
    white-space : normal;
 +
    widows : 0;
 +
    width : auto;
 +
    word-spacing : normal;
 +
    z-index : auto;
 +
      }
  
 +
h1 {
 +
display: block;
 +
font-size: 2em;
 +
margin-bottom: 0.67em;
 +
margin-left: 0;
 +
margin-right: 0;
 +
  }
  
<div class="column full_size">
+
  a:hover {text-decoration:none;}
<h1>Attributions</h1>
+
a:visited {
<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.
+
  color:red;
</p>
+
  text-decoration:none;
 +
}
  
<h3> Bronze Medal Criterion #3</h3>
+
  .dropdown-nav-buttonmasks:visited {
<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.  
+
    color:white;
<br><br>
+
      text-decoration: none;
Please see the <a href="https://2018.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
    }
</div>
+
.standalonenav:visited {
 +
  color:white;
 +
  text-decoration: none;
 +
}
  
 +
 
  
<div class="clear extra_space"></div>
+
        * {
 +
            box-sizing: border-box;
 +
            font-family: 'Raleway', sans-serif;
 +
        }
  
  
 +
        body{
 +
        margin: 0;
 +
    padding: 0;
 +
        font-family: 'Raleway', sans-serif;
 +
        text-align: center;
 +
        }
  
<div class="column third_size">
+
        img {
<h3> What should this page contain?</h3>
+
            max-width: 100%;
 +
            height: auto;
 +
        }
  
<ul>
+
        .container {
<li>Clearly state what the team accomplished</li>
+
            width: 95%;
<li>General Support</li>
+
            margin: 0 auto;
<li>Project support and advice</li>
+
        }
<li>Fundraising help and advice</li>
+
        .fixcontainer {
<li>Lab support</li>
+
          width:100%;
<li>Difficult technique support</li>
+
          margin: 0 auto;
<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">
+
        /*typography------------------------------*/
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
        .title {
<ul>
+
            font-weight: 900;
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
            font-weight: bold;
<li>When did you start this course?</li>
+
            font-size: 3.2rem;
<li>Are the syllabus and course materials freely available online?</li>
+
            margin-bottom: 1em;
<li>When did you start your brainstorming?</li>
+
            padding-bottom: 2em;
<li>When did you start in the lab?</li>
+
            text-emphasis: bold;
<li>When did you start working on  your project?</li>
+
        }
</ul>
+
        .smallertitle {
</div>
+
          font-weight: 900;
 +
          font-weight: bold;
 +
          font-size: 1.4rem;
 +
          margin-bottom: 1em;
 +
          padding-top: 3.1em;
 +
          padding-bottom: 0em;
 +
          text-emphasis: bold;
  
 +
        }
 +
        h1 {
 +
            font-weight: 300;
 +
            font-size: 2.5em;
 +
            text-transform: capitalize;
 +
          }
 +
        .title span {
 +
            font-weight: 200;
 +
            display: block;
 +
            font-size: .9em;
 +
        }
  
<div class="column third_size">
 
<div class="highlight decoration_A_full">
 
  
<h3>Inspiration</h3>
+
        /*buttonmasks -------------------------------*/
<p>Take a look at what other teams have done:</p>
+
        .buttonmask {
<ul>
+
            display: inline-block;
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
            font-size: 1.25rem;
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
            text-decoration: none;
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
            text-transform: uppercase;
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
            border-width: 2px;
</ul>
+
            border-style: solid;
</div>
+
            padding: .5em 1.75em;
</div>
+
  
 +
        }
 +
  .buttonmask}
  
 +
        .buttonmask-small {
 +
            font-size: .9rem;
 +
            font-weight: 700;
 +
        }
  
<div class="clear extra_space"></div>
+
        .buttonmask-accent {
 +
            color: #FF0000;
 +
            border-color: #FF0000;
 +
        }
  
<div class="column two_thirds_size">
+
        .buttonmask-accent:hover {
<h3> Why is this page needed? </h3>
+
        background: #FF0000;
<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>
+
        color: black;
<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="column third_size">
 
<div class="highlight decoration_B_full">
 
<h3> Can we base our project on a previous one? </h3>
 
<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>
 
  
 +
        /*header------------------------------*/
 +
 +
        header {
 +
            background-color: rgba(0,0,0,.75);
 +
            position: absolute;
 +
            left: 0;
 +
            right: 0;
 +
            max-height: 7em;
 +
        }
 +
 +
        nav ul {
 +
            margin: 0;
 +
            padding: 0;
 +
            list-style: none;
 +
            float: right;
 +
            margin-right: 5em!important;
 +
            margin-top: 2em;
 +
            position: relative;
 +
        }
 +
 +
        nav li {
 +
            display: inline-block;
 +
            margin: 1em;
 +
            position: relative;
 +
        }
 +
 +
        .nav-buttonmasks {
 +
            font-weight: 900;
 +
            text-decoration: none;
 +
            text-transform: uppercase;
 +
            font-size: 0.95rem;
 +
            padding: .5em;
 +
            color: #FFF;
 +
            position: relative;
 +
            padding-bottom: 3em;
 +
        }
 +
 +
        .nav-buttonmasks:hover {color: #FF0000;}
 +
        .dropdown-nav-buttonmasks:hover {color: #FF0000;}
 +
 +
        .dropdown-nav-buttonmasks {
 +
            font-weight: 900;
 +
            text-decoration: none;
 +
            text-transform: uppercase;
 +
            font-size: 0.95rem;
 +
            padding: .5em;
 +
            color: #FFF;
 +
            display: none;
 +
            background-color:  rgba(0,0,0,.75);
 +
            z-index: 1;
 +
            width: 10em;
 +
            margin-left: -3em;
 +
        }
 +
        #navadjust {
 +
          margin-left:-0.3em;
 +
        }
 +
 +
       
 +
        .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
 +
            display: block;
 +
            position: absolute;
 +
        }
 +
        .logo {
 +
            height: 90px;
 +
            width: 90px;
 +
            float: left;
 +
            margin-left: 6em;
 +
            margin-top: .5em;
 +
        }
 +
.uselessspacer {
 +
          height: 16vh;
 +
          background-color: black;
 +
        }
 +
 +
        /*top------------------------------*/
 +
        .top {
 +
          background-color: black;
 +
          height: 19vh;
 +
        }
 +
        .line {
 +
                width: 30%;
 +
                height: 1.5px;
 +
                margin: auto;
 +
            background: red;
 +
        }
 +
        .top h1 {
 +
          color: red!important;
 +
        }
 +
 +
        /*content------------------------------*/
 +
        .divisiontitletext {
 +
          margin: auto;
 +
          color: white;
 +
          font-size: 2em!important;
 +
        }
 +
        .leftline {
 +
          float: left;
 +
          width: 37%;
 +
          height: 1.5px;
 +
          background: red;
 +
          margin-left: -33em!important;
 +
          margin-top: 5em;
 +
        }
 +
        .divisiontitle {
 +
          width: 100%;
 +
          height: 7em;
 +
          background-color: black;
 +
          color: white;
 +
          margin: auto;
 +
        }
 +
        .person {
 +
          width: 100%;
 +
          height: 12.5em;
 +
          background-color: black;
 +
          outline: 2px solid red;
 +
          outline-offset: -2em;
 +
        }
 +
        .longname {
 +
          font-size: 2em;
 +
          color: red;
 +
          background-color: black;
 +
          width: 30vw;
 +
          margin-top: .4em;
 +
          z-index: 20;
 +
          position: absolute;
 +
        }
 +
        .smallname {
 +
          font-size: 2em;
 +
          color: red;
 +
          background-color: black;
 +
          width: 18vw;
 +
          margin-top: .4em;
 +
          z-index: 20;
 +
          position: absolute;
 +
        }
 +
        .leftname {
 +
          float:left;
 +
          margin-left: 3em!important;
 +
        }
 +
        .rightname {
 +
          float:right;
 +
          margin-left: 60vw;
 +
        }
 +
 +
        .description {
 +
          text-align: left;
 +
          padding-top: 5em;
 +
          background-color: black;
 +
          width: 80vw;
 +
          margin: auto;
 +
          font-size: 1.1em;
 +
          color: white;
 +
        }
 +
        .person a {
 +
 +
        }
 +
 +
 +
 +
 +
 +
 +
    </style>
 +
 +
 +
    </head>
 +
 +
 +
    <body>
 +
 +
 +
    <div class="uselessspacer"></div>
 +
 +
    <section class="top">
 +
      <h1>Attributions</h1>
 +
      <div class="line"></div>
 +
    </section>
 +
 +
 +
    <section class="teamdivision" id="publicengagementandmarketing">
 +
      <div class="divisiontitle">
 +
        <h1 class="divisiontitletext">Public Engagement and Marketing</h1>
 +
      </div>
 +
 +
 +
      <div class="person" id="lux">
 +
        <div class="smallname leftname">Lux Step</div>
 +
        <div class="description">Lux has worked incredibly hard on our digital and social media. Any of the photos you see have been taken by them! They have also done research on UK team funding and communications, and UK supermarket antibiotic policy.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="Maya">
 +
        <div class="longname rightname">Maya Biswas-Whittaker</div>
 +
        <div class="description">Maya has been focused on producing materials for educational visits, meet-ups and conferences, and the website- as well as organising collaborations with other teams. She also designed our banner for the giant jamboree!
 +
        </div>
 +
      </div>
 +
      <div class="person" id="desiree">
 +
        <div class="longname leftname">Desiree McCann</div>
 +
        <div class="description">Desiree has done so much for our team! As well as influencing the theme of our lab project, and coming up with our slogan, she has organised workshops and fundraising, and designed our fundraising materials!
 +
        </div>
 +
      </div>
 +
      <div class="person" id="ella">
 +
        <div class="longname rightname">Ella Boothman</div>
 +
        <div class="description">Ella has been busy contacting anyone and everyone you can think of through running social media, translating fundraising materials for different companies and organising events.</div>
 +
      </div>
 +
      <div class="person" id="kat">
 +
        <div class="longname leftname">Katarzyna Plesniar</div>
 +
        <div class="description">Kat has been there from the start, recruiting and interviewing members. She’s helped with sponsorship and event organisation, as well as producing our brochure for Kings’ 2029 Vision.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="joao">
 +
        <div class="longname rightname">João Guilherme</div>
 +
        <div class="description">João is our resident adventurer, who headed off to Kenya this summer and taught the basics of synthetic biology to the children he was working with.
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
    <section class="teamdivision" id="publicengagementandmarketing">
 +
      <div class="divisiontitle">
 +
        <h1 class="divisiontitletext">Technology and Wiki Development</h1>
 +
      </div>
 +
 +
      <div class="person" id="ajay">
 +
        <div class="smallname leftname">Ajay Dulai</div>
 +
        <div class="description">Ajay has produced this wiki. There is so much the rest of the team doesn’t understand about what he does- so we just step back and watch the magic happen.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="max">
 +
        <div class="smallname rightname">Max Grogan</div>
 +
        <div class="description">Max is another tech wizard. He’s helped develop and debug the wiki with Ajay, and has done the computational modelling of the sRNA-GFP gene system. Sounds lit.
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
    <section class="teamdivision" id="Lab">
 +
      <div class="divisiontitle">
 +
        <h1 class="divisiontitletext">Lab Team</h1>
 +
      </div>
 +
 +
      <div class="person" id="maria">
 +
        <div class="longname leftname">Maria-Jose Ramos </div>
 +
        <div class="description">Majo has been in the lab day in day out, working on the InterLab study and assembly of our biobricks. She has also contributed to the documentation of all of the work the lab team has done.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="deeksha">
 +
        <div class="smallname rightname">Deeksha Raju</div>
 +
        <div class="description">Deeksha has been knee-deep in papers, looking at literature research before the project, form-filling for the interlab study and keeping the notebook up to date.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="anthony">
 +
        <div class="smallname leftname">Anthony Chau</div>
 +
        <div class="description">Anthony is another original team member and general all-rounder, conducting interviews and setting up social media pages. He’s secured sponsors and worked hard in the lab all summer.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="shubh">
 +
        <div class="longname rightname">Shubhankar Sinha</div>
 +
        <div class="description">Shubh has not only been working in the lab, but also working hard on spreading awareness about our team and our project, conducting interviews with doctors and scientists.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="josephine">
 +
        <div class="smallname leftname">Josephine Eum</div>
 +
        <div class="description">Jo has used her expertise from working in science education to help produce materials for educational visits, and draft the abstract and project description for the lab work she’s been focused on.
 +
        </div>
 +
      </div>
 +
      <div class="person" id="vivian">
 +
        <div class="smallname rightname">Vivian Chu</div>
 +
        <div class="description">Viv has made sure that all the hard work she and the others are doing in the lab has not gone unnoticed on social media and has helped devise a lot of material for different presentations.
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
<section class="teamdivision" id="Lab">
 +
      <div class="divisiontitle">
 +
        <h1 class="divisiontitletext">Management</h1>
 +
      </div>
 +
      <div class="person" id="Marcos">
 +
        <div class="longname leftname">Marcos Vega-Hazas Marti</div>
 +
        <div class="description">Marcos was the initiator who bought iGEM to Kings’. Since November, he has been organising programme promotions, fundraisers and sponsorship events to get people hype about iGEM.
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
 +
   
 +
 +
 +
    </body>
  
  
 
</html>
 
</html>

Latest revision as of 14:35, 17 October 2018

KCL iGEM

KCL iGEM

Attributions

Public Engagement and Marketing

Lux Step
Lux has worked incredibly hard on our digital and social media. Any of the photos you see have been taken by them! They have also done research on UK team funding and communications, and UK supermarket antibiotic policy.
Maya Biswas-Whittaker
Maya has been focused on producing materials for educational visits, meet-ups and conferences, and the website- as well as organising collaborations with other teams. She also designed our banner for the giant jamboree!
Desiree McCann
Desiree has done so much for our team! As well as influencing the theme of our lab project, and coming up with our slogan, she has organised workshops and fundraising, and designed our fundraising materials!
Ella Boothman
Ella has been busy contacting anyone and everyone you can think of through running social media, translating fundraising materials for different companies and organising events.
Katarzyna Plesniar
Kat has been there from the start, recruiting and interviewing members. She’s helped with sponsorship and event organisation, as well as producing our brochure for Kings’ 2029 Vision.
João Guilherme
João is our resident adventurer, who headed off to Kenya this summer and taught the basics of synthetic biology to the children he was working with.

Technology and Wiki Development

Ajay Dulai
Ajay has produced this wiki. There is so much the rest of the team doesn’t understand about what he does- so we just step back and watch the magic happen.
Max Grogan
Max is another tech wizard. He’s helped develop and debug the wiki with Ajay, and has done the computational modelling of the sRNA-GFP gene system. Sounds lit.

Lab Team

Maria-Jose Ramos
Majo has been in the lab day in day out, working on the InterLab study and assembly of our biobricks. She has also contributed to the documentation of all of the work the lab team has done.
Deeksha Raju
Deeksha has been knee-deep in papers, looking at literature research before the project, form-filling for the interlab study and keeping the notebook up to date.
Anthony Chau
Anthony is another original team member and general all-rounder, conducting interviews and setting up social media pages. He’s secured sponsors and worked hard in the lab all summer.
Shubhankar Sinha
Shubh has not only been working in the lab, but also working hard on spreading awareness about our team and our project, conducting interviews with doctors and scientists.
Josephine Eum
Jo has used her expertise from working in science education to help produce materials for educational visits, and draft the abstract and project description for the lab work she’s been focused on.
Vivian Chu
Viv has made sure that all the hard work she and the others are doing in the lab has not gone unnoticed on social media and has helped devise a lot of material for different presentations.

Management

Marcos Vega-Hazas Marti
Marcos was the initiator who bought iGEM to Kings’. Since November, he has been organising programme promotions, fundraisers and sponsorship events to get people hype about iGEM.