NewGame.md

Guidelines to Add a New Game

Hello there Contributor! Welcome to GameSphere
Feel free to Create your very own games and share it with the world!!

---

How to add New games to GameSphere

Create a new issue for your game using the new game request template or Check for ideas you can contribute to in the issues.

Step 1:
Create a new folder in SinglePlayer-Games OR Multiplayer-Games folder and add all your files

Step 2:
In the same SinglePlayer-Games OR Multiplayer-Games folder navigate to Banner-image folder and an image of your game.

Step 3:
Go to game.html or multiplayer.html in additionalpage folder and create a new game card by pasting the below code.

            <div class = "game-card">
                <div class = "game-card-top img-fit-cover">
                 <video src="video demonstration link of your game" link " type="video/mp4" muted loop class="clip"  ></video>
                    <img src = "link to the image of your game" alt = "">
                    <div class = "ratings-count">
                        45
                        <img src = "../assets/icons/star-black.svg" alt = "" class = "ms-2">
                    </div>
                </div>
                <div class = "game-card-bottom">
                <div class="share-icon text-2xl" onclick="copyLink(this)">
                        <i class="fas fa-share-alt"></i>
                        <input type="hidden"
                            value="https://gamesphere-multiplayer.github.io/GameSphere/SinglePlayer%20-%20Games/link_to_the_html_file_for_your_game" /> 
                            <!--If there are spaces in your naming of folder, put %20 in between, ex:
                            link%20to%20the%html%file%20for%your&game-->
                            
                            <!--The share link will be active only when it is deployed over website-->
                    </div>
                    
                    <div class = "flex flex-col sm:flex-row justify-between items-start flex-wrap">
                        <div class = "py-1">
                            <h4 class = "text-white uppercase game-card-title">Name_of_your_Game</h4>
                            <p class = "para-text">A tagline for your game...</p>
                        </div>
                        <div class = "star-rating mt-2 sm:mt-0 py-1">
                            <img src = "../assets/icons/star-green.svg">
                            <img src = "../assets/icons/star-green.svg">
                            <img src = "../assets/icons/star-green.svg">
                            <img src = "../assets/icons/star-green.svg">
                            <img src = "../assets/icons/star-green-half.svg">
                        </div>
                    </div>
                    <div class = "block-wrap flex justify-between items-end">
                        <div class = "details-group">
                            <div class = "flex items-center">
                                <p class = "font-semibold">Release Date: &nbsp;</p>
                                <p>20.06.2023</p>
                            </div>
                            <div class = "flex items-center">
                                <p class = "font-semibold">Updated: &nbsp;</p>
                                <p>Action | Desktop</p>
                            </div>
                        </div>
                        <div class = "flex flex-col items-end justify-between">
                            <a target="_blank" href = "link to the html file for your game" class = "btn-primary uppercase">Play Now</a>
                        </div>
                    </div>
                </div>
            </div>

Step 4:
In the games.html file or multiplayer.html file add a banner image for your game.

Step 5:
Now, add a video of less than 10MB demonstrating how to play your game.

Step 6:
Give informatioin related to your game such as Release Date, Type & Supported Devices.

Step 7:
Add a Name and tagline to your game to be displayed.

Step 8:
Link the .html file of your game

Step 9:
Congratulations 🎉🎉 you can now make your pull request

---

Thank you for Contributing to GameSphere 😍.