panikweb_templates/templates/news/roll.html

   1 {% load thumbnails i18n paniktags %}
   2 <div id="newsRoll">
   3         <div class="newsRoll center cf">
   4                 <ul id="ticker" class="custom bigNews marged" style="height:300px;overflow:hidden;">
   5                         {% for focus in news %}
   6                                 <li
   7                     id="newsRollId-{{ focus.id }}"
   8                     class="">
   9                                         <a
  10                         style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{ focus.content_image|thumbnail:'500x375' }}');"
  11                         class="block news relative"
  12                         href="{{ focus|get_focus_url }}">
  13                                                 {% if focus.content_category_title %}
  14                                                         <div class="label labels absolute">
  15                                                                 <span class="item inBlock">{{ focus.content_category_title }}</span>
  16                                                         </div>
  17                                                 {% endif %}
  18
  19                                                 <div class="title"><div>{{ focus.focus_title }}</div></div>
  20                                         </a>
  21                                 </li>
  22                         {% endfor %}
  23                 </ul>
  24         <div class="marged">
  25                     <ul class="custom distributed by3 padded" id="roller">
  26                             {% for focus in news %}
  27                                     <li style="width:30%;" class="num-{{ forloop.counter }} padded">
  28                                             <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
  29                                                     <img style="width:95%;" src="{{ focus.content_image|thumbnail:'160x120' }}" />
  30                                             </button>
  31                                     </li>
  32                             {% endfor %}
  33                     </ul>
  34         </div>
  35         </div>
  36 </div>