source: django/templates/base.html @ 16:4b59c9ceb345

Revision 16:4b59c9ceb345, 18.9 KB checked in by hagenbruch@phoibe.ub.rub.de, 8 years ago (diff)

Added authentication against Rubiks.

Line 
1<?xml version="1.0" ?>
2<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0 //EN" "http://www.w3.org/Markup/DTD/xhtml-rdfa-1.dtd">
3{% block namespaces %}
4<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:skos="http://www.w3.org/2008/05/skos#" xmlns:bobib="http://bibliographie.ub.rub.de/">
5    {% endblock namespaces %}
6    <head>
7        <title>
8        {% block headtitle %}
9            RUB Bibliographie
10        {% endblock headtitle %}
11        </title>
12        <meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
13        <link href="http://134.147.247.36/media/bibliographie-02/css/central.css" rel="stylesheet" type="text/css"/>
14        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
15        {% block feeds %}{% endblock feeds %}
16       
17        <script type="text/javascript" src="http://134.147.247.36/media/bibliographie-02/js/jquery.js"></script>
18        <script type="text/javascript" src="http://134.147.247.36/media/bibliographie-02/js/jquery.metadata.js"></script>
19        <script type="text/javascript" src="http://134.147.247.36/media/bibliographie-02/js/mbMenu.js"></script>
20        <script type="text/javascript" src="http://134.147.247.36/media/bibliographie-02/js/jquery.hoverIntent.js"></script>
21        <script type="application/javascript" src="http://134.147.247.36/media/bibliographie-02/js/widget.js"></script>
22        <script type="text/javascript" src="http://134.147.247.36/media/bibliographie-02/js/myjs.js"></script>
23        {% block javascript %}{% endblock javascript %}
24        {% block unapi %}{% endblock unapi %}
25    </head>
26        {% block body%}<body>{% endblock %}
27        <!-- add your meta tags here -->
28        <!--[if lte IE 7]>
29        <link href="http://134.147.247.36/media/bibliographie-02/css/patches/patch_layout.css" rel="stylesheet" type="text/css" />
30        <![endif]-->
31
32        <div class="page_margins">
33            <div class="page">
34                <div id="header">
35                    <div id="topnav">
36                        <!-- start: skip link navigation -->
37                        <a class="skip" title="skip link" href="#col1_content">Skip to the navigation</a><span class="hideme">.</span>
38                        <a class="skip" title="skip link" href="#col3_content">Skip to the content</a><span class="hideme">.</span>
39                        <!-- end: skip link navigation -->
40                        {% block logo %}
41                        <div class="logorub">
42                            <a href="http://www.rub.de">
43                                <img src="http://134.147.247.36/media/bibliographie-02/css/screen/img/logo/logo-rub-102.gif" alt="Logo RUB" title="Logo der Ruhr-Universit&auml;t Bochum" />
44                            </a>
45                        </div>
46                        {% endblock logo%}
47                        {% block login %}
48                        {% if user.is_authenticated %}
49                        <div id="anmeldung">
50                            Angemeldet als {{ user.first_name }} {{ user.last_name }}&nbsp;&nbsp;<a href="/logout">Logout</a>
51                        </div>
52                        {% else %}
53                        <div id="anmeldung">
54                            <form id="login" action="sign_in" accept-charset="UTF-8" method="post">
55                                <div>
56                                    <label for="loginid" class="hideme">Login-ID</label>
57                                    <input type="text" id="loginid"  name="username" value="LoginID" />
58                                    <label for="passwd" class="hideme">Passwort</label>
59                                    <input type="password" id="passwd" name="password" value="Passwort" />
60                                    <input id="anmelden" type="submit" value="Anmelden" />
61                                </div>
62                            </form>
63                        </div>
64                        {% endif %}
65                        {% endblock login %}
66                        <a href="http://www.rub.de">
67                            <img src="http://134.147.247.36/media/bibliographie-02/css/screen/img/logo/rub-schriftzug.gif" alt="Ruhr-Universit&auml;t Bochum" class="schriftzug" id="Schriftzug" />
68                        </a>
69                        <h1>Universitätsbibliothek</h1>
70                        {% block body_title %}
71                        <h2>Hochschulbibliographie</h2>
72                        {% endblock body_title %}
73                    </div> <!-- Ende topnav -->
74                </div> <!-- Ende header -->
75                <div>
76                    <!-- menues -->
77                    <div id="menu_1" class="mbmenu">
78                        <a href="http://pupunzi.com" class="{img: 'ico_view.gif'}" >menu_1.1 (href target _self) </a> <!-- menuvoice with href-->
79                        <a class="{action: 'document.title=(\'menu_1.2\')'}" >menu_1.2</a> <!-- menuvoice with js action-->
80                        <a href="#" class="{action: 'document.title=(\'menu_1.3\')', disabled:true}">menu_1.3</a> <!-- menuvoice disabled-->
81                        <a class="{action: 'document.title=(\'menu_1.4\')', menu:'menu_1', img: '24-book-blue-check.png'}">menu_1.4</a><!-- menuvoice with js action, image and submenu-->
82                    </div>
83                    <div id="menu_2" class="mbmenu">
84                        <a class="{action: 'document.title=(\'menu_2.2\')'}">menu_1</a>
85                        <a class="{action: 'document.title=(\'menu_2.2\')'}">menu_2</a>
86                        <a class="{menu: 'sub_menu_1'}">menu_3</a>
87                        <a class="{menu: 'sub_menu_1'}">menu_4</a>
88                        <a class="{action: 'document.title=(\'menu_2.2\')'}">menu_5</a>
89                    </div>
90                    <div id="menu_3" class="mbmenu">
91                        <a rel="text" >
92                            <span><input type="checkbox" name="check-1" id="check-1" value=""/>
93                                <label for="check-1">RUBopac</label></span>
94                            <span><input type="checkbox" name="check-2" id="check-2" value=""/>
95                                <label for="check-2">E-Journals</label></span>
96                            <span><input type="checkbox" name="check-3" id="check-3" value=""/>
97                                <label for="check-3">E-Books</label></span>
98                            <span><input type="checkbox" name="check-4" id="check-4" value=""/>
99                                <label for="check-4">Datenbanken</label></span>
100                            <span><input type="checkbox" name="check-5" id="check-5" value=""/>
101                                <label for="check-5">Website</label></span>
102                            <input type="submit" name="deselect" id="deselect" value="Auswahl aufheben"/>
103                        </a>
104                    </div>
105
106                    <div id="menu_4" class="mbmenu">
107                        <a rel="text" >
108                            <span><input type="radio" name="field-1" id="field-1" value=""/>
109                                <label for="field-1">Titel</label></span>
110                            <span><input type="radio" name="field-2" id="field-2" value=""/>
111                                <label for="field-2">Schlagwort</label></span>
112                            <span><input type="radio" name="field-3" id="field-3" value=""/>
113                                <label for="field-3">Zeitschrift</label></span>
114                            <span><input type="radio" name="field-4" id="field-4" value=""/>
115                                <label for="field-4">ISBN / ISSN</label></span>
116                            <span><input type="radio" name="field-5" id="field-5" value=""/>
117                                <label for="field-5">Signatur</label></span>
118                        </a>
119                    </div>
120                    <div id="sub_menu_1" class="mbmenu">
121                        <a class="{action: 'document.title=(\'sub_menu_1.1\')'}">sub_menu_1.1</a>
122                        <a class="{menu:'menu_1'}">sub_menu_1.2</a>
123                        <a class="{action: 'document.title=(\'sub_menu_1.3\')', img: 'bgColor.gif'}">sub_menu_1.3</a>
124                        <a class="{action: 'document.title=(\'sub_menu_1.4\')',img: 'Applet.gif'}">sub_menu_1.4</a>
125                    </div>
126
127                    <div id="sub_menu_2" class="mbmenu">
128                        <a class="{action: 'document.title=(\'sub_menu_2.1\')', img: 'buttonfind.gif'}" >sub_menu_2.1</a>
129                        <a class="{action: 'document.title=(\'sub_menu_2.2\')'}">sub_menu_2.2</a>
130                        <a class="{action: 'document.title=(\'sub_menu_2.3\')'}">sub_menu_2.3</a>
131                        <a class="{action: 'document.title=(\'sub_menu_2.4\')'}" >sub_menu_2.4</a>
132                    </div>
133                </div>
134
135                <div id="nav_horizontal">
136                    <div id="haupt-navi">
137                        <div id="hn-suche" class="bereich-hn-suche myMenu">
138                            <h3>Suchen</h3>
139                            <div class="content rootVoices">
140                                <div class="tabs">
141                                    <span class="aktiv rootVoice {menu: 'menu_3'}">Meine Bibliothek</span>
142                                    <span class="passiv rootVoice {menu: 'menu_4'}">Katalog</span>
143                                </div>
144                                <form action="#"  accept-charset="UTF-8" method="post" id="suche-1">
145                                    <div>
146                                        <div class="" id="suchfeld-wrapper">
147                                            <input type="text" maxlength="60" name="" id="suche-2" size="50" value="" class="form-text" />
148                                            <label for="suche-2" class="hideme">Ihre Suche</label>
149
150                                        </div>
151                                        <input type="submit" name="" id="suche-3" value="Start"  class="form-submit" />
152                                        <label for="suche-3" class="hideme">Suche starten</label>
153                                    </div>
154                                </form>
155                            </div>
156                        </div> <!-- Ende hn-suche -->
157
158                        <div id="hn-browse" class="bereich-hn-browse myMenu">
159                            <h3>Stöbern</h3>
160                            <div class="content rootVoices">
161                                <div class="rootVoice {menu: 'menu_2'}" >
162                                    <div id="browse-auswahl">
163                                        <a href="">Wählen Sie ein Fachgebiet</a>
164                                    </div>
165                                </div>
166                            </div>
167                        </div>
168
169                        <div id="hn-hilfe" class="bereich-hn-hilfe myMenu">
170                            <h3>Informieren</h3>
171                            <div class="content  rootVoices">
172                                <div id="hilfe-auswahl">
173                                    <div class="linke-spalte rootVoice {menu: 'menu_2'}">
174                                        <a href="#">Fragen Sie uns!</a></div>
175                                    <div class="rechte-spalte rootVoice {menu: 'menu_2'}">
176                                        <a href="#">Unser Service</a>
177                                    </div>
178                                </div>
179                            </div>
180                        </div> <!-- Ende hn-hilfe -->
181                    </div> <!-- Ende haupt-navi -->
182                </div> <!-- Ende nav_horizontal -->
183
184                <!--
185                Breadcrumbs
186                -->
187
188                <div id="nav">
189                    <!-- skiplink anchor: navigation -->
190                    <div id="sprache">
191                        <h3 class="versteckmich">Sprache der Webseite wechseln</h3>
192                        <a href="index_en.html">English</a></div>
193                    <!-- Ende Sprache -->
194                    <div id="wo_bin_ich">
195                        <h3 class="versteckmich">Wo bin ich gerade?</h3>
196                        {% block breadcrumb %}
197                        <a href="http://www.rub.de" title="RUB Startseite">RUB</a> &raquo; <strong>Hochschulbibliographie</strong>
198                        {% endblock breadcrumb %}
199                    </div>
200                </div>      <!-- Ende nav -->
201
202                <!--
203                 Main
204                -->
205                <div id="main">
206                    <div id="col1">
207                        <div id="col1_content">
208                            {% block institutions_facets %}{% endblock institutions_facets %}
209                            {% block visualize %}{% endblock visualize %}
210                        </div>
211                    </div> <!-- Ende col1 -->
212
213                    <div id="col2">
214                        <div id="col2_content" class="clearfix">
215                            {% block news %}{% endblock news %}
216                            {% block contact %}{% endblock contact %}
217                            {% block watchlist %}{% endblock watchlist %}
218                            {% block history %}{% endblock history %}
219                            {% block drill_downs %}{% endblock drill_downs %}
220                        </div>     <!-- Ende col2_content -->
221                    </div><!-- Ende col2 -->
222
223                    <div id="col3">
224                        <div id="col3_content" class="clearfix">
225                            <div id="kontext-suche" class="kontext-suchfeld">
226                                <span class="kontext-navi"><a href="###">Melden</a> | <a href="###">Meine Dokumente</a> | <a href="###">Werkzeuge</a> | <a href="hilfe.html">Hilfe</a></span>
227                                <div class="content">
228                                    <div class="title">
229                                    </div>
230                                    <div class="tabs">
231                                        <span class="aktiv">Einfache Suche</span>
232                                        <span class="passiv">Erweiterte Suche</span>
233
234                                    </div>
235                                    <form action="/search"  accept-charset="UTF-8" method="get" id="biblio-search">
236                                        <div>
237                                            <div class="form-item" id="kontext-suchfeld-wrapper">
238                                                <input type="text" maxlength="60" name="q" id="search-field" size="50" value="" class="form-text" />
239                                                <label for="search-field" class="hideme">Ihre Suche</label>
240                                            </div>
241                                            <input type="submit" id="start-search" value="Start"  class="form-submit" />
242                                            <label for="start-search" class="hideme">Suche starten</label>
243                                        </div>
244                                    </form>
245                                </div>
246                            </div>
247                            {% block content %}{% endblock content %}
248                        </div> <!-- Ende col3_content -->
249                    </div> <!-- Ende col3 -->
250
251                    <!-- IE Column Clearing -->
252                    <div id="ie_clearing"> &#160; </div>
253                </div> <!-- Ende main -->
254
255                <div id="infoline">
256                    <div id="infoline_header">
257                        <div class="il_h_box">
258                            <h3>Schnellzugriff</h3>
259                        </div>
260                        <div class="il_h_box">
261                            <h3>Information / Hilfe</h3>
262                        </div>
263                        <div class="il_h_box">
264                            <h3>Kontakt</h3>
265                        </div>
266                        <div class="il_h_box_rechts">
267                            <h3>Öffnungszeiten</h3>
268                        </div>
269                    </div>
270                    <div id="infoline_boxes">
271                        <div class="infoline_box">
272                            <h3 class="versteckmich">Schnellzugriff</h3>
273                            <ul>
274                                <li><a href="#">Punkt 1</a></li>
275                                <li><a href="#">Punkt 2</a></li>
276                                <li><a href="#">Punkt 3</a></li>
277                                <li><a href="#">Punkt 4</a></li>
278                            </ul>
279                        </div>
280                        <div class="infoline_box">
281                            <h3 class="versteckmich">Information / Hilfe</h3>
282                            <ul>
283                                <li><a href="#">Punkt 1</a></li>
284                                <li><a href="#">Punkt 2</a></li>
285                                <li><a href="#">Punkt 3</a></li>
286                                <li><a href="#">Punkt 4</a></li>
287                            </ul>
288                        </div>
289                        <div class="infoline_box">
290                            <h3 class="versteckmich">Kontakt</h3>
291                            <ul>
292                                <li><a href="#">Punkt 1</a></li>
293                                <li><a href="#">Punkt 2</a></li>
294                                <li><a href="#">Punkt 3</a></li>
295                                <li><a href="#">Punkt 4</a></li>
296                            </ul>
297                        </div>
298                        <div class="infoline_box">
299                            <h3 class="versteckmich">Öffnungszeiten</h3>
300                            <ul>
301                                <li><a href="#">Punkt 1</a></li>
302                                <li><a href="#">Punkt 2</a></li>
303                                <li><a href="#">Punkt 3</a></li>
304                                <li><a href="#">Punkt 4</a></li>
305                            </ul>
306                        </div>
307                    </div> <!-- Ende infoline_boxes -->
308                </div>      <!-- Ende infoline -->
309                {% block footer %}
310                <div id="footer">
311                    <div id="fusszeilentext">
312                        Layout based on <a href="http://www.yaml.de/">YAML</a> |
313                        Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
314                        Valid <a href="http://jigsaw.w3.org/css-validator/check/referer"> CSS 2.1</a> |
315                        Letzte Änderung: 13.11.2009  &nbsp;|
316                        <a href="http://www.ruhr-uni-bochum.de/impressum.htm" title="Impressum Ruhr-Universit&auml;t Bochum">Impressum</a> |
317                        Ansprechpartner/in: <a href="mailto:">Inhalt</a> &amp; <a href="mailto:" title="Email Webmaster">Technik</a> | <a href="#" class="print">Druckfassung</a></div>
318                </div>
319                {% endblock footer %}
320            </div>
321        </div> <!-- Ende page_margins -->
322    </body>
323</html>
Note: See TracBrowser for help on using the repository browser.