Team:SUSTC-Shenzhen-A/YX1

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:SUSTC_A4}}
+
{{Template:SUSTC_A2}}
-
 
+
<html>
<html>
-
<head>
+
<div style="text-align:center">
-
<style type="text/css">
+
<script>
 +
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";
-
.sidebar_box_woframe {
+
b_url = "http://farm" + photo.farm +
-
margin-bottom: 20px;
+
  ".static.flickr.com/" + photo.server + "/" +
-
}
+
  photo.id + "_" + photo.secret + "_" + "z.jpg";
-
 
+
   
-
.sidebar_box {
+
  p_url = "http://www.flickr.com/photos/" +
-
width: 260px;
+
  photo.owner + "/" + photo.id;
-
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>
-
.sidebar_box_top {
+
<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>
-
width: 260px;
+
</div>
-
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>
-
 
-
[[file:footbar.jpg|center]]
 

Revision as of 17:46, 20 September 2012

Retrieved from "http://2012.igem.org/Team:SUSTC-Shenzhen-A/YX1"