2 <head> |
2 <head> |
3 <title> |
3 <title> |
4 {% block title %} |
4 {% block title %} |
5 Workshop App |
5 Workshop App |
6 {% endblock %} |
6 {% endblock %} |
7 </title></head> |
7 </title> |
|
8 <style type="text/css"> |
|
9 body { |
|
10 font-family: Verdana, Arial, Helvetica, sans-serif; |
|
11 font-size: 16px; |
|
12 background-color: #ffffee; |
|
13 text-align: left; |
|
14 margin: 0px; |
|
15 padding: 20px 0px 20px 0px; |
|
16 } |
|
17 #wrapper { |
|
18 width: 956px; |
|
19 padding: 10px; |
|
20 margin: 0px auto 0px auto; |
|
21 height: auto; |
|
22 text-align: left; |
|
23 border: 1px solid #ddd; |
|
24 } |
|
25 #header { |
|
26 margin: 0px; |
|
27 padding: 5px 0px 5px 0px; |
|
28 height: auto; |
|
29 width: auto; |
|
30 text-align: center; |
|
31 background-color: #f1f1f1; |
|
32 } |
|
33 #container { |
|
34 padding: 0px; |
|
35 margin: 10px 0px 0px 0px; |
|
36 background-attachment: scroll; |
|
37 background-image: url(back.gif); |
|
38 background-repeat: repeat-y; |
|
39 background-position: 0px 0px; |
|
40 height: auto; #default was 1% |
|
41 width: auto; |
|
42 } |
|
43 #left { |
|
44 margin: 0px; |
|
45 width: 160px; |
|
46 padding: 10px 20px 10px 20px; |
|
47 float: left; |
|
48 } |
|
49 #nav { |
|
50 margin: 0px; |
|
51 padding: 0px; |
|
52 list-style-image: none; |
|
53 list-style-type: none; |
|
54 } |
|
55 #nav li { |
|
56 margin: 0px; |
|
57 padding: 0px; |
|
58 display: block; |
|
59 background-attachment: scroll; |
|
60 background-repeat: no-repeat; |
|
61 background-position: 0px 50%; |
|
62 } |
|
63 #nav li a:link, #nav li a:visited, #nav li a:active { |
|
64 color: #666; |
|
65 text-decoration: none; |
|
66 display: block; |
|
67 margin: 0px; |
|
68 padding: 3px 15px 3px 15px; |
|
69 width: 130px; |
|
70 } |
|
71 #nav li a:hover { |
|
72 color: #999; |
|
73 text-decoration: none; |
|
74 } |
|
75 #center { |
|
76 height: auto; |
|
77 width: 900px; |
|
78 padding: 10px 20px 10px 20px; |
|
79 float: left; |
|
80 margin: 0px 0px 0px 6px; |
|
81 line-height: 1.8em; |
|
82 } |
|
83 h1 { |
|
84 font-size: 14px; |
|
85 margin: 0px; |
|
86 padding: 0px; |
|
87 } |
|
88 #right { |
|
89 padding: 10px 20px 10px 20px; |
|
90 height: auto; |
|
91 width: 160px; |
|
92 float: left; |
|
93 margin: 0px 0px 0px 6px; |
|
94 } |
|
95 .clearer { |
|
96 font-size: 0px; |
|
97 line-height: 0px; |
|
98 display: block; |
|
99 margin: 0px; |
|
100 padding: 0px; |
|
101 clear: both; |
|
102 height: 0px; |
|
103 width: auto; |
|
104 } |
|
105 #footer { |
|
106 margin: 10px 0px 0px 0px; |
|
107 text-align: left; |
|
108 padding: 5px 0px 5px 0px; |
|
109 background-color: #f1f1f1; |
|
110 } |
|
111 #footer p { |
|
112 color: #999; |
|
113 margin: 0px auto 0px auto; |
|
114 padding: 0px; |
|
115 } |
|
116 #footer a:link, #footer a:visited, #footer a:active { |
|
117 color: #999; |
|
118 text-decoration: none; |
|
119 } |
|
120 #footer a:hover { |
|
121 color: #ccc; |
|
122 text-decoration: none; |
|
123 } |
|
124 </style> |
|
125 </head> |
8 <body> |
126 <body> |
9 <a href="/reg">Home</a> | |
127 |
10 {% if user.is_authenticated %} |
128 <div id="left"> |
11 Welcome {{user.get_full_name}} | |
129 <ul id="nav"> |
12 <a href="/reg/profile/edit">My Profile</a> | |
130 <li><a href="/reg">Home</a></li> |
13 <a href="/reg/logout">Logout</a> |
131 {% if user.is_authenticated %} |
14 {% else %} |
132 <!-- Welcome {{user.get_full_name}} --> |
15 <a href="/reg/login/">Login</a> | |
133 <li><a href="/reg/profile/edit">My Profile</a></li> |
16 <a href="/reg/register/">Register</a> |
134 <li><a href="/reg/logout">Logout</a></li> |
17 {% endif %} |
135 {% else %} |
|
136 <li><a href="/reg/login/">Login</a></li> |
|
137 <li><a href="/reg/register/">Register</a></li> |
|
138 {% endif %} |
|
139 <br /> |
|
140 <li><a href="/reg/events/list">Workshops</a></li> |
|
141 </ul> |
|
142 </div> |
18 <br /> |
143 <br /> |
|
144 |
|
145 <div id="center"> |
19 {% block content %} |
146 {% block content %} |
20 {% endblock %} |
147 {% endblock %} |
|
148 </div> |
21 </body> |
149 </body> |
22 </html> |
150 </html> |