Skip to content

Commit

Permalink
learning resource titles, list sections and embed players
Browse files Browse the repository at this point in the history
  • Loading branch information
BrandonWingerAir committed Jan 30, 2024
1 parent 50767e5 commit a6f8259
Show file tree
Hide file tree
Showing 2 changed files with 194 additions and 6 deletions.
1 change: 1 addition & 0 deletions pages/index.vue
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<h1 class="text-2xl font-bold text-white">Game Development Guide 📚</h1>
<hr class="mt-6">
</div>

<div class="md:flex justify-center mb-10 px-1">
<h3 class="text-lg font-bold text-white text-center mb-6 md:mb-0 md:mr-2 mt-1">Inspiration Concepts:</h3>
<div class="inline-block border rounded-md border-neutral-400 border-b-0 mr-2">
Expand Down
199 changes: 193 additions & 6 deletions pages/resources.vue
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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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&amp;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_&amp;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>

0 comments on commit a6f8259

Please sign in to comment.