forked from GreaterThan000/ControlsToRemember
-
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.
Merge branch 'GreaterThan000:main' into main
- Loading branch information
Showing
16 changed files
with
549 additions
and
26 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
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,242 @@ | ||
<article> | ||
<img class="game-title" src="images/games/fortnite/logo.png" alt="fortnite Logo"> | ||
|
||
<p><strong>Fortnite</strong> is an online multiplayer video game developed by Epic Games, released in 2017. | ||
It features multiple game modes, but it is best known for its Battle Royale mode, where up to 100 players | ||
compete to be the last person or team standing.</p> | ||
|
||
<!-- Gallery --> | ||
<div class="gallery"> | ||
<img src="images/games/fortnite/img1_sm.png" alt="Thumbnail 1" class="gallery-item" | ||
data-full="images/games/fortnite/img1.png"> | ||
<img src="images/games/fortnite/img2_sm.png" alt="Thumbnail 2" class="gallery-item" | ||
data-full="images/games/fortnite/img2.png"> | ||
<img src="images/games/fortnite/img3_sm.png" alt="Thumbnail 3" class="gallery-item" | ||
data-full="images/games/fortnite/img3.png"> | ||
<img src="images/games/fortnite/img4_sm.png" alt="Thumbnail 4" class="gallery-item" | ||
data-full="images/games/fortnite/img4.png"> | ||
<!-- Add more thumbnails as needed --> | ||
</div> | ||
<div class="center-horizontal"> | ||
<div class="videos-accordion"> | ||
<button class="videos-button">Let's Plays</button> | ||
<div class="accordion-content"> | ||
<iframe width="100%" height="315" src="https://www.youtube.com/embed/kbd4GMSqlec?si=5bUMvEa5KnLBcAV6" | ||
title="YouTube video player" frameborder="0" | ||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | ||
<iframe width="100%" height="315" src="https://www.youtube.com/embed/Ce_6eAPHhqU?si=T_ZMC14QRSeCr3MB" | ||
title="YouTube video player" frameborder="0" | ||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | ||
<!-- Add more videos as needed --> | ||
</div> | ||
|
||
<button class="videos-button">Tutorials</button> | ||
<div class="accordion-content"> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/n5L7lpl9FGU?si=J3GYTmK7bX2N8bvj" | ||
title="YouTube video player" frameborder="0" | ||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | ||
<iframe width="560" height="315" src="https://www.youtube.com/embed/Psp0UL3PZcw?si=a4uu0VgT6hG6bI6I" | ||
title="YouTube video player" frameborder="0" | ||
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" | ||
referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> | ||
<!-- Add more videos as needed --> | ||
</div> | ||
|
||
|
||
|
||
<button class="videos-button">Tips</button> | ||
<div class="accordion-content"> | ||
<ul style="list-style:circle; padding-left: 15px; text-align: left;"> | ||
<li>You can't take things off spawn island</li> | ||
<li> Wait as long as possible before leaving your battle bus</li> | ||
<li>Your glider is automatic</li> | ||
<li>Drink small shield potions before large ones</li> | ||
</Ul> | ||
</div> | ||
<!-- Add more accordion sections as needed --> | ||
</div> | ||
</div> | ||
|
||
<!-- Modal --> | ||
<div id="modal" class="modal"> | ||
<span id="close-modal" class="close">×</span> | ||
<img id="modal-image" class="modal-content" alt="Full Size"> | ||
</div> | ||
|
||
<!-- Accordion for controls --> | ||
<div class="accordion"> | ||
<button class="accordion-button">PlayStation</button> | ||
<div class="accordion-content"> | ||
<div class="controls"> | ||
<div class="control-item"> | ||
<div class="emoji">🕹️</div> | ||
<div> | ||
<h2>Movement</h2> | ||
<p><strong>Move Forward:</strong> Left Stick Up</p> | ||
<p><strong>Move Backward:</strong> Left Stick Down</p> | ||
<p><strong>Move Left:</strong> Left Stick Left</p> | ||
<p><strong>Move Right:</strong> Left Stick Right</p> | ||
<p><strong>Jump:</strong> X Button</p> | ||
<p><strong>Crouch:</strong> L1 (click)</p> | ||
<p><strong>Sprint:</strong> Press Left Stick (hold)</p> | ||
<p><strong>Look Around:</strong> Move Right Stick</p> | ||
<p><strong>Change View:</strong> L3 Left Joystick (press)</p> | ||
<p><strong>Slide:</strong>Right JoyStick(Hold)</p> | ||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">⚔️</div> | ||
<div> | ||
<h2>Actions</h2> | ||
<p><strong>Zoom:</strong> L2</p> | ||
<p><strong>Fire Weopon:</strong> R2</p> | ||
<p><strong>Switch Item:</strong> R1 and L1</p> | ||
<p><strong>Equip Pickaxe:</strong> Triangle Button</p> | ||
<p><strong>Open Inventory</strong> Up D-Pad</p> | ||
<p><strong>Pick Up Weopons:</strong> Circle Button</p> | ||
<p><strong>Open Chests,Doors,and Ammo Boxes:</strong> Square Button</p> | ||
<p><strong>Reload:</strong> Square Buton</p> | ||
<p><strong>Map:</strong> View Button</p> | ||
<p><strong>Opening Menu/Settings:</strong> Menu Button (Three Lined Button)</p> | ||
<p><strong>Healing:</strong> R2</p> | ||
|
||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">🎮</div> | ||
<div> | ||
<h2>Building</h2> | ||
<p><strong>Mantle:</strong> Double Tap X</p> | ||
<p><strong>Building menu:</strong> Circle Button</p> | ||
<p><strong>Place Stair:</strong> L2</p>\ | ||
<p><strong>Place A Cone:</strong> L1</p> | ||
<p><strong>Place A Wall:</strong> R2</p> | ||
<p><strong>Place A Floor:</strong> R1</p> | ||
<p><strong>Edit A Building:</strong> Circle Button(Hold)</p> | ||
<p><strong>Confirm An Edit:</strong> Circle Button</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<button class="accordion-button">Xbox</button> | ||
<div class="accordion-content"> | ||
<div class="controls"> | ||
<div class="control-item"> | ||
<div class="emoji">🕹️</div> | ||
<div> | ||
<h2>Movement</h2> | ||
<p><strong>Move Forward:</strong> Left Stick Up</p> | ||
<p><strong>Move Backward:</strong> Left Stick Down</p> | ||
<p><strong>Move Left:</strong> Left Stick Left</p> | ||
<p><strong>Move Right:</strong> Left Stick Right</p> | ||
<p><strong>Jump:</strong> A Button</p> | ||
<p><strong>Crouch:</strong> B (click)</p> | ||
<p><strong>Sprint:</strong> Press Left Stick (hold)</p> | ||
<p><strong>Look Around:</strong> Move Right Stick</p> | ||
<p><strong>Change View:</strong> L3 Left Joystick (press)</p> | ||
<p><strong>Slide:</strong>Right JoyStick(Hold)</p> | ||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">⚔️</div> | ||
<div> | ||
<h2>Actions</h2> | ||
<p><strong>Zoom:</strong> LT (Hold)</p> | ||
<p><strong>Fire Weopon:</strong> RT</p> | ||
<p><strong>Switch Item:</strong> RB and LB</p> | ||
<p><strong>Equip Pickaxe:</strong> Y Button</p> | ||
<p><strong>Open Inventory</strong> Up D-Pad</p> | ||
<p><strong>Pick Up Weopons:</strong> X Button</p> | ||
<p><strong>Open Chests,Doors,and Ammo Boxes:</strong> X Button</p> | ||
<p><strong>Reload:</strong> X Button</p> | ||
<p><strong>Map:</strong> View Button</p> | ||
<p><strong>Opening Menu/Settings:</strong> Menu Button (Three Lined Button)</p> | ||
<p><strong>Healing:</strong> RT</p> | ||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">🎮</div> | ||
<div> | ||
<h2>Building</h2> | ||
<p><strong>Mantle:</strong> Double Tap A</p> | ||
<p><strong>Building menu:</strong> B Button</p> | ||
<p><strong>Place Stair:</strong> LT</p>\ | ||
<p><strong>Place A Cone:</strong> LB</p> | ||
<p><strong>Place A Wall:</strong> RT</p> | ||
<p><strong>Place A Floor:</strong> RB</p> | ||
<p><strong>Edit A Building:</strong> B Button(Hold)</p> | ||
<p><strong>Confirm An Edit:</strong> B Button</p> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<button class="accordion-button">Switch</button> | ||
<div class="accordion-content"> | ||
<div class="controls"> | ||
<div class="control-item"> | ||
<div class="emoji">🕹️</div> | ||
<div> | ||
<h2>Movement</h2> | ||
Coming Soon | ||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">⚔️</div> | ||
<div> | ||
<h2>Actions</h2> | ||
|
||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">🎮</div> | ||
<div> | ||
<h2>Building</h2> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<button class="accordion-button">PC</button> | ||
<div class="accordion-content"> | ||
<div class="controls"> | ||
<div class="control-item"> | ||
<div class="emoji">🕹️</div> | ||
<div> | ||
<h2>Movement</h2> | ||
Coming Soon | ||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">⚔️</div> | ||
<div> | ||
<h2>Actions</h2> | ||
|
||
</div> | ||
</div> | ||
|
||
<div class="control-item"> | ||
<div class="emoji">🎮</div> | ||
<div> | ||
<h2>Building</h2> | ||
|
||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<!-- Add more accordion sections as needed --> | ||
</div> | ||
</article> |
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
Oops, something went wrong.