← Back to branch summary

~widelands-dev/widelands-website/django_staticfiles

« back to all changes in this revision

Viewing changes to templates/wlscreens/index.html

  • Committer: franku
  • Date: 2016-04-18 13:29:23 UTC
  • mto: This revision was merged to the branch mainline in revision 409.
  • Revision ID: somal@arcor.de-20160418132923-bfzkb5mvdr7l8mz4
added migrations to each app

Show diffs side-by-side

added added

removed removed

Lines of Context:
templates/wlscreens/index.html
4
4
{% endcomment %}
5
5
 
6
6
{% load wl_markdown %}
7
 
{% load static %}
8
7
 
9
8
{% block extra_head %}
10
9
{{ block.super }}
11
 
<link rel="stylesheet" href="{% static 'lightbox_v2/css/lightbox.css" type="text/css" media="screen' %}" />
12
 
<link rel="stylesheet" href="{% static 'lightbox_v2/css/custom.css" type="text/css" media="screen' %}" />
13
 
<!-- lightbox-plus-jquery.min.js supports also IE9+ -->
14
 
<script type="text/javascript" src="{% static 'lightbox_v2/lightbox-plus-jquery.min.js' %}"></script>
 
10
<!-- Add fancyBox with button helper -->
 
11
<link rel="stylesheet" href="{{ MEDIA_URL }}fancybox/jquery.fancybox.css?v=2.0.6" type="text/css" media="screen" />
 
12
<script type="text/javascript" src="{{ MEDIA_URL }}fancybox/jquery.fancybox.pack.js?v=2.0.6"></script>
 
13
<link rel="stylesheet" href="{{ MEDIA_URL }}fancybox/helpers/jquery.fancybox-buttons.css?v=1.0.2" type="text/css" media="screen" />
 
14
<script type="text/javascript" src="{{ MEDIA_URL }}fancybox/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
 
15
<link rel="stylesheet" href="{{ MEDIA_URL }}fancybox/helpers/jquery.fancybox-thumbs.css?v=2.0.6" type="text/css" media="screen" />
 
16
<script type="text/javascript" src="{{ MEDIA_URL }}fancybox/helpers/jquery.fancybox-thumbs.js?v=2.0.6"></script>
15
17
<script type="text/javascript">
16
 
        lightbox.option({
17
 
                  'resizeDuration': 400,
18
 
                  'wrapAround': true,
19
 
                  'showImageNumberLabel': false,
 
18
        $(document).ready(function() {
 
19
                $(".fancybox").fancybox({
 
20
                        openEffect : 'elastic',
 
21
                        closeEffect : 'elastic',
 
22
                        closeBtn : false,
 
23
                        helpers : {
 
24
                                title : {
 
25
                                        type : 'outside'
 
26
                                },
 
27
                                buttons : {},
 
28
                                thumbs  : {
 
29
                                        width   : 50,
 
30
                                        height  : 50
 
31
                                }
 
32
                        }
20
33
                });
 
34
        });
21
35
</script>
22
36
{% endblock %}
23
37
 
24
 
{% block content_header %}
25
 
        <h1>Screenshots</h1>
26
 
{% endblock %}
27
 
{% block content_main %}
 
38
{% block content %}
 
39
<h1>Screenshots</h1>
 
40
 
28
41
{% for c in categories %}
29
 
        <div class="blogEntry">
30
 
                <h2>{{ c.name }}</h2>
31
 
                <ul class="screenshot_list">
32
 
                {% for s in c.screenshots.all %}
33
 
                        <li>
34
 
                                <a href="{{ s.screenshot.url }}"
35
 
                                   data-lightbox="{{ c.slug }}"
36
 
                                   data-title="{{ s.name }}: {{ s.comment }}">
37
 
                                        <img src="{{ s.thumbnail.url }}" alt="" />
38
 
                                </a>
39
 
                                <br />
40
 
                                <span>{{ s.name }}</span>
41
 
                        </li>
42
 
                {% endfor %}
43
 
                </ul>
44
 
        </div>
 
42
<div class="blogEntry">
 
43
        <h2>{{ c.name }}</h2>
 
44
        <ul class="screenshot_list">
 
45
        {% for s in c.screenshots.all %}
 
46
                <li>
 
47
                        <a class="fancybox" rel="{{ c.slug }}" href="{{ s.screenshot.url }}" title="{{ s.name }}: {{ s.comment }}">
 
48
                                <img src="{{ s.thumbnail.url }}" alt="" />
 
49
                        </a>
 
50
                        <br />
 
51
                        <span>{{ s.name }}</span>
 
52
                </li>
 
53
        {% endfor %}
 
54
        </ul>
 
55
</div>
45
56
{% endfor %}
46
57
{% endblock %}