summaryrefslogtreecommitdiffstats
path: root/templates/base.html
blob: eb478c58a12cb845071801ea1cbf514e72df0096 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" type="text/css" href="{{ settings.MEDIA_URL }}css/main3.css" />
<title>{% block title %}THE TITLE{% endblock %}</title>
<script src="{{ settings.MEDIA_URL }}js/base.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="http://ejohn.org/apps/livesearch/jquery.livesearch.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() { 


$(".toggleEyeCandy").click(function () {
		  $(".leftMargin,.rightMargin").toggle("fade");
		  $(".toggleEyeCandy").toggle();
 });

$(".nav").css('opacity','7')
$(".eyeCandy").hide();
setTimeout("$('.leftMargin').fadeIn(3000);",2000);
setTimeout("$('.rightMargin').fadeIn(3000);",4000);


/*$("#footerLinks").hover(
		  function() {$(".footer").fadeIn("slow")},
		  function() {$(".footer").fadeOut("slow")}		  
);*/
$("#expoWebsiteLink").hover(
		  function() {$("#richardBanner").fadeIn("slow")},
		  function() {$("#richardBanner").fadeOut("slow")}		  
);

$("#cuccLink").hover(
		  function() {

			  $("#timeMachine").fadeIn("slow");
  			  $(".rightMargin,.leftMargin").fadeTo("30","fast");
			  },
		  function() {$("#timeMachine").fadeOut("slow")}		  
);


});

function contentHeight(){
setMaxHeight($(".rightMargin,#content,.leftMargin,#col2"),$("#content"));
};

function setMaxHeight(group, target) {
	tallest = 0;
	group.each(function() {
		thisHeight = $(this).height();
		if(thisHeight > tallest) {
			tallest = thisHeight;
		}
	});
	target.height(tallest);
}

$('#q').liveUpdate('posts').focus();

</script>

{% block head %}{% endblock %}
</head>
<body onLoad="contentHeight();">

<div id="header"> 
  <h1>CUCC Expeditions to Austria: 1976 - 2009</h1>
  <div id="editLinks"> {% block loginInfo %}
    {% if user.username %}
    You are logged in as {{ user.username }} {% if user.person %}(<a href="{{ user.person.get_absolute_url }}">{{ user.person }}</a>){% endif %}.
    | <a href="{{ settings.URL_ROOT }}/accounts/logout/">Log out</a> {% else %} <a href="{{ settings.URL_ROOT }}/accounts/register">Sign up</a> | <a href="{{ settings.URL_ROOT }}/accounts/login/">Log in</a> {% endif %}
    {% endblock%}
    | <a href="{{ settings.URL_ROOT }}">Home</a> | <a class="toggleEyeCandy">Kill Eyecandy</a><a class="toggleEyeCandy" style="display: none;">Show Eyecandy</a>
    {% block editLink %}
    
    {% endblock %}
   </div>
</div>
    
<div id="nav">
  {% block nav %}
  <!-- Use id="nav" for the left side menu -->
  {% endblock %}
</div>
 
 
  <div id="content" >
  
  	{% block contentheader %}
    {% endblock %}
    
    {% block content %}
    REPLACE : The content
    {% endblock %}
    
  </div>

<img id="richardBanner" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}expoBanner.gif"/>
<img id="timeMachine" class="footer eyeCandy" src="{{ settings.MEDIA_URL }}timemachine.gif"/>
<img class="caversLink eyeCandy" src="{{ settings.MEDIA_URL }}expoBanner.gif"/>




<div id="footerLinks"> 
	<a id="cuccLink" href="http://cucc.survex.com">CUCC website</a> | 
    <a id="expoWebsiteLink" href="http://cucc.survex.com/expo">Expedition website</a> | 
    External links | 
    <a href="{% url frontpage %}">Troggle front page</a> | 
    <a href="{% url caveindex %}">Caves</a> | 
    <a id="caversLink" href="{% url personindex %}">Cavers</a> | 
    <a href="{% url survey %}"> Survey binder</a> | 
    <a href="{% url stats %}"> Statistics</a> | 
    <a href="{% url calendar 2007 %}">Expedition calendar</a>
</div> 

</body>
</html>