-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
448 lines (318 loc) · 23.1 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
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
<!DOCTYPE html>
<html class="has-navbar-fixed-top">
<head>
<meta charset="utf-8">
<title>ScribeHacks Blog</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.css">
<meta name="description" content="ScribeHacks is a highschool hackathon happening on April 17-18, 2021 in the Bay Area.">
<meta name="keywords" content="programming, dev, developer, code, coder, software, hackathon, student, nonprofit, non-profit, education">
<meta name="description" content="ScribeHacks is a highschool hackathon happening on April 17-18, 2021 in the Bay Area.">
<meta property="og:type" content="website">
<meta property="og:title" content="ScribeHacks Blog">
<meta property="og:url" content="https://scribehacks.tech/index.html">
<meta property="og:site_name" content="ScribeHacks Blog">
<meta property="og:description" content="ScribeHacks is a highschool hackathon happening on April 17-18, 2021 in the Bay Area.">
<meta property="og:locale" content="en_US">
<meta property="article:author" content="Kai McCormick">
<meta property="article:tag" content="programming">
<meta property="article:tag" content=" dev">
<meta property="article:tag" content=" developer">
<meta property="article:tag" content=" code">
<meta property="article:tag" content=" coder">
<meta property="article:tag" content=" software">
<meta property="article:tag" content=" hackathon">
<meta property="article:tag" content=" student">
<meta property="article:tag" content=" nonprofit">
<meta property="article:tag" content=" non-profit">
<meta property="article:tag" content=" education">
<meta name="twitter:card" content="summary">
<link rel="icon" href="/favicon.png">
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ovo|Source+Code+Pro">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bulma/0.6.2/css/bulma.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.8/css/lightgallery.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.5/css/justifiedGallery.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/purebasic.min.css">
<link rel="stylesheet" href="/css/style.css">
<script defer src="//use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<meta name="generator" content="Hexo 4.2.1"></head>
<body>
<nav class="navbar is-transparent is-fixed-top navbar-main" role="navigation" aria-label="main navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item navbar-logo" href="/">
ScribeHacks
</a>
<div class="navbar-burger">
<span></span>
<span></span>
<span></span>
</div>
</div>
<div class="navbar-menu navbar-start">
<a class="navbar-item "
href="https://scribehacks.tech">Home</a>
<a class="navbar-item "
href="https://github.com/scribehacks">GitHub</a>
</div>
<div class="navbar-menu navbar-end">
<a class="navbar-item search" title="Search" href="javascript:;">
<i class="fas fa-search"></i>
</a>
</div>
</div>
</nav>
<section class="section">
<div class="container">
<article class="article content gallery" itemscope itemprop="blogPost">
<h1 class="article-title is-size-3 is-size-4-mobile" itemprop="name">
<a href="/2020/Technology-and-Social-Media/" itemprop="url">Technology and Social Media</a>
</h1>
<div class="article-meta columns is-variable is-1 is-multiline is-mobile is-size-7-mobile">
<span class="column is-narrow">
<time datetime="2020-07-25T02:31:58.000Z" itemprop="datePublished">Jul 24 2020</time>
</span>
<span class="column is-narrow">
2 minutes read (About 331 words)
</span>
</div>
<div class="article-entry is-size-6-mobile" itemprop="articleBody">
<html><head></head><body><h2 id="Back-to-Working-Hard"><a href="#Back-to-Working-Hard" class="headerlink" title="Back to Working Hard"></a>Back to Working Hard</h2><p>After a much needed summer break, our team has started working hard once again, and we’ve accomplished a lot.</p>
<!-- hexo-inject:begin --><!-- hexo-inject:end --><p>We’ve set up our social medias! We have Twitter (@Scribe_Hacks), Instagram (@scribehacks), and a Facebook soon, so go follow us! We’ll be using these accounts to post updates before and during the hackathon. We’ll also be using them to give shoutouts to our sponsors and introduce the team.</p>
<p>Our tech team has also been working extremely hard on the website! They’re trying to create the best possible user experience so that our website is easy to use, and you can get all the information you need about the hackathon in one place. Unfortunately, our old design had some issues, so they went back to the drawing board to create a new one that can run a lot smoother. We were having some issues with our scrolling getting in the way of the rest of the design. Some words weren’t showing, while others weren’t showing up quite where we wanted them too. Regardless, we are close to getting our new and improved website up and running and we’re so excited to share with you!</p>
<p>They have also been working hard on the Capture the Flag event for the hackathon. The Capture the Flag challenge will consist of having multiple teams attempt challenges to try and get a string called the flag which they receive points for if the string is correct. There are going to be a lot different types of challenges, and they all share will some sort of cryptography or encryption element to them. For this challenge, we’re planning on using Python with Flask for the Frontend and Python with SQLite for the backend (keeping track of points and teams). There are going to be so many fun and interesting challenges, and our tech team is so excited to be able to share it with you all.</p>
<script>
document.querySelectorAll('.github-emoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});
</script><link rel="stylesheet" href="/css/spoiler.css" type="text/css"><script src="/js/spoiler.js" type="text/javascript" async></script><script>
window.imageLazyLoadSetting = {
isSPA: false,
processImages: null,
};
</script><script>window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});</script><script>!function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script></body></html>
</div>
</article>
<article class="article content gallery" itemscope itemprop="blogPost">
<h1 class="article-title is-size-3 is-size-4-mobile" itemprop="name">
<a href="/2020/Month-1-Planning-and-Making/" itemprop="url">Month 1: Planning and Making</a>
</h1>
<div class="article-meta columns is-variable is-1 is-multiline is-mobile is-size-7-mobile">
<span class="column is-narrow">
<time datetime="2020-05-22T02:34:18.000Z" itemprop="datePublished">May 21 2020</time>
</span>
<span class="column is-narrow">
4 minutes read (About 629 words)
</span>
</div>
<div class="article-entry is-size-6-mobile" itemprop="articleBody">
<html><head><!-- hexo-inject:begin --><!-- hexo-inject:end --></head><body><h2 id="Week-0"><a href="#Week-0" class="headerlink" title="Week 0"></a>Week 0</h2><p>This week is called Week 0 because it was when the idea was conceived and we made some progress in the hackathon before we waited like 6 months to start working on it for real. During this week, it was just the two team members, me (Kai) and Soham. We decided to start work on the hackathon after we went to another hackathon and was very disappointed in it. We were disappointed in it because we were spoiled by another hackathon, my first hackathon, Los Altos Hacks. We wanted our hackathon to be just as good, so with our tired minds after the hackathon, we quickly made a list of companies to email for sponsors, food, events, and prizes. After that day we barely worked any more on it except for a few times when we just wanted to add like another company onto it.</p>
<!-- hexo-inject:begin --><!-- hexo-inject:end --><h2 id="How-Elon-Started-a-Hackathon"><a href="#How-Elon-Started-a-Hackathon" class="headerlink" title="How Elon Started a Hackathon"></a>How Elon Started a Hackathon</h2><p>After a long hiatus, the Coronavirus quarantine got to us and so did the Elon Musk AMA with Hack Club. Soham messaged me to say that he wanted to work more on our hackathon, so we quickly signed up for the Hack Club Slack like many others. From there it was about another week until we started to work on it. A week passes by, (yes I still count it as the same week because nothing major happened) and we get a Discord Server up and have the team join. It was fairly quick as we had only 7 people on the team at the time, including me and Soham. We then made a GitHub for the hackathon and went straight to work assigning roles for everyone. We already had an idea for each person. We tried to have about 3 people on each team with one head of the team. The first task was put out and it was to make the website, as a head of tech this also included me. I made the design in XD in a day for the front page and the teams page. I asked my team if it was good and they said that it looked good. We went straight to work making the website. The idea was to make it using plain HTML/CSS and JavaScript with a few JS libraries to help us. On the Monday I made the front page and pushed it to GitHub. Another person on tech decided to start working on the the teams page while the last person in my team was tasked was making animations and UI elements. On Tuesday I had the idea to setup a blog for the website as Hack Club has been trying to make sure that it keeps its brand as transparent as possible. We decided that it was a good idea to make a blog not only to be transparent but also track our progress. I set up the blog you see here using Hexo and the minos theme which I tweaked to make it closer to our colors. I published the blog and called it a day. The next day, Wednesday was when the My MLH integration started to happen. I made a dummy app and put a button on the website which led to a success page. This was pretty easy to set up. During this time also, the outreach team made a sign up form for people who wanted to join our team and we invited two more people to join to be educational partners. Also Soham setup a hack club bank and registered for the MLH sponsorship. Thursday is the date I am writing this blog and so far, it seems to be working well. The team seems to have milestones and dates to meet in mind and our team is working hard to meet those.</p>
<script>
document.querySelectorAll('.github-emoji')
.forEach(el => {
if (!el.dataset.src) { return; }
const img = document.createElement('img');
img.style = 'display:none !important;';
img.src = el.dataset.src;
img.addEventListener('error', () => {
img.remove();
el.style.color = 'inherit';
el.style.backgroundImage = 'none';
el.style.background = 'none';
});
img.addEventListener('load', () => {
img.remove();
});
document.body.appendChild(img);
});
</script><link rel="stylesheet" href="/css/spoiler.css" type="text/css"><script src="/js/spoiler.js" type="text/javascript" async></script><script>
window.imageLazyLoadSetting = {
isSPA: false,
processImages: null,
};
</script><script>window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});</script><script>!function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script><script>
window.imageLazyLoadSetting = {
isSPA: false,
processImages: null,
};
</script><script>window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});</script><script>!function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script><!-- hexo-inject:begin --><!-- hexo-inject:end --></body></html>
</div>
</article>
</div>
</section>
<footer class="footer">
<div class="container">
<div class="columns content">
<div class="column is-narrow has-text-centered">
© 2020 Kai McCormick
Powered by <a href="http://hexo.io/" target="_blank">Hexo</a> & <a
href="http://github.com/ppoffice/hexo-theme-minos">Minos</a>
</div>
<div class="column is-hidden-mobile"></div>
</div>
</div>
</footer>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment-with-locales.min.js"></script>
<!-- test if the browser is outdated -->
<div id="outdated">
<h6>Your browser is out-of-date!</h6>
<p>Update your browser to view this website correctly. <a id="btnUpdateBrowser" href="http://outdatedbrowser.com/" target="_blank" rel="noopener">Update my browser now </a></p>
<p class="last"><a href="#" id="btnCloseUpdateBrowser" title="Close">×</a></p>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/outdated-browser/1.1.5/outdatedbrowser.min.js"></script>
<script>
$(document).ready(function () {
// plugin function, place inside DOM ready function
outdatedBrowser({
bgColor: '#f25648',
color: '#ffffff',
lowerThan: 'flex'
})
});
</script>
<script>
window.FontAwesomeConfig = {
searchPseudoElements: true
}
moment.locale("en-AU");
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script>
MathJax.Hub.Config({
"HTML-CSS": {
matchFontHeight: false
},
SVG: {
matchFontHeight: false
},
CommonHTML: {
matchFontHeight: false
},
tex2jax: {
inlineMath: [
['$','$'],
['\\(','\\)']
]
}
});
</script>
<script src="//cdnjs.cloudflare.com/ajax/libs/lightgallery/1.6.8/js/lightgallery-all.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/justifiedGallery/3.6.5/js/jquery.justifiedGallery.min.js"></script>
<script>
(function ($) {
$(document).ready(function () {
if (typeof($.fn.lightGallery) === 'function') {
$('.article.gallery').lightGallery({ selector: '.gallery-item' });
}
if (typeof($.fn.justifiedGallery) === 'function') {
$('.justified-gallery').justifiedGallery();
}
});
})(jQuery);
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<style>
.hljs {
position: relative;
}
.hljs .clipboard-btn {
float: right;
color: #9a9a9a;
background: none;
border: none;
cursor: pointer;
}
.hljs .clipboard-btn:hover {
color: #8a8a8a;
}
.hljs > .clipboard-btn {
display: none;
position: absolute;
right: 4px;
top: 4px;
}
.hljs:hover > .clipboard-btn {
display: inline;
}
.hljs > figcaption > .clipboard-btn {
margin-right: 4px;
}
</style>
<script>
$(document).ready(function () {
$('figure.hljs').each(function(i, figure) {
var codeId = 'code-' + i;
var code = figure.querySelector('.code');
var copyButton = $('<button>Copy <i class="far fa-clipboard"></i></button>');
code.id = codeId;
copyButton.addClass('clipboard-btn');
copyButton.attr('data-clipboard-target-id', codeId);
var figcaption = figure.querySelector('figcaption');
if (figcaption) {
figcaption.append(copyButton[0]);
} else {
figure.prepend(copyButton[0]);
}
})
var clipboard = new ClipboardJS('.clipboard-btn', {
target: function(trigger) {
return document.getElementById(trigger.getAttribute('data-clipboard-target-id'));
}
});
clipboard.on('success', function(e) {
e.clearSelection();
})
})
</script>
<script src="/js/script.js"></script>
<div class="searchbox ins-search">
<div class="searchbox-mask"></div>
<div class="searchbox-container ins-search-container">
<div class="searchbox-input-wrapper">
<input type="text" class="searchbox-input ins-search-input" placeholder="Type something..." />
<span class="searchbox-close ins-close ins-selectable"><i class="fa fa-times-circle"></i></span>
</div>
<div class="searchbox-result-wrapper ins-section-wrapper">
<div class="ins-section-container"></div>
</div>
</div>
</div>
<script>
(function (window) {
var INSIGHT_CONFIG = {
TRANSLATION: {
POSTS: 'Posts',
PAGES: 'Pages',
CATEGORIES: 'Categories',
TAGS: 'Tags',
UNTITLED: '(Untitled)',
},
CONTENT_URL: '/content.json',
};
window.INSIGHT_CONFIG = INSIGHT_CONFIG;
})(window);
</script>
<script src="/js/insight.js"></script>
<script>
window.imageLazyLoadSetting = {
isSPA: false,
processImages: null,
};
</script><script>window.addEventListener("load",function(){var t=/\.(gif|jpg|jpeg|tiff|png)$/i,r=/^data:image\/[a-z]+;base64,/;Array.prototype.slice.call(document.querySelectorAll("img[data-original]")).forEach(function(a){var e=a.parentNode;"A"===e.tagName&&(e.href.match(t)||e.href.match(r))&&(e.href=a.dataset.original)})});</script><script>!function(n){n.imageLazyLoadSetting.processImages=o;var i=n.imageLazyLoadSetting.isSPA,r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]"));function o(){i&&(r=Array.prototype.slice.call(document.querySelectorAll("img[data-original]")));for(var t,e,a=0;a<r.length;a++)t=r[a],0<=(e=t.getBoundingClientRect()).bottom&&0<=e.left&&e.top<=(n.innerHeight||document.documentElement.clientHeight)&&function(){var t,e,n,i,o=r[a];t=o,e=function(){r=r.filter(function(t){return o!==t})},n=new Image,i=t.getAttribute("data-original"),n.onload=function(){t.src=i,e&&e()},n.src=i}()}o(),n.addEventListener("scroll",function(){var t,e;t=o,e=n,clearTimeout(t.tId),t.tId=setTimeout(function(){t.call(e)},500)})}(this);</script><script>'use strict';'serviceWorker'in navigator&&navigator.serviceWorker.register('service-worker.js').then(function(a){a.onupdatefound=function(){var b=a.installing;b.onstatechange=function(){switch(b.state){case'installed':navigator.serviceWorker.controller?console.log('New or updated content is available.'):console.log('Content is now available offline!');break;case'redundant':console.error('The installing service worker became redundant.');}}}}).catch(function(a){console.error('Error during service worker registration:',a)});
</script></body></html>