]> Dogcows Code - chaz/chatty/blob - root/tt/wrapper.tt
some user interface tweaks
[chaz/chatty] / root / tt / wrapper.tt
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="author" content="Charles McGarvey">
6 <meta name="description" content="This is a chat application in Catalyst!">
7 <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/common.css') %]">
8 <link rel="stylesheet" type="text/css" href="[% c.uri_for('/static/css/validationEngine.jquery.css') %]">
9 <title>Chatty - [% template.title or 'Toy chat application written in Perl/Catalyst' %]</title>
10 </head>
11 <body>
12 <div id="outer">
13 [% IF error -%]
14 <div id="error">
15 [% error %]
16 </div>
17 [% END -%]
18 [% IF message -%]
19 <div id="message">
20 [% message %]
21 </div>
22 [% END -%]
23 <div id="inner">
24 <div class="right">
25 [% IF c.user_exists -%]
26 Logged in as [% c.user.obj.username %]. <a href="[% c.uri_for_action('logout') %]">Log Out</a>
27 [% END -%]
28 </div>
29 <a href="[% c.uri_for('/') %]">
30 <img src="[% c.uri_for('/static/img/chat.png') %]" alt="Chat!">
31 </a>
32 [% content -%]
33 <div id="footer">
34 Copyright &copy; 2011 Charles McGarvey. Some rights reserved.
35 <div class="right">
36 <a href="http://www.catalystframework.org/">
37 <img src="[% c.uri_for('/static/img/btn_88x31_built_shadow.png') %]">
38 </a>
39 </div>
40 </div>
41 </div>
42 </div>
43 <script type="text/javascript" src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
44 <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-2.2.1.min.js') %]"></script>
45 <script type="text/javascript" src="[% c.uri_for('/static/js/jquery.validationEngine-en.js') %]"></script>
46 <script type="text/javascript">
47 $(function () {
48 [% IF error -%]
49 $('#error').click(function() {
50 $.mask.close();
51 $(this).slideUp('fast');
52 });
53 $('#error').delay(200).slideDown('fast').fadeOut('fast').fadeIn('fast').fadeOut('fast').fadeIn('fast');
54 [% END -%]
55 [% IF message -%]
56 $('#message').click(function() {
57 $(this).slideUp('fast');
58 });
59 $('#message').delay(200).slideDown('fast');
60 setTimeout("$('#message').slideUp()", 5000);
61 [% END -%]
62 [% TRY; INCLUDE js; CATCH; ''; END -%]
63 });
64 </script>
65 </body>
66 </html>
This page took 0.033909 seconds and 4 git commands to generate.