-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstoryline.html
84 lines (81 loc) · 3.99 KB
/
storyline.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="assets/images/coffee.png" type="image/png">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Retro Logic">
<title>Storyline</title>
<!-- CSS LINK -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<header>
<a href="index.html"><h1>Office Invaders</h1></a>
<h2 id="game-subtitle">The game between the fat cats and the real world!</h2>
</header>
<main>
<div id="content">
<section>
<h3>The story so far.</h3>
<p style="text-align: justify;">
The year is 2020, and the plague was spreading worldwide, forcing the evil fat cats
to give their employees the freedom to work remotely. Life became comfy and convenient
for all involved, or so it seemed...
</p>
<br>
<p>
Until the fog of the pandemic begins to wain...
</p>
<br>
<p style="text-align: justify;">
... Fat cats the world over began to plot and scheme to revoke the good life back,
thus regaining dominion once again over their employee's lives. Company rules, set
hours, and human contact now endangered the once free programmers way of life,
which was the case for many, but not all.
</p>
<br>
<p style="text-align: justify;">
Kevin would not give up the convenience of his newly bought Redbull bull fridge so
easily! Knowing this, the evil fat cat broke into his home and stole his precious
energy drinks, forcing Kevin into action!
</p>
<br>
<p style="text-align: justify;">
Join Kevin as he battles his way through the multiple stories of the office to gain
access to the executive suite on the top floor (where his Redbull fridge is locked in
the safe behind the big bosses desk). Along the way, he will battle Team Leads, HR
managers, and even the occasional disgruntled cleaner/ canteen person/ or company
suck up who don't want anything to stand in the way of the return to the office.
</p>
<button id="return-btn"><a href="index.html"><i class="fas fa-arrow-left fa-lg"></i> Back</a></button>
</section>
</div>
<aside>
<hr>
<button><a href="storyline.html">Storyline</a></button>
<button><a href="how-to-play.html">How to play</a></button>
<button><a href="credits.html">Credits</a></button>
<button id="play-btn"><a href="game.html">Play!</a></button>
</aside>
</main>
<!--footer for social media links-->
<footer>
<div id="socials">
<a href="https://www.youtube.com" aria-label="Go to Facebook page" target="_blank"
rel="noopener"><i class=" fab fa-youtube-square"></i></a>
<a href="http://facebook.com" aria-label="Go to Facebook page" target="_blank" rel="noopener"><i
class="fab fa-facebook"></i></a>
<a href="http://github.com" aria-label="Go to GitHub page" target="_blank" rel="noopener"><i
class="fab fa-github"></i></a>
<a href="http://linkedin.com" aria-label="Go to LinkedIn page" target="_blank" rel="noopener"><i
class="fab fa-linkedin"></i></a>
</div>
</footer>
<!-- font awesome script-->
<script src="https://kit.fontawesome.com/328aade986.js" crossorigin="anonymous"></script>
</body>
</html>