Ben's orbit/index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title>Orbit</title>
  <!-- -	 <link rel="stylesheet" type="text/css" href="planet.css"> -->

  <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.js"></script>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css" integrity="sha384-PmY9l28YgO4JwMKbTvgaS7XNZJ30MK9FAZjjzXtlqyZCqBY6X6bXIkM++IkyinN+"
    crossorigin="anonymous">
  <script src="Planet.js" type="text/javascript"></script>
  <script src="index.js" type="text/javascript"></script>
  <script src="Solar.js" type="text/javascript"></script>
</head>

<body style="background-color:aliceblue;">

  <div style="width:200px; margin:0 auto;float:right;">
    <label><em>Colour</em></label> <br /><input id="colour" /> <br />
    <label><em>Radius (20-100)</em></label> <br /><input type="number" id="radius" /> <br /> <br />
    <button onclick="solar.newPlanet()" style='background-color: #000000;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;''>
      Create Planet</button> <br />
  </div>
  <div style="float: left;padding:1em;">
    <p style="text-align: center;"> Hey there! <br /> Have a go at adding in some Planets into your Solar Sytem
    </p>
    <ol style="text-align: center">
      <li>Type in a Colour (e.g magenta)</li>
      <li>and or Type in a Radius</li>
      <li>Press <em>Enter</em> or the <em>
      Create Planet</em> Button</li>
    <li>Press <em>Space Bar</em> to Clear the Solar System</li> </ol>
  </div> 
  <div style="float: right;padding:1em;">
      <p>2D/3D: </p>
        <select name="Mode" id = "mode">
      <option value="1">Single Solar System</option>
      <option value="2">Galaxy</option>
      </select>
      <br><br>
      <input type="submit" onclick="galaxy()">
    </div>
    
  </body> 
  </html>