-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
244 lines (241 loc) · 20.3 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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Ask Me Anything | Lewis Menelaws</title>
<meta name="twitter:image" content="assets/img/unnamed.png">
<meta name="twitter:description" content="Join Lewis Menelaws on his Discord Server for an Ask me Anything session at 11:30 AM EST on 30th Nov. 2022 (Wednesday)! Look forward to seeing you there... ">
<meta property="og:type" content="website">
<meta name="description" content="Ask me Anything with Lewis Menelaws on our Discord Server!">
<meta name="twitter:title" content="Ask me Anything">
<meta name="theme-color" content="#0d6efd">
<meta property="og:image" content="assets/img/unnamed.png">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alata&display=swap">
<link rel="stylesheet" href="assets/css/Hero-Carousel-images.css">
<link rel="stylesheet" href="assets/css/Navbar-Centered-Brand-icons.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md py-3">
<div class="container"><a class="navbar-brand d-flex align-items-center" href="#ama-landing"><span>Ask Me Anything!</span></a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-2"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-2">
<ul class="navbar-nav ms-auto">
<li class="nav-item"></li>
<li class="nav-item"></li>
<li class="nav-item"><a class="nav-link" href="#ama-questions">Questions</a></li>
<li class="nav-item"><a class="nav-link" href="#ama-recording">AMA Recording</a></li>
</ul><a class="btn btn-primary ms-md-2" role="button" href="https://discord.gg/5uw4eCQf6Z">Join our Server!</a>
</div>
</div>
</nav>
<section id="ama-landing">
<div style="height: 600px;background: url("assets/img/iliya-jokic-ru9e7pKWlg0-unsplash.jpg") center / cover;">
<section class="py-4 py-xl-5"></section>
<div class="col-md-10 col-xl-8 text-center d-flex d-sm-flex d-md-flex justify-content-center align-items-center mx-auto justify-content-md-start align-items-md-center justify-content-xl-center pt-xl-5 pb-xl-0">
<div>
<h1 class="text-uppercase fs-1 fw-semibold text-center text-white mb-3">ask me anything<br>with<span class="text-uppercase fw-bold text-white"> Lewis Menelaws</span> </h1><button class="btn btn-primary fs-5 me-2 py-2 px-4" type="button" id="discord-btn">Discord Server</button><button class="btn btn-primary fs-5 py-2 px-4" type="button" id="ama-questions">AMA Questions</button>
</div>
</div>
</div>
<div class="container h-100 position-relative" style="top: -50px;">
<div class="row gy-5 gy-lg-0 row-cols-1 row-cols-md-2 row-cols-lg-3">
<div class="col">
<div class="card">
<div class="card-body pt-5 p-4">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center position-absolute mb-3 bs-icon lg" style="top: -30px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-clock-fill">
<path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z"></path>
</svg></div>
<h4 class="card-title">Timings</h4>
<h6 class="text-muted card-subtitle mb-2">When is this AMA being held?</h6>
<p class="card-text">This AMA is being held at 11:30 AM EST (+/- 10 minutes) which is at 8:30 AM PST, 4:30 PM GMT, 5:30 PM CET & 10:00 PM IST.</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body pt-5 p-4">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center position-absolute mb-3 bs-icon lg" style="top: -30px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-calendar-date-fill">
<path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5zm5.402 9.746c.625 0 1.184-.484 1.184-1.18 0-.832-.527-1.23-1.16-1.23-.586 0-1.168.387-1.168 1.21 0 .817.543 1.2 1.144 1.2z"></path>
<path d="M16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2zm-6.664-1.21c-1.11 0-1.656-.767-1.703-1.407h.683c.043.37.387.82 1.051.82.844 0 1.301-.848 1.305-2.164h-.027c-.153.414-.637.79-1.383.79-.852 0-1.676-.61-1.676-1.77 0-1.137.871-1.809 1.797-1.809 1.172 0 1.953.734 1.953 2.668 0 1.805-.742 2.871-2 2.871zm-2.89-5.435v5.332H5.77V8.079h-.012c-.29.156-.883.52-1.258.777V8.16a12.6 12.6 0 0 1 1.313-.805h.632z"></path>
</svg></div>
<h4 class="card-title">Date</h4>
<h6 class="text-muted card-subtitle mb-2">When is this AMA being held?</h6>
<p class="card-text">This AMA is being held on 30th of November 2022. If you miss it by any chance, we will have a recording uploaded here soon!</p>
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-body pt-5 p-4">
<div class="bs-icon-lg bs-icon-rounded bs-icon-primary d-flex flex-shrink-0 justify-content-center align-items-center position-absolute mb-3 bs-icon lg" style="top: -30px;"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-pin-map-fill">
<path fill-rule="evenodd" d="M3.1 11.2a.5.5 0 0 1 .4-.2H6a.5.5 0 0 1 0 1H3.75L1.5 15h13l-2.25-3H10a.5.5 0 0 1 0-1h2.5a.5.5 0 0 1 .4.2l3 4a.5.5 0 0 1-.4.8H.5a.5.5 0 0 1-.4-.8l3-4z"></path>
<path fill-rule="evenodd" d="M4 4a4 4 0 1 1 4.5 3.969V13.5a.5.5 0 0 1-1 0V7.97A4 4 0 0 1 4 3.999z"></path>
</svg></div>
<h4 class="card-title">Location</h4>
<h6 class="text-muted card-subtitle mb-2">Where is this AMA being held?</h6>
<p class="card-text">This AMA is being held on our Discord Server. You can check it out by visiting the link, dsc.gg/lewismeneleaws or <a href="https://discord.gg/5uw4eCQf6Z">clicking here</a>.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="container text-center py-4 py-xl-5" style="font-family: Alata, sans-serif;" id="ama-questions">
<div class="row mb-5">
<div class="col-md-8 col-xl-6 text-center mx-auto">
<h2>Here are a few questions asked on our community channel.</h2>
<h5>As of 28th of November</h5>
</div>
</div>
<div class="row gy-4 row-cols-1 row-cols-sm-2 row-cols-lg-3">
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;"><span style="color: var(--text-normal); background-color: var(--background-message-hover);">Q. Why did you start programming and what did you learned first?</span><br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">Simon</p>
<p class="text-muted mb-0">Discord Member</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;">Q. What are your opinions on Rust, WASM and Linux?<br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">Verq</p>
<p class="text-muted mb-0">Discord Member & Rust Enthusiast</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;">Q. What inspired you to make your YouTube channel?<br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">Explode Code</p>
<p class="text-muted mb-0">Discord Member & Experienced Programmer (Unlike Explode Code who is NOT A experienced programmer)</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;"><span style="color: var(--text-normal); background-color: var(--background-message-hover);">Q. What do you think about leaving C/C++ being suggested? Should we do that, or not? Why? And what language should replace them? (I'd love an in depth explaination)</span><br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">szBene</p>
<p class="text-muted mb-0">Fellow Discord Member</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;">How to deal with burnout? I have been procrastinating hard for the last couple weeks and haven't touched any of my ongoing projects.<br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">WhiteToggled</p>
<p class="text-muted mb-0">Discord Member</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
<div class="col">
<div class="d-flex flex-column justify-content-center align-items-center">
<p class="text-center" style="font-family: Alata, sans-serif;"><span style="color: var(--yt-spec-text-primary); background-color: transparent;">Q. What is your advise to someone with no prior knowledge on programming but aiming to learn at an engineer level.</span><br><br></p>
<div class="d-flex">
<div>
<p class="fw-bold text-center text-primary mb-0">Community Member</p>
<p class="text-muted mb-0" style="text-align: center;">Youtube Comments</p>
</div>
</div>
<div class="card border-0 shadow-none">
<div class="card-body d-flex align-items-center p-0"></div>
</div>
</div>
</div>
</div>
<p class="fs-5 ms-xl-0 mt-xl-0 pb-xl-0 mb-xl-3 pt-xl-5">We have so many more questions in store! Check this link out and if you have in your mind, join our Discord Server!</p>
</div>
<div class="container" id="ama-recording">
<h3 class="text-center" style="font-family: Alata, sans-serif;text-align: center;">Missed the Event?<br>No problem! We have it recorded.</h3>
<section class="py-4 py-xl-5">
<div class="container">
<div class="bg-dark border rounded border-0 border-dark overflow-hidden">
<div class="row g-0">
<div class="col-md-6">
<div class="text-white p-4 p-md-5">
<h2 class="fw-bold text-white mb-3">Uh oh... This recording is yet to be uploaded!</h2>
<p class="mb-4">Grab your popcorn & enjoy the recording. <br>Hey, it's okay if you missed it. We will be hosting another one at some point of time. Till then, maybe check out the links below!</p>
<div class="my-3"><a class="btn btn-primary btn-lg me-2" role="button" href="https://discord.gg/5uw4eCQf6Z">Discord Server</a><a class="btn btn-light btn-lg" role="button" href="https://www.youtube.com/@CodingWithLewis">YouTube Channel</a></div>
</div>
</div>
<div class="col-md-6 order-first order-md-last" style="min-height: 250px;"><img class="w-100 h-100 fit-cover" src="assets/img/thomas-william-4qGbMEZb56c-unsplash.jpg"></div>
</div>
</div>
</div>
</section>
</div>
<footer class="text-center py-4">
<div class="container">
<div class="row row-cols-1 row-cols-lg-3">
<div class="col">
<p class="text-muted my-2">Copyright © 2022 Lewis Menelaws</p>
<p class="text-muted my-2">Website made by <a href="https://github.com/immaharry">ImmaHarry/HarryDaDev</a></p>
</div>
<div class="col">
<ul class="list-inline my-2">
<li class="list-inline-item me-4">
<div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-discord">
<path d="M13.545 2.907a13.227 13.227 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.19 12.19 0 0 0-3.658 0 8.258 8.258 0 0 0-.412-.833.051.051 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.041.041 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032c.001.014.01.028.021.037a13.276 13.276 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019c.308-.42.582-.863.818-1.329a.05.05 0 0 0-.01-.059.051.051 0 0 0-.018-.011 8.875 8.875 0 0 1-1.248-.595.05.05 0 0 1-.02-.066.051.051 0 0 1 .015-.019c.084-.063.168-.129.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.052.052 0 0 1 .053.007c.08.066.164.132.248.195a.051.051 0 0 1-.004.085 8.254 8.254 0 0 1-1.249.594.05.05 0 0 0-.03.03.052.052 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.235 13.235 0 0 0 4.001-2.02.049.049 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.034.034 0 0 0-.02-.019Zm-8.198 7.307c-.789 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612Zm5.316 0c-.788 0-1.438-.724-1.438-1.612 0-.889.637-1.613 1.438-1.613.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612Z"></path>
</svg></div>
</li>
<li class="list-inline-item me-4">
<div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-instagram">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"></path>
</svg></div>
</li>
<li class="list-inline-item">
<div class="bs-icon-circle bs-icon-primary bs-icon"><svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" fill="currentColor" viewBox="0 0 16 16" class="bi bi-youtube">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.007 2.007 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.007 2.007 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31.4 31.4 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.007 2.007 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A99.788 99.788 0 0 1 7.858 2h.193zM6.4 5.209v4.818l4.157-2.408L6.4 5.209z"></path>
</svg></div>
</li>
</ul>
</div>
<div class="col">
<ul class="list-inline my-2">
<li class="list-inline-item"><a class="link-secondary" href="https://discord.gg/5uw4eCQf6Z">Discord Server</a></li>
<li class="list-inline-item"><a class="link-secondary" href="#">Upcoming Events</a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script>
var discord_button = document.getElementById("discord-btn");
discord_button.addEventListener("click", function() {
window.open("https://discord.gg/5uw4eCQf6Z", "_blank");
});
</script>
</body>
</html>