panikweb_templates/templates/party.html

   1 {% extends "base.html" %}
   2 {% load thumbnail paniktags %}
   3 {% block bodyID %}Party{% endblock %}
   4 {% block title %}Party{% endblock %}
   5
   6 {% block extrascripts %}
   7 <script>
   8 var timer = null;
   9 function reload() {
  10   if (location.href.indexOf('/party') == -1) {
  11     clearInterval(timer);
  12     return;
  13   }
  14   if (location.href.indexOf('?') == -1) {
  15     href = location.href;
  16   } else {
  17     href = location.href.substring(0, location.href.indexOf('?'));
  18   }
  19   href = href + '?' + new Date().getTime()
  20   $('#Changing').fadeOut();
  21
  22   $('#Changing').load(href + " #Changing>*", null, function() {$('#Changing').fadeIn();});
  23 }
  24
  25 $(function() {
  26   timer = setInterval(reload, 10000);
  27 });
  28 </script>
  29 {% endblock %}
  30
  31 {% block main %}
  32
  33 <div id="party" class="news">
  34
  35   <div class="content content-inline cf special">
  36     <a class="block cf" href="{{ focus|get_focus_url}}">
  37       {% if focus.content_category_title %}
  38         <div class="label labels absolute">
  39           <span class="item inBlock">{{ focus.content_category_title }}</span>
  40         </div>
  41       {% endif %}
  42       <div class="logo">
  43         {% thumbnail focus.content_image "500x375" crop="50% 25%" as im %}
  44         <img width="500" height="375" class="normal" src="{{im.url}}"/>
  45         {% endthumbnail %}
  46       </div>
  47       <div class="title"><div>{{ focus.focus_title }}</div></div>
  48     </a>
  49   </div>
  50
  51   <style>
  52 #metaNav, #Footer, .metas { display: none; }
  53 .special .title {
  54         opacity:0.9;
  55         width: 482px;
  56         background: black;
  57         color: white;
  58         position: absolute;
  59         bottom: 0;
  60         font-family: "RegloBold";
  61         padding: 10px;
  62 }
  63
  64 body {
  65         height: 90%;
  66         overflow: hidden;
  67 }
  68
  69 #Changing,
  70 #Commons {
  71         float: none;
  72         height: 200px;
  73         width: 500px;
  74         margin: 0 auto 0 auto;
  75 }
  76 #backgroundBox {
  77         margin: auto 0;
  78 }
  79
  80 #Commons > .wrapper {
  81         position: relative;
  82 }
  83
  84 #Player {
  85         width: 200px;
  86         position: absolute;
  87         top: 50px;
  88         left: 200px;
  89 }
  90
  91   </style>
  92
  93 {% endblock %}