forked from GDSedi/newgamedevsoc
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
294 lines (253 loc) · 10.1 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
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
<!DOCTYPE html>
<html lang="en">
<head>
<title>GameDevSoc</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<style>
html {
background-color: #3B97D3;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
.headerimg {
width: 100%;
max-width: 900px;
margin: auto;
display: block;
margin-top: 40px;
margin-bottom: 40px;
}
.maincontain {
background-color: white;
max-width: 600px;
margin: auto;
margin-top: 50px;
padding: 40px;
color: #17608a;
border-radius: 3px;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
p {
font-size: 18px;
}
.card {
border-radius: 3px;
background-color: #163c52;
color: white;
padding: 10px 20px 10px 20px;
margin: 20px;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
.card:hover {
background-color: #052b42;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
.press {
border-radius: 3px;
margin: 20px;
padding: 15px;
display: block;
background: white;
border: 4px solid #163c52;
font-size: 22px;
color: #163c52;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
a {
color: #007bc6;
}
.press:hover {
background-color: #163c52;
color: white;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
.leftheader {
font-size: 36px;
color: #3B97D3;
}
img {
width: 100%;
max-width: 500px;
border-radius: 3px;
}
.final {
margin-bottom: 60px;
}
.highlight {
text-decoration: underline;
font-size: 24px;
}
.desc {
color: #3b97d3;
margin-top: -20px;
}
.no-dec {
text-decoration: none;
}
iframe {
width: 100%;
height: 300px;
}
@media (max-width: 600px) {
p {
font-size: 16px;
}
.leftheader {
font-size: 24px;
}
.highlight {
font-size: 20px;
}
.press {
font-size: 18px;
padding: 10px;
}
.maincontain {
margin-top: 30px;
}
.final {
margin-bottom: 40px;
}
iframe {
height: 250px;
}
.card {
margin: 3px 5px 3px 5px;
}
.press {
margin: 15px;
}
}
@media (max-width: 510px) {
iframe {
height: 200px;
}
.maincontain {
padding: 25px;
}
.card {
margin: 0px;
}
.press {
margin: 10px;
}
}
</style>
</head>
<body>
<img src="logotext.png" alt="gamedevsoc logo" class="headerimg">
<div class="maincontain align-center">
<img src="separator.svg" alt="">
<h2>EDINBURGH UNI GAME DEVELOPMENT SOCIETY</h2>
<p>We want to create a welcoming environment for seasoned game developers and beginners alike. We host events that are part-talks part-socials, during which you can share your ideas in a stimulating environment.</p>
<p>All our events are free, open to non-students and do not require membership, so do come along if you are curious!</p>
<img src="separator2.svg" alt="">
<a href="https://www.facebook.com/events/1699998796678631/" class="no-dec">
<div class="card">
<h3>Next event:</h3>
<p class="highlight">Jam Sandwich Gamejam</p>
<p>11th/12th November</p><p>10:00-18:00</p><p>Teviot Study</p>
</div>
</a>
</div>
<div class="maincontain align-center">
<a href="https://www.facebook.com/groups/gamedevsocedi/" class="no-dec"><span class="press">Join our Facebook group</span></a>
<a href="http://space.us14.list-manage2.com/subscribe?u=fef88d16b9f97a5f9fd333b48&id=28e0e8416e" class="no-dec"><span class="press">Sign up to our newsletter</span></a>
<a href="https://www.eusa.ed.ac.uk/societies/society/gamedevsoc/" class="no-dec"><span class="press">Support us - buy a membership!</span></a>
<img src="separator3.svg" alt="">
<p>You can also email us at <a href="mailto:gamedevsoc@gmail.com">gamedevsoc@gmail.com</a>.</p>
</div>
<div class="maincontain align-center">
<h2 class="leftheader">Our events</h2>
<h2>SOCIALS: MICROTALKS, WORKSHOPS & SHOWCASE</h2>
<h3 class="desc">MONTHLY ON SATURDAYS</h3>
<p>Talk to people about games, come by if you are just curious, listen (or give!) short talks, learn about gamedev and play or receive feedback on your games. Non-members and non-students welcome!</p>
<p>You can find the slides to some of the previous talks <a href="https://drive.google.com/drive/folders/0B5Qnlzzts7s-Nk9oTWpZNW51WEU?usp=sharing">here</a>.</p>
<img src="separator.svg" alt="">
<h2>GAMEJAMS</h2>
<h3 class="desc">ONE PER SEMESTER</h3>
<p>Challenge yourself and make a game in a day or two! It's a great way to get started and improve your skills.</p>
</div>
<div class="maincontain align-center">
<h2 class="leftheader">Past events</h2>
<h3>You can find games people made at our gamejams on our <a class="blue" href="https://gamedevsoc.itch.io">itch.io page</a>!</h3>
<img src="separator2.svg" alt="">
<h2>JAM SANDWICH</h2>
<h3 class="desc">25.02.17 - 25.02.17</h3>
<iframe src="https://www.youtube.com/embed/?listType=playlist&list=PLhR_KR4_8GfchWqQSrWigR0qcdtWpy9H1"></iframe>
<img src="separator.svg" alt="">
<h2>CHILLJAM</h2>
<h3 class="desc">12.11.16</h3>
<iframe src="https://www.youtube.com/embed/WHHMHY8LX0Y"></iframe>
</div>
<div class="maincontain align-center">
<h2 class="leftheader">Resources for starting out</h2>
<h3>TOOLS</h3>
<p><a href="http://gamedevsoc.com/resources">Workshop resources</a> - used in our Welcome Week event</p>
<p><a href="http://twinery.org/">Twine</a> - easy-to-use tool for interactive fiction creation (<a href="http://www.auntiepixelante.com/twine/">quick tutorial</a>)</p>
<p><a href="https://www.scirra.com/construct2">Construct 2</a> - programming-free game creation (Windows). Intuitive and great for prototyping</p>
<p><a href="http://www.yoyogames.com/gamemaker">GameMaker</a> - powerful, has its own built-in language. Exports to many platforms</p>
<p><a href="http://www.sortingh.at/">sortingh.at</a> - not sure what tool to use?</p>
<p><a href="https://itch.io/">itch.io</a> - discover & host your games for free</p>
<p><a href="http://www.indiegamejams.com/">Indie Game Jams</a> - find out about gamejams</p>
<p><a href="http://www.onegameamonth.com/">One Game A Month</a> - commit to making one creation each month</p>
<p><a href="http://boscaceoil.net/">Bosca Ceoil</a> - make music</p>
<p><a href="http://www.bfxr.net/">BFXR</a> - make sound effects</p>
<p><a href="https://freesound.org/">FreeSound</a> - royalty-free music</p>
<img src="separator3.svg" alt="">
<h3 class="blue">ARTICLES & OTHER</h3>
<p><a href="http://www.gamesareforeveryone.com/">GamesAreForEveryone</a> - list of resources regarding all aspects of gamedev</p>
<p><a href="https://killscreen.com/">Kill Screen</a> - video game arts and culture publication</p>
<p><a href="http://www.telegraph.co.uk/gaming/what-to-play/personal-issues-inside-the-fascinating-world-of-interactive-biog/">Gaming to cope: how developers are tackling real life</a> - article on personal games creation</p>
<p>We'd love your suggestions to improve this list!</p>
</div>
<div class="maincontain align-center">
<h2 class="leftheader">Events around us</h2>
<p><a href="https://www.facebook.com/edinburghindies">Edinburgh Indies</a> - monthly meetup, every first Thursday</p>
<p><a href="https://www.facebook.com/GameDevEd/">Game Dev Edinburgh</a> - bimonthly meetup, every second Tuesday</p>
<p><a href="https://igdascotland.org/">IGDA Scotland</a> - talks, events & resources all over Scotland</p>
<p><a href="http://edindi.es">EdIndies</a> - weekly co-working meetup in Summerhall</p>
<p><a href="https://www.eventbrite.co.uk/e/gamesareforeveryone-tickets-31598699561">GamesAreForEveryone</a> - drinks, music & selection of interesting games</p>
<img src="separator2.svg" alt="">
<h2 class="leftheader">Related societies</h2>
<p>Make sure to check out <a href="https://www.eusa.ed.ac.uk/societies/society/compsoc/">CompSoc</a>, <a href="https://www.eusa.ed.ac.uk/societies/society/gamesoc/">GameSoc</a> and <a href="https://www.eusa.ed.ac.uk/societies/society/entrepreneurship/">EntSoc</a>!</p>
</div>
<div class="maincontain align-center">
<h2 class="leftheader">The team</h2>
<img alt="" src="team.jpg">
<img src="separator.svg" alt="">
<p>President: Vaida Plankyte</p>
<p>Secretary: Tatsuya Haddow</p>
<p>Treasurer: Charles Sharples</p>
<p>Events Coordinator: Yu Jo Tseng</p>
<p>Outreach & Social Media Coordinator: Katie Worton</p>
</div>
<div class="maincontain align-center final">
<p>GameDevSoc follows <a href="https://www.eusa.ed.ac.uk/eusapolicy/internal/safespaceupdate/">EUSA's Safe Space Policy.</a></p>
<br/>
<h3>SPONSORED BY:</h3>
<img src="JPM.png" alt="J.P.Morgan"/>
<img src="separator2.svg" alt="">
</div>
</body>
</html>