emoji text generator
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.

73 lines
2.5KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link rel="shortcut icon" href="/et/favicon.ico" type="image/x-icon" />
  5. <link rel="stylesheet" href="style.css" />
  6. <link
  7. rel="stylesheet"
  8. href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic"
  9. />
  10. <link
  11. rel="stylesheet"
  12. href="//cdn.rawgit.com/necolas/normalize.css/master/normalize.css"
  13. />
  14. <link
  15. rel="stylesheet"
  16. href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css"
  17. />
  18. <link rel="stylesheet" href="style.css" />
  19. <script
  20. type="text/javascript"
  21. src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
  22. ></script>
  23. <script type="text/javascript" src="script.js"></script>
  24. <script>
  25. var clicky_site_ids = clicky_site_ids || [];
  26. clicky_site_ids.push(101203535);
  27. </script>
  28. <script async src="//static.getclicky.com/js"></script>
  29. <title>emote text generator</title>
  30. </head>
  31. <body>
  32. <div class="container">
  33. <div class="row">
  34. <div class="column"><h1>Emote Text Generator</h1></div>
  35. </div>
  36. <div class="row">
  37. <div class="column">
  38. <form>
  39. <fieldset>
  40. <label for="emoteType">Text Emote</label>
  41. <select id="emoteType">
  42. <option value="hacker">Hacker Text (hacker)</option>
  43. <option value="sm64">Super Mario 64 (sm64)</option>
  44. <option value="lazer">Lazer Text (lazer)</option>
  45. <option value="emoji">Emoji (regional_indicator)</option>
  46. <option value="clapping">Clapping Text 👏</option>
  47. <option value="spaced">S P A C E D T E X T</option>
  48. <option value="bun">Bun Text</option>
  49. </select>
  50. <textarea placeholder="Input Text" id="inputBox"></textarea>
  51. <textarea id="outputBox" disabled></textarea>
  52. <div class="float-right" id="chars">Characters: 0</div>
  53. <a class="button" id="copyButton">Copy</a>
  54. </fieldset>
  55. </form>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="footer">
  60. <a href="https://mastodon.technology/@mdszy">mark</a> made this.
  61. <a href="https://git.szy.io/mdszy/et">source code is here</a>.
  62. <a href="https://liberapay.com/mdszy/"
  63. ><img
  64. class="liberapay-badge"
  65. src="https://img.shields.io/liberapay/receives/mdszy.svg?logo=liberapay"
  66. />
  67. </a>
  68. </div>
  69. </body>
  70. </html>