Update index.html

index.html

@@ -42,9 +42,10 @@ <h1>Onepagerules - Deathball </h1>
  <br>
  <hr>
  <footer>
- The rules for the game can be found: <a href="https://drive.google.com/file/d/15PjVytZnvPBJ-3gqf0oBW9i0AJnCIBI1/view?usp=drive_link" target="_blank" >Here</a><br>
- Original project and tutorial: <a href="https://www.youtube.com/watch?v=9JjjpqZkfN4" target="_blank" >Here</a><br>
- Developed by: <a href="https://github.com/jpradoar" target="_blank" >Jtan</a>
+ <i class='fa-brands fa-github'></i> Developed by: <a href="https://github.com/jpradoar" target="_blank" >Jtan</a><br>
+ <br><a href="https://drive.google.com/file/d/15PjVytZnvPBJ-3gqf0oBW9i0AJnCIBI1/view?usp=drive_link" target="_blank" >Rules</a>
+ <br><a href="https://www.youtube.com/watch?v=9JjjpqZkfN4" target="_blank" >Original project</a><br>
+
  </footer>
  </div> 
  <br>
@@ -86,14 +87,10 @@ <h1>Onepagerules - Deathball </h1>
  const ballPositionNumber = generateRandomNumbers(3, 1);
  const resultElement = document.getElementById("result");
 
- resultElement.innerHTML = "Ball position | Ball distance: <br><h2>" + random_numbers[0] + " | " + ballPositionNumber +" </h2>";
+ resultElement.innerHTML = "<b><font color='red'>Ball direction</font> | <font color='green'>Ball distance</font></b>: <br><h2>" + random_numbers[0] + " | " + ballPositionNumber +" </h2>";
  const img = document.createElement("img");
- img.src = "img/ball-position.png";
+ img.src = "img/ball-position2.png";
  resultElement.appendChild(img);
-
- const DescriptionImg = document.createElement("div");
- DescriptionImg.textContent = "Position";
- resultElement.appendChild(DescriptionImg);
  }
 
  function distance(dice_type, dice_numbers) {