1 {% load transdigest helpers %}
2 <?xml version="1.0" encoding="UTF-8"?>
4 "-//W3C//DTD XHTML 1.0 Transitional//EN"
5 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
6 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <head profile="http://dublincore.org/documents/dcq-html/">
8 <link rel="schema.DC" href="http://purl.org/dc/elements/1.1/" />
9 <link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
10 <link rel="stylesheet" type="text/css" href="{% media_url %}/homepage/css/web0.5.css" media="screen" />
12 <title>{% block title %}{% translate "WELCOME_TO_POINTTEC" %}{% endblock %}</title>
13 <meta name="DC.title" content="Homepage of point TEC" />
14 <meta name="DC.creator" content="Marek Kubica" />
15 <meta name="DC.subject" content="Presentation of products" />
16 <meta name="DC.publisher" content="point TEC" />
17 <meta name="DC.rights" content="copyright by point TEC" />
21 <style type="text/css">
38 margin-bottom: -175px;
45 background-color: #ffffff;
47 /* the horizontal bars */
49 background-color: #292926;
59 <script type="text/javascript" src="{% media_url %}/homepage/js/jquery.js"></script>
60 <script type="text/javascript" src="{% media_url %}/homepage/js/jquery.preload.js"></script>
61 <script type="text/javascript" src="{% media_url %}/homepage/js/swfobject.js"></script>
62 <script type="text/javascript">
63 function image_loaded(info) {
64 /* now we know that the image is loaded, we can add in to the
65 * document and position it as we want */
66 // create the element, set the ID and add in to the DOM,
67 // otherwise it won't have dimensions
68 var pointer = $('<img src="' + info.image + '" />');
69 pointer.attr('id', 'pointer');
70 var frame = $('#container');
71 pointer.appendTo(frame);
73 // put it into the center and make top & left be in the center
74 // of the image (cool hack)
79 margin: (-pointer.height() / 2) + 'px 0 0 ' +
80 (-pointer.width() / 2) + 'px'
83 // continue with the animation now
87 function prepare_animation() {
88 /* prepares animation by preloading stuff */
90 $('a > img').css('visibility', 'hidden');
91 // create the logo - 'pointer': preload and center it
93 base: '{% media_url %}/homepage/img/intro/',
95 onFinish: image_loaded
99 function play_animation() {
100 /* plays the animations, adds callbacks */
101 var frame = $('#container');
102 var pointer = $('#pointer');
104 /* run the effects now: first fade in the pointer, then move it
105 * to the edge of the frame, then fade in the panels
107 pointer.hide().fadeIn(2000)
109 top: pointer.height() / 2 + 10,
110 left: frame.width() - pointer.width() / 2
111 }, 3000, undefined, function() {
112 var panels = $('a > img');
113 // show panels, fade them in and add callbacks
114 panels.css({ visibility: 'visible',
123 /* fade in the panel */
124 $(this).fadeTo(300, 1);
127 function fade_out() {
128 /* fade out the panel */
129 $(this).fadeTo(300, 0.5);
132 // start JS magic when the page has loaded
133 $(document).ready(prepare_animation);
141 <div id="distance"></div>
143 <div id="flashcontent">
147 <td colspan="3"><div style="height: 63px;" /></td>
150 <td><a href="/junkers/"><img src="{% media_url %}/homepage/img/intro/panel_junkers.jpg" alt="junkers" width="166" height="221" /></a></td>
151 <td><a href="/zeppelin/"><img src="{% media_url %}/homepage/img/intro/panel_zeppelin.jpg" alt="zeppelin" width="168" height="221" /></a></td>
152 <td><a href="/maximilian/"><img src="{% media_url %}/homepage/img/intro/panel_maximilian.jpg" alt="maximilian" width="162" height="221" /></a></td>
155 <td colspan="3"><div style="height: 66px;" /></td>
160 <script type="text/javascript">
162 var so = new SWFObject("{% media_url %}/homepage/swf/intro_{% translate "LANGUAGE_NAME" %}.swf", "intro", "500", "370", "9", "#FFF");
163 so.addParam("allowScriptAccess", "always");
164 so.write("flashcontent");