Difference between revisions of "Team:KCL UK/Collaborations"
| (13 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| + | {{:Team:KCL_UK/Templates/Header}} | ||
<html> | <html> | ||
<head> | <head> | ||
| − | |||
<meta charset="UTF-8"> | <meta charset="UTF-8"> | ||
| Line 10: | Line 10: | ||
<style> | <style> | ||
| − | + | @import url('https://fonts.googleapis.com/css?family=Raleway'); | |
#top_title {display:none;} | #top_title {display:none;} | ||
| Line 340: | Line 340: | ||
display: none; | display: none; | ||
background-color: rgba(0,0,0,.75); | background-color: rgba(0,0,0,.75); | ||
| − | z-index: | + | z-index: 10; |
width: 10em; | width: 10em; | ||
margin-left: -3em; | margin-left: -3em; | ||
| Line 348: | Line 348: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.nav-buttonmasks:hover .dropdown-nav-buttonmasks{ | .nav-buttonmasks:hover .dropdown-nav-buttonmasks{ | ||
| Line 420: | Line 409: | ||
} | } | ||
#first { | #first { | ||
| − | height: | + | height: 180em; |
} | } | ||
#second { | #second { | ||
| Line 426: | Line 415: | ||
} | } | ||
#third { | #third { | ||
| − | height: | + | height: 50em; |
} | } | ||
.longname { | .longname { | ||
| Line 434: | Line 423: | ||
width: 80vw; | width: 80vw; | ||
margin-top: .6em; | margin-top: .6em; | ||
| − | z-index: | + | z-index: 1; |
position: absolute; | position: absolute; | ||
margin: auto; | margin: auto; | ||
| Line 450: | Line 439: | ||
width: 18vw; | width: 18vw; | ||
margin-top: .4em; | margin-top: .4em; | ||
| − | z-index: | + | z-index: 1 |
| + | ; | ||
position: absolute; | position: absolute; | ||
} | } | ||
| Line 486: | Line 476: | ||
display: inline-block; | display: inline-block; | ||
background-color: black; | background-color: black; | ||
| − | padding-top: | + | padding-top: 8em; |
} | } | ||
| Line 517: | Line 507: | ||
} | } | ||
.collabinfographic { | .collabinfographic { | ||
| − | width: | + | 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 523: | Line 513: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin: auto; | margin: auto; | ||
| − | } | + | } |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.spacer { | .spacer { | ||
background-color: black; | background-color: black; | ||
| − | height: 3em; | + | height: 3em!important; |
} | } | ||
| Line 565: | Line 525: | ||
</style> | </style> | ||
| + | |||
| + | |||
| Line 572: | Line 534: | ||
<body> | <body> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="uselessspacer"></div> | <div class="uselessspacer"></div> | ||
| Line 632: | 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> | ||
| − | + | ||
| + | <img class="collabinfographic" src="https://static.igem.org/mediawiki/2018/0/0d/T--KCL_UK--collaborationinfographic.png"></img> | ||
| + | |||
</div> | </div> | ||
| Line 640: | Line 574: | ||
</div> | </div> | ||
<div class="spacer"></div> | <div class="spacer"></div> | ||
| − | + | ||
<div class="description">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. | <div class="description">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. | ||
</div> | </div> | ||
| Line 650: | 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
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!
- 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.
Our wiki has:
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.
