-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (138 loc) · 10.2 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Fonts -->
<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=Inter:wght@400;900&display=swap" rel="stylesheet">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>DLW - eSports</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- main img -->
<header>
<div>
<img
src="https://github.com/mavinii.png"
alt="Marcos Oliveira's Image Profile">
</div>
</header>
<main>
<!-- favorite games -->
<section>
<div>
<h2>Favorite Games</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<ul class="games-list">
<li>
<a target="_blank"
href="https://www.twitch.tv/directory/game/Rocket%20League">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/30921-285x380.jpg" alt="Rocket League">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/directory/game/Battlefield%20V">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/504199_IGDB-285x380.jpg" alt="Battlefield V">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/directory/game/Call%20of%20Duty%3A%20Modern%20Warfare%20II">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/1678052513_IGDB-285x380.jpg" alt="Call of Duty">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/directory/game/FIFA%2022">
<img src="https://static-cdn.jtvnw.net/ttv-boxart/1869092879_IGDB-285x380.jpg" alt="Fifa 2022">
</a>
</li>
</ul>
</div>
</section>
<!-- channels and streamers -->
<section>
<div>
<h2>Channels and Streamers</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<ul class="channels-list">
<li>
<a target="_blank"
href="https://www.twitch.tv/rocketleague">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/13186be9-68d9-4df7-a2ed-676b4076802e-profile_image-70x70.png" alt="Description of Image 1">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/hayashii">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/d67c0674-ba7c-49b4-949e-787da0542b9f-profile_image-70x70.png" alt="Description of Image 2">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/razer">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/0520d6da-3b70-4bd5-82e7-541c168d3199-profile_image-70x70.png" alt="Description of Image 3">
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/furiatv">
<img src="https://static-cdn.jtvnw.net/jtv_user_pictures/27cebe1b-e7e5-46ad-a737-04d5a01684a9-profile_image-70x70.png" alt="Description of Image 3">
</a>
</li>
</ul>
</div>
</section>
<!-- social media -->
<section>
<div>
<h2>Social Media</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
<ul class="social-media-list">
<li>
<a target="_blank"
href="https://github.com/mavinii">
<svg width="31" height="31" viewBox="0 0 78 76" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M39 0.5C17.8208 0.5 0.666672 17.6542 0.666672 38.8333C0.666672 55.7958 11.6396 70.1229 26.8771 75.2021C28.7938 75.5375 29.5125 74.3875 29.5125 73.3812C29.5125 72.4708 29.4646 69.4521 29.4646 66.2417C19.8333 68.0146 17.3417 63.8937 16.575 61.7375C16.1438 60.6354 14.275 57.2333 12.6458 56.3229C11.3042 55.6042 9.38751 53.8312 12.5979 53.7833C15.6167 53.7354 17.7729 56.5625 18.4917 57.7125C21.9417 63.5104 27.4521 61.8812 29.6563 60.875C29.9917 58.3833 30.9979 56.7062 32.1 55.7479C23.5708 54.7896 14.6583 51.4833 14.6583 36.8208C14.6583 32.6521 16.1438 29.2021 18.5875 26.5187C18.2042 25.5604 16.8625 21.6312 18.9708 16.3604C18.9708 16.3604 22.1813 15.3542 29.5125 20.2896C32.5792 19.4271 35.8375 18.9958 39.0958 18.9958C42.3542 18.9958 45.6125 19.4271 48.6792 20.2896C56.0104 15.3062 59.2208 16.3604 59.2208 16.3604C61.3292 21.6312 59.9875 25.5604 59.6042 26.5187C62.0479 29.2021 63.5333 32.6042 63.5333 36.8208C63.5333 51.5312 54.5729 54.7896 46.0438 55.7479C47.4333 56.9458 48.6313 59.2458 48.6313 62.8396C48.6313 67.9667 48.5833 72.0875 48.5833 73.3812C48.5833 74.3875 49.3021 75.5854 51.2188 75.2021C66.3604 70.1229 77.3333 55.7479 77.3333 38.8333C77.3333 17.6542 60.1792 0.5 39 0.5V0.5Z" fill="#F2F2F2"/>
</svg>
</a>
</li>
<li>
<a target="_blank"
href="https://www.twitch.tv/z3d0mato">
<svg width="33" height="32" viewBox="0 0 33 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.2824 25H15.8426C15.6011 25.0001 15.3678 25.0844 15.1852 25.2375L9.28125 30V25H6.1875C5.914 25 5.65169 24.8946 5.4583 24.7071C5.2649 24.5196 5.15625 24.2652 5.15625 24V6C5.15625 5.73478 5.2649 5.48043 5.4583 5.29289C5.65169 5.10536 5.914 5 6.1875 5H26.8125C27.086 5 27.3483 5.10536 27.5417 5.29289C27.7351 5.48043 27.8438 5.73478 27.8438 6V19.5375C27.8417 19.6832 27.8072 19.8267 27.7427 19.9583C27.6782 20.0899 27.5851 20.2065 27.4699 20.3L21.9398 24.7625C21.7572 24.9156 21.5239 24.9999 21.2824 25V25Z" stroke="#9A35FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M21.6562 11V17" stroke="#9A35FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M15.4688 11V17" stroke="#9A35FF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
<li>
<a target="_blank"
href="https://www.instagram.com/mavinii/">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16 21C18.7614 21 21 18.7614 21 16C21 13.2386 18.7614 11 16 11C13.2386 11 11 13.2386 11 16C11 18.7614 13.2386 21 16 21Z" stroke="#FA41FE" stroke-width="2" stroke-miterlimit="10"/>
<path d="M21.5 4.5H10.5C7.18629 4.5 4.5 7.18629 4.5 10.5V21.5C4.5 24.8137 7.18629 27.5 10.5 27.5H21.5C24.8137 27.5 27.5 24.8137 27.5 21.5V10.5C27.5 7.18629 24.8137 4.5 21.5 4.5Z" stroke="#FA41FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.5 11C23.3284 11 24 10.3284 24 9.5C24 8.67157 23.3284 8 22.5 8C21.6716 8 21 8.67157 21 9.5C21 10.3284 21.6716 11 22.5 11Z" fill="#FA41FE"/>
</svg>
</a>
</li>
<li>
<a target="_blank"
href="https://www.youtube.com/user/MaviniEletronicMusic/featured">
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 16L14 12V20L20 16Z" stroke="#F40000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3 16C3 19.725 3.3875 21.9 3.675 23.025C3.75427 23.3302 3.90418 23.6126 4.11262 23.8493C4.32106 24.0859 4.58221 24.2703 4.875 24.3875C9.0625 25.9875 16 25.95 16 25.95C16 25.95 22.9375 25.9875 27.125 24.3875C27.4178 24.2703 27.6789 24.0859 27.8874 23.8493C28.0958 23.6126 28.2457 23.3302 28.325 23.025C28.6125 21.9 29 19.725 29 16C29 12.275 28.6125 10.1 28.325 8.975C28.2457 8.66975 28.0958 8.38741 27.8874 8.15074C27.6789 7.91407 27.4178 7.7297 27.125 7.6125C22.9375 6.0125 16 6.05 16 6.05C16 6.05 9.0625 6.0125 4.875 7.6125C4.58221 7.7297 4.32106 7.91407 4.11262 8.15074C3.90418 8.38741 3.75427 8.66975 3.675 8.975C3.3875 10.1 3 12.275 3 16Z" stroke="#F40000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</a>
</li>
</ul>
</div>
</section>
</main>
</body>
</html>