Eggy Car

Open In Editor Video Publish Your Code

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <link rel="apple-touch-icon" sizes="256x256" href="icon-256.png" />
  <meta name="HandheldFriendly" content="true" />

<meta name="mobile-web-app-capable" content="yes" />
  <link rel="shortcut icon" sizes="256x256" href="icon-256.png" />

<style type="text/css">
    * {
      padding: 0;
      margin: 0;
    }

html,
    body {
      background: #000;
      color: #fff;
      overflow: hidden;
      touch-action: none;
      -ms-touch-action: none;
    }

canvas {
      touch-action-delay: none;
      touch-action: none;
      -ms-touch-action: none;
    }

@font-face {
      font-family: Changa One;
      src: url(changaone_regular.ttf.ttf);
    }
  </style>

</head>

<body>
  <script>
  (function() {
    const originalImage = window.Image;
    
    window.Image = function() {
      const img = new originalImage();
      img.crossOrigin = "anonymous";
      return img;
    };
    
    const originalCreateElement = document.createElement.bind(document);
    document.createElement = function(tagName) {
      const element = originalCreateElement(tagName);
      if (tagName.toLowerCase() === 'img') {
        element.crossOrigin = "anonymous";
      }
      return element;
    };
  })();
</script>
  <div id="fb-root"></div>

<div id="c2canvasdiv">

<canvas id="c2canvas" width="1280" height="720">
      
      <h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
        <br /><br /><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br />
        <a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br />
        <a href="https://www.google.com/chrome/">Google Chrome</a><br />
        <a href="http://www.apple.com/safari/download/">Apple Safari</a>
      </h1>
    </canvas>

</div>

<script src="jquery-2.1.1.min.js"></script>

<script src="c5runtime.js"></script>

// Pause and resume on page becoming visible/invisible
    function onVisibilityChanged() {
      if (document.hidden || document.mozHidden || document.webkitHidden || document.msHidden)
        cr_setSuspended(true);
      else
        cr_setSuspended(false);
    };

document.addEventListener("visibilitychange", onVisibilityChanged, false);
    document.addEventListener("mozvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
    document.addEventListener("msvisibilitychange", onVisibilityChanged, false);

function OnRegisterSWError(e) {
      console.warn("Failed to register service worker: ", e);
    };

// Runtime calls this global method when ready to start caching (i.e. after startup).
    // This registers the service worker which caches resources for offline support.
    window.C2_RegisterSW = function C2_RegisterSW() {
      if (!navigator.serviceWorker)
        return; // no SW support, ignore call

try {
        navigator.serviceWorker.register("sw.js", {
            scope: "./"
          })
          .then(function(reg) {
            console.log("Registered service worker on " + reg.scope);
          })
          .catch(OnRegisterSWError);
      } catch (e) {
        OnRegisterSWError(e);
      }
    };
  </script>
</body>

</html>

Eggy Car

Recommended

Simple CSS Card Template

Cards

Checkbox card

HTML

CSS

JS

Recommended

Simple CSS Card Template

Cards

Checkbox card

HTMLCopy

CSSCopy

JSCopy

HTML

CSS

JS