Team:York/Cake

From 2014.igem.org

(Difference between revisions)
Line 381: Line 381:
}
}
-
</style></head>
+
</style>
 +
<style>
 +
.css-slideshow{
 +
  position: relative;
 +
  max-width: 495px;
 +
  height: 370px;
 +
  margin: 5em auto .5em auto;
 +
}
 +
.css-slideshow figure{
 +
  margin: 0;
 +
  max-width: 495px;
 +
  height: 370px;
 +
  background: #000;
 +
  position: absolute;
 +
}
 +
.css-slideshow img{
 +
  box-shadow: 0 0 2px #666;
 +
}
 +
.css-slideshow figcaption{
 +
  position: absolute;
 +
  top: 0;
 +
  color: #fff;
 +
  background: rgba(0,0,0, .3);
 +
  font-size: .8em;
 +
  padding: 8px 12px;
 +
  opacity: 0;
 +
  transition: opacity .5s;
 +
}
 +
.css-slideshow:hover figure figcaption{
 +
  transition: opacity .5s;
 +
  opacity: 1;
 +
}
 +
.css-slideshow-attr{
 +
  max-width: 495px;
 +
  text-align: right;
 +
  font-size: .7em;
 +
  font-style: italic;
 +
  margin:0 auto;
 +
}
 +
.css-slideshow-attr a{
 +
  color: #666;
 +
}
 +
.css-slideshow figure{
 +
  opacity:0;
 +
}
 +
figure:nth-child(1) {
 +
  animation: xfade 48s 42s infinite;
 +
}
 +
figure:nth-child(2) {
 +
  animation: xfade 48s 36s infinite;
 +
}
 +
figure:nth-child(3) {
 +
  animation: xfade 48s 30s infinite;
 +
}
 +
figure:nth-child(4) {
 +
  animation: xfade 48s 24s infinite;
 +
}
 +
figure:nth-child(5) {
 +
  animation: xfade 48s 18s infinite;
 +
}
 +
figure:nth-child(6) {
 +
  animation: xfade 48s 12s infinite;
 +
}
 +
figure:nth-child(7) {
 +
  animation: xfade 48s 6s infinite;
 +
}
 +
figure:nth-child(8) {
 +
  animation: xfade 48s 0s infinite;
 +
}
 +
 
 +
@keyframes xfade{
 +
  0%{
 +
    opacity: 1;
 +
  }
 +
  14.67% {
 +
    opacity:1;
 +
  }
 +
  16.67%{
 +
    opacity: 0;
 +
  }
 +
  98% {
 +
    opacity:0;
 +
  }
 +
  100% {
 +
    opacity:1;
 +
  }
 +
}
 +
</style>
 +
</head>
<body>
<body>
Line 417: Line 505:
         </div>
         </div>
</div>
</div>
 +
<br><br>
 +
<div class="css-slideshow">
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/4/4f/York_imagegallery_1.JPG" alt="class-header-css3" width="700" height="306" class="alignnone size-full wp-image-172" /><figcaption>The York iGEM Team in Labs</figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/e/e9/York_imagegallery_2.JPG" alt="class-header-semantics" width="700" height="306" class="alignnone size-full wp-image-179" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/8/85/York_imagegallery_3.JPG" alt="class-header-offline" width="700" height="306" class="alignnone size-large wp-image-178" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/d/d9/York_imagegallery_4.JPG" alt="class-header-device" width="700" height="306" class="alignnone size-full wp-image-177" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/7/7c/York_imagegallery_5.JPG" alt="class-header-connectivity" width="700" height="306" class="alignnone size-large wp-image-176" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/e/ea/York_imagegallery_6.JPG" alt="class-header-multimedia" width="700" height="306" class="alignnone size-large wp-image-175" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/0/06/York_imagegallery_7.JPG" alt="class-header-3d" width="700" height="306" class="alignnone size-large wp-image-174" /><figcaption></figcaption>
 +
</figure>
 +
<figure>
 +
<img src="https://static.igem.org/mediawiki/2014/9/9d/York_imagegallery_8.JPG" alt="class-header-performance" width="700" height="306" class="alignnone size-large wp-image-173" /><figcaption></figcaption>
 +
</figure>
 +
  </div> 
<h2>Welcome to the beautiful City of York! </h2><br>
<h2>Welcome to the beautiful City of York! </h2><br>
<img src="https://static.igem.org/mediawiki/2014/0/0a/York_Team_Photo.jpg" style="border: 2px solid; border-color: black; margin-left: 150px;" >
<img src="https://static.igem.org/mediawiki/2014/0/0a/York_Team_Photo.jpg" style="border: 2px solid; border-color: black; margin-left: 150px;" >

Revision as of 20:58, 27 August 2014

Things to do
  • Improve logo
  • Create New pages and distribute content
  • Get the photo gallery working for the homepage
The York iGEM Team in Labs


class-header-css3
The York iGEM Team in Labs
class-header-semantics
class-header-offline
class-header-device
class-header-connectivity
class-header-multimedia
class-header-3d
class-header-performance

Welcome to the beautiful City of York!


We're the 2014 iGEM team for the University of York, UK. In just 50 years, the University has become one of the top in the UK. We think this is because of its passion and dedication towards each of its subjects; something we share! Our team is made up of 20 undergraduates from a range of disciplines, as well as our two supervisors.

For this year’s project, we decided to get ideas from real time problems. We took a case study of Portman Bay in Spain, close to the home of one of our team members.

Our Project

Portman Bay is an area in South-east Spain. It is about 10 x 5 km and contains one of the highest densities of galena concentrations in Spain. Open pit mining for galena (Pb-Zn) and sphalerite (ZnS) began in the 1960s. Pyrate (FeS2) also taken as a product for industrial production of sulphuric acid.

The mining carried out was open-pit. This meant that the minerals were blasted from the ground using explosives. The rock collected was then crushed, milled, and processed in a plant. The processing involved separating the useful minerals (concentrates) from the rest (tailings) through a process called froth flotation. The concentrates could then be sent to the smelter while the tailings were disposed of. The tailings can make up 95% of the original material. Usually the tailings will be disposed of in a specially designed impoundment plant.

However, in Portman Bay, there was no room for an impoundment plant to be built. At the time, this problem was got around, simply by pumping the waste from the plant straight into the bay. Between the years 1957 and 1990 when it was finally shut down, 50 million tons of tailings were pumped into the bay.

The separation processes at the Portman Bay plant were not 100% efficient and though some pyrite was removed for industrial use, the content of pyrite in the tailings exceeded 10%. Small but significant quantities of the other minerals being mined also ended up in the tailings. The tailings themselves also contain high concentrations of metals known to be toxic including zinc, lead and arsenic. The combination of pyrate with the other sulphates causes serious problems as they react to produce environmentally hazardous products. The layers of rock underneath Portman bay are rich in carbonate and this reacts to consume some but not all of the sulphuric acid produced.

Studies in the area show the serious impacts this is having on the local wildlife. The main problems are caused by the leaching of metals from the soil. Fish in the area accumulate the highest lead, mercury and arsenic levels, and mussels, the highest lead, cadmium and mercury levels on the Mediterranean coast of Spain. Biodiversity is suffering as many larval species cannot develop properly in the environment. Marine communities are becoming overwhelmed by the few species able to survive and the future ecological impacts are unknown.