JSFiddle - React, Tailwind, and code Playground

by pk910

HTML

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Embedded PoWFaucet</title>
    <link rel="Stylesheet" type="text/css" href="https://demo1.faucets.pk910.de/css/powfaucet.css">
    <style>
      #powfaucet .faucet-frontimage,
      #powfaucet .faucet-description {
        display: none;
      }
    </style>
  </head>
  <body>
    
    <div class="faucet-bootstrap">
      <div id="powfaucet"></div>
    </div>
    
    <script src="https://demo1.faucets.pk910.de/js/powfaucet.js"></script>
    <script type="text/javascript">
    	(function() {
      	// get container element
      	var container = document.getElementById("powfaucet");
      
      	// faucet UI config
        var baseUrl = "https://demo1.faucets.pk910.de";
      	var config = {
        	apiUrl: baseUrl + "/api",
          wsBaseUrl: baseUrl.replace(/^http/, "ws") + "/ws",
          imagesUrl: baseUrl + "/images",
          minerSrc: {
          	scrypt: baseUrl + "/js/powfaucet-worker-sc.js",
            cryptonight: baseUrl + "/js/powfaucet-worker-cn.js",
            argon2: baseUrl + "/js/powfaucet-worker-a2.js",
          }
        };
        
        // render UI
        PoWFaucet.initializeFaucet(container, config);
      })();
    </script>
  </body>
</html>