dead-toast
Version:
Dead simple Javascript Toast like Android.
25 lines (23 loc) • 671 B
HTML
<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
<link rel="stylesheet" type="text/css" href="../dead-toast.min.css">
<style>
img { display: block; width: 50%; max-width: 400px; margin: 0 auto; margin-top: 10vh; }
div { text-align: center; font-size: 5vw; }
</style>
</head>
<body>
<img src='../art/logo.png'>
<div>Click me!!</div>
<script src='../dead-toast.min.js'></script>
<script>
var img = document.getElementsByTagName('img')[0];
var toast = DeadToast.makeText("I'm DeadToast!");
img.addEventListener('click', function() {
toast.show();
});
</script>
</body>
</html>