-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
learning resource titles, list sections and embed players
- Loading branch information
1 parent
50767e5
commit a6f8259
Showing
2 changed files
with
194 additions
and
6 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,12 +1,199 @@ | ||
<template> | ||
<div class="bg-neutral-400 border-b border-b-black mb-6"> | ||
<h1 class="text-3xl text-center font-bold py-6">Game Development Guide 📚</h1> | ||
<h1 class="text-4xl text-center font-bold py-6">Game Dev Guide 📚</h1> | ||
</div> | ||
<div class="text-center"> | ||
<h2 class="inline-block text-lg font-bold mb-4 border-b border-neutral-200 px-4 pb-4">Learning Resources:</h2> | ||
<h2 class="inline-block text-3xl font-semibold mb-4 border-b border-neutral-200 px-4 pb-4">Learning Resources:</h2> | ||
|
||
<h3 class="mb-2">2D Game Development</h3> | ||
<h3 class="mb-2">3D Game Development</h3> | ||
<h3 class="mb-6">Graphics Programming</h3> | ||
<div> | ||
<h3 class="text-2xl inline-block font-bold pb-5 mb-7 border-b">2D Development</h3> | ||
</div> | ||
|
||
<ul class="inline-block mx-auto"> | ||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/on9nwbZngyw?si=tfsEfZraKNr8gNw1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/QplEeEAJxck?si=8DSMsAifbhkrn9AL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=29pT6uxHXXl0S6d4&list=PLrnPJCHvNZuCVTz6lvhR81nnaf1a-b67U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/GwCiGixlqiU?si=DR4pj436IhzPE2rq" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=lNgpeJSL_ZBcqeOz&list=PLy1Xj-4F5G_cytIH8by-bZ9TVj5qKMlZn" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/64TbMmCgRv0?si=ng1ofTJU2pqIMjGw" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/I549C6SmUnk?si=X-Eg5GlZ5YGX43Xf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
</li> | ||
</ul> | ||
|
||
<hr class="mt-9 mb-6 border-2 border-neutral-200"> | ||
|
||
<div> | ||
<h3 class="inline-block text-2xl font-bold pb-6 mb-8 border-b">3D Development</h3> | ||
</div> | ||
|
||
<ul class="inline-block mx-auto"> | ||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/yT4QEdrh1bw?si=o-TXRMsxcvQJ7zzU" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=8BHGhiVryVxB1G8P&list=PLrnPJCHvNZuB5ATsJZLKX3AW4V9XaIV9b" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=J0xgggccwyM2zLg0&list=PLv8DnRaQOs5-ST_VDqgbbMRtzMtpK36Hy" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=fDQ4yzYTlvNFXoJu&list=PLtLToKUhgzwnk4U2eQYridNnObc2gqWo-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/u30H_7jwjo8?si=lg2_36HTMe20U-oS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/whHWEObyIbQ?si=r2ySx3LK-Dt-RV7T" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=iHjPM2b4ddGjEy4Q&list=PLPV2KyIb3jR5PhGqsO7G4PsbEC_Al-kPZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=LLPbrpvArB7whG5E&list=PLzykqv-wgIQXompUswD5iHllUHxGY7w0q" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=bbowQA5yDlf0JPLZ&list=PLkp23zg4CAMV8fcsUYX1EwihX7WXhFH6N" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/sVsn9NqpVhg?si=Oyf97sG737FL9MpI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=w0tdex3cFjk8vc3O&list=PLiSlOaRBfgkcPAhYpGps16PT_9f28amXi" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=O8D0p3ihYElqA-fS&list=PLlswSOADCx3ddfakuwfjN4lvfELLgb6D0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
</li> | ||
</ul> | ||
|
||
<hr class="mt-9 mb-6 border-2 border-neutral-200"> | ||
|
||
<div> | ||
<h3 class="inline-block text-2xl font-bold pb-6 mb-8 border-b">Graphics Programming</h3> | ||
</div> | ||
|
||
<ul class="inline-block mx-auto"> | ||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/O-2viBhLTqI?si=SZx--aPVClZUttaB" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=Xk_hCusSDkvsWjxF&list=PLqCJpWy5Fohe8ucwhksiv9hTF5sfid8lA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/45MIykWJ-C4?si=VfnG4B2E_brM2wH-" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/n_k8-gS5wZo?si=DukTOv55kBwI_FOE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/rXvDYrSJJfU?si=HPnlchjl7FPm46Da" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
</li> | ||
</ul> | ||
|
||
<hr class="mt-9 mb-6 border-2 border-neutral-200"> | ||
|
||
<div> | ||
<h3 class="inline-block text-2xl font-bold pb-6 mb-8 border-b">Game Servers</h3> | ||
</div> | ||
|
||
<ul class="inline-block mx-auto"> | ||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/KBBJqPL5-eU?si=sbo52Fwa_I_TRqb9" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=YkTob3YQNfMEVyE_&list=PLswB3k1_MjbFhdxsW6Nq-632YNOG9jhXQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/77vYKsXC4IE?si=p1DtsXJixfcrNj6y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/IvCVFywNXMc?si=Y8uFFqp7K8KG90m3" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
<hr width="65%" class="my-6 mx-auto"> | ||
</li> | ||
|
||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/WBLpjEDNWqE?si=1dJaY5RsP0Ynw9Gk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
</li> | ||
</ul> | ||
|
||
<hr class="mt-9 mb-6 border-2 border-neutral-200"> | ||
|
||
<div> | ||
<h3 class="inline-block text-2xl font-bold pb-6 mb-8 border-b">Developer Talks</h3> | ||
</div> | ||
|
||
<ul class="inline-block mx-auto mb-7"> | ||
<li> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/riijspB9DIQ?si=kd-toxb_TO-rRMaR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> | ||
</li> | ||
</ul> | ||
</div> | ||
</template> | ||
</template> | ||
|
||
<style> | ||
@media screen and (max-width: 650px) { | ||
iframe { | ||
max-width: 80vw; | ||
} | ||
} | ||
</style> |