add party.o.o
[opensuse:party_o_o.git] / index.php
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2 <?php
3     require_once 'simplepie.inc';
4     $feed = new SimplePie();
5     $feed->set_feed_url('http://search.twitter.com/search.atom?lang=en&rpp=50&q=%23osc2010');
6     $feed->init();
7     $feed->handle_content_type();
8
9 ?>   
10 <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
11 <head>
12           <title>Party!</title>
13           
14       <!-- Meta -->
15       <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
16           <meta name="author" content="Henne Vogelsang" />
17       
18       <!-- Scripts -->
19       <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
20           <script type="text/javascript" src="scripts/jquery.easyAccordion.js"></script>
21       <script type="text/javascript" src="scripts/utility.js"></script>
22       
23       <style type="text/css">
24                   html{font-size:62.5%}
25                   body{font-size:1.2em;color:#000000}
26                   .sample{margin:5px;border:1px solid #8bcd07;background:#000000;padding:15px}
27                   h1{margin:0 0 20px 0;padding:0;font-size:2em;}
28                   h2{margin:40px 0 20px 0;padding:0;font-size:1.6em;}
29                   .easy-accordion h2{margin:0px 0 20px 0;padding:0;font-size:1.6em;}
30                   p{font-size:1.2em;line-height:170%;margin-bottom:20px}
31                                   
32                  
33                 /* UNLESS YOU KNOW WHAT YOU'RE DOING, DO NOT CHANGE THE FOLLOWING RULES */
34                 
35                 .easy-accordion{display:block;position:relative;overflow:hidden;padding:0;margin:0}
36                 .easy-accordion dt,.easy-accordion dd{margin:0;padding:0}
37                 .easy-accordion dt,.easy-accordion dd{position:absolute}
38                 .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px;  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);cursor:pointer;}
39                 .easy-accordion dd{z-index:1;opacity:0;overflow:hidden}
40                 .easy-accordion dd.active{opacity:1;}
41                 .easy-accordion dd.no-more-active{z-index:2;opacity:1}
42                 .easy-accordion dd.active{z-index:3}
43                 .easy-accordion dd.plus{z-index:4}
44                 .easy-accordion .slide-number{position:absolute;bottom:0;left:10px;font-weight:normal;font-size:1.1em;/* Safari */ -webkit-transform: rotate(90deg); /* Firefox */ -moz-transform: rotate(90deg);  /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
45                  
46                  
47                 /* FEEL FREE TO CUSTOMIZE THE FOLLOWING RULES */
48                 
49                 dd p{line-height:120%}
50                 
51                 #accordion-1{width:400px;height:245px;padding:30px;background:#f4f4f4;border:1px solid #8bcd07}
52                 #accordion-1 dl{width:400px;height:245px}       
53                 #accordion-1 dt{height:0px;line-height:44px;text-align:right;padding:0 15px 0 0;font-size:1.1em;font-weight:bold;font-family: Tahoma, Geneva, sans-serif;text-transform:uppercase;letter-spacing:1px;background:#fff url(images/slide-title-inactive-1.jpg) 0 0 no-repeat;color:#26526c}
54                 #accordion-1 dt.active{cursor:pointer;color:#fff;background:#fff url(images/slide-title-active-1.jpg) 0 0 no-repeat}
55                 #accordion-1 dt.hover{color:#68889b;}
56                 #accordion-1 dt.active.hover{color:#fff}
57                 #accordion-1 dd{padding:25px;background:url(images/slide.jpg) bottom left repeat-x;border:1px solid #dbe9ea;border-left:0;margin-right:3px}
58                 #accordion-1 .slide-number{color:#68889b;left:10px;font-weight:bold}
59                 #accordion-1 .active .slide-number{color:#fff;}
60                 #accordion-1 a{color:#8bcd07}
61                 #accordion-1 dd img{float:right;margin:0 0 0 30px;}
62                 #accordion-1 h1{color:#8bcd07}
63                 #accordion-1 h2{font-size:1.5em;margin-top:10px}
64                 #accordion-1 .more{padding-top:10px;display:block}
65                         
66       </style>
67       
68 </head>
69 <body bgcolor="black">
70
71     <div class="sample">
72         <div id="accordion-1">
73             <dl>
74                 <center><h2>Join in on twitter! Use the <font color="#8bcd07">#osc2010</font> hashtag.</h2></center>
75 <?php foreach ($feed->get_items() as $item): ?>
76                 <?php $author = $item->get_author(); ?>
77                 <dt></dt>
78                 <dd><img src="<?php echo $item->get_link(0, 'image'); ?>"><h1><?php echo $author->get_name(); ?></h1><h2><?php echo $item->get_description(); ?></h2></dd>
79 <?php endforeach; ?>
80             </dl>
81         </div>
82         <img width="450px" align="right" style="position:absolute; right:40px; top:70px;" src="lizard-lounge2.png">
83     </div>
84     
85 </body>
86 </html>