You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

58 lines
2.5 KiB

7 months ago
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset='UTF-8'>
  5. <meta http-equiv="x-ua-compatible" content="ie=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <title>Toastify JS - Pure JavaScript Toast Notificaton Library</title>
  8. <meta name="description" content="Toastify is a pure JavaScript library that lets you create notifications toasts/messages.">
  9. <meta name="keywords" content="Javascript,Library,Toastify">
  10. <meta name="author" content="apvarun">
  11. <link rel="stylesheet" type="text/css" href="example/script.css">
  12. <link rel="stylesheet" type="text/css" href="src/toastify.css">
  13. </head>
  14. <body id="root">
  15. <div class="container">
  16. <div class="lead">
  17. <h1>Toastify JS</h1>
  18. </div>
  19. <p>Better notification messages</p>
  20. <div class="buttons">
  21. <a href="#" id="new-toast" class="button">Try</a>
  22. <a href="https://github.com/apvarun/toastify-js/blob/master/README.md" target="_blank" class="button">Docs</a>
  23. <a href="https://twitter.com/intent/tweet?text=Pure+JavaScript+library+for+better+notification+messages&url=https://apvarun.github.io/toastify-js/&hashtags=JavaScript,toast&via=apvarun"
  24. target="_blank" class="button">Tweet</a>
  25. </div>
  26. <div class="docs">
  27. <h2>Usage</h2>
  28. <code>
  29. <p>Toastify({</p>
  30. <p class="pad-left">text: "This is a toast",</p>
  31. <p class="pad-left">duration: 3000</p>
  32. <p>}).showToast();</p>
  33. </code>
  34. </div>
  35. <div class="repo">
  36. <iframe src="https://ghbtns.com/github-btn.html?user=apvarun&repo=toastify-js&type=star&count=true&size=large" frameborder="0"
  37. scrolling="0" width="160px" height="30px"></iframe>
  38. </div>
  39. </div>
  40. </body>
  41. <script type="text/javascript" src="src/toastify.js"></script>
  42. <script type="text/javascript" src="example/script.js"></script>
  43. <script>
  44. (function (i, s, o, g, r, a, m) {
  45. i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
  46. (i[r].q = i[r].q || []).push(arguments)
  47. }, i[r].l = 1 * new Date(); a = s.createElement(o),
  48. m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
  49. })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
  50. ga('create', 'UA-105870436-1', 'auto');
  51. ga('send', 'pageview');
  52. </script>
  53. </html>