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

 
(8 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{:Team:KCL_UK/Templates/Header}}
 
<html>
 
<html>
 
     <head>
 
     <head>
Line 339: Line 340:
 
             display: none;
 
             display: none;
 
             background-color:  rgba(0,0,0,.75);
 
             background-color:  rgba(0,0,0,.75);
             z-index: 1;
+
             z-index: 10;
 
             width: 10em;
 
             width: 10em;
 
             margin-left: -3em;
 
             margin-left: -3em;
Line 347: Line 348:
 
         }
 
         }
  
        .dropdownone {
+
     
          margin-top: 2.58em!important;
+
        }
+
        .dropdowntwo {
+
            margin-top: 4.75em!important;
+
        }
+
        .dropdownthree {
+
          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-buttonmasks:hover .dropdown-nav-buttonmasks{
 
         .nav-buttonmasks:hover .dropdown-nav-buttonmasks{
Line 431: Line 409:
 
         }
 
         }
 
         #first {
 
         #first {
           height: 175em;
+
           height: 180em;
 
         }
 
         }
 
         #second {
 
         #second {
Line 437: Line 415:
 
         }
 
         }
 
         #third {
 
         #third {
           height: 20em;
+
           height: 50em;
 
         }
 
         }
 
         .longname {
 
         .longname {
Line 445: Line 423:
 
           width: 80vw;
 
           width: 80vw;
 
           margin-top: .6em;
 
           margin-top: .6em;
           z-index: 20;
+
           z-index: 1;
 
           position: absolute;
 
           position: absolute;
 
           margin: auto;
 
           margin: auto;
Line 461: Line 439:
 
           width: 18vw;
 
           width: 18vw;
 
           margin-top: .4em;
 
           margin-top: .4em;
           z-index: 20;
+
           z-index: 1
 +
;
 
           position: absolute;
 
           position: absolute;
 
         }
 
         }
Line 528: Line 507:
 
         }
 
         }
 
         .collabinfographic {
 
         .collabinfographic {
           width: 70vw;
+
           width: 70em;
 
           height: 130em;
 
           height: 130em;
 
           background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--KCL_UK--collaborationinfographic.png);
 
           background-image: url(https://static.igem.org/mediawiki/2018/0/0d/T--KCL_UK--collaborationinfographic.png);
Line 547: Line 526:
 
     </style>
 
     </style>
  
<header>
 
        <img src="https://static.igem.org/mediawiki/2018/0/08/T--KCL_UK--kclfinallogo.gif" alt="logo" class="logo">
 
  
        <nav>
 
            <ul>
 
                <li><a href="https://2018.igem.org/Team:KCL_UK" class="nav-buttonmasks standalonenav">Home</a></li>
 
                <li class="nav-buttonmasks">Team
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Team" class="dropdown-nav-buttonmasks dropdownone">Team Members</a>
 
                    <a href="https://2018.igem.org/Team:KCL_UK/Collaborations" class="dropdown-nav-buttonmasks dropdowntwo">Collaborations</a>
 
                    <a href="https://2018.igem.org/Team:KCL_UK/Attributions" class="dropdown-nav-buttonmasks dropdownthree">Attributions</a>
 
                </li>
 
                <li class="nav-buttonmasks">Project
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Description" class="dropdown-nav-buttonmasks dropdownone">Description</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/InterLab" class="dropdown-nav-buttonmasks dropdowntwo">InterLab</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Design" class="dropdown-nav-buttonmasks dropdownthree">Design</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Notebook" class="dropdown-nav-buttonmasks dropdownfour">Notebook</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Model" class="dropdown-nav-buttonmasks dropdownfive">Model</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Improve" class="dropdown-nav-buttonmasks dropdownsix">Improve</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Results" class="dropdown-nav-buttonmasks dropdownseven">Demonstrate</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Results" class="dropdown-nav-buttonmasks dropdowneight">Results</a>
 
 
 
 
                </li>
 
                <li class="nav-buttonmasks">Parts
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Basic_Part" class="dropdown-nav-buttonmasks dropdownone">Basic Parts</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Composite_Part" class="dropdown-nav-buttonmasks dropdowntwo">Composite Parts</a>
 
                </li>
 
                <a href="https://2018.igem.org/Team:KCL_UK/Safety" class="nav-buttonmasks standalonenav">Safety</a>
 
                <li class="nav-buttonmasks">Human Practices
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Human_Practices" class="dropdown-nav-buttonmasks dropdownone" id="navadjust">Integrated HP</a>
 
                  <a href="https://2018.igem.org/Team:KCL_UK/Public_Engagement" class="dropdown-nav-buttonmasks dropdowntwo" id="navadjust">Education and Engagement</a>
 
                </li>
 
                <a href="acknowledgements.html" class="nav-buttonmasks standalonenav">Acknowledgements</a>
 
            </ul>
 
        </nav>
 
    </header>
 
  
  
Line 591: Line 534:
 
     <body>
 
     <body>
  
     <header>
+
      
        <img src="https://static.igem.org/mediawiki/2018/0/08/T--KCL_UK--kclfinallogo.gif" alt="logo" class="logo">
+
 
+
        <nav>
+
            <ul>
+
                <li><a href="https://2018.igem.org/Team:KCL_UK" class="nav-buttonmasks standalonenav">Home</a></li>
+
                <li class="nav-buttonmasks">Team
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Team" class="dropdown-nav-buttonmasks dropdownone">Team Members</a>
+
                    <a href="https://2018.igem.org/Team:KCL_UK/Collaborations" class="dropdown-nav-buttonmasks dropdowntwo">Collaborations</a>
+
                </li>
+
                <li class="nav-buttonmasks">Project
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Description" class="dropdown-nav-buttonmasks dropdownone">Description</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Design" class="dropdown-nav-buttonmasks dropdowntwo">Design</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Results" class="dropdown-nav-buttonmasks dropdownthree">Results</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Attributions" class="dropdown-nav-buttonmasks dropdownfour">Attributions</a>
+
 
+
                </li>
+
                <li class="nav-buttonmasks">Parts
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Parts" class="dropdown-nav-buttonmasks dropdownone">Parts Overview</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Basic_Part" class="dropdown-nav-buttonmasks dropdowntwo">Basic Parts</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Composite_Part" class="dropdown-nav-buttonmasks dropdownthree">Composite Parts</a>
+
                </li>
+
                <a href="https://2018.igem.org/Team:KCL_UK/Safety" class="nav-buttonmasks standalonenav">Safety</a>
+
                <li class="nav-buttonmasks">Human Practices
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Human_Practices" class="dropdown-nav-buttonmasks dropdownone" id="navadjust">Integrated HP</a>
+
                  <a href="https://2018.igem.org/Team:KCL_UK/Public_Engagement" class="dropdown-nav-buttonmasks dropdowntwo" id="navadjust">Education and Engagement</a>
+
                </li>
+
                <a href="acknowledgements.html" class="nav-buttonmasks standalonenav">Acknowledgements</a>
+
            </ul>
+
        </nav>
+
    </header>
+
  
 
     <div class="uselessspacer"></div>
 
     <div class="uselessspacer"></div>
Line 651: Line 564:
 
         <div class="description">We sent them an infographic (see below) in turn on how to make sure all content the team produces is dyslexia friendly. iGEM Marburg were proud to tell us that they had made an effort tick off every box!
 
         <div class="description">We sent them an infographic (see below) in turn on how to make sure all content the team produces is dyslexia friendly. iGEM Marburg were proud to tell us that they had made an effort tick off every box!
 
         </div>
 
         </div>
        <div class="collabinfographic"></div>
+
 
 +
      <img class="collabinfographic" src="https://static.igem.org/mediawiki/2018/0/0d/T--KCL_UK--collaborationinfographic.png"></img>
 +
 
 
       </div>
 
       </div>
  
Line 669: Line 584:
 
         <div class="firstdescription descriptionfix">We kicked off our collaborations by supporting Warwick’s lab research. Our own lab team headed down to London’s “beach” and into the river to collect samples of water and sediment from the Thames.
 
         <div class="firstdescription descriptionfix">We kicked off our collaborations by supporting Warwick’s lab research. Our own lab team headed down to London’s “beach” and into the river to collect samples of water and sediment from the Thames.
 
         </div>
 
         </div>
 +
 +
      <img style="height:30em; margin-top:2em;" src="https://static.igem.org/mediawiki/2018/e/e4/T--KCL_UK--thames.jpg"></img>
 
       </div>
 
       </div>
  

Latest revision as of 12:08, 17 October 2018

KCL iGEM

KCL iGEM

Collaborations

What does DNA stand for? The National Dyslexics Association!
Ignoring the attitudes of Brexit, our iGEM team has set up a two-way collaboration with iGEM Marburg. We’ve worked hard to create easily understandable resources to help teams make the content they produce more accessible for those with disabilities and special educational needs.
iGEM Marburg reached out to us, asking if our wiki fit their criteria for being an accessible web-page. We checked out their page, and we met most of them!
    Our wiki has:
  • Has a high colour contrast. Our text is easily distinguishable from the background, and we do not use a red-green combination to make text distinctive.
  • Text and headings are distinguished by both size and colour, and is defined in boxes/obvious segmentation. The links we use are descriptive.
  • The page is scalable- we used % and ems.
  • Information that belongs together is shown in one frame.
We sent them an infographic (see below) in turn on how to make sure all content the team produces is dyslexia friendly. iGEM Marburg were proud to tell us that they had made an effort tick off every box!
Double Trouble(shooting)
In September, we hosted a troubleshooting meet-up with Imperial, UCL and Westminster that had been in the workings since the Oxford Conference. We were lucky enough to have design students from UAL give us advice on how to make the materials we present look decent, and had the opportunity to discuss our projects.
Imperial were keen to continue our collaboration, and asked us to review the app that they are producing. In turn, they offered to work with our Max to help him with mathematical modelling.
Wading into Research
We kicked off our collaborations by supporting Warwick’s lab research. Our own lab team headed down to London’s “beach” and into the river to collect samples of water and sediment from the Thames.