Difference between revisions of "Team:Austin UTexas LASA/Team"

(Prototype team page)
 
Line 1: Line 1:
−
{{Austin_UTexas_LASA}}
+
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 +
   
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <link rel="icon" href="https://getbootstrap.com/docs/3.3/favicon.ico">
  
−
<html>
+
    <!-- Bootstrap core CSS -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/bootstrap.min.css" rel="stylesheet">
  
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
  
 +
    <!-- Custom styles for this template -->
 +
    <link href="https://getbootstrap.com/docs/3.3/dist/css/navbar-fixed-top.css" rel="stylesheet">
  
−
<div class="column full_size" >
+
    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
 +
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/css/ie-emulation-modes-warning.js.download"></script>
  
−
<h1>Team</h1>
+
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
    <!--[if lt IE 9]>
−
</div>
+
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 +
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
  
−
<div class="clear"></div>
+
    <link href="https://fonts.googleapis.com/css?family=News+Cycle" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Coda" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Antic" rel="stylesheet">
  
−
<div class="column half_size" >
+
<style>
−
<h5>Inspiration</h5>
+
−
<p>You can look at what other teams did to get some inspiration! <br />
+
−
Here are a few examples:</p>
+
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
−
</ul>
+
  
−
</div>
+
  body,
 +
  html{
 +
  margin: 0;
 +
  padding:0;
 +
  overflow-x: hidden;
 +
  position: relative;
  
−
<div class="column half_size" >
+
  }
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
  #content {
 +
  width: 100%;
 +
  height: 100%;
 +
  border:0;
 +
  margin: 0px;
 +
  padding:0px;
 +
  background-color:#F6F2EA;
 +
  background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Austin_UTexas_LASA--background.png") ;
 +
  background-repeat: no-repeat; 
 +
  }
  
 +
  h1,h2,h3 {
 +
    /* font-family: 'News Cycle', sans-serif !important; */
 +
    font-family: 'Antic', sans-serif !important;
 +
  }
  
−
</div>
+
  h1 {
 +
    text-align: left;
 +
    background-color: #7D5E7F;
 +
    color: white;
 +
    padding-top:40px;
 +
    padding-left:20px;
 +
    height: 100px;
 +
  }
 +
 
 +
  .page_title {
 +
    font-family: 'News Cycle', sans-serif;
 +
  }
 +
 
 +
  #top_title, #sideMenu{
 +
    display: none;
 +
  }
 +
 
 +
 
 +
  /* for making menu open on hover */
 +
@media (min-width: 979px) {
 +
  ul.nav li.dropdown:hover > ul.dropdown-menu {
 +
    display: block;
 +
  }
 +
 
 +
}
 +
 
 +
.navbar-default {
 +
    /* background-color: #7D5E7F; */
 +
    background-color: #2B1C26;
 +
    border-color: transparent;
 +
}
 +
 
 +
.navbar-default .navbar-nav > li > a {
 +
    /* background-color: #7D5E7F; */
 +
    background-color: #2B1C26;
 +
    color: white
 +
}
 +
 
 +
.navbar-default .navbar-nav > li > a:hover,
 +
.navbar-default .navbar-nav > li > a:focus {
 +
    color: #C5C5C5;
 +
}
 +
 
 +
.nav a{
 +
    font-family: 'Coda', cursive, sans-serif !important;
 +
    font-size: 1.2em;
 +
    }
 +
 
 +
#HQ_page p {
 +
    /* font-family: "Arial",Helvetica,sans-serif; */
 +
    font-family: 'Antic', sans-serif;
 +
    font-size: 20px;
 +
    text-align: justify;
 +
}
 +
 
 +
.ripple,.ripple:before,.ripple:after {
 +
  display:block;
 +
  border-radius:2px;
 +
  width:2px;
 +
  height:2px;
 +
  -webkit-animation:rip 6s infinite ease-out;
 +
  -moz-animation:rip 6s infinite ease-out;
 +
}
 +
.ripple {
 +
  position:absolute;
 +
  z-index:-1;
 +
  top:70px;
 +
  left:100px;
 +
}
 +
.ripple:before,.ripple:after {
 +
  content:'';
 +
  position:absolute;
 +
}
 +
.ripple:before {-webkit-animation-delay:.2s;-moz-animation-delay:.2s;top:5px;left:25px;}
 +
.ripple:after {-webkit-animation-delay:.8s;-moz-animation-delay:.8s;top:25px;left:0;}
 +
@-webkit-keyframes rip
 +
{
 +
  0%  {
 +
    box-shadow:0 0 0 0 transparent,
 +
              0 0 0 0 transparent,
 +
              0 0 0 0 transparent,
 +
              0 0 0 0 transparent;
 +
  }
 +
  15%  {
 +
    box-shadow:0 0 0 0 #7D5E7F,
 +
              0 0 0 0 rgba(255,255,255,0.4),
 +
              0 0 0 0 white,
 +
              0 0 0 0 rgba(0,0,0,0.08);
 +
  }
 +
  100% {
 +
    box-shadow:0 0 40px 200px #7D5E7F,
 +
              0 0 10px 210px transparent,
 +
              0 0 30px 220px white,
 +
              0 0 5px 230px transparent;
 +
  }
 +
}
 +
@-moz-keyframes rip
 +
{
 +
  0%  {
 +
    box-shadow:0 0 0 0 transparent,
 +
              0 0 0 0 transparent,
 +
              0 0 0 0 transparent,
 +
              0 0 0 0 transparent;
 +
  }
 +
  15%  {
 +
    box-shadow:0 0 0 0 #7D5E7F,
 +
              0 0 0 0 rgba(255,255,255,0.4),
 +
              0 0 0 0 white,
 +
              0 0 0 0 rgba(0,0,0,0.08);
 +
  }
 +
  100% {
 +
    box-shadow:0 0 40px 200px #7D5E7F,
 +
              0 0 10px 210px transparent,
 +
              0 0 30px 220px white,
 +
              0 0 5px 230px transparent;
 +
  }
 +
}
 +
 
 +
</style>
 +
 
 +
  </head>
 +
 
 +
    <header>
 +
 
 +
    <!-- Fixed navbar -->
 +
    <nav class="navbar navbar-default navbar-fixed-top" style=" padding-top: 20px;">
 +
      <div class="container-fluid" style="padding-left:5px;">
 +
        <div class="navbar-header navbar-left">
 +
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
            <span class="sr-only">Toggle navigation</span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
            <span class="icon-bar"></span>
 +
          </button>
 +
          <a  href="https://2017.igem.org/Team:Austin_UTexas_LASA"><img src="https://static.igem.org/mediawiki/2017/b/b3/T--Austin_UTexas_LASA--logo.jpg" style="height:53px;width:150px"></a>
 +
        </div>
 +
        <div id="navbar" class="navbar-collapse collapse">
 +
          <ul class="nav navbar-nav navbar-right">
 +
            <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA" style="font-size:.9em">HOME</a></li>
 +
            <li class="dropdown">
 +
              <a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:.9em">PROJECT<span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Description">Description</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Design">Design</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Parts">Parts</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Experimentation">Experimentation</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Results">Results</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="https://getbootstrap.com/docs/3.3/examples/navbar-fixed-top/#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:.9em">PRACTICES<span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Notebook">Notebook</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Safety">Safety</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:.9em">OTHER ASPECTS<span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Contribution">Contributions</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Collaborations">Collaborations</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Engagement">Public Engagement</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
            <li class="dropdown">
 +
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="font-size:.9em">TEAM<span class="caret"></span></a>
 +
              <ul class="dropdown-menu">
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/team">Our Team</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Team">Team</a></li>
 +
                <li><a href="https://2017.igem.org/Team:Austin_UTexas_LASA/Attributions">Attribution</a></li>
 +
              </ul>
 +
            </li>
 +
 
 +
          </ul>
 +
        </div><!--/.nav-collapse -->
 +
      </div>
 +
    </nav>
 +
 
 +
 
 +
 
 +
    </header>
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 +
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/js/bootstrap.min.js"></script>
 +
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
 +
    <script src="https://getbootstrap.com/docs/3.3/dist/js/ie10-viewport-bug-workaround.js"></script>
 +
 
 +
   
 
</html>
 
</html>

Revision as of 23:31, 30 October 2017