User:Lucas.schirmer

From 2009.igem.org

(Difference between revisions)

Latest revision as of 23:42, 18 June 2010

Menu Idea

more ideas

our twitter box

AddThis

| More

count down - without flash ^^

okay a few coverflow ideas http://folio.vndv.com/jcoverflow/ http://www.classycode.co.uk/CoverFlow/rwmCoverFlow%20-%20demo.htm http://finnrudolph.de/ImageFlow/Examples#Default

@@ Line 1: / Line 1: @@
 <html>
 <head>
+<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/jquery.min.js"></script>
 <script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/cloud-carousel.js"></script>
 <script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/js/slimbox2.js"></script>
-<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.css"></script>
 <script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.js"></script>
 <link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/css/slimbox2.css" rel="stylesheet">
+<link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.css" rel="stylesheet">
-<script>
+<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=siDS6nUKbSBnppf0uONMA&v=1"></script>
-$(document).ready(function(){
+<script type="text/javascript" src="http://endo.bio.tu-dresden.de/igem/scripthost/jtwett/jtweetsanywhere.min.js"></script>
+<link rel="stylesheet" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/jtwett/jtweetsanywhere.css" />
+<script src="http://endo.bio.tu-dresden.de/igem/scripthost/countdown/kk_countdown.min.js" type="text/javascript"></script>
+<link rel="stylesheet" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/countdown/rrclock.css" />
+<script  type="text/JavaScript">
+$(document).ready(function(){
 	// This initialises carousels on the container elements specified, in this case, carousel1.
 	$("#carousel1").CloudCarousel(
@@ Line 23: / Line 33: @@
 	);
 });
+$(document).ready(function(){
+    $('#tweetsFeed').jTweetsAnywhere({
+        username: 'igem_biotec',
+        count: 10,
+        showFollowButton: true
+    });
+});
 </script>
@@ Line 33: / Line 51: @@
          <input id="left-but"  type="button" value="Left" />
          <input id="right-but" type="button" value="Right" />
 		<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
              <!-- You can place links around these images -->
@@ Line 44: / Line 61: @@
 				<a href="https://static.igem.org/mediawiki/igem.org/e/e8/BiotecDresden_Circle_Charanya.jpg" rel="lightbox" title="Image of Charanya"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/e/e8/BiotecDresden_Circle_Charanya.jpg/300px-BiotecDresden_Circle_Charanya.jpg" alt="Image of Charanya" title="Image o Charanya" /></a>
 				<a href="https://static.igem.org/mediawiki/igem.org/5/51/BiotecDresden_Circle_Rahul.jpg" rel="lightbox" title="Image of Rahul"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/5/51/BiotecDresden_Circle_Rahul.jpg/300px-BiotecDresden_Circle_Rahul.jpg" alt="Image of Rahul" title="Image of Rahul" /></a>
-				<a href="https://static.igem.org/mediawiki/igem.org/3/35/BiotecDresden_Circle_Viktor.jpg" rel="lightbox" title="Image of Viktor"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/3/35/BiotecDresden_Circle_Viktor.jpg/300px-BiotecDresden_Circle_Viktor.jpg" alt="Image of Viktor" title="Image of Viktor" /></a>
+				<a href="https://static.igem.org/mediawiki/igem.org/3/35/BiotecDresden_Circle_Viktor.jpg" rel="lightbox" title="Image of Viktor"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/3/35/BiotecDresden_Circle_Viktor.jpg/300px-BiotecDresden_Circle_Viktor.jpg" alt="Image of Victor" title="Image of Victor" /></a>
 				<a href="https://static.igem.org/mediawiki/igem.org/2/27/BiotecDresden_Circle_Lucas.jpg" rel="lightbox" title="Image of Lucas"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/2/27/BiotecDresden_Circle_Lucas.jpg/300px-BiotecDresden_Circle_Lucas.jpg" alt="Image of Lucas" title="Image of Lucas" /></a>
 			</div>
@@ Line 108: / Line 125: @@
      </ul>
 </div>
+<h2>our twitter box</h2>
+ <div id="tweetsFeed"></div>
+<h2>AddThis</h2>
+<!-- AddThis Button BEGIN -->
+<div class="addthis_toolbox addthis_default_style">
+<a class="addthis_button_favorites"></a>
+<a class="addthis_button_email"></a>
+<a class="addthis_button_print"></a>
+<span class="addthis_separator">|</span>
+<a class="addthis_button_facebook"></a>
+<a class="addthis_button_twitter"></a>
+<a class="addthis_button_stumbleupon"></a>
+<span class="addthis_separator"> </span>
+<a class="addthis_button_facebook_like"></a>
+<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=igembiotec" class="addthis_button_expanded">More</a>
+</div>
+<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=igembiotec"></script>
+<!-- AddThis Button END -->
+<h2>count down - without flash ^^</h2>
+        <script type="text/javascript">
+            $(document).ready(function(){
+                $("body").kkCountDown();
+            });
+        </script>
+        <div id="content">
+            <div id="count-box">
+                <span time="1288915200" class="kkcount-down"></span>
+            </div>
+        </div>
+  okay a few coverflow ideas
+http://folio.vndv.com/jcoverflow/
+http://www.classycode.co.uk/CoverFlow/rwmCoverFlow%20-%20demo.htm
+http://finnrudolph.de/ImageFlow/Examples#Default
      </body>
 </html>