Directory page

author: root <root@lalalizard.com> 2012-12-09 14:16:20 -0500
committer: root <root@lalalizard.com> 2012-12-09 14:16:20 -0500
commit: 2f63fd7af50701357f72e0507e5709ae6adbd505 (patch)
tree: 4259e07983422e48cad4316208687e58882c5e92
parent: e533b6b3507d73e3c0267c02bdfddf8320277e93 (diff)
4 files changed, 304 insertions, 0 deletions
diff --git a/frontend/templates/directory.html b/frontend/templates/directory.html
new file mode 100644
index 0000000..4aae068
--- /dev/null
+++ b/frontend/templates/directory.html
@@ -0,0 +1,284 @@
+{% load static %}
+{% get_static_prefix as STATIC_PREFIX %}
+<!doctype html>
+<html>
+<head>
+<title>SCANNERJAMMER DIRECTORY</title>
+<style type="text/css">
+*
+	{
+	padding: 0;
+	margin: 0;
+	}
+body
+	{
+	background-image: -webkit-gradient(
+	    linear,
+	    left bottom,
+	    left top,
+	    color-stop(0.2, rgb(255,0,123)),
+	    color-stop(0.79, rgb(91,5,171)),
+	    color-stop(1, rgb(165,29,224))
+	);
+	background-image: -moz-linear-gradient(
+	    center bottom,
+	    rgb(255,0,123) 20%,
+	    rgb(91,5,171) 79%,
+	    rgb(165,29,224) 100%
+	);
+	background-attachment: fixed;
+	font-family: sans-serif;
+	}
+a
+	{
+	color: #26f;
+	text-decoration: none;
+	}
+a:visited
+	{
+	color: #84b;
+	}
+#directory_container
+	{
+	position: absolute;
+	top: 100px;
+	left: 50%;
+	margin-left: -300px;
+	width: 600px;
+	z-index: 5;
+	padding-bottom: 200px;
+	}
+ul
+	{
+	border: 2px solid #333;
+	}
+li
+	{
+	list-style-type: none;
+	padding: 4px 0;
+	border-bottom: 1px solid #ccc;
+	}
+li.off
+	{
+	background-color: #ffffee;
+	}
+li.on
+	{
+	background-color: #eeeedd;
+	}
+li.top span.score
+	{
+	font-size: 48px;
+	}
+li.top a
+	{
+	font-size: 36px;
+	}
+li.high span.score
+	{
+	font-size: 36px;
+	}
+li.high a
+	{
+	font-size: 24px;
+	}
+li.mid span.score
+	{
+	font-size: 24px;
+	}
+li.mid a
+	{
+	font-size: 18px;
+	}
+li.base span.score
+	{
+	font-size: 18px;
+	}
+li.base a
+	{
+	font-size: 18px;
+	}
+li.none span.score
+	{
+	font-size: 14px;
+	}
+li.none a
+	{
+	font-size: 14px;
+	}
+li span.score
+	{
+	display: inline-block;
+	width: 170px;
+	padding-right: 20px;
+	text-align: right;
+	font-weight: bold;
+	}
+.cloudleft
+	{
+	background-image: url(/bgz/cloudz1.png);
+	position: fixed;
+	bottom: 0;
+	left: 0;
+	z-index: 10;
+	width: 600px;
+	height: 400px;
+	opacity: 0.7;
+	pointer-events: none
+	}
+.cloudright
+	{
+	background-image: url(/bgz/cloudz2.png);
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	z-index: 10;
+	width: 600px;
+	height: 400px;
+	opacity: 0.8;
+	pointer-events: none
+	}
+.shimmer
+	{
+	margin: 0 0 -20px 0;
+	opacity: 0.5;
+	}
+.shimmer2
+	{
+	margin: 0 0 -40px 0;
+	opacity: 0.5;
+	z-index: 11;
+	}
+#likebutton
+	{
+	position: fixed;
+	width: 450px;
+	right: 20px;
+	bottom: 20px;
+	padding-top:15px;
+	background-color:white;
+	-moz-border-radius:20px;
+	border-radius:20px;
+	padding:10px;
+	z-index: 10;
+	}
+#likebutton a
+	{
+	color: #33f;
+	}
+h2
+	{
+	z-index: 4;
+	position: absolute;
+	color: #fff;
+	font-family: georgia, serif;
+	font-weight: bold;
+	font-style: italic;
+	font-size: 120px;
+	letter-spacing: -15px;
+	top: 20px;
+	left: 50%;
+	margin-left: -230px;
+	}
+#logo
+	{
+	position: absolute;
+	top: 20px;
+	z-index: 20;
+	left: 20px;
+	}
+#logobg
+ 	{
+	position: absolute; top: 10px; left: 0; width: 100%; height: 64px;
+	background-color: #000; opacity: 0.8; z-index: 19;
+	width: 950px;
+	}
+#logo a
+	{
+	float: left;
+	display: inline-block;
+	}
+#logo a img
+	{
+	display: inline-block;
+	}
+#logo h1
+	{
+	padding: 5px 0 0 25px;
+	font-size: 34px;
+	font-weight: normal;
+	font-style: italic;
+	font-family: georgia, garamond, serif;
+	color: #f8b;
+	display: inline-block;
+	}
+
+</style> 
+</head> 
+<body>
+<section id="logo"> 
+	<a href="/"><img src="http://scannerjammer.com/img/scanjam-title.gif" width="347" height="44" id="scanjam" border="0" /></a> 
+	<h1 id="header">high score directory</h1>
+</section> 
+<section id="logobg"></section>
+<section id="directory_container">
+	<ul id="directory"></ul>
+</section>
+<section id="likebutton">
+	<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://scannerjammer.com:17769/" show_faces="true" width="450" font=""></fb:like>
+</section> 
+<section class="cloudleft"></section>
+<section class="cloudright"></section>
+<section class="cloudleft shimmer"></section>
+<section class="cloudright shimmer"></section>
+<section class="cloudleft shimmer2"></section>
+<section class="cloudright shimmer2"></section>
+</body>
+<script type="text/javascript" src="{{ STATIC_PREFIX }}js/jquery-1.5.2.min.js"></script> 
+<script type="text/javascript">
+var users = {{ directory|safe }}
+var Directory = 
+	{
+	generate: function ()
+		{
+		var seen = {}
+		var count = 0
+		var rows = []
+		for (i in users)
+			{
+			if (users[i].name in seen)
+				continue
+			var cl = ""
+			seen[users[i].name] = true
+			if (count < 3)
+				cl = "top"
+			else if (count < 10)
+				cl = "high"
+			else if (count < 20)
+				cl = "mid"
+			else if (users[i].score > 0)
+				cl = "base"
+			else
+				{
+				cl = "none"
+				users[i].score = '&nbsp;'
+				}
+			cl += count % 2 ? " on" : " off"
+			rows.push('<li class="'+cl+'"><span class="score">'+users[i].score+'</span><a href="/profile/'+users[i].name+'">'+users[i].name+'</a></li>')
+			count += 1
+			}
+		$("#directory").html(rows.join(''))
+		}
+	}
+var Main =
+	{
+	init: function ()
+		{
+		$("#likebutton").hover(function(){ $(this).css({zIndex: 666}) }, function (){ $(this).css({zIndex: 10}) })
+		if (users && users.length)
+			Directory.generate()
+		},
+	}
+Main.init()
+</script>
+</html>
diff --git a/frontend/urls.py b/frontend/urls.py
index 7a438c9..0506968 100644
--- a/frontend/urls.py
+++ b/frontend/urls.py
@@ -4,4 +4,5 @@ from django.conf.urls import patterns, include, url
 urlpatterns = patterns('frontend.views',
     # API
     url(r'^backgrounds/$', 'backgrounds'),
+    url(r'^directory/$', 'directory'),
 )
diff --git a/frontend/views.py b/frontend/views.py
index 9eb8de6..e156d1b 100644
--- a/frontend/views.py
+++ b/frontend/views.py
@@ -96,3 +96,21 @@ def topvideos(request):
     )
     response['Pragma'] = 'no-cache'
     return response
+
+def directory(request):
+    """ Directory view
+    """
+    r = []
+    for u in SJUserProfile.objects.filter(score__gt=0).order_by('-score'):
+	r.append({ 'id': u.id, 'name': u.nickname, 'score': u.score })
+
+    response = render_to_response(
+        'directory.html',
+        {
+             'SERVER_HOST': settings.SERVER_HOST,
+             'SERVER_PORT': settings.SERVER_PORT,
+             'directory': json.dumps(r),
+	}
+    )
+    response['Pragma'] = 'no-cache'
+    return response
diff --git a/scannerjammer/urls.py b/scannerjammer/urls.py
index ce6d674..5a5f838 100644
--- a/scannerjammer/urls.py
+++ b/scannerjammer/urls.py
@@ -22,6 +22,7 @@ urlpatterns = patterns('',
     # Frontend
     url(r'^backgrounds/$', 'frontend.views.bg', name='bg'),
     url(r'^top/$', 'frontend.views.topvideos', name='topvideos'),
+    url(r'^directory/$', 'frontend.views.directory', name='directory'),
 
     #url(r'.*', 'backend.views.redirect'),
 )
author	root <root@lalalizard.com>	2012-12-09 14:16:20 -0500
committer	root <root@lalalizard.com>	2012-12-09 14:16:20 -0500
commit	2f63fd7af50701357f72e0507e5709ae6adbd505 (patch)
tree	4259e07983422e48cad4316208687e58882c5e92
parent	e533b6b3507d73e3c0267c02bdfddf8320277e93 (diff)