Difference between revisions of "Team:Heidelberg/Sandbox"

(Blanked the page)
Line 1: Line 1:
 +
{{Heidelberg/header}}
 +
{{Heidelberg/navbar}}
 +
{{#tag:html|
  
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<style>
 +
.img-circular{
 +
width: 300px;
 +
height: 300px;
 +
margin: 0px 2em 2em 0px;
 +
display: block;
 +
border-radius: 50%;
 +
border: 5px solid #ddd;
 +
float:left;
 +
}
 +
.img-circular-small {
 +
      width: 150px;
 +
  height: 150px;
 +
 +
display: block;
 +
border-radius: 50%;
 +
border: 5px solid #ddd;
 +
}
 +
.wall1 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--2017_MP.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall2 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/d/db/T--Heidelberg--2017_CG.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall3 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_JM.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall4 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/6/65/T--Heidelberg--2017_LA.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall5 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/f/f7/T--Heidelberg--2017_MK.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall6 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/4/48/T--Heidelberg--2017_JU.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall7 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/6/63/T--Heidelberg--2017_MS.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall8 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/c/cc/T--Heidelberg--2017_TB.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall9 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/1/17/T--Heidelberg--2017_PP.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall10 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_LP.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall11 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/1/1a/T--Heidelberg--2017_RE.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall12 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/1/12/T--Heidelberg--2017_IL.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall13 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_DN.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall14 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_CS.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall15 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/7/72/T--Heidelberg--2017_MH.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall16 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_MW.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall17 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/0/06/T--Heidelberg--2017_DH.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall18 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--Heidelberg--2017_SH.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
.wall19 {
 +
background-image: url(https://static.igem.org/mediawiki/2017/6/6b/T--Heidelberg--2017_MJ.jpg);
 +
background-size: cover;
 +
background-repeat: no-repeat;
 +
}
 +
 +
#a1 h1 {
 +
    font-family: 'Open Sans' !important;
 +
    color: #9d1c20 !important;
 +
}
 +
#a2 h1 {
 +
    font-family: 'Open Sans' !important;
 +
    color: #F8991D !important;
 +
}
 +
#a3 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #009193 !important;
 +
    line-height: 70px !important;
 +
}
 +
#a4 h1 {
 +
font-family: 'Open Sans' !important;
 +
    color: #009E73 !important;
 +
}
 +
#a5 h1 {
 +
font-family: 'Open Sans' !important;
 +
    color: #ffd700 !important;
 +
}
 +
#a6 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #005493 !important;
 +
    line-height: 70px !important;
 +
}
 +
#a7 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #009E73 !important;
 +
}
 +
#a8 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #9d1c20 !important;
 +
}
 +
#a9 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #ffd700!important;
 +
}
 +
#a10 h1{
 +
    font-family: 'Open Sans' !important;
 +
    color: #393939 !important;
 +
}
 +
 +
.slider {
 +
position: relative;
 +
width: 100%;
 +
        padding-bottom: 50px;
 +
height: auto;
 +
transition: all .3s;
 +
perspective: 900px;
 +
transform-style: preserve-3d;     
 +
}
 +
 +
 +
.slider .previous, .slider .next{
 +
font-family: "FontAwesome";
 +
font-size: 20px;
 +
position: absolute;
 +
top: 50%;
 +
color: #2c2c2c;
 +
padding: 20px;
 +
text-decoration: none;
 +
left: -100px;
 +
margin-top: -34px;
 +
transition: all .3s;
 +
opacity: 0;
 +
z-index: 10000;
 +
                height: auto;
 +
}
 +
.slider .next{
 +
right: -100px;
 +
content: "\f054";
 +
left: auto;
 +
}
 +
.slider:hover .previous, .slider:hover .next{
 +
opacity: 1;
 +
}
 +
.slider:hover .previous{
 +
left: 0;
 +
}
 +
.slider:hover .next{
 +
right: 0;
 +
}
 +
.slider .slides{
 +
height: 100%;
 +
       
 +
}
 +
.slide{
 +
            text-align: center;
 +
position: absolute;
 +
transform: scale(0.5,0.5);
 +
opacity: 0;
 +
transition: all .3s;
 +
        padding: 50px;
 +
        height: auto;
 +
}
 +
.slide.active{
 +
z-index: 10;
 +
left: 0;
 +
opacity: 1;
 +
transform: scale(1,1);
 +
}
 +
.slider .bullets {
 +
text-align: center;
 +
position: absolute;
 +
bottom: 0px;
 +
width: 100%;
 +
}
 +
.slider .bullets .bullet{
 +
position: relative;
 +
display: inline-block;
 +
background: rgba(0, 0, 0,.8);
 +
border-radius: 50%;
 +
width: 8px;
 +
height: 8px;
 +
z-index: 14;
 +
margin: 0 5px;
 +
cursor: pointer;
 +
border: 2px solid transparent;
 +
transition: all .3s;
 +
}
 +
.slider .bullets .bullet.active{
 +
background: rgba(0, 0, 0,.4);
 +
}
 +
.slider .bullets .bullet:hover{
 +
border: 2px solid rgba(0, 0, 0,.8);
 +
background: transparent;
 +
}
 +
    .arrows a {
 +
        cursor: pointer;
 +
    }
 +
.slider2{
 +
position: relative;
 +
width: 100%;
 +
        padding-bottom: 50px;
 +
height: auto;
 +
transition: all .3s;
 +
perspective: 900px;
 +
transform-style: preserve-3d;
 +
}
 +
.slider2 .previous2, .slider2 .next2{
 +
font-family: "FontAwesome";
 +
font-size: 20px;
 +
position: absolute;
 +
top: 50%;
 +
color: #2c2c2c;
 +
padding: 20px;
 +
text-decoration: none;
 +
left: -100px;
 +
margin-top: -34px;
 +
transition: all .3s;
 +
opacity: 0;
 +
z-index: 10000;
 +
}
 +
.slider2 .next2{
 +
right: -100px;
 +
content: "\f054";
 +
left: auto;
 +
}
 +
.slider2:hover .previous2, .slider2:hover .next2{
 +
opacity: 1;
 +
}
 +
.slider2:hover .previous2{
 +
left: 0;
 +
}
 +
.slider2:hover .next2{
 +
right: 0;
 +
}
 +
.slider2 .slides2{
 +
height: 100%;
 +
}
 +
.slide2{
 +
text-align: center;
 +
position: absolute;
 +
transform: scale(0.5,0.5);
 +
opacity: 0;
 +
transition: all .3s;
 +
        padding: 50px;
 +
        height: auto;
 +
}
 +
.slide2.active{
 +
z-index: 10;
 +
left: 0;
 +
opacity: 1;
 +
transform: scale(1,1);
 +
}
 +
.slider2 .bullets2{
 +
text-align: center;
 +
position: absolute;
 +
bottom: 0px;
 +
width: 100%;
 +
}
 +
.slider2 .bullets2 .bullet2{
 +
position: relative;
 +
display: inline-block;
 +
background: rgba(0, 0, 0,.8);
 +
border-radius: 50%;
 +
width: 8px;
 +
height: 8px;
 +
z-index: 14;
 +
margin: 0 5px;
 +
cursor: pointer;
 +
border: 2px solid transparent;
 +
transition: all .3s;
 +
}
 +
.slider2 .bullets2 .bullet2.active{
 +
background: rgba(0, 0, 0,.4);
 +
}
 +
.slider2 .bullets2 .bullet2:hover{
 +
border: 2px solid rgba(0, 0, 0,.8);
 +
background: transparent;
 +
}
 +
    .arrows a {
 +
        cursor: pointer;
 +
    }
 +
                  .inner-slide {
 +
                        -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 +
  -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
 +
  box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
 +
                      padding: 20px;
 +
                        min-height: 500px;
 +
                   
 +
                  }
 +
    .inner-slide > h1 {
 +
        line-height: 70px !important;
 +
    }
 +
                  .member-text, .member-text > ul {
 +
                      font-family: 'Open Sans' !important;
 +
                      text-align: justify !important;
 +
                      font-size: 20px !important;
 +
                      font-weight: 300 !important;
 +
                  } 
 +
    .gallery-icon {
 +
        margin: 1em 1em 1em 1em;
 +
    }
 +
    .gallery-icon-2 {
 +
        margin: 1em 1em 1em 1em;
 +
    }
 +
</style>
 +
 +
 +
 +
 +
<div style="background-color: white !important;">
 +
  <div style="margin-top: 70px;background-image: url(https://static.igem.org/mediawiki/2017/0/01/T--Heidelberg--2017_team-jamboree_PP.png); height: 500px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: 0% 40%;"></div>
 +
  <div class="page-title" style="background-color: white !important; border-top: 5px solid #222;padding-bottom: 0px;">
 +
    <div class="container">
 +
      <div class="col-lg-12 col-md-12 col-xs-12" style="padding-bottom: 0px !important;">
 +
        <div style="border-right: 5px solid #393939; margin-right: -20px; padding: 20px 20px 0px 20px">
 +
          <div class="header-title heidelberg-red">
 +
            Giant Jamboree
 +
          </div>
 +
          <div class="header-subtitle" style="color: #393939 !important;">
 +
            We all share a vision
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
  </div>
 +
<div class="container">
 +
  <div class="row">
 +
    <div class="col-lg-12 col-md-12 col-xs-12 content" style="display: inline-block; padding-bottom: 10px; padding-top:10px;">
 +
<div class="row">
 +
<h2>Awards won at the Giant Jamboree:</h2>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 +
2nd Runner Up (Undergraduates)
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Best Foundational Advance Project
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Best Wiki
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 +
Best Poster
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Best Presentation
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Best Integrated Human Practices
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 +
Best Software Tool
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Nominated for Best Model
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Nominated for Best New Basic Part
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important;">
 +
Nominated for Best New Composite Part
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Nominated for Best Part Collection
 +
</div>
 +
<div class="col-lg-4 col-md-4 col-xs-12 content" style="border: 3px solid gray; background-color: grey; padding: 20px !important">
 +
Gold Medal
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-lg-12 col-md-12 col-xs-12 content" style="padding-top: 50px">
 +
Have a look at <a href="https://2017.igem.org/Files/poster/Heidelberg.pdf">our presentation slides</a> and <a href="https://2017.igem.org/Files/presentation/Heidelberg.pdf">our poster</a>.</li>
 +
We really enjoyed the Giant Jamboree 2017 in Boston! Meeting young dedicated people from all over the world who share similar interests, visions and challanges was a great experience for all of us.
 +
</div>
 +
</div>
 +
 +
 +
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
 +
    }}
 +
{{Heidelberg/footer}}

Revision as of 17:08, 15 December 2017

Giant Jamboree
We all share a vision

Awards won at the Giant Jamboree:

2nd Runner Up (Undergraduates)
Best Foundational Advance Project
Best Wiki
Best Poster
Best Presentation
Best Integrated Human Practices
Best Software Tool
Nominated for Best Model
Nominated for Best New Basic Part
Nominated for Best New Composite Part
Nominated for Best Part Collection
Gold Medal
Have a look at our presentation slides and our poster. We really enjoyed the Giant Jamboree 2017 in Boston! Meeting young dedicated people from all over the world who share similar interests, visions and challanges was a great experience for all of us.