Team:Sheffield/tmp2

From 2014.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Sheffield/Template:htmlheader}}
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 +
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $conf['lang']?>" lang="<?php echo $conf['lang']?>" dir="ltr">
 +
<head>
 +
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
  <title>
 +
    <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?>
 +
    [<?php echo strip_tags($conf['title'])?>]
 +
  </title>
-
<html>
+
  <?php tpl_metaheaders()?>
-
<body class="index">
+
-
<div id="all_content">
+
-
<div id="container">
+
  <link rel="shortcut icon" href="<?php echo DOKU_TPL?>images/favicon.ico" />
 +
</head>
 +
<body>
 +
<div class="dokuwiki">
 +
  <?php html_msgarea()?>
 +
  <div id="content">
 +
    <div class="page">
 +
      <?php if($ERROR){ print $ERROR; }else{ ?>
 +
      <h1><?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?></h1>
 +
      <div class="img_big">
 +
        <?php tpl_img(900,700) ?>
 +
      </div>
 +
      <div class="img_detail">
 +
        <p class="img_caption">
 +
          <?php print nl2br(hsc(tpl_img_getTag('simple.title'))); ?>
 +
        </p>
 +
        <p>&larr; <?php echo $lang['img_backto']?> <?php tpl_pagelink($ID)?></p>
 +
        <dl class="img_tags">
 +
          <?php
 +
            $t = tpl_img_getTag('Date.EarliestTime');
 +
            if($t) print '<dt>'.$lang['img_date'].':</dt><dd>'.dformat($t).'</dd>';
 +
            $t = tpl_img_getTag('File.Name');
 +
            if($t) print '<dt>'.$lang['img_fname'].':</dt><dd>'.hsc($t).'</dd>';
 +
            $t = tpl_img_getTag(array('Iptc.Byline','Exif.TIFFArtist','Exif.Artist','Iptc.Credit'));
 +
            if($t) print '<dt>'.$lang['img_artist'].':</dt><dd>'.hsc($t).'</dd>';
 +
            $t = tpl_img_getTag(array('Iptc.CopyrightNotice','Exif.TIFFCopyright','Exif.Copyright'));
 +
            if($t) print '<dt>'.$lang['img_copyr'].':</dt><dd>'.hsc($t).'</dd>';
 +
            $t = tpl_img_getTag('File.Format');
 +
            if($t) print '<dt>'.$lang['img_format'].':</dt><dd>'.hsc($t).'</dd>';
 +
            $t = tpl_img_getTag('File.NiceSize');
 +
            if($t) print '<dt>'.$lang['img_fsize'].':</dt><dd>'.hsc($t).'</dd>';
-
    <script src="jquery-1.11.1.min.js"></script>
+
            $t = tpl_img_getTag('Simple.Camera');
-
        <script src="smoothVerticalScroll.js"></script>
+
            if($t) print '<dt>'.$lang['img_camera'].':</dt><dd>'.hsc($t).'</dd>';
-
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
<title>iGEM Sheffield Web</title>
+
-
<link href='http://fonts.googleapis.com/css?family=Lato:100' rel='stylesheet' type='text/css'>
+
-
        <link href='http://fonts.googleapis.com/css?family=Lato:300' rel='stylesheet' type='text/css'>
+
-
<style type="text/css">
+
-
/* 1: http://www.colourlovers.com/palette/3266067/Washed_Out; */
+
-
/* 2: http://www.colourlovers.com/palette/253210/Washed_Out; */
+
-
/* 3: Balck and white; */
+
-
.section1 {
+
-
height: 10em;
+
-
}
+
-
.section2 {
+
-
    height: 42em;
+
-
}
+
-
.section3 {
+
-
height: 50.7em;
+
-
}
+
-
.section4 {
+
-
height: 15.1em;
+
-
}
+
-
+
-
#firstSection {
+
-
background-color: #DCEDDE;
+
-
/* background-color: #B5888A; */
+
-
/* background-color: #FFFFFF; */
+
-
width:1050px;
+
-
height:30em;
+
-
                margin-left:auto;
+
-
margin-right:auto;
+
-
}
+
             $t = tpl_img_getTag(array('IPTC.Keywords','IPTC.Category','xmp.dc:subject'));
-
+
            if($t) print '<dt>'.$lang['img_keywords'].':</dt><dd>'.hsc($t).'</dd>';
-
             #secondSection{
+
-
    background-color: #DCEDDE;
+
-
/* background-color: #B5888A; */
+
-
/* background-color: #FFFFFF; */
+
-
MARGIN-RIGHT: 11.9em;
+
-
float:right;
+
-
width:63.4em;
+
-
            }
+
-
            #thirdSection{
+
-
    /* 1: background-color: #E1FCEF; */
+
-
background-color: #C4B7A2;
+
-
/* background-color: #FFFFFF; */
+
-
MARGIN-LEFT: 11.9em;
+
-
width:0em;
+
-
            }
+
-
            #fourthSection{
+
-
                background-color: orange;
+
-
width:1100px;
+
-
}
+
-
#fifthSection{
+
-
/* background-color: #F7F4E0; */
+
-
background-color: #BAD0AA;
+
-
/* background-color: #FFFFFF; */
+
-
/* MARGIN-RIGHT: auto; */
+
-
                MARGIN-LEFT: 11.9em;
+
-
width:43.5em;
+
-
                float:left;
+
-
}
+
-
#sixthSection{
+
-
    /* 1: background-color: #E3F4E5; */
+
-
background-color: #80B8A3;
+
-
/* background-color: #FFFFFF; */
+
-
MARGIN-Right: 12em;
+
-
width:43.5em;
+
-
                float:right; 
+
-
}
+
-
#seventhSection{
+
-
/* 1: background-color: #EDF7D3; */
+
-
/* 2: background-color: #73A09A; */
+
-
background-color: #000;
+
-
MARGIN-LEFT: 11.9em;
+
-
width:0em;
+
-
}
+
-
#eighthSection{
+
-
    /* 1: background-color: #EDF7D3; */
+
-
/* background-color: #73A09A; */
+
-
background-color: #FFFFFF;
+
-
MARGIN-LEFT: 11.9em;
+
-
width:87.5em;
+
-
+
-
}
+
-
+
-
+
-
 
+
-
 
+
-
 
+
-
body {
+
-
  background-color:white;
+
-
  width: 100%;
+
-
  margin:0;
+
-
  text-align: center;
+
-
  margin-left:0;
+
-
  margin-right:0;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
+
-
+
-
+
-
+
-
+
-
+
-
.title {
+
-
    font-family: 'Lato', sans-serif;
+
-
font-size: 3.4em;
+
-
letter-spacing: 2px;
+
-
color: white;
+
-
font-weight: 250;
+
-
margin-top: 0.25em;
+
-
margin-bottom: 0.25em;
+
-
text-align:center;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.subtitle {
+
-
font-family: 'Lato', sans-serif;
+
-
font-size: 1.7em;
+
-
letter-spacing: 0.5px;
+
-
color: white;
+
-
font-weight: 400;
+
-
margin-top: 0.25em;
+
-
margin-bottom: 0.25em;
+
-
text-align:center;
+
-
}
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
.menuleft {
+
-
 
+
-
font-family: 'Lato', sans-serif;
+
-
position:fixed;
+
-
margin-top:0em;
+
-
 
+
-
 
+
-
 
+
-
}
+
-
.menuleft ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style-type: none;
+
-
}
+
-
 
+
-
.menuleft ul li {
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
 
+
-
.menuleft ul li a, .menu ul li a:visited {
+
-
 
+
-
display:block;
+
-
text-align:center;
+
-
text-decoration:none;
+
-
width:130px;
+
-
height:40px;
+
-
color:#fff;
+
-
border-top-left-radius:4px;
+
-
border-bottom-left-radius:4px;
+
-
line-height:35px;
+
-
font-size:14px;
+
-
letter-spacing:1px;
+
-
 
+
-
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
+
-
 
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.menuleft ul li ul {
+
-
display: none;
+
-
}
+
-
 
+
-
.menuleft ul li:hover a {
+
-
color:#fff;
+
-
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 90%,#E6B800 90%,#FFD633 100%);
+
-
}
+
-
 
+
-
.menuleft ul li:hover ul {
+
-
display:block;
+
-
position:absolute;
+
-
top:36px;
+
-
left:0;
+
-
width:110px;
+
-
}
+
-
 
+
-
.menuleft ul li:hover ul li a {
+
-
display:block;
+
-
background:#9D9D98;
+
-
height:25px;
+
-
line-height:20px;
+
-
color:#fff;
+
-
font-size:12px;
+
-
}
+
-
 
+
-
.menuleft ul li:hover ul li a:hover {
+
-
color:#FFE066;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.menu {
+
-
font-family: 'Lato', sans-serif;
+
-
position:fixed;
+
-
width:100%
+
-
text-align: center;
+
-
 
+
-
 
+
-
}
+
-
 
+
-
.menu ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style-type: none;
+
-
}
+
-
 
+
-
.menu ul li {
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
 
+
-
.menu ul li a, .menu ul li a:visited {
+
-
 
+
-
display:block;
+
-
text-align:center;
+
-
text-decoration:none;
+
-
width:110px;
+
-
height:40px;
+
-
color:#FFD633;
+
-
 
+
-
line-height:34px;
+
-
font-size:13px;
+
-
letter-spacing:1px;
+
-
 
+
-
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
+
-
}
+
-
 
+
-
.menu ul li ul {
+
-
display: none;
+
-
}
+
-
 
+
-
 
+
-
.menu ul li:hover a {
+
-
color:#000;
+
-
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 90%,#E6B800 90%,#FFD633 100%);
+
-
}
+
-
 
+
-
.menu ul li:hover ul {
+
-
display:block;
+
-
position:absolute;
+
-
top:35px;
+
-
left:0;
+
-
width:110px;
+
-
}
+
-
 
+
-
.menu ul li:hover ul li a {
+
-
display:block;
+
-
opacity: 0.95;
+
-
background:#9D9D98;
+
-
height:25px;
+
-
line-height:21px;
+
-
color:#fff;
+
-
font-size:12px;
+
-
}
+
-
 
+
-
.menu ul li:hover ul li a:hover {
+
-
color:#FFE066;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.menuright {
+
-
font-family: 'Lato', sans-serif;
+
-
position:fixed;
+
-
margin-left:880px;
+
-
 
+
-
}
+
-
 
+
-
.menuright ul {
+
-
padding:0;
+
-
margin:0;
+
-
list-style-type: none;
+
-
}
+
-
 
+
-
.menuright ul li {
+
-
float:left;
+
-
position:relative;
+
-
}
+
-
 
+
-
.menuright ul li a, .menuright ul li a:visited {
+
-
 
+
-
display:block;
+
-
text-align:center;
+
-
text-decoration:none;
+
-
width:80px;
+
-
height:40px;
+
-
color:#fff;
+
-
 
+
-
line-height:34px;
+
-
font-size:13px;
+
-
letter-spacing:1px;
+
-
 
+
-
background: linear-gradient(to bottom,  #767676 0%,#000 100%);
+
-
}
+
-
 
+
-
.menuright ul li ul {
+
-
display: none;
+
-
}
+
-
 
+
-
 
+
-
.menuright ul li:hover a {
+
-
color:#fff;
+
-
background: linear-gradient(to bottom,  #FFE066 0%,#FFE066 50%,#E6B800 50%,#FFD633 100%);
+
-
}
+
-
 
+
-
.menuright ul li:hover ul {
+
-
display:block;
+
-
position:absolute;
+
-
top:35px;
+
-
left:0;
+
-
width:110px;
+
-
}
+
-
 
+
-
.menuright ul li:hover ul li a {
+
-
display:block;
+
-
opacity: 0.95;
+
-
background:#9D9D98;
+
-
height:25px;
+
-
line-height:21px;
+
-
color:#fff;
+
-
font-size:12px;
+
-
}
+
-
 
+
-
.menuright ul li:hover ul li a:hover {
+
-
color:#FFE066;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
 
+
-
+
-
a{TEXT-DECORATION:none}
+
-
</style>
+
-
+
-
+
-
</head>
+
-
    <body>
+
-
+
-
<div id="background">
+
-
  <!--<a href="C:\Users\dell\Desktop\web\video.html"><img src="photos\W2D3-10.jpg"></a>-->
+
 +
          ?>
 +
        </dl>
 +
        <?php //Comment in for Debug// dbg(tpl_img_getTag('Simple.Raw'));?>
 +
      </div>
 +
    </div>
 +
  <?php } ?>
   </div>
   </div>
-
 
+
   <div id="sidebar">
-
 
+
     <?php require_once(DOKU_TPLINC.'sidebar.html')?>
-
 
+
   </div>
-
 
+
</div>
-
 
+
</body>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div class="menu">
+
-
   <ul>
+
-
 
+
-
    <li><a href="project.htm" ></a>
+
-
 
+
-
    </li>
+
-
 
+
-
 
+
-
+
-
+
-
    <li><a href="1.html" ><img src="https://static.igem.org/mediawiki/2014/d/d6/IGEM_Logo_F.png" width="50" height="35"></a>
+
-
 
+
-
    </li>
+
-
 
+
-
    <li><a href="project.htm" >Project</a>
+
-
      <ul>
+
-
        <li><a href="project.htm#firstSection">Overview</a></li>
+
-
        <li><a href="project.htm#secondSection">Background</a></li>
+
-
        <li><a href="project.htm#thirdSection">Product Development</a></li>
+
-
        <li><a href="project.htm#fourthSection">Biosensor</a></li>
+
-
        <li><a href="project.htm#fifthSection">Enzyme synthesis</a></li>
+
-
<li><a href="project.htm#sixthSection">Enzyme secretion</a></li>
+
-
        <li><a href="project.htm#seventhSection">Killswitch</a></li>
+
-
        <li><a href="project.htm#eighthSection">Uptake mechanism</a></li>
+
-
        <li><a href="project.htm#ninthSection">Biobricks</a></li>
+
-
        <li><a href="project.htm#tenthSection">Safety</a></li>
+
-
<li><a href="project.htm#eleventhSection">Registry</a></li>
+
-
      </ul>
+
-
    </li>
+
-
 
+
-
    <li><a href="human_practice.htm" style="font-size:12px;">Human practices</a>
+
-
      <ul>
+
-
        <li><a href="human_practice.htm#firstSection">Overview</a></li>
+
-
        <li><a href="human_practice.htm#secondSection">Outreach</a></li>
+
-
        <li><a href="human_practice.htm#thirdSection">Impact Report</a></li>
+
-
        <li><a href="human_practice.htm#fourthSection">SURE</a></li>
+
-
<li><a href="human_practice.htm#fifthSection">Lab Notation</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
    <li><a href="../mozilla/index.html" >Modelling</a>
+
-
      <ul>
+
-
        <li><a href="../mozilla/dropdown.html">Flux</a></li>
+
-
        <li><a href="../mozilla/cascade.html">Increasing scope</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
    <li><a href="../ie/index.html" >Results</a>
+
-
      <ul>
+
-
        <li><a href="../ie/exampleone.html">Different assays</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
<li><a href="../ie/index.html" >Notebook</a>
+
-
      <ul>
+
-
        <li><a href="../ie/exampleone.html">Wet lab journals</a></li>
+
-
<li><a href="../ie/exampleone.html">Dry lab work</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
    <li><a href="team.htm" >Team</a>
+
-
      <ul>
+
-
        <li><a href="team.htm#firstSection">Meet the team</a></li>
+
-
        <li><a href="team.htm#secondSection">Official iGEM team page</a></li>
+
-
        <li><a href="team.htm#thirdSection">Gallery</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
<li><a href="../opacity/index.html" >Attributions</a>
+
-
      <ul>
+
-
        <li><a href="http://www.2ky.cn" title="colour wheel">Acknowledgments</a></li>
+
-
        <li><a href="http://www.2ky.cn/js" title="a menu using opacity">Sponsors</a></li>
+
-
      </ul>
+
-
    </li>
+
-
+
-
+
-
+
-
 
+
-
   
+
-
  </ul>
+
-
 
+
-
  </div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<div class="menuright">  
+
-
  <ul> 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ><img src="photos\facebook.png"></a>
+
-
 
+
-
     </li>
+
-
+
-
<li><a href="https://twitter.com/iGEMSheffield" ><img src="photos\twitter.png"></a>
+
-
 
+
-
    </li>
+
-
+
-
<li><a href="mailto:igem2014@sheffield.ac.uk" ><img src="photos\email.png"></a>
+
-
 
+
-
    </li>
+
-
+
-
<li><a href="https://igem.org/Main_Page" ><img src="photos\UNR-Sponser-IGEM1.png"></a>
+
-
 
+
-
    </li>
+
-
+
-
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ></a>
+
-
 
+
-
    </li>
+
-
+
-
<li><a href="https://www.facebook.com/iGEMSheffield2014?ref_type=bookmark" ></a>
+
-
 
+
-
    </li>
+
-
+
-
   
+
-
   </ul>
+
-
 
+
-
  </div>  
+
-
 
+
-
 
+
-
 
+
-
+
-
+
-
    <div align=center class="section2" id="firstSection">
+
-
+
-
</div>
+
-
   
+
-
   
+
-
+
-
+
-
 
+
</html>
</html>

Latest revision as of 17:09, 27 August 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

" lang="" dir="ltr"> <?php echo hsc(tpl_img_getTag('IPTC.Headline',$IMG))?> [<?php echo strip_tags($conf['title'])?>]

'.$lang['img_date'].':
'.dformat($t).'
'; $t = tpl_img_getTag('File.Name'); if($t) print '
'.$lang['img_fname'].':
'.hsc($t).'
'; $t = tpl_img_getTag(array('Iptc.Byline','Exif.TIFFArtist','Exif.Artist','Iptc.Credit')); if($t) print '
'.$lang['img_artist'].':
'.hsc($t).'
'; $t = tpl_img_getTag(array('Iptc.CopyrightNotice','Exif.TIFFCopyright','Exif.Copyright')); if($t) print '
'.$lang['img_copyr'].':
'.hsc($t).'
'; $t = tpl_img_getTag('File.Format'); if($t) print '
'.$lang['img_format'].':
'.hsc($t).'
'; $t = tpl_img_getTag('File.NiceSize'); if($t) print '
'.$lang['img_fsize'].':
'.hsc($t).'
'; $t = tpl_img_getTag('Simple.Camera'); if($t) print '
'.$lang['img_camera'].':
'.hsc($t).'
'; $t = tpl_img_getTag(array('IPTC.Keywords','IPTC.Category','xmp.dc:subject')); if($t) print '
'.$lang['img_keywords'].':
'.hsc($t).'
'; ?>