forked from raineorshine/hackfest
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (94 loc) · 3.96 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
//<![CDATA[
var _sf_startpt=(new Date()).getTime();
//]]>
</script>
<meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
<meta content='width=1100' name='viewport' />
<title>
Quick Left
| A web engineering company based in Boulder / Denver, CO
</title>
<meta content='web development, web engineering, web applications, web apps, boulder, colorado, cloud computing, systems architecture, ruby on rails, ruby, html5, css3, ec2, javascript, jquery, php, web design' name='keywords' />
<meta content="Quick Left is a web engineering company. Our team is talented, dedicated and forward thinking. We work together to build successful web applications. We're proud of our relationships and even more proud of our work." name='description' />
<link href='/favicon.ico' rel='shortcut icon' type='image/x-icon' />
<link href='/blog/index/rss' rel='alternate' title='RSS' type='application/rss+xml' />
<!--[if IE]>
<script src="http://quickleft.com/javascripts/all.js?1285371344" type="text/javascript"></script>
<![endif]-->
<link href="http://quickleft.com/stylesheets/base_packaged.css?1308698732" media="screen" rel="stylesheet" type="text/css" />
<link href="/stylesheets/ql_listens.css?1308698732" media="all" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="http://quickleft.comstylesheets/ie.css?1285371344" media="all" rel="stylesheet" type="text/css" />
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js" type="text/javascript"></script>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ie7-squish.js" type="text/javascript"></script>
<![endif]-->
</head>
<body id='home-index'>
<div id='container'>
<header id='main_header'>
<h1 class='logo'><a href="/">Quick Left</a></h1>
<a class='blog' href='/blog'>- Blog</a>
</header>
<section id='content'>
<p id='intro'>
Curious as to which way our tastes lean? Check 'em out below.
</p>
<section class='body' id='services'>
<h2>Heavy Rotation on RDIO</h2>
<div id="rdio_wrapper">
<img src="#" alt="RDIO QL Icon" />
</div>
<div id="music_wrap">
<div id="heavy_rotation">
<ul></ul>
</div>
</div>
<div id="loader"><img src="/images/ajax-loader.gif" alt="loading" /></div>
</section>
<footer id='main_footer'>
<div class='contact'>[email protected]<br />303.242.5536</div>
<ul>
<li><a href='http://twitter.com/quickleft' rel='external' title='Quick Left on Twitter'>twitter.com/quickleft</a></li>
<li><a href='http://flickr.com/quickleft' rel='external' title='Quick Left on Flickr'>flickr.com/quickleft</a></li>
</ul>
<div id='copyright'>© Quick Left 2011</div>
<address>1919 14th St. # 714<br />Boulder, CO 80302</address>
</footer>
</div>
<script src="http://quickleft.com/javascripts/base_packaged.js?1308698734" type="text/javascript"></script>
<script src='/js/jquery_template.js' type='text/javascript'></script>
<script id="albumWrap" type="text/x-jquery-tmpl">
<li id="${name}">
<h3>${artist}</h3>
<a target="_blank" href="http://rdio.com${url}">
<img alt="${artist}" class="album_image" src="${icon}"></a>
<h4>${name}</h4>
<a href="http://rdio.com${url}" target="_blank" class="arrow_icon icons"> </a>
<a href="#" class="info_icon icons" data-album="${name}" data-artist="${artist}"> </a>
</li>
</script>
<script id="albumInfo" type="text/x-jquery-tmpl">
<div class="album_info">
<a href="#" class="close_btn"><img src="/images/close.png" /></a>
<h3>${artist.name}</h3>
<p>${artist.profile}</p>
<p>Aka:
{{each artist.aliases}}
${$value},
{{/each}}
</p>
<a href="${artist.images[0].uri}" target="_blank"><img src="${artist.images[0].uri}" width="200" class="artist_disc_img" /></a>
<ul class="urls_artist">
{{each artist.urls}}
<li><a href="${$value}" target="_blank">${$value}</a></li>
{{/each}}
</ul>
</div>
</script>
<script src='/js/ql_listens.js' type='text/javascript'></script>
</body>
</html>