-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
197 lines (184 loc) · 8.2 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
<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
font-family: Prime;
src: url(prime.otf);
}</style>
<title>Game Dev Club at UW</title>
<link href="https://fonts.googleapis.com/css?family=Saira" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
<link rel="icon"
type="image/png"
href="images/gamedevlogo_square_transparent.png">
</head>
<body>
<!-- <div id = "logo_animation" class = "logo_animation"></div> -->
<div id = "container">
<!--HEADERS-->
<div id = "banner">
<div id ="logo"><div></div></div>
<div id ="overlay">
<div id = "title">
Game Dev Club at UW
</div>
</div>
<div id = "navigation" class = "content">
<ul>
<li id = "nav_home">Home</li>
<li id = "nav_about">About</li>
<li id = "nav_projects">Projects</li>
<li id = "nav_resources">Resources</li>
</ul>
</div>
<!-- <div id = "logo"></div> -->
</div>
<!--MAIN CONTENT AREA -->
<div id = "main">
<!--HOME PAGE-->
<div id = "home" class = "fade">
<div class = "content" >
<div class = "head"><h3>Announcements</h3><div class = "bar"></div></div>
<div class = "info" id = "announcement">Loading announcement...
</div>
</div>
<div class = "blog" >
<div class = "blog-comment">Support the club! Check out this bundle.</div>
<a href="https://uw-gamedevclub.itch.io/showcase2" target="_blank">
<img src="./images/slideshow/bundle.png"/>
</a>
</div>
<div class = "blog" >
<div class = "blog-comment">Congrats to our members! #IndiePrize Best Multiplayer Game!</div>
<a href="http://indieprize.org/usa2017/index.html#entry-2" target="_blank">
<img src="./images/slideshow/treadnaut_winners.jpg"/>
</a>
</div>
</div>
<!-- ABOUT PAGE -->
<div id = "about" class = "fade">
<div class = "content">
<div class = "head"><h3>Who Are We?</h3><div class = "bar"></div></div>
<div class = "info">We are a student club at the Unviersity of Washington dedicated to fostering the indie dev community here on campus. We hold weekly meetings and other events throughout the school year, such as tutorials, workdays, and game jams. We tend to keep things pretty light-hearted and relaxed.
</div>
</div>
<div class = "content" id = "jumbotron">
<img src = "images/ludum38.jpg" class = "jumbo_image">
</div>
<div class = "content">
<div class = "head"><h3>Who Can Join?</h3><div class = "bar"></div></div>
<div class = "info">Anyone with an interest in game development is welcome, whether you're a programmer, an artist, someone with ideas, or a complete novice. This is a fantastic place to learn new skills, share your projects, and meet other people who also have a strong interest in game development.
</div>
</div>
<div class = "content">
<div class = "head"><h3>When and Where?</h3><div class = "bar"></div></div>
<div class = "info">Meetings are every Wednesday at 4:30 PM in MEB 234. If another room is used, it will be posted on the calendar. To hear about our events, we invite you to join the club by filling out a short, introductory form: <a href ="https://goo.gl/forms/0YqLP23KtBdNdMwu1">here</a>. Hope to you see there!
</div>
</div>
</div>
<!-- PROJECTS -->
<div id = "projects" class = "fade">
<div class = "content">
<div class = "head"><h3>Projects</h3><div class = "bar"></div></div>
<div class = "info">Check out our student-made games by club members.</div>
<div class = "info">
<div id = "project_sort_container">
<div class = "project_sort button" id = "project_by_name">Name</div>
<div class = "project_sort button" id = "project_by_author">Author</div>
<div class = "project_sort button" id = "project_by_date">Date</div>
</div>
</div>
</div>
<div id="projects_container">
Loading Projects...
</div>
</div>
<div id = "resources" class = "fade">
<div class = "content">
<div class = "head"><h3>Resources</h3><div class = "bar"></div></div>
<div class = "info">A compilation of useful resources suggested by members.</div>
</div>
<div class = "content resource">
<div class = "head"><h3>Unity3D Engine</h3><div class = "bar"></div></div>
<div class = "info">Unity 2017.1 introduces new tools that help artists & designers tell better visual stories, new ways for teams to collaborate more productively, and more features than ever to help you succeed in the gaming industry.</div>
<a href = "https://unity3d.com/">
<div class = "resource_link">Visit Unity3D...</div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>Unreal Engine</h3><div class = "bar"></div></div>
<div class = "info">Unreal Engine 4 is a complete suite of development tools made for anyone working with real-time technology. From enterprise applications and cinematic experiences to high-quality games across PC, console, mobile, VR and AR, Unreal Engine 4 gives you everything you need to start, ship, grow and stand out from the crowd.</div>
<a href = "https://www.unrealengine.com/en-US/blog">
<div class = "resource_link">Visit Unreal Engine...</div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>Game Maker</h3><div class = "bar"></div></div>
<div class = "info">It has everything you need to take your idea from concept to finished game. With no barriers to entry and powerful functionality, GameMaker Studio 2 is the ultimate 2D development environment!</div>
<a href = "https://www.yoyogames.com/gamemaker">
<div class = "resource_link">Visit Game Maker...</div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>Gamasutra</h3><div class = "bar"></div></div>
<div class = "info">The Art & Business of Making Games. Video game industry news, developer blogs, and features delivered daily.</div>
<a href = "http://www.gamasutra.com/">
<div class = "resource_link">Visit Gamasutra... </div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>BFXR</h3><div class = "bar"></div></div>
<div class = "info">Bfxr is an elaboration of the glorious Sfxr, the program of choice for many people looking to make sound effects for computer games.</div>
<a href = "http://www.bfxr.net/">
<div class = "resource_link">Visit BFXR...</div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>Audacity</h3><div class = "bar"></div></div>
<div class = "info">Audacity® is free, open source, cross-platform audio software for multi-track recording and editing.</div>
<a href = "http://www.audacityteam.org/">
<div class = "resource_link">Visit Audacity...</div>
</a>
</div>
<div class = "content resource">
<div class = "head"><h3>ShaderToy</h3><div class = "bar"></div></div>
<div class = "info">Build shaders, share them, and learn from the best community.</div>
<a href = "https://www.shadertoy.com/">
<div class = "resource_link">Visit ShaderToy...</div>
</a>
</div>
</div>
</div>
<div id = "right-container">
<div class = "content" id = "discord">
<a href="https://discord.gg/uWQcnHC" target="_blank">
<img src="./images/discord_logo.png"/>
</a>
</div>
<div class = "content" id = "calendar">
<div class = "head"><h3>Calendar</h3><div class = "bar"></div></div>
<div id = "events">
<ul id = "event_name">
Loading Calender...
</ul>
</div>
</div>
<div class = "blog" >
<div class = "blog-comment">Free Game! by Jose Pacio.</div>
<a href="https://store.steampowered.com/app/921700/Crashphalt/" target="_blank">
<img src="./images/slideshow/crashphalt.png"/>
</a>
</div>
</div>
<div id = "footer">
<a class = "contact" href="mailto:[email protected]">[email protected]</a>
<a class = "contact" href="https://www.washington.edu/maps/#!/meb">MEB 234</a>
<a class = "contact" href="https://www.facebook.com/groups/uwgamedevc/">FACEBOOK</a>
<a class = "contact" href="https://discord.gg/uWQcnHC">DISCORD</a>
<a class = "contact"href="https://drive.google.com/folderview?id=0B_29sXJmLbNJZ2pmWG1LSldfMzg&usp=sharing">GOOGLE DRIVE</a>
</div>
</body>
</html>