Merge pull request #38 from tarikbouari/refactor-code

JavaScript-Capstone-project
tarikbouari · Sep 2, 2022 · 1a622a8 · 1a622a8
2 parents 2b78355 + 469e42d
commit 1a622a8
Show file tree

Hide file tree

Showing 12 changed files with 8,933 additions and 19,076 deletions.
diff --git a/README.md b/README.md
@@ -1,2 +1,87 @@
-# Kanban-Board
-This a javaScript capstone project.. 
+![](https://img.shields.io/badge/Microverse-blueviolet)
+
+#GameLand
+
+## Description 
+>GameLand is an online game website that allows users to view different kind of games available 
+>and share their views on each game the like or dislike. Built with HTML/CSS , JAVASCRIPT,API.
+ 
+
+
+
+## Built With
+- Languages: HTML5, CSS5, JavaScript, API
+- VCS: GitBash
+- Package Manager: Node, NPM
+- Webpack
+-Following github flows standards.
+
+
+
+## Setup
+> to use the project To do list please follow :
+
+>Open GitHub and go to my GitHub repository name: GameLand.to clone. Click “Code” and copy the given URL.
+
+>click code and copy the URL.
+
+>Open “Git Bash” and change the current working directory to the location where you want the cloned directory.
+
+>Type git clone in the terminal, paste the URL you copied earlier, and press “enter” to create your local clone.
+
+## Syntax:
+
+>$ git clone {repository URL}
+
+## Usage
+>open your directory GameLand/
+
+>use vs-code or any IDE to view line code .
+
+## use you preferd browser to run the file .html to get project website. to run in terminal / git :
+$ npm start
+
+## Screenshots
+
+![gameland](https://user-images.githubusercontent.com/104431739/188227473-56f89471-0681-4258-b6bc-eca9b6ea1f2f.PNG)
+
+![gameland 2](https://user-images.githubusercontent.com/104431739/188227570-35045011-ca58-49bc-9d23-ccad89ce3650.PNG)
+
+## Live demo 
+[Ckick here]( https://tarikbouari.github.io/GameLand/)
+
+## Consume API
+[click here](https://us-central1-involvement-api.cloudfunctions.net/capstoneApi/)
+
+## Authors
+
+👤 **Tarik Bouari**
+
+- GitHub: [@tarikbouari](https://github.com/tarikbouari)
+- Twitter: [@tarikbouari](https://twitter.com/TarikBouari)
+- LinkedIn: [tarikbouari](https://www.linkedin.com/in/tarik-bouari-44b7191a6/)
+
+👤 **Alena okolike**
+
+- GitHub: [@summyalena](https://github.com/summyalena)
+- Twitter: [@Alenaokolike](https://twitter.com/Alenaokolike)
+- LinkedIn: [@assumpta-okolike](https://www.linkedin.com/in/assumpta-okolike)
+
+## 🤝 Contributing
+
+Contributions, issues, and feature requests are welcome!
+
+Feel free to check the [issues page](../../issues/).
+
+## Show your support
+
+Give a ⭐️ if you like this project!
+
+## Acknowledgments
+
+- Linters Article: Setup Linters
+- Icons resource: [Iconify](https://iconify.design/cons8)
+
+## 📝 License
+
+This project is [MIT](./MIT.md) licensed..
diff --git a/dist/07fe4437cef1a0a28628.jpg b/dist/07fe4437cef1a0a28628.jpg
diff --git a/dist/index.6b1eb7db.js → dist/index.a5276b2f.js b/dist/index.6b1eb7db.js → dist/index.a5276b2f.js
diff --git a/dist/index.html b/dist/index.html
@@ -10,28 +10,35 @@
       integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
       crossorigin="anonymous"
     />
-
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@2.1.2/css/boxicons.min.css">
     <link
       href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap"
       rel="stylesheet"
     />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200"
+    />
     <title>Gameland</title>
-  <script defer src="index.6b1eb7db.js"></script></head>
+  <script defer src="index.a5276b2f.js"></script></head>
   <body>
     <header class="containe-fluid">
       <nav class="nav-bar container">
-        <svg
+        <div class="logo">
+           <svg
           xmlns="http://www.w3.org/2000/svg"
           xmlns:xlink="http://www.w3.org/1999/xlink"
           class="icon"
           preserveAspectRatio="xMidYMid meet"
           viewBox="0 0 24 24"
         >
           <path
-            fill="currentColor"
+            fill="#00ef00"
             d="m12.534 21.77l-1.09-2.81l10.52.54l-.451 4.5zM15.06 0L.307 6.969L2.59 17.471H5.6l-.52-7.512l.461-.144l1.81 7.656h3.126l-.116-9.15l.462-.144l1.582 9.294h3.31l.78-11.053l.462-.144l.82 11.197h4.376l1.54-15.37Z"
           />
         </svg>
+        <span>GameLand</span></div>
+
         <svg
           xmlns="http://www.w3.org/2000/svg"
           xmlns:xlink="http://www.w3.org/1999/xlink"
@@ -47,15 +54,25 @@
         </svg>
 
         <ul class="nav-ul" id="nav-ul">
-          <li>games</li>
-          <li>platforms</li>
-          <li>Events</li>
+          <li id="games"><a href="#"> games</a></li>
+          <li><a href="#"> platforms</a></li>
+          <li><a href="#"> Events</a></li>
         </ul>
       </nav>
     </header>
+    <section class="banner container-fluid">
+      <div class="left">
+        <h1 class="my-0"> Defeat other player to be the best</h1>
+        <p class="my-0"> League of 100 is a team-based game with over 200 champions to make epic play with. Book your place now!</p>
+        <button> Book</button>
+      </div>
+      <div class="right"></div>
+    </section>
+    <div class="comments-pop"></div>
     <main class="container">
       <section class="card-container" id="card-container"></section>
 
+
       <button type="button" id="Btn" title="Go to top">
         <i class="bx bxs-up-arrow-circle bx-burst"></i>
       </button>