-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
988 lines (848 loc) · 62.7 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
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
<!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="author" content="Ralph Louis Gopez">
<!-- Default -->
<meta name="description" content="Enjoy the content and the experience this playful blog site made by talented Computer Science students!">
<meta name="keywords" content="blog,site,spa,coding,berserk,fun,avengers,music,basketball,lebron,philippines,project,technical,writing,enjoy,effects,chroma,key">
<!-- Facebook -->
<meta property="og:title" content="bl0g.pro">
<meta property="og:type" content="website">
<meta property="og:description" content="Enjoy the content and the experience this playful blog site made by talented Computer Science students!">
<meta property="og:image" content="https://www.bl0g.pro/assets/banners/banner.jpg">
<meta property="og:image:alt" content="Welcome to bl0g.pro">
<!-- Twitter -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ralphlouisgopez">
<meta name="twitter:creator" content="@ralphlouisgopez">
<meta name="twitter:image" content="https://www.bl0g.pro/assets/banners/banner.jpg">
<title>bl0g.pro</title>
<!-- These are the stylesheets -->
<link rel="stylesheet" href="/css/reset.css">
<link rel="stylesheet" href="/css/style.css">
<link rel="stylesheet" href="/css/scrollbar.css">
<link rel="stylesheet" href="/css/roboto.css">
<link rel="stylesheet" href="/css/sono.css">
</head>
<body>
<!-- Fixed navigation bar -->
<nav>
<a href="#posts">Posts</a>
<a href="#writers">Writers</a>
<a href="#about">About</a>
</nav>
<div class="page" data-route="/">
<section id="posts">
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Banner -->
<div id="banner">
bl0g.pro by Ralph and Team
</div>
<!-- Blog post highlights -->
<div id="highlights">
<div class="card" data-display-page="/a-beginners-guide-to-indie">
<h1 class="heading">A Beginner's Guide to Indie</h1>
<div class="byline">by Dre</div>
<div class="hook">
Indie is more than just a genre — it's an attitude. It's all about pushing boundaries,
experimenting with sound, and refusing to be boxed into one style.
</div>
<a class="read-post" href="/a-beginners-guide-to-indie" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/full-swing-ahead">
<h1 class="heading">Full Swing Ahead</h1>
<div class="byline">by Ralph</div>
<div class="hook">
It's become my philosophy to exert every effort to be the best I could be.
Like Guts from Berserk, I'm a person who swings their sword with all their might.
</div>
<a class="read-post" href="/full-swing-ahead" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/basket-and-bonds">
<h1 class="heading">Basket and Bonds</h1>
<div class="byline">by Kenz</div>
<div class="hook">
Basketball is more than just a sport in the Philippines; it is a way of life shared by Filipinos
of all ages.
</div>
<a class="read-post" href="/basket-and-bonds" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/monster-hunter-best-action-rpg">
<h1 class="heading">Monster vs. Hunter</h1>
<div class="byline">by Guil</div>
<div class="hook">
In 2018, one of the biggest games in the franchise was released: Monster Hunter World. This game
marked a turning point for the series.
</div>
<a class="read-post" href="/monster-hunter-best-action-rpg" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/i-love-you-3000">
<h1 class="heading">I Love You 3000</h1>
<div class="byline">by Mac</div>
<div class="hook">
The Avengers franchise is a must-experience in cinematic history. The Marvel Cinematic Universe
(MCU) has crafted a unique superhero narrative that captivates audiences worldwide.
</div>
<a class="read-post" href="/i-love-you-3000" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/go/jo">
<h1 class="heading">Why Gojo Satoru is the GOAT</h1>
<div class="byline">by Pat</div>
<div class="hook">
"Throughout heaven and Earth, I alone am the honored one." This iconic line in Jujutsu Kaisen
perfectly encapsulates his belief in his unmatched strength.
</div>
<a class="read-post" href="/go/jo" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/lebron-james-king-of-nba">
<h1 class="heading">LeBron James: King of NBA</h1>
<div class="byline">by Ric</div>
<div class="hook">
LeBron James, often regarded as one of the greatest basketball players of all time, has built a
career that has left an indelible mark on the NBA. A legend in the court.
</div>
<a class="read-post" href="/lebron-james-king-of-nba" onclick="return false">Click to read</a>
</div>
<div class="card" data-display-page="/creation">
<h1 class="heading">How this blog site was made</h1>
<div class="byline">by Ralph and team</div>
<div class="hook">
Are you curious how everything in here was made?
Well, here's the secret sauce.
</div>
<a class="read-post" href="/creation" onclick="return false">Click to read</a>
</div>
</div>
</section>
<!-- writers section -->
<section id="writers">
<div style="height: 30px;"></div>
<h1 class="heading center">Meet the writers</h1>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/ralph.jpg);"></div>
<div class="details">
<h1 class="heading">Ralph</h1>
I'm Ralph. I think that, if anything, everyone thinks too little of life. I'll be special
unlike everyone else. Not because I'm gifted, but because I give it my all.
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/dre.jpg);"></div>
<div class="details">
<h1 class="heading">Dre</h1>
Hey! I'm Dre. I'm all about good music, epic video games, and binge-worthy movies. But I'm also up
for trying anything new—why stick to one thing, right? If you're down to hang out and explore some
cool stuff together, hit me up!
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/guil.jpg);"></div>
<div class="details">
<h1 class="heading">Guil</h1>
Wassap! I'm Guil. I'm passionate about gaming, music, and all things related to computers. I'm
always down to chill with the bros all day long.
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/ric.jpg);"></div>
<div class="details">
<h1 class="heading">Ric</h1>
Hi, I'm Ric! I have a passion for coding and enjoy creating things with both my mind and
hands—whether it's writing code, whipping up a delicious meal, or shooting hoops on the basketball
court.
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/pat.jpg);"></div>
<div class="details">
<h1 class="heading">Pat</h1>
I'm Pat, and my life is a mix of epic anime marathons, gaming adventures, and hunting for rare manga
gems. I'm always diving into new worlds and enjoying every bit of the journey—whether it's leveling
up in a game or finding that elusive manga volume to add to my collection.
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/kenz.jpg);"></div>
<div class="details">
<h1 class="heading">Kenz</h1>
Hi, I'm Kenz! I'm a laid-back, quiet type, but once we click, you'll see I'm full of fun and always
up for a good laugh. Whether I'm coding, playing basketball, or just hanging out, I love making the
most of every moment.
</div>
</div>
<div class="profile">
<div class="picture" style="background-image: url(/assets/images/mac.jpg);"></div>
<div class="details">
<h1 class="heading">Mac</h1>
Hey ya! I'm Jerney Bryant M. Macayanan. I am a fan of K-Pop, anime, video games, and sports
specifically basketball. I am shy but can get crazy at times, and I also have an <i>innocent
face</i> which is how most people describe me first <b>(I swear).</b>
</div>
</div>
</section>
<!-- The about section -->
<section id="about">
<h1 class="heading">About</h1>
This website was made as a project on our Technical Writing course. It is not intended or made
for commercial use. We hope you enjoy the content and the experience on this website.
As computer science students, we also aim to unleash our creativity in presenting information
and innovating in ways that would be fun for everyone.
</section>
<!-- The footer -->
<footer>
Non-commercial blog site by Technical Writing Team 2 - Fair Use
</footer>
</div>
<!-- Full Swing Ahead -->
<div class="page post" style="display: none;" data-route="/full-swing-ahead" data-transition-delay="1400"
data-transition-function="darkness">
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Optional video transition -->
<video preload="auto" src="/assets/videos/berserk.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="full-swing-ahead-canvas" style="position: fixed; left: 0; right: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Actual content -->
<h1 class="title">Full Swing Ahead</h1>
<h2 class="byline">by Ralph Louis Gopez</h2>
<div class="content">
<b>Introduction</b><br />
With the advent of technology comes a way of life that people before us could only have imagined.
It is through the endless pursuit of knowledge, ambition, and innovation that all of humanity enjoys the
wealth of possibilities in living. <br />
<div class="image-container">
<img src="/assets/images/wright.jpg" alt="Wright brother's first flight" />
<div class="label">Wright Brothers' First Flight on December 17, 1903</div>
</div>
Back then, people could only daydream of what it's like to fly in the sky until the Wright brothers
successfully flew their full-size plane, the very first in the planet. <br /> <br />
In the early 20th century, if a person contracts even a flu they might as well be considered dead. There was
no cure for diseases such as malaria, smallpox, polio, measles, and more. All of which have a cure today. <br />
<br />
Humanity's ambition and resolve powered us through disasters and tragedies, and with it society improved through
the
countless inventions and innovations we take for granted today. What's ironic is, now that we can pretty much
do anything, we do less and less. <br /> <br />
<b>Let me go off into a tangent</b> <br />
Kentaro Miura's manga titled Berserk is a piece of media that became heavily popular throughout its release
back in the 90s. It features "Guts", the protagonist, a swordsman, who swings an unusual sword that has been
repeatedly described as being "too rough and too massive" that the sword itself was seemingly nothing more
but a "raw heap of iron." <br /> <br />
<div class="image-container">
<img src="/assets/images/guts.jpg" alt="Guts of Berserk" />
<div class="label">Guts from Kentaro Miura's Berserk</div>
</div>
In the fictional world of Berserk, there's magic, gods, and monsters. Guts is merely human. He is set on a
journey of revenge to right what's wrong and the only way to make progress is to put his life on the line.
Not everything goes his way when fighting monsters beyond human strength. <br /> <br />
Yet he swings his sword with all his might, no matter how uphill the battle may seem. He may be covered in
bruises, blood, sweat, and tears, yet he will never succumb to hopelessness. His seemingly inhuman strength
wasn't given to him, he earned it on his own. He kept swinging his sword, he kept fighting and training
single-mindedly until he was the best. <br /> <br />
<b>Going back</b><br />
What I want to express is that there is beauty in a way a mere human polishing their skills to its very limits
much more enticing than anything in the world. The value of a dream and an ambition weighs much more than
eternal pleasure or comfort. <br /> <br />
I want to point out that in our world today, we have become lazier. Unfortunately, this is seemingly the
trajectory of society. <br /> <br />
<div class="image-container">
<img src="/assets/images/dumb.jpg" alt="Viral Facebook Post of an Honor Student's Submission" />
<div class="label">Viral Facebook Post of an Honor Student's Submission</div>
</div>
There is a sign of this problem when a post went viral for an <i>honor's student</i> essay who couldn't form
a single coherent thought on a simple topic. I bet if they did it online, they would submit something
really good because, let's be real, they'll just cheat in some way or form. <br /> <br />
Our laziness makes us rely heavily on the tools that become crutches to human potential. We don't dedicate
ourselves to an ambition and draw resolve. We dream the dream that the masses idolize without having any heart
for it.
That is why a lot of people are lost on what they want to really do. <br /> <br />
With all that said, I can't really change the world. But what I realized is that I can always act upon myself.
Berserk's philosophy of <i>swinging a sword with all your might</i> resonates deeply with me and I'll live that
way regardless
of how others live. In a way, I still hope that somehow, someway the entirety of humanity changes for the better
and finds their
ambition roaring through. If that won't ever happen, it's fine because I lived with all my might. <br /> <br />
Full swing ahead. <br /> <br />
<b>References</b> <br />
The Editors of Publications International, Ltd. (2007, September 20). 12 deadly diseases cured in the 20th
century. HowStuffWorks. <a
href="https://health.howstuffworks.com/diseases-conditions/rare/12-deadly-diseases-cured-in-the-20th-century.htm">https://health.howstuffworks.com/diseases-conditions/rare/12-deadly-diseases-cured-in-the-20th-century.htm</a>
<br /> <br />
National Archives and Records Administration. (n.d.). The flu pandemic of 1918. National Archives and Records
Administration. <a
href="https://www.archives.gov/news/topics/flu-pandemic-1918">https://www.archives.gov/news/topics/flu-pandemic-1918</a>
<br /> <br />
Rhp. (2022, April 27). First flight with the Wright Brothers through rare photographs, 1902-1909. Rare
Historical Photos. <a
href="https://rarehistoricalphotos.com/first-flight-wright-brothers/">https://rarehistoricalphotos.com/first-flight-wright-brothers/</a>
<br /> <br />
Viral: Teacher posts honor student's poor essay for college application. PEP.ph. (n.d.). <a
href="https://www.pep.ph/news/local/182292/viral-teacher-post-honor-student-essay-a6904-20240812-lfrm">https://www.pep.ph/news/local/182292/viral-teacher-post-honor-student-essay-a6904-20240812-lfrm</a>
</div>
</div>
<!-- A Beginner's Guide to Indie -->
<div class="page post" style="display: none;" data-route="/a-beginners-guide-to-indie">
<!-- Optional video transition -->
<video preload="auto" src="/assets/videos/thumbs.mp4" width="640" style="display: none;" muted data-chroma-key></video>
<canvas id="thumbs-canvas" style="position: fixed; top: 0; bottom: 0; margin: auto;" data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">A Beginner's Guide to Indie</h1>
<h2 class="byline">by Andre Thomas Quizon</h2>
<div class="content">
<b>Introduction</b> <br />
“And when I'm back in Chicagoooo, I feel ittttt“ Ever found yourself vibing to a song on the radio and
wondering
what it was for weeks? Where you would sing the tone to Siri just to find it? Welcome to “A Beginner's Guide
to
Indie”. When you're a Gen Z, it's hard to say you haven't listened to an indie song whether by choice or
random
and liked it. But did you know that there is something more to our treasured genre? Indie is more than just
a
genre and we are about to explore it.<br /><br />
<div class="image-container">
<img src="/assets/images/twostorymelody.png" alt="A Picture of Indie Music Band" />
<div class="label">Reference: <a href="https://twostorymelody.com/what-does-indie-mean-for-music/">Photo
Link</a></div>
</div>
<b>What is Indie Music?</b><br />
Indie music began as a label for tunes crafted by independent artists and small labels, driven by a
do-it-yourself mindset and a deep love for creative freedom. But indie is more than just a genre—it's an
attitude. It's all about pushing boundaries, experimenting with sound, and refusing to be boxed into one style.
Indie musicians draw from a rich mix of influences, blending different genres to create fresh, unexpected tracks
that stand out from the crowd. By staying true to their roots and remaining independent, hence called indie,
these artists embrace the freedom to explore and innovate, delivering music that's anything but
ordinary.<br /><br />
<b>Birth of Indie</b><br />
The late 20th century was a period of significant technological advancements and cultural shifts in the music
industry. It was a period where roller skates, vibrant make-ups, oversized sunglasses, big hoop earrings, and
flashy clothes quote on quote “were the jazz”. The rise of various genres, such as rock, disco, punk, and
hip-hop, shaped the landscape. The primary formats for music consumption were vinyl records, cassettes, and CDs,
with MTV's early 1980s introduction revolutionizing music marketing.<br /><br />
<div class="image-container">
<img src="/assets/images/disco.png" alt="Dancing in the Disco" />
<div class="label">Reference: <a href="https://pin.it/71tQ1Nkj5">Photo Link</a></div>
</div>
Major record labels held significant power, but independent labels and the DIY music scene emerged, challenging
their dominance. The digital revolution began with the introduction of first digital recording techniques and
the internet, setting the stage for major transformations in the 21st century music industry.<br /><br />
<b>Who were the influential artists?</b><br />
You may be familiar with the lyrics, 'And if a double-decker bus crashes into us, To die by your side is such a
heavenly way to die.' These lines are from The Smiths' song 'There Is a Light That Never Goes Out,' which is
currently making a comeback with Gen Z. While the lyrics might seem a bit intense or dramatic, they vividly
capture the band's distinctive style. The Smiths marked the end of synth-driven new wave and the beginning of
the guitar rock that reigned English rock into the '90s along with the bands Oasis, R.EM, and my personal
favorites Nirvana, Radiohead, and the Pixies.<br /><br />
<div class="image-container">
<img src="/assets/images/thesmiths.png" alt="The Smiths" />
<div class="label">Reference: <a href="https://en.wikipedia.org/wiki/The_Smiths">The Smiths</a></div>
</div>
<div class="image-container">
<img src="/assets/images/nirvana.png" alt="Nirvana" />
<div class="label">Reference: <a href="https://www.indies.eu/en/umelci/1282/nirvana/">Nirvana</a></div>
</div>
<div class="image-container">
<img src="/assets/images/radiohead.png" alt="Radiohead" />
<div class="label">Reference: <a
href="https://faroutmagazine.co.uk/the-radiohead-song-born-out-of-a-mad-rhythm-experiment/">Radiohead</a>
</div>
</div>
<div class="image-container">
<img src="/assets/images/pixies.png" alt="Pixies" />
<div class="label">Reference: <a
href="https://www.japantimes.co.jp/culture/2020/02/07/music/pixies-yokohama-tokyo/">Pixies</a></div>
</div>
You may have noticed that indie music is gradually diversifying, incorporating a wide range of styles and
influences. This progression reflects an increasing desire for musical variety and experimentation among new
generations of musicians, who draw influence from previous trends while carving their own distinct
pathways.<br /><br />
<b>Why do we love it?</b><br />
As others may tell you, Indie music gives us the sensation of nostalgia when listening to it. Indie music does
not limit the notes, and the rhythm of the song, it allows artists to go wild and end up in creating a fresh new
beat spanning a diverse set of musical styles and sensibilities.<br /><br />
Over time, the term “indie” has come to encompass a wide range of genres and styles, including indie-folk, indie
rock, synth-pop, dream pop, indie rap, and indie R&B, among others becoming modern indie.<br /><br />
<b>Notable indie albums in the late 20th Century</b><br />
<div class="image-container">
<img src="/assets/images/queendead.png" alt="The Queen is Dead Album Art" />
<div class="label">Reference: <a href="https://en.wikipedia.org/wiki/The_Queen_Is_Dead">"The Queen Is Dead"
Album Art</a></div>
</div>
"The Queen Is Dead" by The Smiths (1986) A seminal album in the indie rock canon, recognized for its beautiful
lyrics and distinct sound, which helped shape the genre's history.<br /><br />
<div class="image-container">
<img src="/assets/images/nevermind.png" alt="Nevermind Album Art" />
<div class="label">Reference: <a href="https://en.wikipedia.org/wiki/Nevermind">"Nevermind" Album Art</a>
</div>
</div>
"Nevermind" by Nirvana (1991) Though Nirvana is most commonly associated with grunge voice style, this album's
independent attitude and raw sound had a significant impact on alternative music and the broader indie
scene.<br /><br />
<div class="image-container">
<img src="/assets/images/okcomputer.png" alt="Ok Computer Album Art" />
<div class="label">Reference: <a href="https://open.spotify.com/album/6dVIqQ8qmQ5GBnJ9shOYGE">"Ok Computer"
Album Art</a></div>
</div>
"OK Computer" by Radiohead (1997) This album was a critical and commercial success, known for its experimental
style, and has had a long-lasting impact on both independent and mainstream music. Album<br /><br />
<b>Indie Music in the Digital Age</b><br />
Thanks to the widespread use of technology, music genres are now accessible to a diverse range of audiences.
Algorithms on music streaming platforms facilitate this accessibility by recommending songs and artists based on
listeners' preferences. As a result, music is more available today than ever before, paving the way for new and
emerging voices to showcase their talents. This has created a richer and more varied musical landscape, allowing
a broader array of indie artists to reach and connect with global audiences. Some of the new voices today
are:<br />
Vansire - An Indie/Dream-Pop Duo<br />
CASTLEBEAT - an American bedroom indie-pop/ indie-rock singer-songwriter<br />
Day Wave - an American indie-rock project<br />
Goth Babe - a solo dream pop-indie/alternative rock music artist<br />
Surf Curse - an American indie surf rock band<br />
Mac De Marco - a Canadian indie-rock singer, songwriter, and producer<br />
Dominic Fike - an American indie-pop singer-songwriter, rapper, and actor.<br /><br />
These artists are just a few examples of the broad and intriguing talent that is developing in today's
independent music landscape. Each contributes their own sound and style to the genre, helping to shape the
dynamic and ever-changing landscape of current music.<br /><br />
<b>Recap</b><br />
Indie music has evolved from a niche movement driven by independent artists and labels into a diverse and
influential genre. Its journey began with a DIY ethos, pushing the boundaries of traditional music and embracing
creative freedom. Over time, indie music has integrated a wide range of styles, from folk to electronic, and has
seen a significant transformation with the rise of digital technology.<br /><br />
This evolution has allowed indie artists to reach global audiences and innovate continuously. Indie music's
enduring power lies in its ability to inspire and connect people across the globe. Its blend of innovation,
authenticity, and emotional resonance makes it a unique and compelling part of the musical landscape,
continuously shaping and reflecting the cultural zeitgeist.<br /><br />
Embrace the indie spirit and enjoy the rich implementation of sounds and stories it has to offer. If you've got
the time, dive into the world of these indie artists—who knows, you might just find that catchy tune you heard
on the radio.<br /><br />
</div>
</div>
<!-- I Love You 3000 -->
<div class="page post" style="display: none;" data-route="/i-love-you-3000">
<video preload="auto" src="/assets/videos/captain.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="captain-america-canvas" style="position: fixed; right: 0; bottom: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">I Love You 3000</h1>
<h2 class="byline">by Jerney Bryant Macayanan</h2>
<div class="content">
The Avengers franchise is a must-experience in cinematic history. The Marvel Cinematic Universe (MCU) has
crafted a unique superhero narrative that captivates audiences worldwide. Its success is attributed to
compelling characters, intricate plotlines, and emotional roller-coaster scenes. <br /><br />
<div class="image-container">
<img src="/assets/images/avengers.jpeg" alt="The Avengers (2012)" />
<div class="label">The Avengers (2012)</div>
</div>
A key strength of the Avengers series is its ability to unite a diverse group of superheroes into a cohesive
narrative. This was a significant challenge, but the franchise succeeded by introducing major characters
with their own backstories and standalone films, along with post-credits scenes (like “I am Iron Man”) that
hinted at future developments while maintaining an element of surprise. <br /><br />
"The Avengers" (2012), the first entry in the franchise, assembled established characters like Iron Man,
Captain America, Thor, and Hulk, while also introducing Hawkeye, Black Widow, and Nick Fury. This allowed
the film to dive straight into action, bypassing extensive origin stories and connecting directly with fans.
For instance, Iron Man's Tony Stark, Captain America's Steve Rogers, and Thor, who had already been
well-established in their standalone films, made it easier for audiences to engage with them as an ensemble.
<br /><br />
In "The Avengers," the conflict arises when Loki, Thor's adoptive brother, seeks to conquer Earth with an
alien army. The film's charm lies in the characters' initial clashes and conflicts, highlighting their
differing personalities and approaches. For example, in the first encounter between Thor, Steve Rogers, and
Tony Stark, the Big Three show no immediate chemistry. Tony and Thor even fight intensely before Steve
arrives. This clash, including Thor's frustration when Steve asks him to put his hammer down, makes their
eventual teamwork and Loki's defeat all the more satisfying. <br /><br />
<div class="image-container">
<img src="/assets/images/ultron.jpeg" alt="Ultron and Vision in Avengers: Age of Ultron" />
<div class="label">Ultron and Vision in Avengers: Age of Ultron</div>
</div>
Following "The Avengers," the franchise continued with "Avengers: Age of Ultron" (2015), which introduced a
darker tone and a more complex narrative. This sequel explores the consequences of the Avengers' actions and
adds new characters like Wanda and Pietro Maximoff and Vision (formerly Tony's J.A.R.V.I.S). Internal
conflicts, particularly the ideological clash between Tony Stark and Steve Rogers, lead to a split among the
team. The introduction of Ultron, an AI created by Stark that goes rogue, contrasts sharply with Vision.
Despite being weaker than its predecessor, the film features significant moments, such as Thor's hammer
Mjolnir being moved by Steve Rogers and the iconic Hulk versus Hulkbuster battle. <br /><br />
<div class="image-container">
<img src="/assets/images/thanos.jpeg" alt="Thanos in Avengers: Infinity War" />
<div class="label">Thanos in Avengers: Infinity War</div>
</div>
The franchise reaches its peak with "Avengers: Infinity War" (2018), which introduces Thanos, the mad titan
who believes that wiping out half of the universe's population will ultimately save it. The film's emotional
impact is profound, with heroes facing unprecedented challenges. The addition of characters like the
Guardians of the Galaxy, Doctor Strange, Spider-Man, and Black Panther, and their various combinations,
creates a dynamic and engaging spectacle. <br /><br />
"Avengers: Endgame" (2019) serves as a powerful conclusion to the Big Three (Thor, Steve Rogers, and Tony
Stark) and the original Avengers (Black Widow, Hawkeye, Hulk), focusing on the aftermath of Thanos'
devastating snap and the Avengers' efforts to reverse it. Using time travel to revisit key moments from
previous MCU films evokes nostalgia and perfectly illustrates the five stages of grief. The climactic
battle, where the Avengers confront Thanos one final time to "Kill him properly this time", delivers an epic
spectacle while honoring each character's journey. The excitement in theaters was palpable, especially when
Captain America wielded Thor's hammer—a moment that left audiences in awe (sorry for the spoiler), and of
course the ending that made us sad and happy at the same time. <br /><br />
The Avengers franchise is celebrated for its well-developed characters, intricate storylines, and emotional
depth. Its success lies in blending humor with high stakes, delivering compelling action sequences, and
creating memorable moments of heroism and sacrifice. Every character resonates with fans not because of
their perfection but because of their flaws, making them relatable despite their superpowers. As the
franchise evolves, the new Avengers will carry the torch, continuing to inspire with lessons about courage,
kindness, and sacrifice. These values should remain in our minds as we navigate life, striving to be a hero
to someone. <br /><br />
Man, I can do this all day! <br /><br />
<b>References</b> <br />
Crow, D. (2022, May 3). How the Avengers changed cinema for better and worse | Den of Geek. Den of Geek. <a
href="https://www.denofgeek.com/movies/the-avengers-changed-cinema-for-better-and-worse/">https://www.denofgeek.com/movies/the-avengers-changed-cinema-for-better-and-worse/</a>
<br /> <br />
Avengers: Age of Ultron - What it did well and what it did wrong. (n.d.). Marvel Cinematic Universe Wiki. <a
href="https://marvelcinematicuniverse.fandom.com/wiki/User_blog:BachBreaker8/Avengers:_Age_of_Ultron_-_What_it_did_well_and_what_it_did_wrong">https://marvelcinematicuniverse.fandom.com/wiki/User_blog:BachBreaker8/Avengers:_Age_of_Ultron_-_What_it_did_well_and_what_it_did_wrong</a>
<br /> <br />
Young, K. (2023, March 23). Avengers: Infinity War & Endgame Broke The MCU: Will It Ever Recover? ScreenRant. <a
href="https://screenrant.com/avengers-infinity-war-endgame-broke-marvel-cinematic-universe/">https://screenrant.com/avengers-infinity-war-endgame-broke-marvel-cinematic-universe/</a>
</div>
</div>
<!-- Basket and Bonds -->
<div class="post page" style="display: none;" data-route="/basket-and-bonds">
<video preload="auto" src="/assets/videos/kyrie.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="kyrie-canvas" style="position: fixed; right: 0; bottom: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">Basket and Bonds</h1>
<h2 class="byline">by Mackenzie Ofalda</h2>
<div class="content">
<div class="image-container">
<img src="/assets/images/basketballmural.jpg" alt="A mural of basketball art" />
<div class="label">A mural art of basketball dedicated to Kobe Bryant</div>
</div>
Basketball is more than just a sport in the Philippines; it is a way of life shared by Filipinos of all
ages. Whether in busling cities or rural areas, the sound of a bouncing basketball is never far away. The
presence of basketball courts in nearly every barangay reflects the sport's popularity in the country, with
over 24,000 public courts and countless private courts spread across over 40,000 barangays, making the game
accessible to everyone. This popularity has allowed basketball to become more than just a sport; it has
ingrained itself into Filipinos' daily lives, fostering social interaction, camaraderie, and a shared love
for the game. Whether it's a casual pick-up game or a local league, basketball holds a special place in
Filipino culture.<br /><br />
<div class="image-container">
<img src="/assets/images/dwightramos.jpg" alt="Dwight Ramos" />
<div class="label">Dwight Ramos playing for Toyama Grouses</div>
</div>
This widespread presence has solidified basketball's status as one of the most popular sports in the
Philippines. Its dominance is due largely to the sport's accessibility—minimal equipment and low cost for
participation make basketball an easy choice for many Filipinos. Its role in fostering community spirit
contributes significantly to its popularity, with local games and tournaments becoming major social events.
Influential figures such as PBA stars June Mar Fajardo and Terrence Romeo, Filipino players excelling in
international leagues like Dwight Ramos and Kai Sotto, and rising young stars Kevin Quiambao and Andy Gemao
have also significantly contributed to basketball's prominence, drawing massive audiences and instilling
national pride.<br /><br />
<div class="image-container">
<img src="/assets/images/coachmavrick.jpg" alt="Coach Mavrick Bautista Video" />
<div class="label">A thumbnail of Coach Mavrick Bautista's video</div>
</div>
Adding to the sport's cultural richness is the "dayo" tradition, where players travel to other barangays or
cities to compete against local teams. This practice elevates basketball beyond a mere hobby, turning it
into a platform for showcasing skills and earning community respect. A well-known example of "dayo" can be
seen in the "dayo series" by YouTuber, Mavrick Bautista, where heated matchups between visiting teams and
local players often draw large and enthusiastic crowds, creating an electrifying atmosphere. These games are
typically accompanied by bets, with stakes sometimes reaching thousands of pesos, adding an extra layer of
intensity. The thrill of "dayo" games comes not just from the action on the court but from the shared
experience it cultivates—players and spectators alike engage in a unique form of social bonding. The "dayo"
culture enhances the sport's enjoyment and significance by fostering camaraderie and developing bonds within
and between barangays.<br /><br />
Overall, basketball has evolved from a mere sport to become a central element of Filipino entertainment and
community life. It is more than simply a game; it serves as a social gathering that draws people together,
whether through small barangay leagues or the exhilarating "dayo" matches. Basketball games act as focal
points for community bonding, bringing players and fans together through shared excitement and friendly
rivalry. Its dual role as both a form of entertainment and a community activity makes basketball a unique
and treasured aspect of Filipino culture. Its ability to unite people, create lasting memories, and build a
sense of community illustrates why basketball holds such a special place in the hearts of Filipinos.<br /><br />
<b>References</b><br />
INQUIRER.net. (2019, August). Covered courts host wakes, pageants, circumcision rites. INQUIRER.net;
INQUIRER.net. <a
href="https://newsinfo.inquirer.net/1159100/covered-courts-host-wakes-pageants-circumcision-rites">https://newsinfo.inquirer.net/1159100/covered-courts-host-wakes-pageants-circumcision-rites</a><br /><br />
REYNOLDS, T. (2023, August 22). In the basketball-crazed Philippines, the World Cup will be a shining moment. AP
News; AP News. <a
href="https://apnews.com/article/fiba-world-cup-philippines-7577c9df5f231b42764754b2c9991fcf">https://apnews.com/article/fiba-world-cup-philippines-7577c9df5f231b42764754b2c9991fcf</a><br /><br />
<a href="https://www.youtube.com/@CoachMavrickBautista">https://www.youtube.com/@CoachMavrickBautista</a><br />
</div>
</div>
<!-- Monster Hunter Best Action RPG -->
<div class="page post" style="display: none;" data-route="/monster-hunter-best-action-rpg">
<video preload="auto" src="/assets/videos/dragon.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="monster-hunter-canvas" style="position: fixed; left: 0; bottom: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">Monster vs. Hunter</h1>
<h2 class="byline">by Guiliani Pobre</h2>
<div class="content">
<div class="image-container">
<img src="/assets/images/monsterhunterworld.jpg" alt="Monster Hunter World Video Game Thumbnail" />
<div class="label">Reference: <a
href="https://assets1.ignimgs.com/thumbs/userUploaded/2018/1/24/monsterhunterworldblog-1516809712015.jpg">Monster
Hunter World</a></div>
</div>
As a kid, I grew up with a PlayStation Portable, and one of the games I played was Monster Hunter Freedom
Unite. It's the second generation of the series and was released in 2008. I quickly became addicted to it
because of how fun it is, even though the gameplay loop is essentially just hunting monsters, crafting gear,
and repeating the cycle. It may sound simple at first, but the game is actually quite deep. Monster Hunter
Freedom Unite features 11 weapons, each with unique playstyles, tons of armor, and a total of 106 monsters
to hunt. That alone is impressive for a game from 2008, especially one running on the PSP. With such a
wealth of content, it's easy to lose track of time while playing.<br /> <br />
As the years went by, I decided to revisit the series by playing Monster Hunter Portable 3rd on the
PlayStation Portable. Compared to its predecessor, it has a smaller roster of monsters, with only 60.
However, it compensates with one additional weapon, new weapon movesets, improved graphics, and
quality-of-life changes that make grinding the game easier. Even though the game is on a smaller scale, it
was still incredibly fun to play. The memories of playing this game with friends are ones I won't forget for
a long time.<br /><br />
<div class="image-container">
<img src="/assets/images/monsterhuntercannon.jpg" alt="Monster Hunter World Cannon" />
<div class="label">Reference: <a href="https://cdn.mos.cms.futurecdn.net/soQtqrtKntB39k9iM9hbbg.jpg">A
player operating a cannon on Monster Hunter World</a></div>
</div>
In 2018, one of the biggest games in the franchise was released: Monster Hunter World. This game marked a
turning point for the series, transitioning from the Old World (older generations) to the New World (current
generation). Before this game, the series was popular mainly in Japan, but it is now known worldwide, having
sold 20.5 million copies. So why is this game so popular? First, the graphics have improved drastically.
Compared to its predecessors, the difference is night and day. The developers took a more cinematic approach
to the series, and it shows. For example, the environments feel alive with bustling locales and monsters
interacting with each other and their surroundings. These interactions can lead to unexpected events, like
two monsters fighting each other, adding to the game's cinematic and exciting nature. The weapon count has
also increased to 14, offering new options for players. Each weapon comes with an improved tutorial to help
you master it more quickly. The monster designs are unique and intimidating, from Anjanath spewing flames to
Nergigante using its spikes as weapons. Each design is functional, reflecting the monster's behavior and
combat style. The game is also very accessible, having been released on PlayStation 4, Xbox One, and
Windows. Overall, Monster Hunter World has taken the world by storm with its blend of deep mechanics,
beautiful design, and a thriving community, cementing its place as one of the best games in the
series.<br /><br />
As anticipation builds for the release of 6th generation, starting off with Monster Hunter Wilds. Fans like
me are excited for next year's release as this next game promises to push the boundaries of the franchise
even further, improving on the success of the previous titles while introducing new mechanics. Monster
Hunter Wilds will offer us a new adventure that will captivate both veterans and new hunters alike. As we
wait for its launch, this game has the potential to give us the best the series has ever achieved and will
most likely entice the next generation of hunters.<br />
</div>
</div>
<!-- Gojo Glazer -->
<div class="page post" style="display: none;" data-route="/go/jo" data-transition-delay="3400" data-transition-function="stars">
<div id="space" style="display: none;">
<div class="stars"></div>
<div class="stars"></div>
<div class="stars"></div>
<div class="stars"></div>
<div class="stars"></div>
</div>
<video preload="auto" src="/assets/videos/gojo.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="gojo-canvas" style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">Why Gojo Satoru is the GOAT</h1>
<h2 class="byline">by Patrick Lawrence Cardeno</h2>
<div class="content">
<b>Intro</b> <br />
"Throughout heaven and Earth, I alone am the honored one." This iconic line from Gojo Satoru in
Jujutsu Kaisen perfectly encapsulates his belief in his unmatched strength. Let's explore why it's true.
<br /> <br />
<div class="image-container">
<img src="/assets/images/gojohonored.jpg" alt="Gojo Satoru from Jujutsu Kaisen Honored One" />
<div class="label">Gojo Satoru when he proclaims he is the honored one</div>
</div>
<b>Character Intro</b><br />
Jujutsu Kaisen is a manga and anime series that follows jujutsu sorcerers battling
curses—malevolent entities born from human negativity. Gojo Satoru, a central character, is renowned for his
immense power and charismatic personality. As one of the strongest sorcerers, he mentors the protagonist,
Yuji Itadori, and plays a crucial role in the series' conflicts, contributing to its popularity and
depth.<br /><br />
<b>GOAT Meaning</b><br />
"G.O.A.T." stands for "Greatest of All Time" and refers to someone who surpasses all others in
skill, achievement, or influence. In Jujutsu Kaisen, Gojo is often considered the G.O.A.T. due to his
unmatched jujutsu abilities, strategic intelligence, and boastful yet charming personality. His Limitless
Cursed Technique allows him to manipulate space, making him a nearly unstoppable force. Coupled with his
sharp intellect and charisma, Gojo embodies the title of the "Greatest of All Time" in the world of jujutsu
sorcery.<br /><br />
<b>Gojo's Power and Abilities</b><br />
In the world of Jujutsu Kaisen, curses are born from human malice, and sorcerers
exorcise them. Gojo is the strongest among them, known for his power and personality. As one of the four
special grades, Gojo's inherited technique, Limitless, allows him to control and distort space. This
technique reaches its full potential thanks to the Six Eyes—a rare physical trait passed down in the Gojo
family, granting him extraordinary perception and control over cursed energy.<br /><br />
<b>Gojo's Personality and Philosophy on Strength</b><br />
Gojo's personality is a key reason for his popularity. He is
strong, funny, easygoing, and often arrogant, making him both entertaining and memorable. His carefree
nature allows him to stay relaxed in serious situations, yet he genuinely cares for his students and takes
his role as a mentor seriously. Gojo's ability to balance his playful side with his sense of responsibility
adds depth to his character, making him not only powerful but also likable and relatable.<br /><br />
<div class="image-container">
<img src="/assets/images/gojobirth.jpg" alt="Gojo Satoru when he was born" />
<div class="label">Gojo Satoru when he was born</div>
</div>
<h4>Gojo's Feats</h4>
<b>Changing the world at birth</b><br />
Gojo was destined to be the strongest from birth, inheriting both the
Limitless Technique and the Six Eyes—a combination not seen in 400 years. His birth alone altered the balance of the
world, making the curses after his birth be stronger. Criminals using jujutsu feared him, and even as a
child, he had a bounty on his head, though no one dared to claim it. Gojo's existence has reshaped the world
for both better and worse.<br /><br />
<b>Mastery of Limitless Technique</b><br />
With the help of the Six Eyes, Gojo mastered the Limitless Technique at
an early age, gaining access to abilities like Infinity (an infinite barrier that stops anything from reaching
him), Lapse Blue (which draws things in), Reversal Red (which repels things), and Hollow Purple (a
destructive combination of both). His Domain Expansion, Unlimited Void, traps opponents in a space that
overwhelms their brains with information, rendering them helpless.<br /><br />
<b>"Are you the strongest because you're Satoru Gojo? Or are you Satoru Gojo because you're the strongest?"</b>
This question reflects the deep connection between Gojo's abilities and personality. Is his strength a
result of his nature, or has his nature been shaped by his strength? Gojo's power and persona are
intertwined, with each reinforcing the other, making him a character whose greatness stems from both his
exceptional abilities and his unique demeanor. So neither.<br /><br />
<b>Conclusion</b><br />
Gojo Satoru's status as the GOAT in Jujutsu Kaisen is a testament to his unparalleled abilities,
captivating personality, and profound impact on both the series and its fans. His mastery of the Limitless
Technique and Six Eyes, combined with his strategic prowess and philosophical outlook on strength,
solidifies his place as the ultimate GOAT of the jujutsu world.<br /><br />
<b>References</b><br />
to, C. (2024). Satoru Gojo. Jujutsu Kaisen Wiki; Fandom, Inc.
<a href="//jujutsu-kaisen.fandom.com/wiki/Satoru_Gojo">//jujutsu-kaisen.fandom.com/wiki/Satoru_Gojo</a><br /><br />
Jujutsu Kaisen (TV Series 2020- ) - Plot - IMDb. (2020). IMDb.
<a href="https://www.imdb.com/title/tt12343534/plotsummary/">https://www.imdb.com/title/tt12343534/plotsummary/</a><br />
</div>
</div>
<div class="page post" style="display: none;" data-route="/lebron-james-king-of-nba">
<video preload="auto" src="/assets/videos/lebron.mp4" width="480" height="480" style="display: none;" muted
data-chroma-key></video>
<canvas id="lebron-canvas" style="position: fixed; left: 0; right: 0; bottom: 0; width: 480px; margin: auto;"
data-chroma-key></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">Lebron James: King of NBA</h1>
<h2 class="byline">by Ric Pangan</h2>
<div class="content">
<b>Intro</b><br />
LeBron James, often regarded as one of the greatest basketball players of all time, has built a career that
has left an indelible mark on the NBA. From his much-anticipated debut in 2003 to his continued dominance as
a veteran, James has consistently demonstrated unmatched skill, earning numerous accolades and setting
records that will endure for years. His journey through the league has been defined by a relentless pursuit
of greatness, both on and off the court.<br /><br />
<div class="image-container">
<img src="/assets/images/lebronlakers.jpg" alt="LeBron James playing for Lakers" />
<div class="label">LeBron James playing for Lakers</div>
</div>
<b>Early Years and Immediate Impact</b><br />
Born on December 30, 1984, in Akron, Ohio, LeBron James showed early signs of a rare combination of
athleticism and basketball IQ. By the time he was in high school at St. Vincent-St. Mary, he had become a
national sensation, often appearing on magazine covers and being heralded as the future of basketball. His
high school games were even nationally televised, a rarity that underscored the anticipation surrounding his
entry into the NBA.<br /><br />
<div class="image-container">
<img src="/assets/images/lebronirish.jpg" alt="LeBron James playing for Irish" />
<div class="label">LeBron James playing for Irish</div>
</div>
In the 2003 NBA Draft, LeBron was selected as the first overall pick by the Cleveland Cavaliers, marking the
start of a new era for the franchise and the league. At just 18 years old, LeBron faced immense expectations
but quickly proved his worth. In his rookie season, he averaged 20.9 points, 5.5 rebounds, and 5.9 assists
per game, showcasing his versatility and ability to impact the game in multiple ways. His debut performance
of 25 points, 6 rebounds, and 9 assists against the Sacramento Kings hinted at the greatness to come.
LeBron's impressive rookie campaign earned him the NBA Rookie of the Year Award, making him the first
Cavaliers player to receive this honor. Beyond his statistics, what stood out was his poise and maturity on
the court. Unlike most rookies, LeBron played with the confidence of a seasoned veteran, leading his team
with an innate understanding of the game. His ability to play and defend multiple positions, combined with
his court vision and passing ability, made him a unique talent from the start.<br /><br />
<b>Dominance in Cleveland</b><br />
LeBron's first stint with the Cleveland Cavaliers lasted seven seasons, during which he evolved into one of
the league's most dominant players. His rapid growth transformed the struggling Cavaliers into a perennial
playoff contender. In the 2006-07 season, LeBron led the Cavaliers to their first-ever NBA Finals appearance
at just 22 years old. Though the team lost to the San Antonio Spurs, LeBron's ability to carry a team to the
Finals at such a young age was a testament to his extraordinary talent and leadership.
Despite his individual success, including multiple All-Star selections and MVP awards, a championship eluded
LeBron during his first tenure with Cleveland. Frustrated by the Cavaliers' inability to build a strong
supporting cast, LeBron made the controversial decision to leave Cleveland in search of a championship
elsewhere.<br /><br />
<div class="image-container">
<img src="/assets/images/lebroncleveland.jpg" alt="LeBron James playing for Cleveland" />
<div class="label">LeBron James playing for Cleveland</div>
</div>
<b>The Miami Heat Era</b><br />
In 2010, LeBron joined the Miami Heat, forming a superteam with Dwyane Wade and Chris Bosh. This move,
though polarizing, was driven by LeBron's desire to win championships. In Miami, LeBron's career reached new
heights. He led the Heat to four consecutive NBA Finals appearances, winning back-to-back championships in
2012 and 2013. His dominance during these years earned him two Finals MVP awards and further cemented his
legacy as one of the greatest players of all time.<br /><br />
<div class="image-container">
<img src="/assets/images/lebronwinningparty.jpg" alt="LeBron James celebrating their win" />
<div class="label">LeBron James celebrating their win</div>
</div>
<b>Return to Cleveland and Delivering on a Promise</b><br />
In 2014, LeBron made a surprising return to Cleveland, driven by a desire to bring a championship to his
hometown. His return was marked by a deep sense of loyalty and unfinished business. In the 2015-16 NBA
season, LeBron delivered on his promise, leading the Cavaliers to an epic NBA Finals victory over the Golden
State Warriors, who had set the record for the most wins in a regular season. LeBron's performance in the
Finals was legendary, earning him his third Finals MVP award and ending Cleveland's 52-year championship
drought.<br /><br />
<div class="image-container">
<img src="/assets/images/lebrontrophyteam.jpg" alt="LeBron James and his team with their trophy" />
<div class="label">LeBron James and his team with their trophy</div>
</div>
<b>Continuing Excellence with the Los Angeles Lakers</b><br />
In 2018, LeBron joined the Los Angeles Lakers, a move many saw as the final chapter of his career. Despite
facing challenges in his first season due to injuries, LeBron returned in 2019-20 with renewed vigor. <br />
<div class="image-container">
<img src="/assets/images/lebrontrophy.jpg" alt="LeBron James with the trophy" />
<div class="label">LeBron James with his trophy</div>
</div>
He led the Lakers to their 17th NBA Championship, tying them with the Boston Celtics for the most in league
history. LeBron's fourth Finals MVP award made him the first player in NBA history to win the honor with
three different franchises. Even in his late 30s, LeBron has continued to perform at an elite level,
solidifying his place among the greatest players in NBA history.
</div>
</div>
<!-- How this blog site was made -->
<div class="page post" style="display: none;" data-route="/creation">
<video preload="auto" id="special-video" src="/assets/videos/special.mp4" width="480" height="480" style="display: none;" muted></video>
<canvas id="special-canvas" style="position: fixed; left: 0; right: 0; bottom: 0; width: 720px; margin: auto;"></canvas>
<!-- Spacer -->
<div style="height: 80px;"></div>
<!-- Actual content -->
<h1 class="title">How this blog site was made</h1>
<h2 class="byline">by Ralph and team</h2>
<button id="special-button" style="margin-bottom: 10px;">do NOT click me</button>
<div class="content">
You might be wondering how this website was made. Or maybe, how is it possible
that whenever I click any post, it instantly loads it up into the screen almost instantaneously.
<br /><br />
How about the fun effects we've put to hook you into a new experience? It's kind of an experiment
and it's non-standard for sure. But it's there to give some form of engagement.
<br /><br />
Well, the secret is simple. It's pure foundational mastery of web development. There's no frameworks or libraries in place,
everything was written by hand. This is how you achieve super-efficiency.
<br /><br />
This is a single-page application which is a technical term referring to a set of sites that have a certain functionality. If we're being more technical,
frameworks like React, Vue, and Angular allow a person to create an SPA. <br /><br />
The only difference is that this website is written in vanilla JavaScript.
Our insanely smart leader, Ralph, wrote a script in order to provide the functionalities that a single-page application framework would
more-or-less provide. The focus is on rendering content and pages quick.
<br /><br />
<div class="byline">Ralph speaking</div>
I've identified points on why my methodology on the creation of this website would work very well.
<ul>
<li>There is a fixed-size amount of content and I know that the amount is small relative to most sites.</li>
<li>Frameworks and library introduce overhead in two ways; first in the network, next in the execution of the script.</li>
<li>Our effects would be most performant if it can be written as precisely as possible.</li>
</ul>
<br />
<div class="byline">Back to team</div>
There you have it. We hope you enjoy the content in this blog site. Share it around the world. Have fun. Live young. Live free. Live with all the wonders in your heart!
</div>
</div>
<script defer src="/assets/bundle/index.min.js"></script>
</body>
</html>