carving_pumpkins/index.html at main · cBrownSF/carving_pumpkins · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html lang="en">

<head>
  <meta property="og:title" content="Carving Pumpkins" />
  <!-- <meta property="og:image" content="https://hip-lamping-cover-photos.s3.us-west-1.amazonaws.com/carving_pumpkins_screen_shot.png" /> -->
  <meta property="og:image" content="./assets/carving_pumpkins_screen_shot.png" />
  <meta property="og:description" content="Pumpkin Carving Game" />
  <meta property="og:url" content="https://cbrownsf.github.io/carving_pumpkins/" />

  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  <link rel="stylesheet" href="./dist/main.css" />
  <script src="./dist/main.js"></script>
  <title>Carving Pumpkins</title>
</head>

<body>
  <div class="icons">
    <a href="https://www.linkedin.com/in/cal-brown-sfca/" target="_blank">
      <img class="linkedin" src="./assets/Linkedin-logo-on-transparent-Background-PNG-.png" width="60" height="60" alt="LinkedIn Logo">
    </a>
    <a href='https://github.com/cBrownSF' target='_blank'>
    <img class="github" src="./assets/github-icon-white-github-icon-black-background-symbol-logo-trademark-steering-wheel-transparent-png-842663.png" width="60" height="60" alt="github Logo">
      </a>
  </div>
  <div class = "div">
  <canvas id="mycanvas" ></canvas>
  <audio id="carveSound" src="./assets/pumpkinWavCarving.wav" style="display:none"></audio>
  <audio id="buttonClick" src="./assets/buttonClick.wav" style="display:none"></audio>


  <img src="./assets/candy_corn.png" id="corn" width = "50" height = "69">
  <img src = "./assets/space.png" id = "space" width="240" height="60">
  <img src = "./assets/Carvin_PumpkinBig.png" id = "title" width = "700" height = "133">
  <img src = "./assets/green_pumpkin.png" id = "greenPumpkin" width = "570" height = "594">
  <img src = "./assets/tall_pumpkin.png" id = "tallPumpkin" width ="414" height = "464">
  <img src = "./assets/wide_pumpkin.png" id = "widePumpkin" width = "850" height = "838">
  <img src = "./assets/raven.png" id = "raven">
  <img src = "./assets/darkPump.png" id = "darkPumpkin">
</div>

</body>
</html>