source: mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html @ 8137

Subversion URL: http://proj.badc.rl.ac.uk/svn/ndg/mauRepo/MolesManager/trunk/src/MolesManager/static/templates/base.html@8137
Revision 8137, 5.9 KB checked in by mnagni, 8 years ago (diff)

Updated the urls.py in order to allow a static access to css/js/img. Anyway as specified in DJANGO manual

"Django itself doesn’t serve static (media) files, such as images, style sheets, or video. It leaves that job to whichever Web server you choose.
The reasoning here is that standard Web servers, such as Apache, lighttpd and Cherokee, are much more fine-tuned at serving static files than a Web application framework."
  • Property svn:executable set to *
Line 
1{% load i18n %}
2{% load static %}
3{% get_static_prefix as STATIC_URL %}
4
5<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
6<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
7
8
9<!--  Version: Multiflex-5.4 / Overview                     -->
10<!--  Type:    Design with sidebar                          -->
11<!--  Date:    March 13, 2008                               -->
12<!--  Design:  www.1234.info                                -->
13<!--  License: Fully open source without restrictions.      -->
14<!--           Please keep footer credits with the words    -->
15<!--           "Design by 1234.info". Thank you!            -->
16
17<head>
18
19    <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
20    <meta name="keywords" content="{% block meta_keywords %}{% endblock %}" /> 
21    <meta name="description" content="{% block meta_description %}{% endblock %}" /> 
22    <title>{% block meta_title %}{% endblock %}{% if settings.SITE_TITLE %} | {{ settings.SITE_TITLE }}{% endif %}</title>
23
24  <link rel="stylesheet" type="text/css" href="/static/css/960/reset.css"  />
25  <link rel="stylesheet" type="text/css" href="/static/css/960/960_12_col.css"  />
26  <link rel="stylesheet" type="text/css" href="/static/css/960/text.css"  />
27  <link rel="stylesheet" type="text/css" href="/static/css/ceda.css"  />
28  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.6/dijit/themes/claro/claro.css" />
29  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/ContentPane.css" />
30  <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/claro/layout/TabContainer.css" />
31
32<body class="claro">
33
34       
35        <script type="text/javascript">
36                console.log("load dojoConfig");
37        var dojoConfig = {
38            parseOnLoad: true,
39            isDebug: true,
40            locale: 'en-gb',
41            extraLocale: ['it-it'],
42                // Register 'ceda' js libs
43                // Make sure the module path does *not* end in a slash.           
44            paths: {"ceda": "/static/js"}
45        };
46                console.log(dojoConfig);
47    </script>
48        <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.7.1/dojo/dojo.js">
49        </script>
50 
51    {% block extra_head %}{% endblock %}
52</head>
53
54<!-- Global IE fix to avoid layout crash when single word size wider than column width -->
55<!-- Following line MUST remain as a comment to have the proper effect -->
56<!--[if IE]><style type="text/css"> body {word-wrap: break-word;}</style><![endif]-->
57
58<body>
59  <!-- CONTAINER FOR ENTIRE PAGE -->
60  <div class="container_12 fill" id="headerContainer">
61        <div class="corner-page-top"></div> 
62       
63    <div class="grid_12 fill" id="header" >
64            <div class="header-top">
65       
66                        <!-- A.1 SITENAME -->
67                        <a class="sitelogo" href="/" title="Home"></a>
68                          <div class="sitename"> </div>
69                </div> <!-- End of div header-top -->
70               
71                <div class="header-bottom">
72                        <div class="grid_4 push_8">
73               
74                                        <script type="text/javascript">
75                                                require(['dijit/form/Form', 'dijit/form/TextBox', 'dijit/form/Textarea', 'ceda/cedaObservation']);
76                                        </script>
77
78                                        <input type="hidden" name="coObs" id="coObs_id" value="{{ coObs }}" />
79
80                                        <div data-dojo-type="dijit.form.Form" id="myForm" data-dojo-id="myForm" encType="multipart/form-data" action="." method="POST">
81       
82                                        <script type="dojo/method" data-dojo-event="onSubmit">
83                                                if(this.validate()){
84                                                        return confirm('Form is valid, press OK to submit');
85                                                }else{
86                                                        alert('Form contains invalid data.  Please correct first');
87                                                        return false;
88                                                }
89                                                return true;
90                                        </script>
91                               
92                                        {% csrf_token %}
93       
94                                                <div class="fieldWrapper claro">
95                                                        <label for="id_obj_id">Search:</label>
96                                                        <input type="text" name="obs_id" value= ""
97                                                                data-dojo-type="dijit.form.TextBox"
98                                                                data-dojo-props="trim:true, propercase:true" id="obs_id"/>
99                                                        <button id="search_obs" type="submit">Search</button>
100                                               
101                                                </div> <!-- End of div fieldWrapper -->
102                                                <div id="advancedSearch"><p><a href="/search">+Advanced Search</a></p></div>
103                                       
104                                        </div> <!-- End of div myForm -->                               
105                        </div> <!-- End of div grid_4 push_8 -->
106                       
107                </div> <!-- End of div header-bottom -->
108        </div> <!-- End of div header -->
109 
110 
111  </div> <!-- end headerContainer -->
112
113  <div class="container_12 corner-page-bottom"></div> 
114<!-- END HEADER SECTION -->
115 
116<!-- C. MAIN SECTION -->     
117        <div class="container_12 fill" id="mainContainer">
118                <div class="corner-page-top"></div>   
119<!-- Place content here -->
120                <div class="fill" id="main" >   
121                        <h1>{% block title %}{% endblock %}</h1> 
122         
123                        {% block main %}{% endblock %}
124       
125                </div> <!--end main -->
126        </div> <!-- End of div mainContainer -->
127<!-- Place content above here -->
128
129    <!-- Footer section-->
130       
131        <div class="container_12 fill" id="footerContainer">
132                <br />
133                <br />
134                <div class="grid_12 whiteFill" id="footer">
135                        <div class="grid_12 alpha" id="footerLogos">
136                                <p><a href="http://www.ncas.ac.uk"><img src="/static/img/ncas_logo_fullcolour.jpg" alt="NCAS logo" title="NCAS" align="left"/></a>
137                                <a href="http://www.nceo.ac.uk"><img src="/static/img/nceo_logo.jpg" alt="NCEO logo" title="NCEO" align="right"/></a></p>
138                        </div> <!-- End div footerLogos-->
139                        <div class="grid_6 push_3 whiteFill omega" id="footerStatements">
140                                <p>Copyright &copy; 2011 STFC&nbsp;&nbsp;|&nbsp;&nbsp;All Rights Reserved</p>
141         
142                                <p class="credits">Based on 960.gs with design elements from <a href="http://1234.info/" title="Designer Homepage">1234.info</a> | <a href="http://validator.w3.org/check?uri=referer" title="Validate XHTML code">XHTML 1.0</a> | <a href="http://jigsaw.w3.org/css-validator/" title="Validate CSS code">CSS 2.0</a> </p>
143
144                        </div> <!-- End of footerStatements div -->
145                </div> <!-- End of div footer -->
146        </div>   <!-- End of footerContainer div -->
147        <div class="container_12 corner-page-bottom"></div> 
148
149</body>
150</html>
Note: See TracBrowser for help on using the repository browser.