Difference between revisions of "Team:Glasgow/test"

 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{GlasgowNavbar}}
 
<html>
 
<html>
−
<head>
+
<meta name="viewport" content="width=device-width, initial-scale=1">
−
<link rel="stylesheet" href="https://2015.igem.org/Team:Glasgow/bootstrap?action=raw&ctype=text/css" type="text/css">
+
  <head>
−
<link rel="stylesheet prefetch" href="//2015.igem.org/Team:Glasgow/bootstrapcss?action=raw&ctype=text/css">
+
    <meta charset="utf-8">
−
<link rel="stylesheet prefetch" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
<script src="https://2015.igem.org/Team:Glasgow/bootstrapjs?action=raw&ctype=text/javascript" type="text/javascript" ></script>
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js" ></script>
+
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
−
</head>
+
    <meta name="description" content="">
−
<footer>
+
    <meta name="author" content="">
 +
    <link href="https://2015.igem.org/Team:Glasgow/bootstrap.min.css?action=raw&ctype=text/css" rel="stylesheet">
 +
    <script src="https://2015.igem.org/Team:Glasgow/bootstrap.min.js?action=raw&ctype=text/css"></script>
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
    <!-- Custom styles for this template -->
 +
    <link href="carousel.css" rel="stylesheet">
 +
    <link href='http://fonts.googleapis.com/css?family=Unkempt' rel='stylesheet' type='text/css'>
 +
  </head>
 
<style>
 
<style>
−
#content {
+
.firstHeading{
−
    width:auto;
+
      display:none;
−
    height:auto;
+
}
−
    padding:0px 0px 0px 0px;
+
#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;
 
      
 
      
 
}
 
}
−
#social-platforms {
+
.sign {
−
   position:relative;
+
   -ms-transform: rotate(-3deg);
−
   top:100px;
+
   -webkit-transform: rotate(-3deg);
−
   top:25vh;
+
   transform: rotate(-3deg);
−
  font-size:1rem;
+
   margin-top:10vh;
−
   text-align:center;
+
−
  height:175px;
+
−
  overflow:hidden;
+
 
}
 
}
−
 
+
#title {
−
#social-platforms a {
+
   font-size: 10vh;
−
  background:#000;
+
−
  text-align:center;
+
−
  position:relative;
+
−
  display:inline-block;
+
−
  width:30px;
+
−
  height:30px;
+
−
   font-size:1.75em;
+
−
  color:#fff;
+
−
  line-height:1.15em;
+
−
  border:0;
+
−
  cursor:pointer;
+
−
  margin:4px;
+
−
  padding:10px;
+
−
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
+
−
  border-radius:0 10px 10px 10px;
+
−
  -webkit-transition:all .5s;
+
−
  -moz-transition:all .5s;
+
−
  transition:all .5s;
+
 
}
 
}
−
 
+
#trav {
−
#social-platforms a span {
+
   -webkit-animation: blink 0.01s infinite alternate;
−
   display:none;
+
  -moz-animation: blink 0.01s infinite alternate;
 +
  -o-animation: blink 0.01s infinite alternate;
 +
  animation: blink 0.01s infinite alternate;
 
}
 
}
−
 
+
#fade {
−
#social-platforms a:after {
+
   opacity: 0.6;
−
   opacity:0;
+
   color: #ebffff;
−
  font-size:.5em;
+
   text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
−
  font-weight:300;
+
   -webkit-animation: fade 3s infinite alternate;
−
   color:#FFF;
+
   -moz-animation: fade 3s infinite alternate;
−
   background:#000;
+
   -o-animation: fade 3s infinite alternate;
−
  content:attr(data-title);
+
   animation: fade 3s infinite alternate;
−
  white-space:nowrap;
+
−
  display:block;
+
−
  position:absolute;
+
−
  left:0;
+
−
   bottom:60px;
+
−
  z-index:-5;
+
−
  cursor:help;
+
−
  padding:3px 8px;
+
−
   -webkit-transition:all .5s;
+
−
   -moz-transition:all .5s;
+
−
   transition:all .5s;
+
 
}
 
}
−
 
+
.neon-blue {
−
#social-platforms a:before {
+
   margin: 0 auto;
−
   opacity:0;
+
   text-align: center;
−
   display:block;
+
   color: #ebffff;
−
   position:absolute;
+
   text-shadow: 2px 2px 1px rgba(0,0,0,0.3), 0 0px 15px #fff, 0 0 10px #38eeff, 0 0 50px #38eeff;
−
   bottom:55px;
+
   font-size:4vw;
−
   left:50%;
+
}
−
  margin-left:-5px;
+
.neon-purple {
−
   z-index:9;
+
   font-family: 'League Script', Helvetica, Arial, sans-serif;
−
  cursor:help;
+
   font-size: 130px;
−
  content:'';
+
   margin: 0 auto;
−
   width:0;
+
   text-align: center;
−
   height:0;
+
   color: #6CA7FF;
−
   border-left:5px solid transparent;
+
   text-shadow: 2px 2px 1px rgba(0,0,0,0.5), 0 0 5px #fff, 0 0 10px #7d26cd, 0 0 35px #7d26cd;
−
   border-right:5px solid transparent;
+
   font-size:8vh;
−
   border-top:5px solid #000;
+
}
−
   -webkit-transition:all .5s;
+
@-moz-keyframes blink {
−
  -moz-transition:all .5s;
+
   70% {
−
   transition:all .5s;
+
    opacity: 0.7;
 
   }
 
   }
−
 
+
}
−
#social-platforms a:hover {
+
@-webkit-keyframes blink {
−
   background:#2196f3;
+
   45% {
−
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.45);
+
    opacity: 0.5;
 
   }
 
   }
−
 
 
−
#social-platforms a:hover:before, #social-platforms a:hover:after {
 
−
  opacity:1;
 
−
  z-index:50;
 
 
}
 
}
−
h4{
+
@-o-keyframes blink {
−
font-size:20px;
+
  70% {
−
color:white;
+
    opacity: 0.7;
−
text-align:center;
+
  }
 
}
 
}
−
.footerinfo{
+
@keyframes blink {
−
color:white;
+
  70% {
−
text-align:center;
+
    opacity: 0.7;
 +
  }
 
}
 
}
−
.jumbotron{
+
@-moz-keyframes fade {
−
background-color:#120D0D;
+
  40% {
−
   margin-bottom: -30px;
+
    opacity: 0.8;
 +
  }
 +
  42% {
 +
    opacity: 0.1;
 +
   }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 
}
 
}
−
</style>
+
@-webkit-keyframes fade {
−
<div class="jumbotron">
+
  40% {
−
<div class="container">
+
    opacity: 0.8;
−
<div class="col-md-4">
+
  }
−
                    <h4><strong>Location</storng></h4>
+
  42% {
−
                    <p><div class="footerinfo">
+
    opacity: 0.1;
−
                    Bower Building, Wilkins Teaching Laboratory<br>
+
  }
−
                    University of Glasgow  <br>
+
  43% {
−
                    University Avenue <br>
+
    opacity: 0.8;
−
                    G12 8QQ</div>
+
  }
−
                    </p>
+
  45% {
−
</div>
+
    opacity: 0.1;
−
<div class="col-md-4">
+
  }
−
   <h4>
+
  46% {
−
  <strong>Follow Us On</strong>
+
    opacity: 0.8;
−
   </h4>
+
  }
−
   <p>
+
}
−
      <div id="social-platforms">
+
@-o-keyframes fade {
−
<div>
+
   40% {
−
<a class="tooltip" href="https://www.facebook.com/davidpottrell" data-title="Facebook"><i class="fa fa-facebook"></i><span>Facebook</span></a>
+
    opacity: 0.8;
−
    
+
   }
−
<a class="tooltip" href="https://twitter.com/davidpottrell" data-title="Twitter"><i class="fa fa-twitter"></i><span>Twitter</span></a>
+
   42% {
−
    
+
    opacity: 0.1;
−
   </div>
+
  }
−
</div>
+
  43% {
−
   </p>
+
    opacity: 0.8;
−
</div>
+
  }
−
<div class="col-md-4">
+
  45% {
−
<img src="https://static.igem.org/mediawiki/2015/f/f0/AttemptHD.png" style="max-width:200px; margin-right:50px;">
+
    opacity: 0.1;
−
</div>
+
   }
−
</div>
+
  46% {
−
</br>
+
    opacity: 0.8;
−
</br>
+
   }
 +
}
 +
@keyframes fade {
 +
   40% {
 +
    opacity: 0.8;
 +
   }
 +
  42% {
 +
    opacity: 0.1;
 +
  }
 +
  43% {
 +
    opacity: 0.8;
 +
  }
 +
  45% {
 +
    opacity: 0.1;
 +
  }
 +
  46% {
 +
    opacity: 0.8;
 +
  }
 +
}
 +
 
 +
/*Table style*/
 +
td {
 +
            padding:10px;
 +
            text-align: center;
 +
            border: 1px solid black;
 +
        }   
 +
 
 +
table {
 +
          padding:50px;
 +
          margin:20px 91px;
 +
}
 +
 
 +
th {
 +
  text-align: center;
 +
}
 +
 
 +
</style>
 +
</head>
 +
<body>
 
</br>
 
</br>
−
<div>
+
<div id="bodybackground">
−
      <p>
+
  <div  class="container3">
−
<div>
+
  <div class="sign">
−
<a href="https://www.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2015/0/0a/IDT_logo_trans.png" style="max-width:400px; padding-left:150px;"></a>
+
      <div class="neon-blue" id="title">Glas<span id="fade">glow</span> </div>
−
<a href="http://www.gla.ac.uk"><img src="https://static.igem.org/mediawiki/2015/7/77/2015-Glasgow-Glasgow.png" style="max-width:400px; padding-left:150px;"></a>
+
      <div class="neon-blue"><br><span class="neon-purple"><strong>Parts</strong></span></div>
−
<a href="http://www.glasgowsciencecentre.org"><img src="https://static.igem.org/mediawiki/2015/0/0b/2015-Glasgow-GSC.png" style="max-width:400px; padding-left:150px;"></a>
+
  </div>
−
<a href="http://www.msd-uk.com/Pages/home.aspx"><img src="https://static.igem.org/mediawiki/2015/5/5a/2015-Glasgow-MDS.png" style="max-width:400px;padding-left:150px;"></a>
+
  </div>
−
<a href="http://www.sulsa.ac.uk/"><img src="https://static.igem.org/mediawiki/2015/4/44/2015-Glasgow-SULSA.png" style="max-width:400px;padding-left:150px;"></a>
+
 
</div>
 
</div>
−
      </p>
+
 
−
</div>
+
<div id="content" class="mw-body" role="main">
−
</div>
+
    <a id="top"></a>
−
</footer>
+
    <h1 id="firstHeading" class="firstHeading">
−
    </div>
+
        <span dir="auto">Team:Glasgow/Parts test</span>
 +
    </h1>
 +
    <div id="bodyContent">
 +
<div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><h2><span class="mw-headline" id="Summary_table" style="text-align:center;">Summary table</span><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/wiki/index.php?title=Team:Glasgow/Parts_test&amp;action=edit&amp;section=1" title="Edit section: Summary table">edit</a><span class="mw-editsection-bracket">]</span></span></h2>
 +
<div id='groupparts' style='min-height:100px;width:700px;'><div style='width:300px;margin:2px;padding:20px;color:gray;border:1px solid gray'>Loading.....</div></div><script>$('#groupparts').load('/cgi/api/groupparts.cgi', { t:'iGEM015', g:'Glasgow' },function(){ $('#groupparts .tablesorter').tablesorter();} );</script>
 +
 
 +
</body>
 
</html>
 
</html>
 +
{{Glasgowfooter}}

Latest revision as of 10:49, 15 September 2015


Glasglow

Parts

Team:Glasgow/Parts test

Summary table[edit]

Loading.....

Location

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

Follow Us On