index.html

<!DOCTYPE html><html lang="en"><head>
<!-- Primary Meta Tags -->
<title>Water Simulation with p5.js</title>
<meta name="title" content="Water Simulation with p5.js">
<meta name="description" content="It's water and rock, with a boat. But the boat is not stuck. Or is it?">

<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://metatags.io/">
<meta property="og:title" content="Water Simulation with p5.js">
<meta property="og:description" content="It's water and rock, with a boat. But the boat is not stuck. Or is it?">
<meta property="og:image" content="https://trungdq88.github.io/summer/screenshot.png">

<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://metatags.io/">
<meta property="twitter:title" content="Water Simulation with p5.js">
<meta property="twitter:description" content="It's water and rock, with a boat. But the boat is not stuck. Or is it?">
<meta property="twitter:image" content="https://trungdq88.github.io/summer/screenshot.png">

    <script src="p5.js"></script>
    <script src="p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
    <meta charset="utf-8">
    <style>
body {
  display: flex;
}
</style>

  </head>
  <body>
<script>if(!sessionStorage.getItem("_swa")&&document.referrer.indexOf(location.protocol+"//"+location.host)!== 0){fetch("https://counter.dev/track?"+new URLSearchParams({referrer:document.referrer,screen:screen.width+"x"+screen.height,user:"summerwatersimulation",utcoffset:"8"}))};sessionStorage.setItem("_swa","1");</script>
    <script src="sketch.js"></script>
</body></html>