Team:Virginia/Test

From 2014.igem.org

(Difference between revisions)
 
(117 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:Team:Virginia}}
 
<html>
<html>
<head>
<head>
-
 
+
<script type="text/javascript" src='https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js'></script>
-
    <link href="http://fancyapps.com/fancybox/source/jquery.fancybox.css" rel="stylesheet" type=
+
<script type="text/javascript" src="https://2013.igem.org/Team:UNITN-Trento/JS/Library/modernizr?action=raw&ctype=text/javascript"></script>
-
    "text/css">
+
-
 
+
-
    <script language="javascript" src="http://fancyapps.com/fancybox/source/jquery.fancybox.js" type=
+
-
    "text/javascript"></script>
+
-
 
+
-
<script>
+
-
      $(document).ready(function() {
+
-
        $('.fancybox').fancybox();
+
-
        $("selector").fancybox({
+
-
    arrows : false
+
-
});
+
-
       
+
-
    });
+
-
 
+
-
 
+
-
</script>
+
-
 
+
-
<style>
+
-
 
+
-
 
+
-
 
+
-
header{
+
-
background:url("http://images.fineartamerica.com/images-medium-large/colorful-leaves-roena-king.jpg");
+
-
background-size:cover;
+
-
width: 972px;
+
-
margin: 0px 0px 60px 0px;
+
-
}
+
-
 
+
-
#navLogo{
+
-
width:300px;
+
-
}
+
-
 
+
-
 
+
-
    .row{
+
-
    height:240px;
+
-
    padding:15px 0px 0px 0px;
+
-
margin: 10px 0px 5px 0px;
+
-
border: solid red 1px;
+
-
    }
+
-
 
+
-
    .col{
+
-
    margin: 0px 9px 0px 9px;
+
-
    }
+
-
 
+
-
#filler{
+
-
color:#206215194
+
-
}
+
-
    .profile{
+
-
    height: 210px;
+
-
    padding: 0px;
+
-
    border-radius:16px;
+
-
    }
+
-
 
+
-
  .aBody{
+
-
    height:825px;
+
-
    background:white;
+
-
    padding:0px;
+
-
width: 972px;
+
-
margin: 25px 0px 0px 0px;
+
-
font-family: raleway;
+
-
font-size: 12px;
+
-
    }
+
-
 
+
-
h2{
+
-
border-bottom:0px;
+
-
}
+
-
 
+
-
 
+
-
#placeimg{
+
-
height: 270px;
+
-
}
+
-
 
+
-
</style>
+
</head>
</head>
-
 
<body>
<body>
-
    <div class=shadow>
+
<div class="flipbook-viewport">
-
        <header>
+
<div class="container">
 +
<div class="flipbook">
 +
<div style="background-image:url(pages/1.jpg)"></div>
 +
<div style="background-image:url(pages/2.jpg)"></div>
 +
</div>
 +
</div>
 +
</div>
-
            <h1>Our Team</h1><img id="placeimg" src=
 
-
            "http://www.pepperminttechnology.co.uk/Images/BlankTransparentImg.gif">
 
-
 
-
    <ul id="nav">
 
-
        <li><a href="https://2014.igem.org/Team:Virginia">Home</a></li>
 
-
        <li>
+
<script type="text/javascript">
-
            <a href="https://2014.igem.org/Team:Virginia/Team">Team</a>
+
-
            <ul>
+
function loadApp() {
-
                <li><a href=
+
-
                "https://2014.igem.org/Team:Virginia/Gallery">Gallery</a></li>
+
-
                <li><a href=
+
// Create the flipbook
-
                "https://igem.org/Team.cgi?year=2014&amp;team_name=Virginia">Official
+
-
                Team Profile</a></li>
+
-
            </ul>
+
-
        </li>
+
-
        <li><a href=
+
$('.flipbook').turn({
-
        "https://2014.igem.org/Team:Virginia/Project">Project</a></li>
+
// Width
-
        <li><a href="https://2014.igem.org/Team:Virginia/Parts">Parts</a></li>
+
width:922,
 +
 +
// Height
-
        <li><a href=
+
height:600,
-
        "https://2014.igem.org/Team:Virginia/Modeling">Modeling</a></li>
+
-
        <li><a href=
+
// Elevation
-
        "https://2014.igem.org/Team:Virginia/Notebook">Notebook</a></li>
+
-
        <li><a href="https://2014.igem.org/Team:Virginia/Safety">Safety</a></li>
+
elevation: 50,
 +
 +
// Enable gradients
-
        <li id="attribs"><a href=
+
gradients: true,
-
        "https://2014.igem.org/Team:Virginia/Attributions">Attributions</a></li>
+
-
    <li><a href="https://2014.igem.org/"><img src=
+
// Auto center this flipbook
-
                "http://i.imgur.com/rLFTkAP.png"
+
-
                height="27px"></a></li>
+
-
    </ul>
+
-
        </header>
+
-
    </div>
+
-
<div class="aBody shadow">
+
autoCenter: true
-
      <div class="row" style="text-align:center;">
+
-
            <div class="col" id="cara" style="display:inline-block;">
+
-
            <h2>Cara Broshkevitch</h2></div>
+
-
            <div class="col" id = "haider" style="display:inline-block;">
+
});
-
            <h2>Haider Inam</h2></div>
+
}
-
            <div class="col" id="josh" style="display:inline-block;">
+
// Load the HTML4 version if there's not CSS transform
-
            <h2>Joshua Leehan</h2></div>
+
-
            <div class="col" id="grace" style="display:inline-block;">
+
yepnope({
-
            <h2>Grace Mantus</h2></div>
+
test : Modernizr.csstransforms,
 +
yep: ['../../lib/turn.js'],
 +
nope: ['../../lib/turn.html4.min.js'],
 +
both: ['css/basic.css'],
 +
complete: loadApp
 +
});
-
</div>
+
</script>
-
          <div class="row" style="text-align:center;">
+
-
            <div class="col" id="cara" style="display:inline-block;">
+
-
            <h2>Cara Broshkevitch</h2></div>
+
-
            <div class="col" id = "haider" style="display:inline-block;">
 
-
            <h2>Haider Inam</h2></div>
 
-
 
-
            <div class="col" id="josh" style="display:inline-block;">
 
-
            <h2>Joshua Leehan</h2></div>
 
-
 
-
            <div class="col" id="grace" style="display:inline-block;">
 
-
            <h2>Grace Mantus</h2></div>
 
-
 
-
</div>
 
-
      <div class="row" style="text-align:center;">
 
-
            <div class="col" id="cara" style="display:inline-block;">
 
-
            <h2>Cara Broshkevitch</h2></div>
 
-
 
-
            <div class="col" id = "haider" style="display:inline-block;">
 
-
            <h2>Haider Inam</h2></div>
 
-
 
-
            <div class="col" id="josh" style="display:inline-block;">
 
-
            <h2>Joshua Leehan</h2></div>
 
-
 
-
            <div class="col" id="grace" style="display:inline-block;">
 
-
            <h2>Grace Mantus</h2></div>
 
-
 
-
</div>
 
-
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 07:43, 15 November 2014

Retrieved from "http://2014.igem.org/Team:Virginia/Test"