summaryrefslogtreecommitdiff
path: root/templates/main.html
blob: 9e8a54405a1a058036879cd5be092aa000498c91 (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
123
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	{% block extraMeta %}{% endblock %}
    	
		<link rel="stylesheet" href="{{ MEDIA_URL }}css/bp/screen.css" type="text/css" media="screen, projection"/>
		<link rel="stylesheet" href="{{ MEDIA_URL }}css/bp/print.css" type="text/css" media="print"/>
		<!--[if IE]><link rel="stylesheet" href="{{ MEDIA_URL }}css/ie.css" type="text/css" media="screen, projection"/><![endif]-->
		<link rel="stylesheet" href="{{ MEDIA_URL }}css/base.css" type="text/css" media="screen"/>
        {% block extraCSS %}{% endblock %}
        
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="{{ MEDIA_URL }}js/base.js"></script>
        {% block extraJS %}{% endblock %}
        
        <title>{% block baseTitle %}Top7 Foosball League{% endblock %}{% block extraTitle %}{% endblock %}</title>
    </head>

    <body class="fullDoc">
        <div id="fullWidthContainer" class="container">
	        {% block header %}
				<div id="header" class="span-24 last">
					<div id="title" class="span-18">
		        		<img src="http://top7.com/css/layout/ui-assets/homepage/logoOnly.png"/>
						<h1 id="title">Foosball League</h1>
					</div>
					<div id="headpic" class="span-6 last">
						<img src="{{ MEDIA_URL }}img/foos.jpg"/>
					</div>
				</div>
	        {% endblock %}
	        
	        <div id="matches" class="span-15">
				<h2>Latest Games</h2>
				<hr/>
		        {% block contentArea %}
				{% for m in matches%}
					<div class="match">
						<div class="scores span-10 last">
							<div class="side_a span-3">
								<span class="player">{{ m.player1 }}</span><br/>
								<span class="player">{{ m.player3|default:'' }}</span>
							</div>
						
							<div class="score_a span-2">
								<span class="score">{{ m.score1 }}</span>
							</div>
							<div class="score_b span-2">
								<span class="score">{{ m.score2 }}</span>
							</div>
							
							<div class="side_b span-3 last">
								<span class="player">{{ m.player2 }}</span><br/>
								<span class="player">{{ m.player4|default:'' }}</span>
							</div>
						</div>
						<div class="metadata span-10 last">
							<span class="date">{{ m.date|date:'H:m, d M Y' }}</span>
							<span class="comment">{{ m.comment }}</span>
						</div>
					</div>
				{% endfor %}
		        {% endblock %}
	        </div>
			<div id="sidebar" class="span-8 last">
				<div id="newmatch" class="span-8 last">
					<h2>New Match</h2>
					<hr/>
					<form method="post" action="/match/">
						<div class="span-4">
							<label>Player(s):</label><br/>
							<select name="p1">
									<option value=" "> </option>
								{% for p in players %}
									<option value="{{ p.id }}">{{ p }}</option>
								{% endfor %}
							</select><br/>
							<select name="p3">
									<option value=" "> </option>
								{% for p in players %}
									<option value="{{ p.id }}">{{ p }}</option>
								{% endfor %}
							</select><br/>
							<label>Score:</label><br/>
							<input type="text" name="s1" style="width: 50px"/>
						</div>
						<div class="span-4 last">
							<label>Player(s):</label><br/>
							<select name="p2">
									<option value=" "> </option>
								{% for p in players %}
									<option value="{{ p.id }}">{{ p }}</option>
								{% endfor %}
							</select><br/>
							<select name="p4">
									<option value=" "> </option>
								{% for p in players %}
									<option value="{{ p.id }}">{{ p }}</option>
								{% endfor %}
							</select><br/>
							<label>Score:</label><br/>
							<input type="text" name="s2" style="width: 50px"/>
						</div>
					
					
						<input type="submit" value="Submit">
					</form>
				</div>
				<div id="standigs" class="span-8 last">
					<h2>Standings</h2>
					<hr/>
					<p>Coming soon!</p>
				</div>
			</div>
	        <hr>
	        <div id="footer" class="span-24 last">
	        {% block footer %}
	        {% endblock %}
	        </div>
		</div>
    </body>
</html>