index.html

﻿<!doctype HTML>
<html>
  <head>
    <link rel="stylesheet" href="index.css">
    <script src="js/jquery-3.3.1.min.js"></script>
    <script src="js/webpd-latest.min.js"></script>
    <script>
        var patch
        $.get('patches/ringmod.pd', function(patchStr) {
          patch = Pd.loadPatch(patchStr)
          Pd.start()
        })
    </script>
  </head>
  <title>Dalek's Voice</title>
  <header>Dalek's Voice</header>
  <body>
    <div id="mic">🎙️</div>
    <div id="subtitle" >Enable your microphone and speak like a dalek from Dr. Who!! </div>
      <a href="https://github.com/MrLinDowsMac/ringmodulator">
        <img style="position: absolute; top: 0; right: 0; border: 0;" 
          src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png" 
          alt="Fork me on GitHub">
      </a>
    <div><img id="imgDalek" src="images/daleks.png"></img></div>
  </body>
  <footer>
	  <a href="https://twitter.com/Mr_LinDowsMac">
		  <img src="images/twitter_badge.png"></img>
	  </a>
	  <a href="https://github.com/MrLinDowsMac">
		  <img src="images/github_badge.png"></img>
	  </a>
	  <p>Created by Mr_LinDowsMac</p>
  </footer>
</html>