2
0

gitmoji.html 58 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303
  1. <!DOCTYPE html><html lang="en"><head><meta charSet="utf-8"/><title>gitmoji | An emoji guide for your commit messages</title><link rel="canonical" href="https://gitmoji.dev"/><meta name="author" content="Carlos Cuesta"/><meta name="description" content="Gitmoji is an emoji guide for your commit messages. Aims to be a standarization cheatshee /t for using emojis on GitHub&#x27;s commit messages."/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><meta name="twitter:card" content="summary"/><meta name="twitter:title" content="gitmoji"/><meta name="twitter:description" content="An emoji guide for your commit messages."/><meta name="twitter:image" content="https://gitmoji.dev/static/gitmoji.gif"/><meta name="twitter:creator" content="@crloscuesta"/><meta name="twitter:url" content="https://gitmoji.dev"/><meta property="og:title" content="gitmoji"/><meta name="og:description" content="An emoji guide for your commit messages."/><meta property="og:image" content="https://gitmoji.dev/static/gitmoji.gif"/><meta name="og:url" content="https://gitmoji.dev"/><meta name="robots" content="index, follow"/><link rel="apple-touch-icon" sizes="57x57" href="/static/apple-icon-57x57.png"/><link rel="apple-touch-icon" sizes="60x60" href="/static/apple-icon-60x60.png"/><link rel="apple-touch-icon" sizes="72x72" href="/static/apple-icon-72x72.png"/><link rel="apple-touch-icon" sizes="76x76" href="/static/apple-icon-76x76.png"/><link rel="apple-touch-icon" sizes="114x114" href="/static/apple-icon-114x114.png"/><link rel="apple-touch-icon" sizes="120x120" href="/static/apple-icon-120x120.png"/><link rel="apple-touch-icon" sizes="144x144" href="/static/apple-icon-144x144.png"/><link rel="apple-touch-icon" sizes="152x152" href="/static/apple-icon-152x152.png"/><link rel="apple-touch-icon" sizes="180x180" href="/static/apple-icon-180x180.png"/><link rel="icon" type="image/png" sizes="192x192" href="/static/android-icon-192x192.png"/><link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="96x96" href="/static/favicon-96x96.png"/><link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png"/><link rel="manifest" href="/static/manifest.json"/><meta name="msapplication-TileColor" content="#FFDD67"/><meta name="msapplication-TileImage" content="/ms-icon-144x144.png"/><meta name="theme-color" content="#FFDD67"/><meta name="google-site-verification" content="78vmlhi_erc-UGybxcGwHyiUtf04wzYExTLa-4LoWio"/><link rel="search" type="application/opensearchdescription+xml" href="/static/opensearchdescription.xml"/><meta name="next-head-count" content="36"/><link rel="preload" href="/_next/static/css/178a874ebdd800a5.css" as="style"/><link rel="stylesheet" href="/_next/static/css/178a874ebdd800a5.css" data-n-g=""/><link rel="preload" href="/_next/static/css/f7f55057581ef090.css" as="style"/><link rel="stylesheet" href="/_next/static/css/f7f55057581ef090.css" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-5cd94c89d3acac5f.js"></script><script src="/_next/static/chunks/webpack-9596fbbca732e92b.js" defer=""></script><script src="/_next/static/chunks/framework-91d7f78b5b4003c8.js" defer=""></script><script src="/_next/static/chunks/main-a6735ee9e45730aa.js" defer=""></script><script src="/_next/static/chunks/pages/_app-d3979852d31dd091.js" defer=""></script><script src="/_next/static/chunks/12-90e8f935337e79a6.js" defer=""></script><script src="/_next/static/chunks/pages/index-756b19840befd76d.js" defer=""></script><script src="/_next/static/h6w3YWxydw5lhZVouNV-Y/_buildManifest.js" defer=""></script><script src="/_next/static/h6w3YWxydw5lhZVouNV-Y/_ssgManifest.js" defer=""></script><script src="/_next/static/h6w3YWxydw5lhZVouNV-Y/_middlewareManifest.js" defer=""></script>
  2. <style id="__jsx-2269568618">
  3. .styles_emoji__fZ22R{display:flex;box-sizing:border-box}.styles_card__djgQV{background-color:var(--cardBackground);border-radius:4px;box-shadow:0 1px 2px 0 var(--cardShadow);flex:1 1;margin:1em 0;transition:all .25s ease-out;text-align:center;overflow:hidden}.styles_cardList__kIBxv{display:flex}.styles_cardList__kIBxv .styles_gitmoji__vRzif{font-size:3.5em}.styles_cardList__kIBxv .styles_cardHeader__JQqs4{height:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}.styles_cardList__kIBxv .styles_gitmojiInfo__NYmb_{text-align:left;padding:1rem}.styles_cardList__kIBxv .styles_gitmojiInfo__NYmb_ p{margin:0;padding:.5rem 0 0}.styles_card__djgQV:hover{box-shadow:0 10px 20px 0 var(--cardShadow);transform:translateY(-1px)}@media (prefers-color-scheme:dark){.styles_card__djgQV:hover{box-shadow:none;background-color:#3b3b3b}}.styles_cardHeader__JQqs4{background-color:var(--emojiColor);align-self:flex-start;padding-top:2em;padding-bottom:.85em;border-top-left-radius:4px;border-top-right-radius:4px}.styles_gitmoji__vRzif,.styles_gitmojiCode__Hh7d2{background-color:transparent;border:none;color:inherit;font:inherit;padding:0}.styles_gitmoji__vRzif{border-radius:none;cursor:pointer;display:inline-block;font-size:5em;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,Segoe UI Symbol,Android Emoji,EmojiSymbols}.styles_gitmoji__vRzif:focus,.styles_gitmoji__vRzif:hover{-webkit-animation-name:styles_bounce___XSm6;animation-name:styles_bounce___XSm6;-webkit-animation-duration:.5s;animation-duration:.5s}.styles_gitmojiCode__Hh7d2{display:inline-block;position:relative;border-radius:4px;transition-duration:.3s;cursor:pointer}.styles_gitmojiCode__Hh7d2:after{content:"";position:absolute;left:0;bottom:0;width:0;height:.2em;border-radius:4px;transition:width .15s;background-color:var(--emojiColor)}.styles_gitmojiCode__Hh7d2:hover:after{width:100%}.styles_gitmojiInfo__NYmb_{padding:1.5em;word-break:break-all;color:var(--emojiCodeText)}.styles_gitmojiInfo__NYmb_ p{color:var(--cardText);word-break:normal}@media (max-width:768px){.styles_cardList__kIBxv .styles_gitmoji__vRzif,.styles_gitmoji__vRzif{font-size:50px}.styles_cardHeader__JQqs4{padding-bottom:1em}}@-webkit-keyframes styles_bounce___XSm6{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-9px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes styles_bounce___XSm6{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-9px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-5px,0)}90%{transform:translate3d(0,-2px,0)}}.styles_container__R9SlU{display:flex}.styles_button__Ik5H0{align-items:center;border-radius:4px;border:none;color:var(--text);cursor:pointer;display:flex;background-color:transparent;box-shadow:0 2px 4px 0 var(--cardShadow);font-size:16px;height:48px;justify-content:center;margin:8px;width:48px}.styles_button__Ik5H0 svg{margin:0}.styles_buttonActive__F04QH{color:var(--secondary)}.styles_container__jlG9d{align-items:center;display:flex;flex-direction:row;margin-bottom:.5rem;margin-top:1.5rem}.styles_inputWrapper__01lgP{flex:1 1;display:flex;align-items:center;border-radius:4px;border:0;box-shadow:0 2px 4px 0 var(--cardShadow);margin-right:1rem;background-color:var(--cardBackground)}.styles_inputWrapper__01lgP:focus-within{outline:1px auto -webkit-focus-ring-color}.styles_searchInput__XyGbt{background-color:transparent;border:none;flex-grow:1;font-size:1rem;padding:1rem}.styles_searchInput__XyGbt:focus-visible{outline:none}.styles_searchInput__XyGbt:focus{outline:none}.styles_kbd__ZNaGX{right:0;align-items:center;border-radius:3px;border:1px solid #999;color:#595959;display:flex;font-family:system-ui;margin-right:.5rem;padding:.25rem .5rem}@media (prefers-color-scheme:dark){.styles_searchInput__XyGbt{color:var(--text)}.styles_kbd__ZNaGX{color:#b8b8b8}}@media (max-width:430px){.styles_searchInput__XyGbt{margin:.5rem 0 0}.styles_container__jlG9d{flex-direction:column-reverse;align-items:stretch}.styles_kbd__ZNaGX{display:none}}
  4. .gitmoji-clipboard-emoji{
  5. font-size: 600%;
  6. }
  7. .styles_emoji__fZ22R {
  8. display: flex;
  9. box-sizing: border-box;
  10. }
  11. @media only screen and (min-width: 64em)
  12. .col-md-3 {
  13. box-sizing: border-box;
  14. flex: 0 0 auto;
  15. padding-right: 1.25rem;
  16. padding-left: 1.25rem;
  17. flex-basis: 25%;
  18. max-width: 25%;
  19. }
  20. @media only screen and (min-width: 48em)
  21. .col-sm-6 {
  22. flex-basis: 50%;
  23. max-width: 50%;
  24. }
  25. @media only screen and (min-width: 48em)
  26. .col-sm-2, .col-sm-6 {
  27. box-sizing: border-box;
  28. flex: 0 0 auto;
  29. padding-right: 1.25rem;
  30. padding-left: 1.25rem;
  31. }
  32. .col-xs-12 {
  33. flex-basis: 100%;
  34. max-width: 100%;
  35. }
  36. .col-xs-3, .col-xs-12 {
  37. flex: 0 0 auto;
  38. padding-right: 1.25rem;
  39. padding-left: 1.25rem;
  40. }
  41. .col-sm-2, .col-xs-3, .col-xs-12, .row {
  42. box-sizing: border-box;
  43. width: 15em;
  44. }
  45. user agent stylesheet
  46. article {
  47. display: block;
  48. }
  49. .styles_card__djgQV {
  50. background-color: var(--cardBackground);
  51. border-radius: 4px;
  52. box-shadow: 0 1px 2px 0 var(--cardShadow);
  53. flex: 1 1;
  54. margin: 1em 0;
  55. transition: all .25s ease-out;
  56. text-align: center;
  57. overflow: hidden;
  58. }
  59. .styles_cardHeader__JQqs4 {
  60. background-color: var(--emojiColor);
  61. align-self: flex-start;
  62. padding-top: 2em;
  63. padding-bottom: 0.85em;
  64. border-top-left-radius: 4px;
  65. border-top-right-radius: 4px;
  66. }
  67. .styles_gitmojiInfo__NYmb_ {
  68. padding: 1.5em;
  69. word-break: break-all;
  70. color: var(--emojiCodeText);
  71. }
  72. #carbonads{display:block;overflow:hidden;max-width:728px;border-radius:4px;position:relative;box-shadow:0 1px 2px 0 var(--cardShadow);}#carbonads>span{display:block;}#carbonads a{color:inherit;-webkit-text-decoration:none;text-decoration:none;}#carbonads a:hover{color:inherit;}.carbon-wrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.carbon-img{display:block;margin:0;line-height:1;}.carbon-img img{display:block;height:90px;width:auto;}.carbon-text{display:block;padding:0 1em;line-height:1.35;text-align:center;width:100%;font-size:14px;}.carbon-poweredby{display:block;position:absolute;bottom:0;right:0;padding:6px 10px;background:var(--carbonAdBadgeBackground);text-align:center;text-transform:uppercase;-webkit-letter-spacing:0.5px;-moz-letter-spacing:0.5px;-ms-letter-spacing:0.5px;letter-spacing:0.5px;font-weight:600;font-size:8px;border-top-left-radius:4px;line-height:1;}#carbonads a:hover{-webkit-animation:none;animation:none;}.carbon-container{min-height:90px;}
  73. </style>
  74. </head><body>
  75. <div id="__next" data-reactroot=""><svg style="position:absolute;width:0;height:0" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><symbol id="icon-heart" viewBox="0 0 64 64"><title>heart</title><path class="heart" d="m61.1 18.2c-6.4-17-27.2-9.4-29.1-.9-2.6-9-22.9-15.7-29.1.9-6.9 18.5 26.7 35.1 29.1 37.8 2.4-2.2 36-19.6 29.1-37.8" fill="#ff5a79"></path></symbol><symbol id="icon-star" viewBox="0 0 64 64"><title>star</title><path class="twitter" d="M62,25.2H39.1L32,3l-7.1,22.2H2l18.5,13.7l-7,22.1L32,47.3L50.5,61l-7.1-22.2L62,25.2z" fill="#FFDD67"></path></symbol><symbol id="icon-twitter" viewBox="0 0 64 64"><title>twitter</title><g fill="#42ade2"><path d="m59.8 24.3c0 0 1.1-6.2-3.5-3.4 0 0-.4-6.3-4.3-1.9 0 0-2.1-3.9-4.4-.3-3.1 4.8-5.2 12.4-3.2 25l3.8-2.5c2.7-7.9 12.4-8.8 13.7-13.1.9-3-2.1-3.8-2.1-3.8"></path><path d="m22.1 17.6l-9.9 3.6c2.2-12 16.6-11.2 16.6-11.2s-6.8 3.2-6.7 7.6"></path><path d="m23.7 19.8l-10.5 1.4c4.8-11.2 18.7-7.3 18.7-7.3s-7.3 1.6-8.2 5.9"></path></g><g fill="#ffd93b"><path d="m2 29l5.4-1.4v3.6c0-.1-3.3-.6-5.4-2.2"></path><path d="M7.4,27.5L2,24.8c3.6-2.8,7.7-1.9,7.7-1.9L7.4,27.5z"></path></g><g fill="#e08828"><path d="m33.8 53h-2.1v7.9c-.3.1-2.1-.1-2.9-.1-1.8 0-3.3 1.3-3.3 1.3h8.3v-9.1"></path><path d="m25 53h-2.1v7.9c-.3.1-2.1-.1-2.9-.1-1.8 0-3.3 1.3-3.3 1.3h8.3v-9.1"></path><path d="m54 36.2c3.9 0-4.1 17.5-23.3 17.5-13 0-23.9-5.2-23.9-21.5 0-10.1 6.4-18.3 19.5-15 13.3 3.5 6.5 19 27.7 19" fill="#42ade2"></path><path d="m37.6 51.7c-15.6 0-14-12-27.9-11.2 5.1 15.8 27.9 11.2 27.9 11.2" fill="#fff"></path><path d="m39.1 29.2c-10-9.8-20.2 6.2-7.9 12.6 12.1 6.2 20.4-4.8 20.4-4.8s-6.1-1.5-12.5-7.8" fill="#297b9d"></path></g><circle cx="15.1" cy="24.9" r="2.5" fill="#3e4347"></circle></symbol><symbol id="icon-list" x="0px" y="0px" viewBox="0 0 512 512"><title>list</title><path fill="currentColor" d="M149.333 216v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24v-80c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zM125.333 32H24C10.745 32 0 42.745 0 56v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24zm80 448H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm-24-424v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24zm24 264H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24z" class=""></path></symbol><symbol id="icon-grid" viewBox="0 0 512 512"><title>grid</title><path fill="currentColor" d="M149.333 56v80c0 13.255-10.745 24-24 24H24c-13.255 0-24-10.745-24-24V56c0-13.255 10.745-24 24-24h101.333c13.255 0 24 10.745 24 24zm181.334 240v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm32-240v80c0 13.255 10.745 24 24 24H488c13.255 0 24-10.745 24-24V56c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24zm-32 80V56c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.256 0 24.001-10.745 24.001-24zm-205.334 56H24c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24zM0 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H24c-13.255 0-24 10.745-24 24zm386.667-56H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zm0 160H488c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H386.667c-13.255 0-24 10.745-24 24v80c0 13.255 10.745 24 24 24zM181.333 376v80c0 13.255 10.745 24 24 24h101.333c13.255 0 24-10.745 24-24v-80c0-13.255-10.745-24-24-24H205.333c-13.255 0-24 10.745-24 24z"></path></symbol></defs></svg>
  76. <header class="styles_header__WbOZt"><svg xmlns="http://www.w3.org/2000/svg" class="styles_logo__hzUcX" height="137px" width="457px" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 457 137"><title>gitmoji</title><g id="gitmoji" fill-rule="evenodd" fill="none"><g id="Logo" transform="translate(-270 -430)"><g id="gitmoji" transform="translate(270 430)"><path d="m17.5 106c0.6 4 2.4 7 5.3 10 2.9 2 6.6 4 11.2 4 6.1 0 10.7-2 14-5s4.9-8 4.9-15.1v-5.1c-1.5 2.3-3.8 4.4-7.1 6.2-3.2 2-7.5 3-12.6 3-4.7 0-9.1-1-13.1-3-4.1-1.5-7.6-3.9-10.5-7-2.91-3-5.22-6.7-6.9-10.8-1.68-4.2-2.52-8.8-2.52-13.8 0.004-4.7 0.82-9.1 2.45-13.3s3.89-7.9 6.77-11c2.9-3.2 6.3-5.7 10.4-7.5 4-1.8 8.5-2.7 13.4-2.7 5.6 0 10.1 1 13.4 3 3.2 2 5.5 4.2 6.7 6.6v-8.3h18.5v63.2c0 4.6-0.7 9.6-2.1 13.6-1.4 5-3.6 9-6.6 12-3 4-6.8 6-11.5 8s-10.4 4-17 4c-4.9 0-9.3-1-13.3-3-4-1-7.5-3-10.5-5-2.94-3-5.34-5-7.16-8-1.82-4-2.98-7-3.46-10l17.3-5zm19-18.6c4.9 0 8.9-1.6 12-4.9 3.1-3.2 4.7-7.6 4.7-13.1s-1.7-9.8-4.9-13c-3.3-3.2-7.2-4.8-11.8-4.8-2.4 0-4.7 0.4-6.7 1.2-2.1 0.8-3.9 2-5.4 3.6-1.6 1.6-2.8 3.5-3.6 5.7-0.9 2.2-1.3 4.6-1.3 7.3 0 5.6 1.6 10 4.7 13.2 3.2 3.2 7.3 4.8 12.3 4.8zm54.7 19.6v-70.8h18.8v70.8h-18.8zm-2.3-94c0-3.39 1.1-6.22 3.4-8.53 2.3-2.3 5.1-3.45 8.7-3.45 3 0 6 1.15 8 3.45 2 2.31 4 5.14 4 8.53 0 3.1-2 5.9-4 8.2s-5 3.4-8 3.4c-3.6 0-6.4-1.1-8.7-3.4s-3.4-5.1-3.4-8.2zm65.1 23.2h15v16.9h-15v29.7c0 3.1 1 5.2 2 6.4 2 1.2 4 1.8 7 1.8 1 0 2 0 3-0.1s2-0.3 3-0.5v15.6c-1 1-3 1-4 1-2 1-4 1-7 1-7 0-13-2-17-6-4-3.6-6-9-6-15.9v-33h-12v-16.9h3c4 0 7-1.1 8-3.3 2-2.1 3-4.8 3-8v-9.9h17v21.2zm30 70.8v-70.8h18v8.6c1-1.7 2-3.3 4-4.6 1-1.4 3-2.5 5-3.3 2-0.9 4-1.6 6-2 2-0.5 4-0.8 6-0.8 5 0 9 1 13 3.1 3 2 6 4.9 8 8.7 3-4.3 6-7.3 10-9.1s8-2.7 12-2.7 7 0.5 10 1.5c3 1.1 6 2.7 8 4.9 3 2.2 4 5 6 8.4 1 3.4 2 7.5 2 12.2v45.9h-19v-42c0-3.9 0-7.1-2-9.6-2-2.6-6-3.8-10-3.8s-7 1.3-10 4.1c-2 2.7-3 6-3 9.8v41.5h-19v-42c0-3.9-1-7.1-3-9.6-2-2.6-5-3.8-10-3.8-4 0-7 1.3-9 4-3 2.7-4 6-4 9.9v41.5h-19zm159-15.3c3 0 5-0.4 7-1.3 2-0.8 4-2.1 6-3.8 1-1.7 3-3.7 4-6.2s1-5.5 1-8.8c0-3.4 0-6.3-1-8.8s-3-4.6-4-6.3c-2-1.7-4-2.9-6-3.8s-4-1.3-7-1.3c-2 0-4 0.4-6 1.3-3 0.9-5 2.1-6 3.8-2 1.7-3 3.8-4 6.3s-2 5.4-2 8.8c0 3.3 1 6.3 2 8.8s2 4.5 4 6.2c1 1.7 3 3 6 3.8 2 0.9 4 1.3 6 1.3zm0-57.7c6 0 11 0.9 15 2.8 5 1.9 9 4.5 12 7.8s6 7.2 8 11.9c2 4.6 2 9.6 2 15.1 0 5.4 0 10.5-2 15-2 4.6-5 8.5-8 11.9-3 3.5-7 5.5-12 7.5-4 2-9 3-15 3-5 0-10-1-14-3-5-2-9-4-12-7.5-4-3.4-6-7.3-8-11.9-2-4.5-3-9.6-3-15 0-5.5 1-10.5 3-15.1 2-4.7 4-8.6 8-11.9 3-3.3 7-5.9 12-7.8 4-1.9 9-2.8 14-2.8zm53 2.2h19v76.8c0 4-1 7-2 10-1 2-2 5-4 7s-4 4-7 5-6 2-9 2-6-1-8-1c-2-1-3-1-3-1v-16h2c1 1 2 1 4 1 3 0 5-1 6-3 1-1 2-3 2-6v-74.8zm-3-23.4c0-3.34 1-6.17 4-8.47 2-2.31 5-3.46 8-3.46 3 0.002 6 1.15 9 3.46 2 2.3 3 5.13 3 8.47 0 3.3-1 6-3 8.3-3 2.3-6 3.4-9 3.4s-6-1.1-8-3.4c-3-2.3-4-5-4-8.3zm42 94.2v-70.8h19v70.8h-19zm-2-94c0-3.39 1-6.22 3-8.53 3-2.3 5-3.45 9-3.45 3 0 6 1.15 8 3.45 2 2.31 4 5.14 4 8.53 0 3.1-2 5.9-4 8.2s-5 3.4-8 3.4c-4 0-6-1.1-9-3.4-2-2.3-3-5.1-3-8.2z" fill="#000"></path></g></g></g></svg><h2 class="styles_title__GEFSi">An emoji guide for your commit messages</h2>
  77. <div class="styles_buttons__SLdnF">
  78. </div>
  79. </header>
  80. <main class="wrap">
  81. <main style="display: flex;flex-wrap: wrap;">
  82. <article style="--emojiColor:#ff7281" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  83. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🎨">🎨</button></header>
  84. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":art:" tabindex="-1" type="button"><code>:art:</code></button><p>Improve structure / format of the code.</p></div></div></article>
  85. <article style="--emojiColor:#40c4ff" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  86. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⚡️">⚡️</button></header>
  87. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":zap:" tabindex="-1" type="button"><code>:zap:</code></button><p>Improve performance.</p></div></div></article>
  88. <article style="--emojiColor:#ff9d44" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  89. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔥">🔥</button></header>
  90. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":fire:" tabindex="-1" type="button"><code>:fire:</code></button><p>Remove code or files.</p></div></div></article>
  91. <article style="--emojiColor:#8cd842" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  92. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🐛">🐛</button></header>
  93. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":bug:" tabindex="-1" type="button"><code>:bug:</code></button><p>Fix a bug.</p></div></div></article>
  94. <article style="--emojiColor:#fb584a" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  95. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚑️">🚑️</button></header>
  96. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":ambulance:" tabindex="-1" type="button"><code>:ambulance:</code></button><p>Critical hotfix.</p></div></div></article>
  97. <article style="--emojiColor:#ffe55f" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  98. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="✨">✨</button></header>
  99. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":sparkles:" tabindex="-1" type="button"><code>:sparkles:</code></button><p>Introduce new features.</p></div></div></article>
  100. <article style="--emojiColor:#00e676" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  101. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📝">📝</button></header>
  102. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":memo:" tabindex="-1" type="button"><code>:memo:</code></button><p>Add or update documentation.</p></div></div></article>
  103. <article style="--emojiColor:#00a9f0" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  104. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚀">🚀</button></header>
  105. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":rocket:" tabindex="-1" type="button"><code>:rocket:</code></button><p>Deploy stuff.</p></div></div></article>
  106. <article style="--emojiColor:#80deea" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  107. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💄">💄</button></header>
  108. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":lipstick:" tabindex="-1" type="button"><code>:lipstick:</code></button><p>Add or update the UI and style files.</p></div></div></article>
  109. <article style="--emojiColor:#f74d5f" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  110. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🎉">🎉</button></header>
  111. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":tada:" tabindex="-1" type="button"><code>:tada:</code></button><p>Begin a project.</p></div></div></article>
  112. <article style="--emojiColor:#77e856" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  113. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="✅">✅</button></header>
  114. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":white_check_mark:" tabindex="-1" type="button"><code>:white_check_mark:</code></button><p>Add, update, or pass tests.</p></div></div></article>
  115. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  116. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔒️">🔒️</button></header>
  117. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":lock:" tabindex="-1" type="button"><code>:lock:</code></button><p>Fix security issues.</p></div></div></article>
  118. <article style="--emojiColor:#80deea" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  119. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔖">🔖</button></header>
  120. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":bookmark:" tabindex="-1" type="button"><code>:bookmark:</code></button><p>Release / Version tags.</p></div></div></article>
  121. <article style="--emojiColor:#536dfe" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  122. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚨">🚨</button></header>
  123. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":rotating_light:" tabindex="-1" type="button"><code>:rotating_light:</code></button><p>Fix compiler / linter warnings.</p></div></div></article>
  124. <article style="--emojiColor:#ffb74d" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  125. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚧">🚧</button></header>
  126. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":construction:" tabindex="-1" type="button"><code>:construction:</code></button><p>Work in progress.</p></div></div></article>
  127. <article style="--emojiColor:#c5e763" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  128. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💚">💚</button></header>
  129. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":green_heart:" tabindex="-1" type="button"><code>:green_heart:</code></button><p>Fix CI Build.</p></div></div></article>
  130. <article style="--emojiColor:#ef5350" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  131. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⬇️">⬇️</button></header>
  132. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":arrow_down:" tabindex="-1" type="button"><code>:arrow_down:</code></button><p>Downgrade dependencies.</p></div></div></article>
  133. <article style="--emojiColor:#00e676" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  134. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⬆️">⬆️</button></header>
  135. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":arrow_up:" tabindex="-1" type="button"><code>:arrow_up:</code></button><p>Upgrade dependencies.</p></div></div></article>
  136. <article style="--emojiColor:#39c2f1" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  137. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📌">📌</button></header>
  138. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":pushpin:" tabindex="-1" type="button"><code>:pushpin:</code></button><p>Pin dependencies to specific versions.</p></div></div></article>
  139. <article style="--emojiColor:#64b5f6" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  140. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="👷">👷</button></header>
  141. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":construction_worker:" tabindex="-1" type="button"><code>:construction_worker:</code></button><p>Add or update CI build system.</p></div></div></article>
  142. <article style="--emojiColor:#cedae6" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  143. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📈">📈</button></header>
  144. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":chart_with_upwards_trend:" tabindex="-1" type="button"><code>:chart_with_upwards_trend:</code></button><p>Add or update analytics or track code.</p></div></div></article>
  145. <article style="--emojiColor:#77e856" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  146. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="♻️">♻️</button></header>
  147. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":recycle:" tabindex="-1" type="button"><code>:recycle:</code></button><p>Refactor code.</p></div></div></article>
  148. <article style="--emojiColor:#00e676" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  149. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="➕">➕</button></header>
  150. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":heavy_plus_sign:" tabindex="-1" type="button"><code>:heavy_plus_sign:</code></button><p>Add a dependency.</p></div></div></article>
  151. <article style="--emojiColor:#ef5350" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  152. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="➖">➖</button></header>
  153. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":heavy_minus_sign:" tabindex="-1" type="button"><code>:heavy_minus_sign:</code></button><p>Remove a dependency.</p></div></div></article>
  154. <article style="--emojiColor:#ffc400" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  155. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔧">🔧</button></header>
  156. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":wrench:" tabindex="-1" type="button"><code>:wrench:</code></button><p>Add or update configuration files.</p></div></div></article>
  157. <article style="--emojiColor:#ffc400" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  158. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔨">🔨</button></header>
  159. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":hammer:" tabindex="-1" type="button"><code>:hammer:</code></button><p>Add or update development scripts.</p></div></div></article>
  160. <article style="--emojiColor:#e7f4ff" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  161. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🌐">🌐</button></header>
  162. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":globe_with_meridians:" tabindex="-1" type="button"><code>:globe_with_meridians:</code></button><p>Internationalization and localization.</p></div></div></article>
  163. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  164. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="✏️">✏️</button></header>
  165. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":pencil2:" tabindex="-1" type="button"><code>:pencil2:</code></button><p>Fix typos.</p></div></div></article>
  166. <article style="--emojiColor:#a78674" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  167. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💩">💩</button></header>
  168. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":poop:" tabindex="-1" type="button"><code>:poop:</code></button><p>Write bad code that needs to be improved.</p></div></div></article>
  169. <article style="--emojiColor:#56d1d8" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  170. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⏪️">⏪️</button></header>
  171. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":rewind:" tabindex="-1" type="button"><code>:rewind:</code></button><p>Revert changes.</p></div></div></article>
  172. <article style="--emojiColor:#56d1d8" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  173. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔀">🔀</button></header>
  174. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":twisted_rightwards_arrows:" tabindex="-1" type="button"><code>:twisted_rightwards_arrows:</code></button><p>Merge branches.</p></div></div></article>
  175. <article style="--emojiColor:#fdd0ae" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  176. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📦️">📦️</button></header>
  177. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":package:" tabindex="-1" type="button"><code>:package:</code></button><p>Add or update compiled files or packages.</p></div></div></article>
  178. <article style="--emojiColor:#c5e763" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  179. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="👽️">👽️</button></header>
  180. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":alien:" tabindex="-1" type="button"><code>:alien:</code></button><p>Update code due to external API changes.</p></div></div></article>
  181. <article style="--emojiColor:#ef584a" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  182. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚚">🚚</button></header>
  183. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":truck:" tabindex="-1" type="button"><code>:truck:</code></button><p>Move or rename resources (e.g.: files, paths, routes).</p></div></div></article>
  184. <article style="--emojiColor:#d9e3e8" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  185. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📄">📄</button></header>
  186. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":page_facing_up:" tabindex="-1" type="button"><code>:page_facing_up:</code></button><p>Add or update license.</p></div></div></article>
  187. <article style="--emojiColor:#f94f28" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  188. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💥">💥</button></header>
  189. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":boom:" tabindex="-1" type="button"><code>:boom:</code></button><p>Introduce breaking changes.</p></div></div></article>
  190. <article style="--emojiColor:#ff5864" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  191. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🍱">🍱</button></header>
  192. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":bento:" tabindex="-1" type="button"><code>:bento:</code></button><p>Add or update assets.</p></div></div></article>
  193. <article style="--emojiColor:#00b1fb" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  194. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="♿️">♿️</button></header>
  195. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":wheelchair:" tabindex="-1" type="button"><code>:wheelchair:</code></button><p>Improve accessibility.</p></div></div></article>
  196. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  197. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💡">💡</button></header>
  198. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":bulb:" tabindex="-1" type="button"><code>:bulb:</code></button><p>Add or update comments in source code.</p></div></div></article>
  199. <article style="--emojiColor:#fbb64b" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  200. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🍻">🍻</button></header>
  201. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":beers:" tabindex="-1" type="button"><code>:beers:</code></button><p>Write code drunkenly.</p></div></div></article>
  202. <article style="--emojiColor:#cedae6" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  203. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💬">💬</button></header>
  204. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":speech_balloon:" tabindex="-1" type="button"><code>:speech_balloon:</code></button><p>Add or update text and literals.</p></div></div></article>
  205. <article style="--emojiColor:#c5e763" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  206. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🗃️">🗃️</button></header>
  207. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":card_file_box:" tabindex="-1" type="button"><code>:card_file_box:</code></button><p>Perform database related changes.</p></div></div></article>
  208. <article style="--emojiColor:#23b4d2" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  209. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔊">🔊</button></header>
  210. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":loud_sound:" tabindex="-1" type="button"><code>:loud_sound:</code></button><p>Add or update logs.</p></div></div></article>
  211. <article style="--emojiColor:#e6ebef" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  212. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔇">🔇</button></header>
  213. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":mute:" tabindex="-1" type="button"><code>:mute:</code></button><p>Remove logs.</p></div></div></article>
  214. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  215. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="👥">👥</button></header>
  216. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":busts_in_silhouette:" tabindex="-1" type="button"><code>:busts_in_silhouette:</code></button><p>Add or update contributor(s).</p></div></div></article>
  217. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  218. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚸">🚸</button></header>
  219. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":children_crossing:" tabindex="-1" type="button"><code>:children_crossing:</code></button><p>Improve user experience / usability.</p></div></div></article>
  220. <article style="--emojiColor:#ffe55f" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  221. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🏗️">🏗️</button></header>
  222. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":building_construction:" tabindex="-1" type="button"><code>:building_construction:</code></button><p>Make architectural changes.</p></div></div></article>
  223. <article style="--emojiColor:#40c4ff" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  224. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📱">📱</button></header>
  225. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":iphone:" tabindex="-1" type="button"><code>:iphone:</code></button><p>Work on responsive design.</p></div></div></article>
  226. <article style="--emojiColor:#ff7281" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  227. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🤡">🤡</button></header>
  228. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":clown_face:" tabindex="-1" type="button"><code>:clown_face:</code></button><p>Mock things.</p></div></div></article>
  229. <article style="--emojiColor:#77e856" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  230. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🥚">🥚</button></header>
  231. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":egg:" tabindex="-1" type="button"><code>:egg:</code></button><p>Add or update an easter egg.</p></div></div></article>
  232. <article style="--emojiColor:#8bdfe7" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  233. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🙈">🙈</button></header>
  234. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":see_no_evil:" tabindex="-1" type="button"><code>:see_no_evil:</code></button><p>Add or update a .gitignore file.</p></div></div></article>
  235. <article style="--emojiColor:#00a9f0" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  236. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="📸">📸</button></header>
  237. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":camera_flash:" tabindex="-1" type="button"><code>:camera_flash:</code></button><p>Add or update snapshots.</p></div></div></article>
  238. <article style="--emojiColor:#7f39fb" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  239. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⚗️">⚗️</button></header>
  240. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":alembic:" tabindex="-1" type="button"><code>:alembic:</code></button><p>Perform experiments.</p></div></div></article>
  241. <article style="--emojiColor:#ffe55f" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  242. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🔍️">🔍️</button></header>
  243. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":mag:" tabindex="-1" type="button"><code>:mag:</code></button><p>Improve SEO.</p></div></div></article>
  244. <article style="--emojiColor:#cb63e6" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  245. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🏷️">🏷️</button></header>
  246. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":label:" tabindex="-1" type="button"><code>:label:</code></button><p>Add or update types.</p></div></div></article>
  247. <article style="--emojiColor:#c5e763" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  248. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🌱">🌱</button></header>
  249. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":seedling:" tabindex="-1" type="button"><code>:seedling:</code></button><p>Add or update seed files.</p></div></div></article>
  250. <article style="--emojiColor:#ffce49" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  251. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🚩">🚩</button></header>
  252. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":triangular_flag_on_post:" tabindex="-1" type="button"><code>:triangular_flag_on_post:</code></button><p>Add, update, or remove feature flags.</p></div></div></article>
  253. <article style="--emojiColor:#c7cb12" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  254. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🥅">🥅</button></header>
  255. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":goal_net:" tabindex="-1" type="button"><code>:goal_net:</code></button><p>Catch errors.</p></div></div></article>
  256. <article style="--emojiColor:#ffdb3a" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  257. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="💫">💫</button></header>
  258. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":dizzy:" tabindex="-1" type="button"><code>:dizzy:</code></button><p>Add or update animations and transitions.</p></div></div></article>
  259. <article style="--emojiColor:#d9e3e8" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  260. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🗑️">🗑️</button></header>
  261. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":wastebasket:" tabindex="-1" type="button"><code>:wastebasket:</code></button><p>Deprecate code that needs to be cleaned up.</p></div></div></article>
  262. <article style="--emojiColor:#4dc6dc" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  263. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🛂">🛂</button></header>
  264. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":passport_control:" tabindex="-1" type="button"><code>:passport_control:</code></button><p>Work on code related to authorization, roles and permissions.</p></div></div></article>
  265. <article style="--emojiColor:#fbcfb7" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  266. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🩹">🩹</button></header>
  267. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":adhesive_bandage:" tabindex="-1" type="button"><code>:adhesive_bandage:</code></button><p>Simple fix for a non-critical issue.</p></div></div></article>
  268. <article style="--emojiColor:#ffe55f" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  269. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🧐">🧐</button></header>
  270. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":monocle_face:" tabindex="-1" type="button"><code>:monocle_face:</code></button><p>Data exploration/inspection.</p></div></div></article>
  271. <article style="--emojiColor:#d9e3e8" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  272. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="⚰️">⚰️</button></header>
  273. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":coffin:" tabindex="-1" type="button"><code>:coffin:</code></button><p>Remove dead code.</p></div></div></article>
  274. <article style="--emojiColor:#fb584a" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  275. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🧪">🧪</button></header>
  276. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":test_tube:" tabindex="-1" type="button"><code>:test_tube:</code></button><p>Add a failing test.</p></div></div></article>
  277. <article style="--emojiColor:#83beec" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  278. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="👔">👔</button></header>
  279. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":necktie:" tabindex="-1" type="button"><code>:necktie:</code></button><p>Add or update business logic</p></div></div></article>
  280. <article style="--emojiColor:#77e856" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  281. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🩺">🩺</button></header>
  282. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":stethoscope:" tabindex="-1" type="button"><code>:stethoscope:</code></button><p>Add or update healthcheck.</p></div></div></article>
  283. <article style="--emojiColor:#ff6723" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  284. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🧱">🧱</button></header>
  285. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":bricks:" tabindex="-1" type="button"><code>:bricks:</code></button><p>Infrastructure related changes.</p></div></div></article>
  286. <article style="--emojiColor:#86B837" class="styles_emoji__fZ22R col-xs-12 col-sm-6 col-md-3">
  287. <div class="styles_card__djgQV "><header class="styles_cardHeader__JQqs4"><button type="button" class="gitmoji-clipboard-emoji styles_gitmoji__vRzif" data-clipboard-text="🧑‍💻">🧑‍💻</button></header>
  288. <div class="styles_gitmojiInfo__NYmb_"><button class="gitmoji-clipboard-code styles_gitmojiCode__Hh7d2" data-clipboard-text=":technologist:" tabindex="-1" type="button"><code>:technologist:</code></button><p>Improve developer experience</p></div></div></article></div></main></main><footer class="styles_footer__X3d6i">
  289. <div class="wrap">
  290. <div class="row middle-xs">
  291. <div class="col-sm-6 styles_madeWithLove__6hPtn"><h3>Made with <svg class="styles_icon__yRh3r icon-heart"><use xlink:href="#icon-heart"></use></svg> by<!-- --> <a href="https://carloscuesta.me">Carlos Cuesta</a></h3></div>
  292. <div class="col-sm-6 styles_footerNav__2k3JV"><nav><a href="/about">About</a><a href="/contributors">Contributors</a><a href="https://github.com/carloscuesta/gitmoji">GitHub</a></nav></div></div></div></footer></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"h6w3YWxydw5lhZVouNV-Y","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script><script type="text/javascript">(function(a,e,f,g,b,c,d){a.GoogleAnalyticsObject=b;a[b]=a[b]||function(){(a[b].q=a[b].q||[]).push(arguments)};a[b].l=1*new Date;c=e.createElement(f);d=e.getElementsByTagName(f)[0];c.async=1;c.src=g;d.parentNode.insertBefore(c,d)})(window,document,"script","//www.google-analytics.com/analytics.js","ga");ga("create","UA-67824860-7","auto");ga("send","pageview");</script><script type="text/javascript">(function(e){function d(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return a}function b(a){this.options=d({},this.options);d(this.options,a);this._init()}b.prototype.options={wrapper:document.body,message:"yo!",layout:"growl",effect:"slide",type:"error",ttl:6E3,onClose:function(){return!1},onOpen:function(){return!1}};b.prototype._init=function(){this.ntf=document.createElement("div");this.ntf.className="ns-box ns-"+this.options.layout+" ns-effect-"+this.options.effect+" ns-type-"+this.options.type;
  293. this.ntf.innerHTML='
  294. <div class="ns-box-inner">'+this.options.message+'</div><span class="ns-close"></span></div>';this.options.wrapper.insertBefore(this.ntf, this.options.wrapper.nextSibling);var a=this;this.dismissttl=setTimeout(function(){a.active&&a.dismiss()},this.options.ttl);this._initEvents()};b.prototype._initEvents=function(){var a=this;this.ntf.querySelector(".ns-close").addEventListener("click",function(){a.dismiss()})};b.prototype.show=function(){this.active=!0;this.ntf.classList.remove("ns-hide");
  295. this.ntf.classList.add("ns-show");this.options.onOpen()};b.prototype.dismiss=function(){var a=this;this.active=!1;clearTimeout(this.dismissttl);this.ntf.classList.remove("ns-show");setTimeout(function(){a.ntf.classList.add("ns-hide");a.options.onClose()},25);var b=function(c){if(c.target!==a.ntf)return!1;this.removeEventListener("animationend",b);a.options.wrapper.removeChild(this)};this.ntf.addEventListener("animationend",b)};e.NotificationFx=b})(window);</script></body></html>