Team:SUSTC-Shenzhen-A/YX1

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Cambridge/Templates/headerMinimalprototype}}
+
{{Template:SUSTC_A4}}
-
{{:Team:Cambridge/Templates/headerbar|colour=#386abc|title=Photo Gallery}}
+
 
<html>
<html>
-
<div style="text-align:center">
+
<head>
-
<script>
+
<style type="text/css">
-
function jsonFlickrApi(rsp) {
+
-
if (rsp.stat != "ok"){
+
-
  // If this executes, something broke!
+
-
  return;
+
-
}
+
-
+
-
//variable "s" is going to contain
+
-
//all the markup that is generated by the loop below
+
-
var s = "";
+
-
+
-
//this loop runs through every item and creates HTML
+
-
for (var i=0; i < rsp.photos.photo.length; i++) {
+
-
//for (var i=0; i < 10; i++) {
+
-
  photo = rsp.photos.photo[ i ];
+
-
 
+
-
  //notice that "t.jpg" is where you change the
+
-
  //size of the image
+
-
  t_url = "http://farm" + photo.farm +
+
-
  ".static.flickr.com/" + photo.server + "/" +
+
-
  photo.id + "_" + photo.secret + "_" + "t.jpg";
+
-
b_url = "http://farm" + photo.farm +
+
.sidebar_box_woframe {
-
  ".static.flickr.com/" + photo.server + "/" +
+
margin-bottom: 20px;
-
  photo.id + "_" + photo.secret + "_" + "z.jpg";
+
}
-
   
+
 
-
  p_url = "http://www.flickr.com/photos/" +
+
.sidebar_box {
-
  photo.owner + "/" + photo.id;
+
width: 260px;
-
 
+
padding: 0;
-
  s +=  '<a class="lightbox" href="' + b_url + '">' + '<img alt="'+
+
-
  photo.title + '"src="' + t_url + '" style="margin:10px; border:1px solid gray;" />' + '</a>';
+
-
}
+
-
document.writeln(s);
 
-
//this tells the JavaScript to write
 
-
//everything in variable "s" onto the page
 
}
}
-
</script>
+
 
-
<script type="text/javascript" language="javascript" src="http://api.flickr.com/services/rest/?format=json&method=flickr.photos.search&user_id=52129837@N08&api_key=52566611a5be16fbbbe57f3dbe4f1fef&count=5"></script>
+
.sidebar_box_top {
-
</div>
+
width: 260px;
 +
height: 20px;
 +
 
 +
}
 +
 
 +
.sidebar_box_bottom {
 +
width: 260px;
 +
height: 20px;
 +
margin-bottom: 30px;
 +
 
 +
}
 +
 
 +
.sidebar_box_content {
 +
padding: 0 20px;
 +
}
 +
 
 +
.sidebar_box_content p {
 +
margin-bottom: 10px;
 +
}
 +
 
 +
.image_wrapper {
 +
position: relative;
 +
display: block;
 +
width: 218px;
 +
height: 128px;
 +
padding: 9px;
 +
}
 +
.image_wrapper span {
 +
position: absolute;
 +
left: 0;
 +
top: 0;
 +
width: 236px;
 +
height: 144px;
 +
background: url(https://static.igem.org/mediawiki/2012/3/3d/Fruit_site_templatemo_image_frame.png) no-repeat;
 +
}
 +
.image_fl { float: left; margin: 3px 20px 0 0; }
 +
.image_fr { float: right; margin: 3px 0 0 20px; }
 +
 
 +
.title {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: xx-large;
 +
color: #698B69;
 +
}
 +
.title1 {
 +
font-family: "Comic Sans MS", cursive;
 +
font-size: x-large;
 +
color: #000;
 +
}
 +
.date {
 +
      font-family: serif, cursive, fantasy;
 +
      color:#5f3c23;
 +
}
 +
 
 +
#talkbubble {
 +
  width: 544px;
 +
  height:1000px;
 +
  background:#ffffff;
 +
//  background:#EFEFEF;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
font-size: 14px;
 +
  color:#333;
 +
}
 +
#talkbubble_a {
 +
  width: 544px;
 +
  height:200px;
 +
//  background:#EFEFEF;
 +
  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
#talkbubble_b {
 +
  width: 544px;
 +
  height:250px;
 +
//  background:#EFEFEF;
 +
  background:#ffffff;
 +
  position: relative;
 +
  -moz-border-radius:    0px;
 +
  -webkit-border-radius: 0px;
 +
  border-radius:        10px;
 +
  font-family: Tahoma, Geneva, sans-serif;
 +
  font-size: 13px;
 +
  color:#333;
 +
}
 +
 
 +
#talkbubble1 {
 +
  width: 275px;
 +
  height:400px;
 +
//  background:#FAF0E6;
 +
  background:#f2eada;
 +
  position: relative;
 +
  -moz-border-radius:    10px;
 +
  -webkit-border-radius: 10px;
 +
  border-radius:        10px;
 +
text-align: left;
 +
border-top-style: solid;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-left-style: solid;
 +
        border-width: thin;
 +
border-top-color:#DCDCDC;
 +
border-right-color: #DCDCDC;
 +
border-bottom-color:#DCDCDC;
 +
border-left-color:#DCDCDC;
 +
  font-size: 14px;
 +
  color:#333;
 +
font-family: Tahoma, Geneva;
 +
}
 +
</style>
 +
</head>
 +
<body >
 +
 
 +
 
 +
 
 +
<table width="899" border="0" cellspacing="10px" cellpadding="10px"align="center">
 +
        <tr>
 +
          <td valign="top"><div align="left" id="talk bubble">
 +
 
 +
          <p class="title"><strong>Overview</strong></p>
 +
<p>&nbsp;&nbsp;This is the navigation page of our wiki which introduces iGEM project of SUSTC.  Our wiki includes these parts:Team introduction; project introduction and safety as well as human practice. The informations are currently updating, please check our page oftentimes to get the latest development. Have a nice time!</p>
 +
<p>&nbsp;</p>
 +
<p>&nbsp;</p>
 +
<img src="https://static.igem.org/mediawiki/2012/e/e0/SUSTC_Overview1.png" width="540">
 +
</div></td>
 +
          <td valign="top"><div id="talkbubble1"><div class="sidebar_box"><div class="sidebar_box_top"></div>
 +
<div class="sidebar_box_content">           
 +
<p class="title1">Human Practice</p>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c9/Devidingline_side.jpg">
 +
<p>&nbsp;</p>
 +
            <p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Human_Practice"><strong>Human Practice</strong></a></p>
 +
<p>&nbsp;&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/High_School_Visits">High School Visits</a></p>
 +
<p>&nbsp;&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/PhotoGallery">Photo Gallery</a></p>
 +
<p>&nbsp;&nbsp;&nbsp;<a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1/SynBio_Intro">SynBio Intro</a></p>
 +
            <p><a href="https://2012.igem.org/Team:SUSTC-Shenzhen-A/Safety"><strong>Safety</strong></a></p>
 +
<div class="sidebar_box_bottom"></div>
 +
                   
 +
            </div>
 +
</td>
 +
            </tr>
 +
        </table>
 +
 
 +
<!-- end of header -->
 +
 
 +
</body>
</html>
</html>
-
{{:Team:Cambridge/Templates/footerMinimal}}
+
 
 +
[[file:footbar.jpg|center]]

Revision as of 18:04, 20 September 2012

Overview

  This is the navigation page of our wiki which introduces iGEM project of SUSTC. Our wiki includes these parts:Team introduction; project introduction and safety as well as human practice. The informations are currently updating, please check our page oftentimes to get the latest development. Have a nice time!

 

 

Footbar.jpg