Organized Files yelynn1#107

Files are now organized into appropriate folders based on programming language, file type, and what they are used for.

CONTRIBUTING GUIDE.md

@@ -17,4 +17,4 @@ Please note we have a code of conduct, please follow it in all your interactions
 
 Check the code of conduct [here](https://github.com/yash2189/tictactoe/blob/fix-readme/CODE%20OF%20CONDUCT.md).
 
-## Don't forget to add your details in contributors.html
+## Don't forget to add your details in /contributors/contributors.html

README.md

@@ -22,7 +22,7 @@ Table of contents
 
 This is a very simple and light tic tac toe web game made using HTML, CSS and JS. This game is very easy to play.
 
-![](tictactoe.png)
+![](/assets/images/tictactoe.png)
 
 ### Tech Stack
 

app.js

@@ -187,7 +187,7 @@ const checkWinner = () => {
         temp3 = temp3 + loss2;
         console.log("player win");
         audio.pause();
-        endMusic = new Audio("audio/win.wav");
+        endMusic = new Audio("/assets/audio/win.wav");
         endMusic.play();
     }
     else if (res == computer) {
@@ -200,7 +200,7 @@ const checkWinner = () => {
         temp4 = temp4 + loss1;
         console.log("computer win");
         audio.pause();
-        endMusic = new Audio("audio/gameover.wav");
+        endMusic = new Audio("/assets/audio/gameover.wav");
         endMusic.play();
     }
     else if (board_full) {
@@ -212,7 +212,7 @@ const checkWinner = () => {
         temp6 = temp6 + draw2;
         console.log("draw");
         audio.pause();
-        endMusic = new Audio("audio/gameover.wav");
+        endMusic = new Audio("/assets/audio/gameover.wav");
         endMusic.play();
     }
 

contributors.html → contributors/contributors.html

@@ -9,7 +9,7 @@
       crossorigin="anonymous"
     />
      <!--Adding Favicon-->
-     <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+     <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/x-icon">
 
     <link rel="stylesheet" href="contributors.css" />
   </head>

about.html → html/about.html

@@ -20,9 +20,9 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>Tictactoe - About</title>
-  <link rel="stylesheet" href="style.css" type="text/css">
+  <link rel="stylesheet" href="/css/style.css" type="text/css">
   <!--Adding Favicon-->
-  <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+  <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/x-icon">
 
 </head>
 <style>
@@ -48,7 +48,7 @@
           <a href="about.html">About</a>
         </li>
         <li>
-          <a href="contributors.html">Contributors</a>
+          <a href="/contributors/contributors.html">Contributors</a>
         </li>
       </ol>
     </nav>
@@ -92,7 +92,7 @@ <h2>Table of contents</h2>
         </li>
       </ul>
       <h2 id="about">About The Project</h2>
-      <img style='border:5px solid #000000' src="./tictactoe.png" alt="Tictactoe logo" />
+      <img style='border:5px solid #000000' src="/assets/images/tictactoe.png" alt="Tictactoe logo" />
       <h3 id="tech-stack">Tech Stack</h3>
       <ul>
         <li>HTML</li>

mainmenu.html → html/mainmenu.html

@@ -13,9 +13,9 @@
       crossorigin="anonymous"
     />
      <!--Adding Favicon-->
-     <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+     <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/x-icon">
 
-    <link rel="stylesheet" href="main.css" type="text/css" />
+    <link rel="stylesheet" href="/css/main.css" type="text/css" />
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script
       async
@@ -42,7 +42,7 @@
             <div class="pagination">
                 <a class="active" href="#">Play Game</a>
                 <a href="about.html">About</a>
-                <a href="contributors.html">Contributors</a>
+                <a href="/contributors/contributors.html">Contributors</a>
                 <button class="btn btn-info" onclick="myFunction()">Dark mode</button>
                 <button class="btn btn-primary" onclick="playAudio(this)" type="button">Play Music</button>
             </div>
@@ -70,7 +70,7 @@ <h1>Tic Tac Toe</h1>
 
 
     <audio id="myAudio">
-      <source src="music.mp3" type="audio/ogg">
+      <source src="/assets/audio/music.mp3" type="audio/ogg">
     </audio>
 
     <script>

index.html

@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>TTC</title>
     <!--Adding Favicon-->
-    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+    <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/x-icon">
 
     <!-- Add mute button icon library -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
@@ -16,7 +16,7 @@
       integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
       crossorigin="anonymous"
     />
-    <link rel="stylesheet" href="style.css" type="text/css" />
+    <link rel="stylesheet" href="/css/style.css" type="text/css" />
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script
       async
@@ -38,15 +38,15 @@
     <nav class="navbar fixed-top" id="hero">
       <button class="btn btn-primary" onclick="playAudio(this)" type="button">Play Music</button>
       <input type="range" id="volume-slider">
-      <a class="navbar-brand" href="about.html">About</a>
+      <a class="navbar-brand" href="/html/about.html">About</a>
       <a class="navbar-brand" href="#">Play Game</a>
-      <a class="navbar-brand" href="contributors.html">Contributors</a>
+      <a class="navbar-brand" href="/contributors/contributors.html">Contributors</a>
       <button class="btn btn-info" onclick="myFunction()">Dark Mode</button>
     </nav>
     </br>
 
     <audio id="myAudio">
-      <source src="music.mp3" type="audio/ogg">
+      <source src="/assets/audio/music.mp3" type="audio/ogg">
     </audio>
 
     <script>