Difference between revisions of "Team:iTesla-SoundBio/Experiment"

Line 1: Line 1:
 
<html>
 
<html>
−
<p>I am smart lol no ur not- your conscious </p>
 
−
<meta charset="utf-8">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
 
<style>
 
<style>
−
* {
+
body { background: #9cb8b3; }
−
    box-sizing: border-box;
+
−
}
+
−
 
+
−
body {
+
−
    font-family: Arial, Helvetica, sans-serif;
+
−
    height: 100h;
+
−
    width: 100w;
+
−
}
+
  
−
/* Style the header */
+
h1 {
−
.header {
+
     font: 600 1.5em/1 'Raleway', sans-serif;
−
     background-color: #f1f1f1;
+
     color: rgba(0,0,0,.5);
−
     padding: 30px;
+
 
     text-align: center;
 
     text-align: center;
−
     font-size: 35px;
+
     text-transform: uppercase;
 +
    letter-spacing: .5em;
 +
    position: absolute;
 +
    top: 25%;
 +
    width: 100%;
 +
padding-top: 50px;
 
}
 
}
  
−
 
+
span, span:after {
 +
    font-weight: 900;
 +
    color: #efedce;
 +
    white-space: nowrap;
 +
    display: inline-block;
 +
    position: relative;
 +
    letter-spacing: .1em;
 +
    padding: .2em 0 .25em 0;
 
}
 
}
  
−
/* Clear floats after the columns */
+
span {
−
.row:after {
+
     font-size: 4em;
−
     content: "";
+
     z-index: 100;
−
     display: table;
+
     text-shadow: .04em .04em 0 #9cb8b3;
−
     clear: both;
+
 
}
 
}
  
−
/* Style the footer */
+
span:after {
−
.footer {
+
     content: attr(data-shadow-text);
−
     background-color: #f1f1f1;
+
     color: rgba(0,0,0,.35);
−
    padding: 10px;
+
     text-shadow: none;
−
    text-align: center;
+
−
}
+
−
/* Make the text over image*/
+
−
.container {
+
−
    position: relative;
+
−
    text-align: center;
+
−
     color: black
+
−
}
+
−
.container1 {
+
−
    position: relative;
+
−
     text-align: center;
+
−
    color: white
+
−
}
+
−
 
+
−
.centered {
+
 
     position: absolute;
 
     position: absolute;
−
    bottom: 8px;
+
     left: .0875em;
−
     left: 50%;
+
     top: .0875em;
−
     transform: translate(-50%, -50%);
+
     z-index: -1;
−
}
+
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
−
 
+
−
/* Style the top navigation bar */
+
−
.topnav {
+
−
    overflow: hidden;
+
−
     background-color: #333;
+
−
}
+
−
 
+
−
/* Style the topnav links */
+
−
.topnav a {
+
−
     float: left;
+
−
    display: block;
+
−
    color: #f2f2f2;
+
−
    text-align: center;
+
−
    padding: 14px 16px;
+
−
    text-decoration: none;
+
−
}
+
−
 
+
−
/* Change color on hover */
+
−
.topnav a:hover {
+
−
    background-color: #ddd;
+
−
    color: black;
+
−
}
+
−
 
+
−
 
+
 
}
 
}
 
</style>
 
</style>
−
</head>
 
 
<body>
 
<body>
−
<div class="topnav">
+
<!-- The following reset code was given by William Kwok from the UW iGEM team -->
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio">Home Page</a>
+
<!-- Add on-page javascript for destroying default iGEM CSS and adding a loading animation -->
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
+
<!-- I do it twice to run once so the page loading animation gets correct styling the first run -->
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
+
<!-- Second run is just to make sure everything gets ran -->
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
+
<script type="text/javascript">
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
+
    $('div#content').removeAttr('id').attr('id', 'contentBox');
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
+
    $('a#top').remove();
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
+
    $('div#top_title').remove();
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Parts</a>
+
    $('div#HQ_page').removeAttr('id');
−
  <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
+
    $('div.mw-body').removeAttr('class');
−
</div>
+
    $('div#mw-content-text').removeAttr('id');
−
 
+
    $('div#bodyContent').removeAttr('id');
−
 
+
    $('div.mw-content-ltr>p').addClass('meta');
 +
    $('div.mw-content-ltr').removeAttr('class');
 +
    document.getElementById("root").innerText = "Page loading...";
 +
    $(document).ready(function () {
 +
        $('div#content').removeAttr('id').attr('id', 'contentBox');
 +
        $('a#top').remove();
 +
        $('div#top_title').remove();
 +
        $('div#HQ_page').removeAttr('id');
 +
        $('div.mw-body').removeAttr('class');
 +
        $('div#mw-content-text').removeAttr('id');
 +
        $('div#bodyContent').removeAttr('id');
 +
        $('div.mw-content-ltr>p').addClass('meta');
 +
        $('div.mw-content-ltr').removeAttr('class');
 +
    })
 +
</script>
 +
<body>
 +
<h1>We are sorry but our page is<br><span data-shadow-text="Under Construction">Under Construction</span><br> Please check back later</h1>
 +
</body>
 
</html>
 
</html>

Revision as of 06:47, 3 August 2018

We are sorry but our page is
Under Construction
Please check back later