|
|
(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>← <?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> |