panikweb_templates/templates/news/roll.html

   1 {% load thumbnail 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                     {% thumbnail focus.content_image "500x375" crop="50% 25%" as im %}
  11                         style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{im.url}}');"
  12                         {% endthumbnail %}
  13                         class="block news relative"
  14                         href="{{ focus|get_focus_url }}">
  15                                                 {% if focus.content_category_title %}
  16                                                         <div class="label labels absolute">
  17                                                                 <span class="item inBlock">{{ focus.content_category_title }}</span>
  18                                                         </div>
  19                                                 {% endif %}
  20
  21                                                 <div class="title"><div>{{ focus.focus_title }}</div></div>
  22                                         </a>
  23                                 </li>
  24                         {% endfor %}
  25                 </ul>
  26         <div class="marged">
  27                     <ul class="custom distributed by3 padded" id="roller">
  28                             {% for focus in news %}
  29                                     <li style="width:30%;" class="num-{{ forloop.counter }} padded">
  30                                             <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
  31                                                     {% thumbnail focus.content_image "160x120" crop="50% 25%" as im %}
  32                                                     <img alt="" style="width:95%;" src="{{im.url}}" />
  33                                                     {% endthumbnail %}
  34                                             </button>
  35                                     </li>
  36                             {% endfor %}
  37                     </ul>
  38         </div>
  39         </div>
  40 </div>