roll.html 1.3 KB
Newer Older
fred's avatar
fred committed
1
{% load thumbnails %}{% load i18n %}{% load paniktags %}
Simon Daron's avatar
Simon Daron committed
2
<div id="newsRoll">
3
4
	<div class="newsRoll center cf">
		<ul id="ticker" class="custom bigNews marged" style="height:300px;overflow:hidden;">
fred's avatar
fred committed
5
			{% for focus in news %}
Simon Daron's avatar
Simon Daron committed
6
				<li 
fred's avatar
fred committed
7
                    id="newsRollId-{{ focus.id }}"
Simon Daron's avatar
Simon Daron committed
8
9
                    class="">
					<a 
fred's avatar
fred committed
10
11
12
13
                        style="max-width:100%;height:300px;background: no-repeat 50% 50% url('{{ focus.content_image|thumbnail:'800x600' }}');" 
                        class="block news relative"
			href="{{ focus|get_focus_url }}">
						{% if focus.content_category_title %}
Simon Daron's avatar
Simon Daron committed
14
							<div class="label labels absolute">
fred's avatar
fred committed
15
								<span class="item inBlock">{{ focus.content_category_title }}</span>
Simon Daron's avatar
Simon Daron committed
16
							</div>	
fred's avatar
fred committed
17
						{% endif %}
Simon Daron's avatar
Simon Daron committed
18

fred's avatar
fred committed
19
						<div class="title"><div>{{ focus.focus_title }}</div></div>
Simon Daron's avatar
Simon Daron committed
20
21
22
23
					</a>
				</li>
			{% endfor %}
		</ul>
24
25
        <div class="marged">
		    <ul class="custom distributed by3 padded" id="roller">
fred's avatar
fred committed
26
			    {% for focus in news|slice:'0:3' %}
27
				    <li style="width:30%;" class="num-{{ forloop.counter }} padded">
fred's avatar
fred committed
28
29
					    <button class="inBlock" data-about="#newsRollId-{{ focus.id }}">
						    <img style="width:95%;" src="{{ focus.content_image|thumbnail:'160x120' }}" />
30
31
32
33
34
					    </button>
				    </li>
			    {% endfor %}
		    </ul>
        </div>
Simon Daron's avatar
Simon Daron committed
35
	</div>
Simon Daron's avatar
Simon Daron committed
36
</div>