Team:Sheffield/project

From 2014.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
{{Team:Sheffield}}
{{Team:Sheffield}}
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+
 
-
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
<html>
-
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+
<head>
<head>
-
<title>jQuery virtual tour</title>
+
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<link rel="shortcut icon" href="favicon.ico" />
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
-
<link rel="stylesheet" type="text/css" href="css/thickbox.css" media="screen" />
+
<link href="https://2014.igem.org/Team:Sheffield/Template:menustyle.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all"/>
-
<link rel="stylesheet" type="text/css" href="css/jquery.panorama.css" media="screen" />
+
 
-
<script type="text/javascript" src="js/jquery.js"></script>
+
<link href='http://fonts.googleapis.com/css?family=Baumans' rel='stylesheet' type='text/css'>
-
<script type="text/javascript" src="js/jquery.panorama.js"></script>
+
  <script>
-
<script type="text/javascript">
+
jQuery(function(){
-
$(document).ready(function(){
+
-
$("img.advancedpanorama").panorama({
+
jQuery('#camera_wrap_1').camera({
-
                auto_start: 0,
+
thumbnails: true
-
start_position: 1527
+
});
-
        });
+
});
-
});
+
</script>
-
</script>
+
 
-
<script type="text/javascript" src="js/cvi_text_lib.js"></script>
+
 
-
<script type="text/javascript" src="js/jquery.advanced-panorama.js"></script>
+
 
-
<script type="text/javascript" src="js/jquery.flipv.js"></script>
+
-
<script type="text/javascript" src="js/thickbox.js"></script>
+
-
<script type="text/javascript">
+
-
tb_pathToImage = "css/loadingAnimation.gif";
+
-
</script>
+
-
<style  type="text/css">
 
-
body {
 
-
background: #595959;
 
-
text-align: center;
 
-
}
 
-
h1 {
 
-
color: white;
 
-
margin-bottom: 2em;
 
-
font-family: Verdana;
 
-
font-weight: normal;
 
-
font-size: 25px;
 
-
}
 
-
#page {
 
-
text-align: center;
 
-
color: white;
 
-
}
 
-
#page a {
 
-
color: white;
 
-
}
 
-
#page .panorama-viewport {
 
-
border: 20px solid #414141;
 
-
margin-left: auto;
 
-
margin-right: auto;
 
-
}
 
-
#page p {
 
-
margin-bottom: 1em;
 
-
}
 
-
.TB_overlayBG {
 
-
background-color: #595959;
 
-
}
 
-
</style>
 
</head>
</head>
 +
 +
 +
<body>
<body>
-
<h1>jQuery virtual tour</h1>
+
  <div class="header">
 +
  <div class="header_top">
 +
        <div class="wrap">
 +
<div class="logo">
 +
<a href="index.html"><h1><span class="black"></span></h1></a>
 +
</div>
 +
<div class="menu">
 +
    <ul>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/tmp">Home</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/team">Team</a></li>
 +
<li  class="active"><a href="https://2014.igem.org/Team:Sheffield/project">Project</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/modelling">Modelling</a></li>
 +
<li><a href="https://2014.igem.org/Team:Sheffield/pp">Policy&Practices</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:Sheffield/notebook">Notebook</a></li>
 +
                                                        <li><a href="https://2014.igem.org/Team:Sheffield/attribution">Attribution</a></li>
 +
<div class="clear"></div>
 +
</ul>
 +
</div>
 +
    <div class="clear"></div>
 +
        </div>
 +
    </div>
 +
</div>
 +
<div id="firstSection">
 +
</div>
-
<div id="page">
+
<div id="secondSection">
 +
</div>
-
+
<div id="thirdSection">
-
<img src="img/team.jpg" class="advancedpanorama" width="2448" height="375" usemap="testmap" alt="Atelier du sculpteur" />
+
-
<map id="testmap" name="testmap">
+
-
<!<area shape="rect" coords="1653,72,1839,255" href="salleformation.html" alt="vers la salle de formation" /> >
+
-
<area shape="rect" coords="1880,65,2000,100" href="img/Jay.jpg" alt="statues" class="thickbox" />
+
-
<!<area shape="rect" coords="1920,276,2070,351" href="img/gouges.jpg" alt="gouges" class="thickbox" /> >
+
-
</map>
+
-
+
-
+
</div>
</div>
 +
 +
<div id="fourthSection">
 +
</div>
 +
 +
</body>
</body>
</html>
</html>

Latest revision as of 15:37, 7 October 2014