-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (98 loc) · 5.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Hark the Sound</title>
<link href="pages/css/home.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Orbitron' rel='stylesheet' type='text/css' />
<script type="text/javascript">
var djConfig = {
isDebug: false,
parseOnLoad: false,
baseUrl: './',
modulePaths: {'org.hark' : '.'}
};
</script>
<script src="http://o.aolcdn.com/dojo/1.5/dojo/dojo.xd.js"></script>
<script src="http://o.aolcdn.com/dojo/1.5/dijit/dijit.xd.js"></script>
<script src="/libs/uow.js"></script>
<script src="pages/home.js"></script>
</head>
<body class="claro">
<!--[if lt IE 10]> <div style=' clear: both; font-size: 200%; height: 400px; width: 100%; padding:0 0 0 15px; position: relative;'> You need a better browser! This site does not work with Internet Explorer. Get <a href="http://www.mozilla.com/en-US/firefox/">Firefox</a> or <a href="http://www.google.com/chrome">Chrome</a> now.</div> <![endif]-->
<div dojoType="org.hark.widgets.SiteKeys"></div>
<div dojoType="org.hark.widgets.SiteAudio" promptIdle="true"></div>
<div id="nav">
<div class="container_12" id="nav_container">
<div class="grid_4" selected="0" dojoType="org.hark.widgets.SiteTabs" id="site_tabs"></div>
<div class="grid_8" dojoType="org.hark.widgets.SiteActions" id="site_actions"></div>
<div class="clear"></div>
</div>
</div>
<div id="top">
<div class="container_12" id="top_container">
<div class="grid_3">
<img src="images/logo_flat_256.png" alt="Hark the Sound headphones logo" />
</div>
<div class="grid_5" id="top_title">
<h1 data-label="site_title">Hark the Sound</h1>
<h2 data-label="site_subtitle">Audio games on the web</h2>
</div>
<div class="clear"></div>
</div>
</div>
<div id="middle">
<div class="container_12" id="middle_container">
<div class="grid_4" id="info">
<h1 data-label="welcome_title">Welcome</h1>
<p data-label="welcome_text">Welcome to Hark the Sound, a collection of free audio games on the web. Our games have speech, sound, and graphics for players of all ages and abilities.</p>
</div>
<div class="grid_4">
<h1><span data-label="games_title">Play a Game</span> <img src="images/joystick_flat_24.png" style="vertical-align: top;"/></h1>
<p data-label="games_text">You can browse and search our game catalog like any other website using the mouse and screen. Young gamers can also browse our catalog by using the arrow keys and listening to game titles.</p>
<p><a data-label="games_link" href="games.html">Browse the games now →</a></p>
</div>
<div class="grid_4">
<h1><span data-label="activities_title">Manage Activities</span> <img src="images/activities_flat_24.png" style="vertical-align: top;"/></h1>
<p data-label="activities_text">Parents and teachers can group games into <em>activities</em> for kids to explore and play. As players work through an activity, our site records their progress for later adult review.</p>
<p><em data-label="activities_link">Coming soon</em></p>
</div>
<div class="clear"></div>
<div class="grid_4">
<h1><span data-label="creator_title">Build New Games</span> <img src="images/creator_flat_24.png" style="vertical-align: top;"/></h1>
<p data-label="creator_text">Our <em>builders</em> let you create new games or extend existing ones. When complete, your creations appear in our catalog for all of our visitors to play and improve.</p>
<p><a data-label="editor_link" href="editor.html">Build or edit games now →</a></p>
</div>
<div class="grid_8">
<h1 data-label="community_title">Community</h1>
<p data-label="community_text">Discuss games and activities with us and other Hark the Sound users in our Google Group. Visit <a href="http://groups.google.com/group/harkthesound">http://groups.google.com/group/harkthesound</a> or send email to <a href="mailto:[email protected]">[email protected]</a> to join.</p>
</div>
<div class="clear"></div>
</div>
</div>
<div id="bottom">
<div class="container_12" id="bottom_container">
<div class="grid_6" id="bottom_left">
UNC Computer Science<br />
Enabling Technology<br />
Copyright © 2010, 2011. All Rights Reserved.<br />
View the <a href="#">site credits</a> for details.
</div>
<div class="grid_6" id="bottom_right">
<img src="images/unc-logo.png" />
</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-6128682-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>