Difference between revisions of "Team:KCL UK/Collaborations"
| (11 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: | + | z-index: 10; |
width: 10em; | width: 10em; | ||
margin-left: -3em; | margin-left: -3em; | ||
| Line 347: | Line 348: | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.nav-buttonmasks:hover .dropdown-nav-buttonmasks{ | .nav-buttonmasks:hover .dropdown-nav-buttonmasks{ | ||
| Line 419: | Line 409: | ||
} | } | ||
#first { | #first { | ||
| − | height: | + | height: 180em; |
} | } | ||
#second { | #second { | ||
| Line 425: | Line 415: | ||
} | } | ||
#third { | #third { | ||
| − | height: | + | height: 50em; |
} | } | ||
.longname { | .longname { | ||
| Line 433: | 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 449: | Line 439: | ||
width: 18vw; | width: 18vw; | ||
margin-top: .4em; | margin-top: .4em; | ||
| − | z-index: | + | z-index: 1 |
| + | ; | ||
position: absolute; | position: absolute; | ||
} | } | ||
| Line 485: | Line 476: | ||
display: inline-block; | display: inline-block; | ||
background-color: black; | background-color: black; | ||
| − | padding-top: | + | padding-top: 8em; |
} | } | ||
| Line 516: | 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 522: | Line 513: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
margin: auto; | margin: auto; | ||
| − | } | + | } |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
.spacer { | .spacer { | ||
background-color: black; | background-color: black; | ||
| Line 564: | Line 525: | ||
</style> | </style> | ||
| + | |||
| + | |||
| Line 571: | Line 534: | ||
<body> | <body> | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
<div class="uselessspacer"></div> | <div class="uselessspacer"></div> | ||
| Line 631: | 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 649: | 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.
