Skip to content
Snippets Groups Projects
Select Git revision
  • react
  • d3
  • master default protected
3 results

index.html

Blame
    • index.html 2.01 KiB 
    <!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" 
          integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
    <title>COSC360 A2</title>
</head>

<body>
    
<div class="container">
    <h1>COSC360 Assignment</h1>
    <p>
        This is a simple Battleship game.
    </p>
    <div class="attack" id="attack">
        <svg xmlns="http://www.w3.org/2000/svg" id="attackBoard" width="300" height="300">
        </svg>   
    </div>

    <div class="buttons" id="but">
        <button type="button" class="shipButton" id='destroyer'>Destoyer</button>
        <button type="button" class="shipButton" id='rotate'>Rotate</button><br>
        <button type="button" class="shipButton" id='cruiser'>Cruiser</button>
        <button type="button" class="shipButton" id='delete'>Delete</button><br>
        <button type="button" class="shipButton" id='submarine'>Submarine</button>
        <button type="button" class="shipButton" id='begin'>Begin</button><br>
        <button type="button" class="shipButton" id='battleship'>Battleship</button><br>
        <button type="button" class="shipButton" id='carrier'>Carrier</button><br><br>
    </div>

    <div class="defend" id="defend">
        <svg xmlns="http://www.w3.org/2000/svg" id="defendBoard" width="300" height="300">
        </svg>  
    </div>

    <div class="chatBox" id="chatBox">
    </div>
    
</div>
<script src="https://d3js.org/d3.v5.min.js"></script>
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<script src="dist/bundle.js"></script>
<link rel="stylesheet" href="style.css" />
</body>

</html>