Difference between revisions of "Team:TecCEM"

 
(28 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 +
{{TecCEM/Header}}
 
<html>
 
<html>
−
<link href="https://2018.igem.org/Template:TecCEM/CSSvendor?action=raw&ctype=text/css" rel="stylesheet" />
 
−
<link href="https://2018.igem.org/Template:TecCEM/Style?action=raw&ctype=text/css" rel="stylesheet">
 
 
<style>
 
<style>
−
     html {
+
     #main-container span.bottom {
−
         position: relative;
+
         background-color: white;
−
         min-height: 100%;
+
         vertical-align: middle;
 +
        margin: 0 !important;
 
     }
 
     }
−
     .footer {
+
 
 +
     #main-container {
 +
        height: 100vh !important;
 +
        width: 100vw;
 
         position: relative;
 
         position: relative;
−
         bottom: -20px;
+
         margin: 0;
 +
        padding: 0;
 +
        display: flex;
 +
        justify-content: center;
 +
        flex-direction: column;
 +
        align-items: center;
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
    }
 +
 
 +
    #main-container #backgr,
 +
    #main-container #firstCover {
 +
        position: absolute;
 +
        top: 0;
 +
        left: 0;
 
         width: 100%;
 
         width: 100%;
−
         height: 60px;
+
         height: 100%;
−
        /* Set the fixed height of the footer here */
+
−
        line-height: 60px;
+
−
        /* Vertically center the text there */
+
−
        background-color: #f5f5f5;
+
 
     }
 
     }
  
−
     #globalWrapper {
+
     #main-container #backgr {
−
         padding-bottom: 0px !important;
+
         background-color: black;
 
     }
 
     }
  
−
</style>
+
    #main-container a img {
 +
        width: 200%;
 +
    }
  
−
<head>
+
    #main-container #firstCover {
−
     <meta charset="utf-8">
+
        background-color: white;
−
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
        mix-blend-mode: difference;
−
</head>
+
        pointer-events: none;
−
<nav class="navbar navbar-expand-lg sticky-top navbar-light" id="navbarContainer">
+
     }
−
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTecCEM" aria-controls="navbarTecCEM"
+
 
−
         aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
+
    #main-container #Small1Cell {
−
    <div class="collapse navbar-collapse" id="navbarTecCEM">
+
        top: 10%;
−
        <ul class="navbar-nav nav-fill w-75 ml-auto">
+
        left: 45%;
−
            <li class="nav-item">
+
        transform: translate(-50%, -50%);
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM">Home </a>
+
        width: 5%;
−
            </li>
+
        height: auto;
−
            <li class="nav-item dropdown">
+
        position: absolute;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarProject" role="button"
+
     }
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
+
 
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarProject">
+
    #main-container #Small1Cell *,
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Description">Description</a>
+
    #main-container #Small2Cell *,
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Design">Design</a>
+
    #main-container #Small3Cell *,
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Results">Results</a>
+
    #main-container #Small4Cell *,
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Experiments">Experiments</a>
+
    #main-container #Big1Cell *,
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
+
    #main-container #Big2Cell * {
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
+
        position: absolute;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/InterLab">InterLab</a>
+
        left: 50%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
+
        top: 50%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Demonstrate">Demonstrate</a>
+
        transform: translate(-50%, -50%);
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Improve">Improve</a>
+
    }
−
                </div>
+
 
−
            </li>
+
    #main-container #Small2Cell {
−
            <li class="nav-item dropdown">
+
        left: 25%;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarParts" role="button"
+
        top: 25%;
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
+
        transform: translate(-50%, -50%);
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarParts">
+
        width: 5%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Parts">Parts</a>
+
        height: auto;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Basic_Part">Basic Part</a>
+
        position: absolute;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Composite_Part">Composite
+
    }
−
                        Part</a>
+
 
−
                </div>
+
 
−
            </li>
+
    #main-container #Small3Cell {
−
            <li class="nav-item dropdown">
+
        left: 30%;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarHP" role="button"
+
        top: 80%;
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
+
        transform: translate(-50%, -50%);
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarHP">
+
        width: 5%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Human_Practices">Human Practices</a>
+
        height: auto;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Public_Engagement">Public
+
        position: absolute;
−
                        Engagement</a>
+
    }
−
                </div>
+
 
−
            </li>
+
    #main-container #Small4Cell {
−
            <li class="nav-item">
+
        left: 60%;
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Notebook">Notebook</a>
+
        top: 80%;
−
            </li>
+
        transform: translate(-50%, -50%);
−
            <li class="nav-item dropdown">
+
        width: 5%;
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarTeam" role="button"
+
        height: auto;
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
+
        position: absolute;
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarTeam">
+
    }
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Team">Team Members</a>
+
 
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Collaborations">Collaborations</a>
+
    #main-container #Big1Cell {
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Attributions">Attributions</a>
+
        left: 75%;
−
                </div>
+
        top: 10%;
−
            </li>
+
        transform: translate(-50%, -50%);
−
            <li class="nav-item">
+
        width: 5%;
−
                <a class="nav-link" href="https://2018.igem.org/Team:TecCEM/Safety">Safety</a>
+
        height: auto;
−
            </li>
+
        position: absolute;
−
            <li class="nav-item">
+
    }
−
                <a class="nav-link dropdown-toggle" href="#" id="dropdownNavbarAwards" role="button"
+
 
−
                    data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Awards</a>
+
    #main-container #Big2Cell {
−
                <div class="dropdown-menu" aria-labelledby="dropdownNavbarAwards">
+
        left: 85%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Hardware">Hardware</a>
+
        top: 80%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Software">Software</a>
+
        transform: translate(-50%, -50%);
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Measurement">Measurement</a>
+
        width: 5%;
−
                    <a class="dropdown-item" href="https://2018.igem.org/Team:TecCEM/Model">Model</a>
+
        height: auto;
−
                </div>
+
        position: absolute;
−
            </li>
+
    }
−
        </ul>
+
 
−
    </div>
+
    #main-container #CenterCell {
−
</nav>
+
        top: 50%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 75%;
 +
        height: auto;
 +
        position: absolute;
 +
     }
 +
 
 +
    #main-container #button {
 +
        position: absolute;
 +
        top: 60%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 3vw;
 +
        height: 3vw;
 +
        background-color: white;
 +
        mix-blend-mode: difference;
 +
        border-radius: 100%;
 +
        z-index: 666;
 +
    }
 +
    #main-container #centerCircle{
 +
         position: absolute;
 +
        top: 60%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 4vh;
 +
        border-radius: 100%;
 +
        z-index: 665;
 +
    }
 +
 
 +
    #main-container p,
 +
    #main-container h1 {
 +
        mix-blend-mode: difference;
 +
        max-width: 65%;
 +
    }
 +
 
 +
    #main-container p {
 +
        color: white !important;
 +
    }
 +
 
 +
    #main-container .bottom {
 +
        mix-blend-mode: difference;
 +
    }
 +
 
 +
    #main-container h1 {
 +
        -webkit-text-stroke-color: white !important;
 +
    }
 +
 
 +
    #main-container span.bottom.project {
 +
        background-color: #ff1558;
 +
    }
 +
 
 +
    #main-container span.bottom.team {
 +
        background-color: #17cc46;
 +
    }
 +
 
 +
    #main-container span.bottom.safety {
 +
        background-color: #ef6fca;
 +
    }
 +
 
 +
    #main-container span.bottom.notebook {
 +
        background-color: #0000ff;
 +
    }
 +
 
 +
    #main-container span.bottom.awards {
 +
        background-color: #ffdb27;
 +
    }
 +
 
 +
    #main-container span.bottom.parts {
 +
        background-color: #ff9d33;
 +
    }
 +
 
 +
    #main-container span.bottom.human-practices {
 +
        background-color: #0aa38c;
 +
    }
 +
    #audioLanding{
 +
        display: none;
 +
    }
 +
</style>
 +
<div class="container-fluid" id="main-container">
 +
    <div id="backgr"></div>
 +
    <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
 +
    <a href="https://2018.igem.org/Team:TecCEM/Description" id="Small1Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Project" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/2/2a/T--TecCEM--CellSmall1.png" alt="Small1 Cell">
 +
        <span class="bottom project">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Safety" id="Small2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Safety" tabindex="0">
 +
        <img src="https://static.igem.org/mediawiki/2018/c/c7/T--TecCEM--CellSmall2.png" alt="Small2 Cell">
 +
        <span class="bottom safety">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Notebook" id="Small3Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Notebook" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/b/b5/T--TecCEM--CellSmall3.png" alt="Small3 Cell">
 +
        <span class="bottom notebook">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Measurement" id="Small4Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Awards" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1b/T--TecCEM--CellSmall4.png" alt="Small4 Cell">
 +
        <span class="bottom awards">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Parts" id="Big1Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Parts" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/6/62/T--TecCEM--CellBig1.png" alt="Big1 Cell">
 +
        <span class="bottom parts">
 +
        </span>
 +
    </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Human_Practices" id="Big2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Human Practices" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/7/7b/T--TecCEM--CellBig2.png" alt="Big2 Cell">
 +
        <span class="bottom human-practices">
 +
        </span>
 +
    </a>
 +
    <div id="firstCover"></div>
 +
    <div id="button"></div>
 +
    <h1 class="text-center">Heal a wound. Heal the world.</h1>
 +
    <p class="text-center">Enhance tissue regeneration to heal burned patients.</p>
 +
    <img src="https://static.igem.org/mediawiki/2018/e/ee/T--TecCEM--CenterCircle.png" id="centerCircle">
 +
    <!-- <span class="bottom"></span> -->
 +
    <audio id="audioLanding" controls>
 +
        <source src="https://static.igem.org/mediawiki/2018/3/3c/T--TecCEM--SoundLanding.mp3" type="audio/mpeg">
 +
        Your browser does not support the audio element.
 +
    </audio>  
 +
    <!-- <p class="text-center">Scroll down</p> -->
 +
</div>
  
 
</html>
 
</html>
 +
{{TecCEM/JsHome}}
 +
{{TecCEM/Footer}}

Latest revision as of 03:52, 18 October 2018

Center Cell Small1 Cell Small2 Cell Small3 Cell Small4 Cell Big1 Cell Big2 Cell

Heal a wound. Heal the world.

Enhance tissue regeneration to heal burned patients.