7be50280c17b703a7ae3f4846edccb04d653d621
[snf-cloudcms] / cloudcms / templates / cms / base.html
1 <!doctype html>
2 {% load feincms_tags feincms_page_tags %}
3
4 <head>
5   <title>
6       {% block page.title %}{% if feincms_page.page_title %}{{ feincms_page.page_title }}
7       {% else %}{{ feincms_page.title }}{% endif %} | {{ APP.title }}{% endblock %}
8   </title>
9   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
10   <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">  
11   
12   {% block favicons %}
13   <link rel="shortcut icon" href="{{ APP.favicon.get_absolute_url }}">
14   <link rel="apple-touch-icon" href="{{ APP.favicon.get_absolute_url }}">
15   {% endblock favicons %}
16
17   {% block css %}
18       <link href='http://fonts.googleapis.com/css?family=Didact+Gothic&subset=latin' rel='stylesheet' type='text/css'>
19       <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/global.css">
20       <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/print.css" media="print">
21       <!--[if lte IE 7]>
22           <link rel="stylesheet" type="text/css" href="{{ MEDIA_URL }}cloudcms/css/ie7.css">
23       <![endif]-->
24       <link rel="stylesheet" media="screen and (max-width: 960px)" href="{{ MEDIA_URL }}cloudcms/css/max960.css"/>
25       <link rel="stylesheet" media="screen and (max-width: 768px)" href="{{ MEDIA_URL }}cloudcms/css/max768.css"/>
26       <link rel="stylesheet" media="screen and (max-width: 480px)" href="{{ MEDIA_URL }}cloudcms/css/max480.css"/>  
27   {% endblock css %}
28
29   {% block headjs %}
30      
31       <script src="{{ MEDIA_URL }}cloudcms/js/jquery-1.7.1.min.js"></script>
32       <script src="{{ MEDIA_URL }}cloudcms/js/underscore.js"></script>
33       <script src="{{ MEDIA_URL }}cloudcms/js/jquery.infieldlabel.js"></script>
34       <script src="{{ MEDIA_URL }}cloudcms/js/jquery.colorbox.js"></script>
35       <script src="{{ MEDIA_URL }}cloudcms/js/jquery.dropkick-1.0.0.js"></script>
36       <script src="{{ MEDIA_URL }}cloudcms/js/common.js"></script>
37       <script src="{{ MEDIA_URL }}cloudcms/js/forms.js"></script>
38       <script src="{{ MEDIA_URL }}cloudcms/js/os.js"></script>
39       <script src="{{ MEDIA_URL }}cloudcms/js/resources_list.js"></script> 
40   {% endblock headjs %}
41
42   {% block page.cms.media %}
43   {{ feincms_page.content.media }}
44   {% endblock %}
45
46   {% block page.scripts.cloudbar %}
47       {% if CLOUDBAR_ACTIVE %} {{ CLOUDBAR_CODE }} {% endif %}
48   {% endblock %}
49
50    <script type="text/javascript">
51       $(document).ready(function() {
52           $("form.innerlabels label").inFieldLabels();
53           $("form .form-row").formErrors();
54       })
55    </script>
56   {% block endhead %}{% endblock endhead %}
57
58   <style type="text/css">
59   {% block extrastyles %}
60   {% endblock %}
61   </style>
62
63   {% if APP.extra_styles %}
64   <style type="text/css">
65       {{ APP.extra_styles|safe }}
66   </style>
67   {% endif %}
68     
69 </head>
70
71 <body>
72     {% block page.mainbody %}
73      
74     <div class="container">
75         <div class="wrapper">
76                 <div class="mainlogo">
77                         {% if APP.logo %}
78                                 <h1>
79                                     <a href="{{ APP.index_url }}" title="{{ APP.title }}">
80                                         <img src="{{ APP.logo.get_absolute_url }}" alt="{{ APP.title }}" />
81                                     </a>
82                                 </h1>
83                         {% else %}
84                             <h1>{{ APP.title }}</h1>
85                         {% endif %}
86                     </div>
87                 <div class="navigation">
88                     <ul>
89                         {% block page.nav %}
90                             {% feincms_navigation of feincms_page as sublevel level=2,depth=1 %}
91                             {% for p in sublevel %}
92                             <li class="{% if p|is_equal_or_parent_of:feincms_page %}active{% endif %}">
93                             <a href="{{ p.get_absolute_url }}">{{ p.title }}</a></li>
94                             {% endfor %}
95                         {% endblock %}
96                     </ul>
97                     <ul>
98                         {% block page.subnav %}
99                             {% if feincms_page.override_url != "/" %}
100                             {% feincms_navigation of feincms_page as sublevel level=3,depth=1 %}
101                             {% for p in sublevel %}
102                             <li class="{% if p|is_equal_or_parent_of:feincms_page or p.url == request.path %}active{% endif %}">
103                             <a href="{{ p.get_absolute_url }}">{{ p.title }}</a></li>
104                             {% endfor %}
105                             {% endif %}
106                         {% endblock %}
107                     </ul>
108                 </div>
109                 <div class="content">
110                 {% block page.body %}
111                 {% endblock %}
112                 </div>
113             </div>    
114     </div>
115     {% if messages %}
116     <ul class="messages">
117         {% for message in messages %}
118         <li{% if message.tags %}
119             class="{{ message.tags }}"{% endif %}>
120             {{ message }}</li>
121         {% endfor %}
122     </ul>
123     {% endif %}
124     
125     
126     <div class="footer">
127         <div class="wrapper">
128                 {% include "cms/footer.html" %}
129         </div>
130     </div>
131     {% endblock page.mainbody %}
132 </body>
133 </html>