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

(Created page with "<!doctype html> <html> <head> <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> <meta charset="UTF-8"> <meta name="viewport" c...")
 
Line 1: Line 1:
−
<!doctype html>
+
{{:Team:KCL_UK/Templates/Header}}
 
<html>
 
<html>
 
     <head>
 
     <head>
−
        <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
+
 
 
     <meta charset="UTF-8">
 
     <meta charset="UTF-8">
 
     <meta name="viewport" content="width= device-width, initial-scale=1">
 
     <meta name="viewport" content="width= device-width, initial-scale=1">
Line 8: Line 8:
  
  
−
     <style>
+
     <style>  
 +
    @import url('https://fonts.googleapis.com/css?family=Raleway');
  
 +
    #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;
 +
  }
 +
 
 +
  a:hover {text-decoration:none;}
 +
a:visited {
 +
  color:red;
 +
  text-decoration:none;
 +
}
 +
 
 +
  .dropdown-nav-buttonmasks:visited {
 +
    color:white;
 +
      text-decoration: none;
 +
    }
 +
.standalonenav:visited {
 +
  color:white;
 +
  text-decoration: none;
 +
}
 +
 
 +
 
 +
 
 +
        * {
 
             box-sizing: border-box;
 
             box-sizing: border-box;
 
             font-family: 'Raleway', sans-serif;
 
             font-family: 'Raleway', sans-serif;
 
         }
 
         }
 +
  
 
         body{
 
         body{
 
         margin: 0;
 
         margin: 0;
 +
    padding: 0;
 
         font-family: 'Raleway', sans-serif;
 
         font-family: 'Raleway', sans-serif;
 
         text-align: center;
 
         text-align: center;
Line 30: Line 224:
 
             width: 95%;
 
             width: 95%;
 
             margin: 0 auto;
 
             margin: 0 auto;
 +
        }
 +
        .fixcontainer {
 +
          width:100%;
 +
          margin: 0 auto;
 
         }
 
         }
  
Line 36: Line 234:
 
             font-weight: 900;
 
             font-weight: 900;
 
             font-weight: bold;
 
             font-weight: bold;
−
             font-size: 2.5rem;
+
             font-size: 3.2rem;
 
             margin-bottom: 1em;
 
             margin-bottom: 1em;
 
             padding-bottom: 2em;
 
             padding-bottom: 2em;
 
             text-emphasis: bold;
 
             text-emphasis: bold;
 +
        }
 +
        .smallertitle {
 +
          font-weight: 900;
 +
          font-weight: bold;
 +
          font-size: 1.4rem;
 +
          margin-bottom: 1em;
 +
          padding-top: 3.1em;
 +
          padding-bottom: 0em;
 +
          text-emphasis: bold;
  
 
         }
 
         }
Line 46: Line 253:
 
             font-size: 2.5em;
 
             font-size: 2.5em;
 
             text-transform: capitalize;
 
             text-transform: capitalize;
−
            margin-top: 0em;
+
          }
−
        }
+
−
 
+
 
         .title span {
 
         .title span {
 
             margin-top: 1em;
 
             margin-top: 1em;
Line 57: Line 262:
  
  
−
         /*Buttons -------------------------------*/
+
         /*buttonmasks -------------------------------*/
−
         .button {
+
         .buttonmask {
 
             display: inline-block;
 
             display: inline-block;
 
             font-size: 1.25rem;
 
             font-size: 1.25rem;
Line 66: Line 271:
 
             border-style: solid;
 
             border-style: solid;
 
             padding: .5em 1.75em;
 
             padding: .5em 1.75em;
 +
 
         }
 
         }
 +
  .buttonmask}
  
−
         .button-small {
+
         .buttonmask-small {
 
             font-size: .9rem;
 
             font-size: .9rem;
 
             font-weight: 700;
 
             font-weight: 700;
 
         }
 
         }
  
−
         .button-accent {
+
         .buttonmask-accent {
−
             color: red;
+
             color: #FF0000;
−
             border-color: red;
+
             border-color: #FF0000;
 
         }
 
         }
  
−
         .button-accent:hover {
+
         .buttonmask-accent:hover {
−
         background: red;
+
         background: #FF0000;
 
         color: black;
 
         color: black;
 
         }
 
         }
Line 87: Line 294:
  
 
         header {
 
         header {
−
             background-color: black;
+
             background-color: rgba(0,0,0,.75);
 
             position: absolute;
 
             position: absolute;
 
             left: 0;
 
             left: 0;
 
             right: 0;
 
             right: 0;
 
             max-height: 7em;
 
             max-height: 7em;
−
            margin-top: 0;
 
 
         }
 
         }
  
Line 100: Line 306:
 
             list-style: none;
 
             list-style: none;
 
             float: right;
 
             float: right;
−
             margin-right: 5em;
+
             margin-right: 5em!important;
 
             margin-top: 2em;
 
             margin-top: 2em;
 
             position: relative;
 
             position: relative;
Line 111: Line 317:
 
         }
 
         }
  
−
         .nav-buttons {
+
         .nav-buttonmasks {
 
             font-weight: 900;
 
             font-weight: 900;
 
             text-decoration: none;
 
             text-decoration: none;
Line 122: Line 328:
 
         }
 
         }
  
−
         .nav-buttons:hover {color: red;}
+
         .nav-buttonmasks:hover {color: #FF0000;}
−
         .dropdown-nav-buttons:hover {color: red;}
+
         .dropdown-nav-buttonmasks:hover {color: #FF0000;}
  
−
         .dropdown-nav-buttons {
+
         .dropdown-nav-buttonmasks {
 
             font-weight: 900;
 
             font-weight: 900;
 
             text-decoration: none;
 
             text-decoration: none;
Line 139: Line 345:
 
         }
 
         }
 
         #navadjust {
 
         #navadjust {
−
           margin-left:-0.3em;;
+
           margin-left:-0.3em;
 
         }
 
         }
 +
 
         .dropdownone {
 
         .dropdownone {
−
           margin-top: 2.58em;
+
           margin-top: 2.58em!important;
 
         }
 
         }
 
         .dropdowntwo {
 
         .dropdowntwo {
−
             margin-top: 4.75em;
+
             margin-top: 4.75em!important;
 
         }
 
         }
 
         .dropdownthree {
 
         .dropdownthree {
−
           margin-top: 6.93em;
+
           margin-top: 6.93em!important;
 
         }
 
         }
 +
        .dropdownfour {
 +
            margin-top: 9.1em!important;
 +
        }
 +
        .dropdownfive {
 +
            margin-top: 11.28em!important;
 +
        }
 +
        .dropdownsix {
 +
            margin-top: 13.46em!important;
 +
        }
 +
        .dropdownseven {
 +
          margin-top: 15.66em!important;
 +
}
 +
        .dropdowneight {
 +
          margin-top: 17.88em!important;
 +
}
  
−
         .nav-buttons:hover .dropdown-nav-buttons{
+
         .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
 
             display: block;
 
             display: block;
 
             position: absolute;
 
             position: absolute;
Line 162: Line 384:
 
             margin-top: .5em;
 
             margin-top: .5em;
 
         }
 
         }
−
 
+
      .line {
−
        .line {
+
 
                 width: 30%;
 
                 width: 30%;
 
                 height: 1px;
 
                 height: 1px;
Line 304: Line 525:
 
     <body>
 
     <body>
  
−
    <header>
+
 
−
        <img src="img/newlogo.gif" alt="logo" class="logo">
+
−
        <nav>
+
−
            <ul>
+
−
                <li><a href="index.html" class="nav-buttons">Home</a></li>
+
−
                <li class="nav-buttons">Team
+
−
                  <a href="teammembers.html" class="dropdown-nav-buttons dropdownone">Team Members</a>
+
−
                    <a href="#" class="dropdown-nav-buttons dropdowntwo">Collaborations</a>
+
−
                </li>
+
−
                <li class="nav-buttons">Project
+
−
                  <a href="#" class="dropdown-nav-buttons dropdownone">Description</a>
+
−
                  <a href="#" class="dropdown-nav-buttons dropdowntwo">Design</a>
+
−
                  <a href="#" class="dropdown-nav-buttons dropdownthree">Results</a>
+
−
                </li>
+
−
                <li class="nav-buttons">Parts
+
−
                  <a href="#" class="dropdown-nav-buttons dropdownone">Parts Overview</a>
+
−
                  <a href="#" class="dropdown-nav-buttons dropdowntwo">Basic Parts</a>
+
−
                  <a href="#" class="dropdown-nav-buttons dropdownthree">Composite Parts</a>
+
−
                </li>
+
−
                <a href="#" class="nav-buttons">Safety</a>
+
−
                <li class="nav-buttons">Human Practices
+
−
                  <a href="humanpracticesoverview.html" class="dropdown-nav-buttons dropdownone" id="navadjust">Overview</a>
+
−
                  <a href="#" class="dropdown-nav-buttons dropdowntwo" id="navadjust">Education and Engagement</a>
+
−
                </li>
+
−
                <a href="#" class="nav-buttons">Acknowledgements</a>
+
−
 
+
−
            </ul>
+
−
        </nav>
+
−
    </header>
+
 
     <div class="uselessspacer"></div>
 
     <div class="uselessspacer"></div>
 
     <div class="toptitle"></div>
 
     <div class="toptitle"></div>

Revision as of 21:43, 16 October 2018

KCL iGEM

KCL iGEM

Acknowledgements

Charlotte Dawkins Consulting Ltd.

A communications and public affairs professional with over fifteen years experience. Skilled in developing and implementing communications strategies, stakeholder relationship management, crisis communication handling, change management communications, internal communications, producing policy briefings, media handling, speechwriting, strategically advising senior audiences. Possesses an excellent understanding of the routes to influence in Westminster and Whitehall.

Visit: https://www.linkedin.com/company/charlottedawkinsconsultingltd

SnapGene

SnapGene is an excellent platform to analyze and work with DNA cloning and PCR. It allows you to easily design primers. It is also provides a free trial, tutorial videos and their own server.

Visit: http://www.snapgene.com/

Asana

Asana is a great collaboration tool to enable large and complex works to remain efficient. We personally found their service helpful in setting and tracking the progress of tasks to team subsections or individuals. This was essential as we were able to ensure everything was on track before our deadlines.

Visit: https://asana.com/

Sir Robert Lechler, KCL

Many thanks to Sir Robert Lechler who has pledged to give us funding to help keep our team running and competing. He is a well-renowned professor of immunology at King's College London.

Doulix

Doulix is a free software which enables anyone to design a synthetic biology construct. Using a large variety of base components, they can assemble the construct using an array of assembling technology.

https://doulix.com/