forked from smartlogic/betascape
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
203 lines (160 loc) · 8.6 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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Betascape 2010</title>
<link rel="stylesheet" href="reset.css" type="text/css"/>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div id="main_container">
<div id="content">
<h1>Betascape</h1>
<div id="menu">
<a href="#what_is_betascape">What is Betascape?</a>
<a href="#schedule">Schedule</a>
<a href="#whats_new">What's New?</a>
<a href="#in_the_news">In the News</a>
<a href="#email">Email</a>
<a href="#email">Contact</a>
</div>
<div id="external_links_container">
<a href="http://www.twitter.com/betascape" target="_blank" title="Twitter"><img src="twitter.png" alt="Twitter" /></a>
<img src="facebook.png" alt="Facebook" />
<a href="http://www.bmoresmart.com" target="_blank" title="BmoreSmart"><img src="bmoresmart.png" alt="BmoreSmart" /></a>
</div>
<!-- WHAT IS BETASCAPE? -->
<a name="what_is_betascape"><h2>What is Betascape?</h2>
<img src="h2_shadow.png" alt="" /></a>
<p>From July 16 - 18th, 2010, Betascape will showcase innovative technology through a three-day series of demonstrations, exhibits, workshops, and social events focused on cutting edge, experimental, and interactive technology.<p>
<!-- SCHEDULE -->
<a name="schedule"><h2>Schedule</h2>
<img src="h2_shadow.png" alt="" /></a>
<h3 class="event">Betascape Technology Exhibits</h3>
<p>July 16 - 18th, in front of the MICA Brown Center.<p>
<h3 class="event">Betascape Gaming Hall</h3>
<p>July 16 - 18th, Cafe Doris in the MICA Fox Building.</p>
<h3 class="event">Special Events</h3>
<p>Betascape Kick-Off Party and Speaker Series - July 15th, 7 - 9pm, Windup Space.</p>
<!-- WHAT'S NEW? -->
<a name="whats_new"><h2>What's New?</h2>
<img src="h2_shadow.png" alt="" /></a>
<h3>Betascape Logo Contest – Enter Now.</h3>
<p>We are calling on all of the creative talent in and around Maryland to make their mark on Betascape by submitting a logo design to the Betascape logo contest, running through May 23rd, 2010.</p>
<p>To enter, just email your logo design to <strong>[email protected]</strong> and note your name and the company name, if you are submitting on behalf of a company.</p>
<p>Our planning committee of 20 or so individuals will vote on the winning logo in the last week of May and select the winner by the end of May.</p>
<p>As the winner, the Betascape team will make sure to let everyone know about your work and provide a note of thanks on the website.</p>
<!-- IN THE NEWS -->
<a name="in_the_news"><h2>In the News</h2>
<img src="h2_shadow.png" alt="" /></a>
<p><a href="http://baltimore.bizjournals.com/baltimore/stories/2010/05/17/story11.html" target="_blank">Businesses Sought to Sponsor Artscapes's Tech-Focused Sideshow</a> - Baltimore Business Journal</p>
<p><a href="http://weblogs.baltimoresun.com/news/technology/2010/04/artscapebetascape_moving_forwa.html" target="_blank">Artscapes's Betascape Moving Forward</a> - The Baltimore Sun</p>
<p><a href="http://articles.baltimoresun.com/2010-04-13/business/bs-bz-baltimore-betascape-20100412_1_interactive-media-festival-component-hugh-forrest" target="_blank">BmoreSmart Wants to Add Tech Component to Artscape</a> - The Baltimore Sun</p>
<!-- EMAIL -->
<a name="email"><h2>Email</h2>
<img src="h2_shadow.png" alt="" /></a>
<script type="text/javascript">
function custommsg() {
document.getElementById("form-message").style.display="";
document.getElementById("form-message").innerHTML="<p>Thanks for submitting your email address!</p>";
document.getElementById("form-container").style.display="none";
}
function clearField() {
var textfield = document.getElementById("text_field");
if (textfield.value == "Enter your email address") {
textfield.value = "";
}
}
function resetField() {
var textfield = document.getElementById("text_field");
if (textfield.value == "") {
textfield.value = "Enter your email address";
}
}
</script>
<div class="ss-form-container" style="display:none;" id="form-message"> </div> <div class="ss-form-container" id="form-container">
<form action="mailto:[email protected]" method="POST" target="fake-target" onsubmit="this.action='http://spreadsheets.google.com/formResponse?formkey=dGpCa3hoTlp6Mkd3OXg3N3U1Mk9hYWc6MQ'; custommsg(); return true;">
<p>Enter your email address to receive news about Betascape!</p>
<input type="text" id="text_field" name="entry.2.single" value="Enter your email address" onfocus="clearField();" onblur="resetField();" />
<input type="submit" id="submit_button" value="Submit" />
</form>
</div>
<iframe id="fake-target" name="fake-target" style="width:0px; height:0px; border:0px;"></iframe>
<!-- CONTACT -->
<a name="contact"><h2>Contact</h2>
<img src="h2_shadow.png" alt="" /></a>
<script type="text/javascript">
function thankYouMessage() {
document.getElementById("contact_message").style.display="";
document.getElementById("contact_message").innerHTML="<p>Thanks!</p>";
document.getElementById("contact_form").style.display="none";
}
function clearNameField() {
var namefield = document.getElementById("name_field");
if (namefield.value == "Name") {
namefield.value = "";
}
}
function resetNameField() {
var textfield = document.getElementById("name_field");
if (textfield.value == "") {
textfield.value = "Name";
}
}
function clearEmailField() {
var emailfield = document.getElementById("email_field");
if (emailfield.value == "Email address") {
emailfield.value = "";
}
}
function resetEmailField() {
var emailfield = document.getElementById("email_field");
if (emailfield.value == "") {
emailfield.value = "Email address";
}
}
function clearMessageField() {
var messagefield = document.getElementById("message_field");
if (messagefield.value == "Message") {
messagefield.value = "";
}
}
function resetMessageField() {
var messagefield = document.getElementById("message_field");
if (messagefield.value == "") {
messagefield.value = "Message";
}
}
</script>
<div id="contact_message" style="display: none;"> </div>
<div id="contact_form">
<form action="" method="post" target="contact_fake_target" onsubmit="thankYouMessage(); return true;">
<input id="name_field" type="text" value="Name" onfocus="clearNameField()" onblur="resetNameField()"/><br />
<input type="text" value="Email address" id="email_field" onfocus="clearEmailField()" onblur="resetEmailField()"/><br />
<textarea id="message_field" onfocus="clearMessageField()" onblur="resetMessageField()">Message</textarea><br />
<input type="submit" value="Submit" />
</form>
</div>
<iframe id="contact_fake_target" name="contact_fake_target" style="width:0px; height:0px; border:0px;"></iframe>
<hr />
<p id="bottom_row">
<a href="m/index.html">View Mobile Site</a>
<span id="copyright">© 2010
<a href="http://www.smartlogicsolutions.com" target="_blank">
<img id="smartlogic" src="smartlogic.png" alt="SmartLogic Solutions" />
</a>
</span>
</p>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-16287734-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>