-
Notifications
You must be signed in to change notification settings - Fork 0
/
games.html
58 lines (54 loc) · 2.07 KB
/
games.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zintis May - Games</title>
<link rel="stylesheet" href="robotoFont.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="index.css">
</head>
<body class="games">
<div class="contentArea" id="contentArea">
<h1 class="headerText">Game Design</h1>
<div class="row">
<p>So for the past 10 years or so I've been learning and practicing game design. Not professionally, mind you. But
as a fun and interesting hobby. In that time I've learned the game design community (at least in the Northeast
USA) is a very welcoming and passionate group. I've hosted panels, made tutorial videos, and worked with a
number of prominent designers and groups, such as NYC Playtest, Game Maker's Guild Philadelphia, and others.</p>
</div>
</div>
</body>
<script src="data/gameData.js"></script>
<script>
let contentArea = document.getElementById("contentArea")
for (let x = 0; x < gameData.length; x++) {
let { name, year, description, image, youtubeVideoLink, BGGpageLink } = gameData[x]
let flip = x % 2 === 1 ? "flip" : ""
let content = `
<div class="row ${flip}">
<div class="col left">
<img src="images/${image}" alt="${name}">
<p class="captionText">${name}</p>
</div>
<div class="col right">
<p>
<h3>
${name}
</h3>
${description}
${youtubeVideoLink && `<br><br><a href="${youtubeVideoLink}">See on Youtube</a>`}
${youtubeVideoLink && `<a href="${BGGpageLink}">See on BGG</a>`}
</p>
</div>
</div>
`
contentArea.innerHTML += content
}
</script>
<script src="addMenu.js"></script>
</html>