Difference between revisions of "Team:Glasgow/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{Glasgow}}
+
{{GlasgowNavbar}}
 
<html>
 
<html>
 +
  <head>
 +
    <style>
 +
          .firstHeading {
 +
              display:none;
 +
        }
 +
   
 +
        #content {
 +
    width:auto;
 +
    height:auto;
 +
    padding:0px 0px 0px 0px;
 +
    border:none;
 +
   
 +
   
 +
}
 +
      h1 {
 +
      text-decoration:none;
 +
      border:none;
 +
}
  
−
<h2> Collaborations</h2>
+
            * {
 +
                padding:0;
 +
                margin:0;
 +
            }
 +
           
 +
            .banner {
 +
                width:100vw;
 +
                height:45vh;
 +
                background-color: black;
 +
            }
 +
       
 +
            h1 {
 +
                width:20vw;
 +
                margin: 5vh auto;
 +
                text-align: center;
 +
            }
 +
           
 +
            .mainText {
 +
                width:80vw;
 +
                margin:0 auto;
 +
                text-align: justify;
 +
            }
 +
           
 +
            .monster {
 +
                height:50vh;
 +
                width:15vw;
 +
                position:relative;
 +
                display:inline-block;
 +
                margin: 0 auto;
 +
            }
 +
           
 +
            .monsterContainer {
 +
                width:80vw;
 +
                height:50vh;
 +
                margin:10vh auto;
 +
                text-align: justify;
 +
               
 +
            }
 +
           
 +
            .monsterContainer:after {
 +
                content: "";
 +
            width: 100%;
 +
                display: inline-block;
 +
            }
  
−
<p>
+
            .monsterImg {
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
                height:100%;
−
</p>
+
                width:100%;
 +
                opacity:0.92;
 +
                box-shadow: 0 0 5px purple;
 +
            }
  
−
<div class="highlightBox">
+
            h3 {
 +
                color: white;
 +
                position:absolute;
 +
                bottom:1%;
 +
                left: 5%;
 +
                width:100%;
 +
                opacity:0.85;
 +
            }
  
−
<h4> Which other teams can we work with? </h4>
+
            monsterSpan {
−
<p>
+
                letter-spacing: -1px;
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
                background: rgb(30, 5, 90);
−
</p>
+
                background: rgba(30, 5, 90, 0.7);
 +
                padding:5%;
 +
            }
  
−
<p>
+
            .dimmer {
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
                opacity:1;
−
</p>
+
            }
−
</div>
+
  
−
<p>
+
            .dimmer2 {
−
Here are some suggestions for projects you could work on with other teams:
+
                text-decoration: underline;
−
</p>
+
                opacity:1
 +
            }
 +
#bodybackground {
 +
  background:url(https://static.igem.org/mediawiki/2015/7/7c/GLasgow_7323.jpg) no-repeat center center;
 +
  font-family: 'Nixie One', Helvetica, Arial, sans-serif;
 +
  font-size: 50px;
 +
  height:45vh;
 +
  background-size:cover;
 +
}
 +
@font-face {
 +
  font-family: 'Nixie One';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('Nixie One'), local('NixieOne-Regular'), url(http://fonts.gstatic.com/s/nixieone/v7/gQ0PT3rPU_Et2ExNz-ahmpBw1xU1rKptJj_0jans920.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
@font-face {
 +
  font-family: 'League Script';
 +
  font-style: normal;
 +
  font-weight: 400;
 +
  src: local('League Script'), local('LeagueScript'), url(http://fonts.gstatic.com/s/leaguescript/v7/wnRFLvfabWK_DauqppD6vTLKmjGCnkmx1ziy0T7wKLI.woff2) format('woff2');
 +
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
 +
}
 +
.container3 {
 +
    display: flex;
 +
    flex-direction: row;
 +
    flex-wrap: wrap;
 +
    justify-content: center;
 +
    align-items: center;
 +
    line-height:7vh;
 +
    padding-top:50px;
 +
   
 +
}
 +
.sign {
 +
  -ms-transform: rotate(-3deg);
 +
  -webkit-transform: rotate(-3deg);
 +
  transform: rotate(-3deg);
 +
  margin-top:10vh;
 +
}
 +
#title {
 +
  font-size: 10vh;
 +
}
 +
#trav {
 +
  -webkit-animation: blink 0.01s infinite alternate;
 +
  -moz-animation: blink 0.01s infinite alternate;
 +
  -o-animation: blink 0.01s infinite alternate;
 +
  animation: blink 0.01s infinite alternate;
 +
}
 +
#fade {
 +
  opacity: 0.6;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  -webkit-animation: fade 3s infinite alternate;
 +
  -moz-animation: fade 3s infinite alternate;
 +
  -o-animation: fade 3s infinite alternate;
 +
  animation: fade 3s infinite alternate;
 +
}
 +
.neon-blue {
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  color: #ebffff;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
 +
  font-size:4vw;
 +
}
 +
.neon-purple {
 +
  font-family: 'League Script', Helvetica, Arial, sans-serif;
 +
  font-size: 130px;
 +
  margin: 0 auto;
 +
  text-align: center;
 +
  color: #6CA7FF;
 +
  text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
 +
  font-size:8vh;
 +
}
 +
@-moz-keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@-webkit-keyframes blink {
 +
  45% {
 +
    opacity: 0.5;
 +
  }
 +
}
 +
@-o-keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@keyframes blink {
 +
  70% {
 +
    opacity: 0.7;
 +
  }
 +
}
 +
@-moz-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-webkit-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@-o-keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
@keyframes fade {
 +
  40% {
 +
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
</style>
 +
</head>
  
−
<ul>
 
−
<li> Improve the function of another team's BioBrick Part or Device</li>
 
−
<li> Characterize another team's part </li>
 
−
<li> Debug a construct </li>
 
−
<li> Model or simulating another team's system </li>
 
−
<li> Test another team's software</li>
 
−
<li> Help build and test another team's hardware project</li>
 
−
<li> Mentor a high-school team</li>
 
−
</ul>
 
  
 +
    <body>
 +
       
  
 +
       
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <script type="text/javascript">
 +
   
 +
        $(document).ready(function() {
 +
            $('.monster').mouseenter(function() {
 +
                $('img', this).addClass("dimmer");
 +
                $('h3', this).addClass("dimmer2");
 +
            });
 +
            $('.monster').mouseleave(function() {
 +
                $('img').removeClass("dimmer");
 +
                $('h3').removeClass("dimmer2");
 +
            });
 +
        });
 +
       
 +
        </script>   
 +
   
 +
    </body>
  
−
</div>
 
 
</html>
 
</html>
 +
{{Glasgowfooter}}

Revision as of 17:21, 15 September 2015

Location

Bower Building, Wilkins Teaching Laboratory
University of Glasgow
University Avenue
G12 8QQ

Follow Us On