generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
124 lines (112 loc) · 5.66 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
<!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">
<meta name="description" content="Sup of Gaming video game reviews, blog and commentary">
<meta name="keywords" content="sup of gaming, video games, review, commentary">
<link rel="stylesheet" href="Assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="shortcut icon" type="image/jpg" href="Assets/images/favicon.ico">
<script src="Assets/js/readmoreless.js"></script>
<title>Sup of Gaming</title>
</head>
<!--PLEASE VIEW README FILE AT https://github.com/tadhgnolan/Portfolio-Project-1/blob/master/README.md FOR LIST OF CODE USED FROM OTHER SITES -->
<body>
<div class="wrapper">
<header>
<!-- (A) MENU WRAPPER -->
<nav id="hamnav">
<!-- (B) THE HAMBURGER -->
<label for="hamburger">☰</label>
<input type="checkbox" id="hamburger">
<!-- (C) MENU ITEMS-->
<div id="hamitems">
<a href="index.html">Home</a>
<a href="articles.html">Articles</a>
<a href="reviews.html">Reviews</a>
<a href="videos.html">Videos</a>
</div>
</nav>
<div id="header">
<img id="header-image" src="Assets/images/banner.png" alt="Banner image not found">
</div>
</header>
<div class="flex-container title">
<h2 class="page-title">Blog</h2>
</div>
<section>
<div class="flex-container">
<img class="content-img" src="Assets/images/Guild_Wars_2_image.png" alt="Guild Wars 2 image">
</div>
<div class="flex-container">
</div>
<div class="flex-container content-text">
<div class="content">
<h2>My kingdom for a guild</h2>
</div>
<div>
<p>
So I'm once again thinking of jumping back into Guild Wars 2 due to some friends picking it up
again. I'll easily admit to feeling a bit of trepidation regarding this, as my past experience
has been that any time I
start to build up any head of steam in the game, everyone jumps ship for something else &
I'm very much not a solo player.
<span id="dots1">...</span><span class="more" id="more1">Hopefully it goes better this time
around. I'm curious is
my experience is an edge case or closer to the norm. If any of you have had a similar
experience with this game or similar, please let me know.</span>
</p>
<button onclick="openText('dots1', 'more1', 'myBtn1')" id="myBtn1">Read more</button>
</div>
</div>
</section>
<br>
<section>
<div class="flex-container">
<img class="content-img" src="Assets/images/biomutant.png" alt="Biomutant image">
</div>
<div class="flex-container content-text">
<div class="content">
<h2>Teenage biomutant</h2>
</div>
<div>
<p>
So I've been having an incredible time with Biomutant recently. It manages to capture some of
that elusive joy that many games seemed to exhibit in the late 90's & early 2000's before DnD
<span id="dots2">...</span><span class="more" id="more2">type mechanics were injected into
nearly every single game published, regardless of whether
they
were suitable or not. Add lootboxes to this mix & you have the perfect recipe for burning
out
players. Thankfully Biomutant contains neither of these elements. Despite its many flaws, it
encourages you to explore, play & partake in something that has been missing from many video
games lately. Simple, glorious fun.</span>
</p>
<button onclick="openText('dots2', 'more2', 'myBtn2')" id="myBtn2">Read more</button>
</div>
</div>
</section>
<br>
</div>
<div class="icon-bar">
<a href="https://www.facebook.com/supofgaming" target="_blank" rel="noopener"
aria-label="Visit our Facebook page (opens in a new tab)" class="facebook"><i
class="fa fa-facebook"></i></a>
<a href="https://twitter.com/Sup_of_Gaming" target="_blank" rel="noopener"
aria-label="Visit our Twitter page (opens in a new tab)" class="twitter"><i class="fa fa-twitter"></i></a>
<a href="https://www.youtube.com/channel/UCkINJseq99QloNmV0_UXCLA/featured" target="_blank" rel="noopener"
aria-label="Visit our YouTube channel (opens in a new tab)" class="youtube"><i
class="fa fa-youtube"></i></a>
</div>
<footer>
<div class="flex-container author-text">
<p>Author: Tadhg Nolan</p>
</div>
<div class="flex-container email-text">
<p><a href="mailto:tadhgnolan@gmail.com">supofgaming@gmail.com</a></p>
</div>
</footer>
</body>
</html>