Skip to content

Commit 3d820ad

Browse files
SvanniaSvannia
committed
Updates
1 parent fabc97c commit 3d820ad

1 file changed

Lines changed: 115 additions & 115 deletions

File tree

‎index.html‎

Lines changed: 115 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -1,116 +1,116 @@
1-
<!doctype html>
2-
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>STEAMingDevGossip</title>
7-
<link rel="stylesheet" href="css/style.css" />
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>STEAMingDevGossip</title>
7+
<link rel="stylesheet" href="css/style.css" />
88
<script type="module" crossorigin src="/STEAMingHot/assets/index-BjSgGrQu.js"></script>
9-
</head>
10-
11-
<body>
12-
<!-- Navigation to specific graphs -->
13-
<nav>
14-
<a
15-
href="https://github.com/com-480-data-visualization/STEAMingHot"
16-
class="github-icon"
17-
title="GitHub Repository"
18-
target="_blank"
19-
rel="noopener noreferrer"
20-
>
21-
<svg viewBox="0 0 24 24" width="30" height="30" fill="currentColor">
22-
<path
23-
d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"
24-
/>
25-
</svg>
26-
</a>
27-
<a href="#singleGame">Game Insights</a>
28-
<span class="nav-divider"></span>
29-
<a href="#gameComparator">Game Comparator</a>
30-
<span class="nav-divider"></span>
31-
<a href="#overview">Overview</a>
32-
<span class="nav-divider"></span>
33-
<a href="#developingTrends">Developing Trends</a>
34-
<span class="nav-divider"></span>
35-
<a href="#about">About</a>
36-
</nav>
37-
38-
<section id="title">
39-
<h1>STEAMing DEV GOSSIP</h1>
40-
<p class="subtitle">Discover what you need to make your game blow up</p>
41-
</section>
42-
43-
<section id="singleGame">
44-
<h2>Game Insights</h2>
45-
<p>Search a game and learn more about what makes it popular!</p>
46-
47-
<div class="game-search">
48-
<div class="search-input-wrapper">
49-
<input
50-
type="text"
51-
placeholder="Enter game name..."
52-
class="search-input"
53-
/>
54-
<button class="search-clear" aria-label="Clear search">✕</button>
55-
</div>
56-
<button class="search-button">Search</button>
57-
<button class="search-random">Random</button>
58-
</div>
59-
60-
<div class="search-suggestions"></div>
61-
<div class="search-no-results" style="display: none"></div>
62-
63-
<div class="viz1">
64-
<!-- D3 viz1 will be rendered here -->
65-
</div>
66-
</section>
67-
68-
<section id="gameComparator">
69-
<h2>Game Comparator</h2>
70-
<p>
71-
Compare different games and see how they stack up against each other!
72-
</p>
73-
<div class="viz4">
74-
<!-- D3 viz4 will be rendered here -->
75-
</div>
76-
</section>
77-
78-
<section id="overview">
79-
<h2>Overview</h2>
80-
<p>
81-
Get general statistics about all steam games!<br />
82-
Discover more by dragging your mouse over the vertical axes... You can
83-
also click on an axis to remove your selection.
84-
</p>
85-
<div class="viz2">
86-
<!-- D3 viz2 will be rendered here -->
87-
</div>
88-
</section>
89-
90-
<section id="developingTrends">
91-
<h2>Developping Trends</h2>
92-
<p>
93-
See what kind of games are being released and when, and how that has
94-
evolved over the years.
95-
</p>
96-
97-
<div class="viz3">
98-
<!-- D3 viz3 will be rendered here -->
99-
</div>
100-
</section>
101-
102-
<section id="about">
103-
<h2>About</h2>
104-
<p>
105-
STEAMing Dev Gossip is a project that aims to help new video game
106-
developers learn more about release tendencies. We hope that you can use
107-
the insights we provide to help decide how and when to market your game
108-
to make it as successful as you deserve!
109-
</p>
110-
<p class="signature">
111-
- Alice Reymond, Lorie Xu, Valentin Porchet | COM-480 Data Visualization
112-
</p>
113-
</section>
114-
115-
</body>
116-
</html>
9+
</head>
10+
11+
<body>
12+
<!-- Navigation to specific graphs -->
13+
<nav>
14+
<a
15+
href="https://github.com/com-480-data-visualization/STEAMingHot"
16+
class="github-icon"
17+
title="GitHub Repository"
18+
target="_blank"
19+
rel="noopener noreferrer"
20+
>
21+
<svg viewBox="0 0 24 24" width="30" height="30" fill="currentColor">
22+
<path
23+
d="M10.226 17.284c-2.965-.36-5.054-2.493-5.054-5.256 0-1.123.404-2.336 1.078-3.144-.292-.741-.247-2.314.09-2.965.898-.112 2.111.36 2.83 1.01.853-.269 1.752-.404 2.853-.404 1.1 0 1.999.135 2.807.382.696-.629 1.932-1.1 2.83-.988.315.606.36 2.179.067 2.942.72.854 1.101 2 1.101 3.167 0 2.763-2.089 4.852-5.098 5.234.763.494 1.28 1.572 1.28 2.807v2.336c0 .674.561 1.056 1.235.786 4.066-1.55 7.255-5.615 7.255-10.646C23.5 6.188 18.334 1 11.978 1 5.62 1 .5 6.188.5 12.545c0 4.986 3.167 9.12 7.435 10.669.606.225 1.19-.18 1.19-.786V20.63a2.9 2.9 0 0 1-1.078.224c-1.483 0-2.359-.808-2.987-2.313-.247-.607-.517-.966-1.034-1.033-.27-.023-.359-.135-.359-.27 0-.27.45-.471.898-.471.652 0 1.213.404 1.797 1.235.45.651.921.943 1.483.943.561 0 .92-.202 1.437-.719.382-.381.674-.718.944-.943"
24+
/>
25+
</svg>
26+
</a>
27+
<a href="#singleGame">Game Insights</a>
28+
<span class="nav-divider"></span>
29+
<a href="#gameComparator">Game Comparator</a>
30+
<span class="nav-divider"></span>
31+
<a href="#overview">Overview</a>
32+
<span class="nav-divider"></span>
33+
<a href="#developingTrends">Developing Trends</a>
34+
<span class="nav-divider"></span>
35+
<a href="#about">About</a>
36+
</nav>
37+
38+
<section id="title">
39+
<h1>STEAMing DEV GOSSIP</h1>
40+
<p class="subtitle">Discover what you need to make your game blow up</p>
41+
</section>
42+
43+
<section id="singleGame">
44+
<h2>Game Insights</h2>
45+
<p>Search a game and learn more about what makes it popular!</p>
46+
47+
<div class="game-search">
48+
<div class="search-input-wrapper">
49+
<input
50+
type="text"
51+
placeholder="Enter game name..."
52+
class="search-input"
53+
/>
54+
<button class="search-clear" aria-label="Clear search">✕</button>
55+
</div>
56+
<button class="search-button">Search</button>
57+
<button class="search-random">Random</button>
58+
</div>
59+
60+
<div class="search-suggestions"></div>
61+
<div class="search-no-results" style="display: none"></div>
62+
63+
<div class="viz1">
64+
<!-- D3 viz1 will be rendered here -->
65+
</div>
66+
</section>
67+
68+
<section id="gameComparator">
69+
<h2>Game Comparator</h2>
70+
<p>
71+
Compare different games and see how they stack up against each other!
72+
</p>
73+
<div class="viz4">
74+
<!-- D3 viz4 will be rendered here -->
75+
</div>
76+
</section>
77+
78+
<section id="overview">
79+
<h2>Overview</h2>
80+
<p>
81+
Get general statistics about all steam games!<br />
82+
Discover more by dragging your mouse over the vertical axes... You can
83+
also click on an axis to remove your selection.
84+
</p>
85+
<div class="viz2">
86+
<!-- D3 viz2 will be rendered here -->
87+
</div>
88+
</section>
89+
90+
<section id="developingTrends">
91+
<h2>Developing Trends</h2>
92+
<p>
93+
See what kind of games are being released and when, and how that has
94+
evolved over the years.
95+
</p>
96+
97+
<div class="viz3">
98+
<!-- D3 viz3 will be rendered here -->
99+
</div>
100+
</section>
101+
102+
<section id="about">
103+
<h2>About</h2>
104+
<p>
105+
STEAMing Dev Gossip is a project that aims to help new video game
106+
developers learn more about release tendencies. We hope that you can use
107+
the insights we provide to help decide how and when to market your game
108+
to make it as successful as you deserve!
109+
</p>
110+
<p class="signature">
111+
- Alice Reymond, Lorie Xu, Valentin Porchet | COM-480 Data Visualization
112+
</p>
113+
</section>
114+
115+
</body>
116+
</html>

0 commit comments

Comments
 (0)