-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdiscord.html
44 lines (36 loc) · 1.97 KB
/
discord.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Cafe Scene</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<script src="script.js"></script>
<nav>
<a href="index.html" class="restart">Restart</a>
</nav>
<body>
<div class="scene"></div>
<img src="cafe.png" alt="cafe background" class="cafe">
<img src="sprites/barista.png" alt="barista" class="barista">
<img src="sprites/oldenburg.png" alt="Oldenburg's The Great Good Place" class="oldenburg">
<img src="sprites/discord.png" alt="Discord poster" class="discord">
<img src="sprites/olivia.png" alt="Olvia" class="olivia">
<img src="sprites/nithin.png" alt="Nithin" class="nithin">
<img src="sprites/may.png" alt="May" class="may">
<img src="sprites/laptopOlivia.png" alt="Olivia's laptop" class="laptop-olivia">
<img src="sprites/laptopNithin.png" alt="laptop" class="laptop">
</div>
<div class="text-box">
<h2>Discord as a Third Place</h2>
<p>You’ve probably heard about discord, the platform that allows communication through voice calls, video calls, text messaging, and media and files. While it was originally a video game chat platform, “Citron and his team realized that the best thing about their game was the chat feature. (Not a great sign for the game, but you get the point.)”<br><br>
The CEO of Discord wants the platform to become the default third place, describing it like "a neighborhood, or like a house where you can move between rooms.”<br><br>
While other social platforms have attempted to replicate becoming the internet's third place, no one has come as close as Discord. With the ability to enter into different channels and communicate in a variety of ways, Discord is a uniquely authentic third place.
</p>
<div class="two-button-container">
<a href="ending.html" class="return-button">I've finished!</a>
</div>
</div>
</body>
</html>