Article voting
Outline buttons in a group
View code d686b2ae8be3f7d3a713968dc516fec128128ce4999e0cd6c1ebe21e93f5589a8dcbbb844d55e0de7516add7f1410260640af6b53717d892e529654cba60d5331e8bd19f25a099442c60b99b9232e1351e0bb9cc407f7dd470db736f0622009e5a8029feeb4f78dd3883275f9e3d82e3626104da7a7fc47f3e0091c08e08a367b21aad766ccbe393b9199912d84dfd9ed5b99ea102fc41552f57639839f8f6292c16a9b96d00bcaa5434b2ee9862797b5b8d4f9af674f637e2f3bfd01f7c437eb382c7873ee8d6dc62ce01d94c03aa2a43dfeb89b08cfc87dafaca522861b9837285ffcec21bbe350abfbc76da91702ad8d0ca8caaaeb330f32ff813b55618de13d3f36a8c1f01fc112451025e0f8f5e3ab0a1c43bcb9326ec3a667aaade4b3338ccbef489d9846a546f5da93cfb1a1882347f88bc2f6cdd38a8d7a84edda31ff8d971a67b432b9c94cdb920d29160d36ab1552efe49fdef0e4d445c0450fdeb3a010e47515192692c4ab3afc47f3dedf389c635d745a5d1899f157f2dd62bc5e44bab0f2067a6eb892493f952d1b1882c7f61f74f8510e3f8b5d3a3cf83f86a7688b758368859079198cbb1a46878939d7a8bbc33f9ab18bbd65fb62e93d01e0aa937897c757a43a1078747c77cb802e36b75787d9fa825816f2da5cd60c8e603bc03cd8fa80ab0469dec24f278ea8f8e97ba0c6f698b08ae808fa23a1f25bedc139fb4add79190afcf98ad84316c024f6cd1aea951c8df28ffba2148a199c7b6fe7b045ae6ef413af9a57765db977c6a1468d7abdccf0ed4d87487122497c3209c2b897fcae4e8967819998f309bc7226c32b4d67077513d51804fa5940035697637396b210e7b55e57e7a8bcb44a1d24fea9629b28257f7a2fa2a03f697787aa3cdd05f6769749872b75638c619c94611f4dba476c330c002c18ecdaf344ed572d80e373ddd4dd6e47df519a1bf7dfe39d829b2c9c6695aef2447819e8021da7bb80c85d8141630ca76c2ce534418f0b2000dddb1421b35c6a1be60d4aefd36e193e39b3036ccad81c2c467f2aec1d3e688ee9308becb064a797d83b2a324c6a8b643d213caa4c9a34f23bb639395159c98800a1bf653e1acb142e0281b61293d021043651d863d1c0c1ea8b473e358d89634a5033661964d813d55286ab946905a1d00882ce660281359b84005e1d9a232cae36e6de40712898e2dd4c573cda54a6e1f20ba45e8cd34bb588336c79ac526a81403b11a5312332137feaa816ca1acd1fe985fd4e53b7e347a4fba542125f40996603ecdeeb88c5cf9d07400f321ec18bb82bfa1b8c4012d1dfaefde6dce5f20b0ab75f7f5f299b1c3be16ba2f4eea2516f7d9a086cfc7b3fac8488a45fdc3acfcb413e7828516c9b3d24808
Primary buttons
View code f3f878cc2b7bdbd5b0bcaee8866ceab9a1a3cff2232901a73cc8ae24c604dca068cb381c597139ce45530d04c806036263eb66da1778af07f243ee699a8b1c4a0176a032332f79a9faca248065ed13e62adc8566733dd56112bf143b77587660f19dfb683ee52b93e47f4b58c66bd64f889111a184b7ae1b0c9165b78ffc02c657cbf21cfe73c99607e961d9ba7985ba706fd6c05872893f24b0dae5cc4e50021f02393f36902a972d7760657f8aeb8e515212958c733d6cd269779a948bdadd8656d8d6e47b6552f8ad09d9c01afbd554530b6981d15fb1793d4b3ca5f4a1a9f87830f59f6323c55744aa5cb1ee5a5d3f258dfa25eaf20e421a9cfb3d98aaaddd6212335f43c3c4cb39fe907bf8a2b7dd21f20b32fdd4827940a980b1e0677bd2aeb16df55d356b5edd3d08442d0e8cfaedf4ffc79ba1aa5ec17f817ee5492c2e127744814787916654a163beed69d2155040e0b58d7ea86eec93b9d5f778a39d579f6b025068622a085d83257676d8db98b53dba301fa4b0cddf6bf5d29f6af9630d2dcc28a547034da63f510c0c309cc241f1b2052f48e4ef5cd7dc02e12b4677d3da10ce75c0497b6c9687856163d91cfd1440ddd7e12981daceec51810030b35dd030ad61fe6068b063dd9e188b7cb3536220b8ba29849a427346cf0f9c6bc02042403884d4a1d7474881a295ddf8903e472506c5191400a67e0dc5c0cbff87836cf9315371288465d90d66502f801aeda1352228ee072f4367d08ab9f1b86845cc52aa7feba8637cf65ec187c1723535eccf5877c18fdf2f0f973f10021dbaef9b0fdcb515b5d4fe3c422d1f150c64a9fdf6a78e0022b75ed3c015d4cbfa13c3526489d32e8a14bc4e73284e51d79c08ed1d91a012a9cff167dfc5c6a1e45b5be6515e496197110c43ab6436a90db589fe834948ab71c88d5a0c876972a71f4cce78813888ed83d3c0ffe184d58e6a15466fa798760b9a99751f915927217fc96d134b5093f4f25406fda8a6c0dc143f4782dd70f485cb6749527b2422ed31fc57022a638190718a0b22078cb9abeb50814955bf1f4044dba85779e9bfbea005974039308ad4cc8c24aae9fde9becc739414740f8b31478d57f8f0672e56419eba0d0e43f657d1ae8b9dd910f8c075d457ba4c1e0695a94e81dc2fc7c72c60e9f1e0c5d0ca6c2f986e170fd5cc4b62cc9b61f0a47646062d35cd2994f2b4195d1b8795d620bae02efce8512e24211012ae43a2f17c88227389022093f7f951298055086f82e3990d6aeb87301e0048cc85fed3ce47e104921a6f285cd8aa09aeaa224426fcf590492f5e933ae40accd10fdda01b7669936435857673445376063cb77ae514cde649095545c2e8aa424ab1f5cb9cf6e1dcc19e75f82333
Outline buttons beside the title
View code 5de2bc56c68b0e42a8a0d13e0dd175fdee45d53489d6864aae086558e68bbb26aed8d6f49db94d6a65c8ab2a24becaab9619322629dabb6264dcb0be652a2ce30df7551bdf943eb1cb9d6f1853453a217505e92f10d4cc8566c932de07158fab3cd0ec0bbdb29db0060e5ba49665cc64c6f35929b26a6dcc14aea9f5960cd9f391c02d58d769a66d28b3e2f531819076322bc3421001d4b3b35e017e5a07807dcd1ac63e0c7043222b5ff36a0eed844969e3235a5b178cbdef0eb87e2ba4950bbd21db9cc93464c337c67e8b5b2e8978961492d06d3aa3174a588e43465dbe7b5c1bb7a96d1249538880bfbc91a87ec054e973da2c3b6e157f0bd2dc7ae396a5ae6038c86c4658dcfb9921d58559116e015de1f721efa98c419d2126aff3a85ef65b2f03f397c84f705a3f467f613271c5f97f6731424c778a06876fe3ddb43306edbb75f458f618f9e889f7b8e3dba44fcc5f6455f29a78c724bccc9990aad9ff2ad1a3370e4f973bd3b4092a40e2340402590f053b1015d68f6ed422bbcad64e47151093d7942a4df50e0e7c4aff69d16fedf17f70b60f8d905ae6d57b72ca69f59c4abf23dec6db799c0230278722519025562fe1bcfd3a66ac47192e497cdfd83f7d2eed17d7e1b90eedba3c8e35be7906dfe3c85b129c3b40790cdd0b2a3a5afd75950fff24b6732dbd0a7eb4c7639bf9bb241196e8a85bbfa8a953dc10dbf603f426413b4012c5763ae5e04995e8203c9c0119dd727bfc343c73b37afacd99238729d9c4207af96cd044ee467c00f486bbf8d48d7d4cdb929e7b85c13358cccb788ba7bf7e5e2c464e055afa70091a6370fb9e5e3af76dffc6c14b44d5268c690f74d34f3f7725063b165fe5536e26e734a8fba284925fed0560e7f7b36bf598fe022d864ed03a251eeaff4c866d8e477713afbfe62e9f94de5979fd7b9110b9ccdd27c0991d2320a5945c402fcb479aba2127f4d8d91ccdf0555df842d42c17666a9d4744d7a8e0de751766acc60b4ae935b68f9d32200d5910aae8a8d0fd7285325ee621343d47a022e222b0c17f5bc173d8537b5bc62dce6eb16e0d2d1afcd2a13c012922e662fec35c42b8b72a70ca80002407b0b04f8ca35b5caabc0d39611cc3dab2fafbf7ec4a855dcb38fc110a4fbfcad15395e535b53280e7cc75676093818e6651fc90b35b7a0e80d3757c8892b780701e650e3c68fd2f1694c6a0a58e6a43be13c1ef1770830aa4867db6680ecfe9a96d15475540b3ef117cf37b54fdb16a64fa7cc03da886e1ea7e511b1718aa22c498b0261e7d75e0604c938cd07a62c97e293b38cc196faca339d7c689e0e2b203ded1c201760bbff7d30c5181796a0a2cb3b4e1b2a06015c1b0bce3571edb39605731fc6361c99e8af5482d279075dff04685c73f88b641d2
Buttons within a card
View code c842c8d52d204b2e23e3799f30d3c1e6cc1f1411bb643aa4eefbe6368177eee4311496d3906f2634dd8e374b1953b57497e828584f2ec87686535f958e3630e073d0870c8b68b67b459c74888281f0eac8a98aa43e5d8e00b9974670b2b38bcc590a4fe24d0d1cadb35554a86ada846a5d58f8597b1d04c45d7febc281c189c8b2edccb7a6cc9cdf09cce99e51786fcccd56ab444793cb4d2b664d5944daeebd091c0b2806e0db6af0951a405ddf2030ca3a89105c2ccb10e0e1b8b148f29165f3edf91c7e92a95008c9e5bda723aec12afd59563656788ba19366d72232bdeff658abe59d984b5524a226f50b32873b66103c85f39a9995ed80824e94754073e51ad8216f8481e7a185969b2bc7f9ec3d012321e1655344d7c00379d52891353ab9ebd811ed1972bc0bc719dadf6213b47f4221e8f80058aafbe78c97bcaf1caaaa1ea6fc40bfe856ade43f86a8c49017134150061bbacd9ea25b9beb81fb43abdbc8e60191cf459210a42819dd43253a6a548ee35b54d46cd660f44724109d5620398df24fed9fff748c447db08caf012570282958d0282f2737c4595a62942261426bf8e354080cc11e5a785d9511a19e33717ac3af4d298ee82bc95645e193672a6083ba04671921a64470a01dacebf1ba2d50c8565766b5b551a7dd8d85163fa1bbd58ceabf3b67a176122e40e69844d31b9004bf73198bad98d7efa4f007b84f2c5a615959fa931f940bb597d2eb9f62b60bf1d5ce6a5daa4ba14dcc4ddf8c727a184a6a4b1772b831a2c983101e65e6bb96e48a5e3734ff4d9c4f36e8a4e3e66f24147d714634b959f4d8b4b6380a20acd7ef817cd097331b0af8c8e093d7d557497cf786b63d34d62cf1beac3347cc26226d3728c9e75f559a035ed9dab8ced89819a1245753b7c1fe637eedba4b6995c0892f3059d214c9a728a1500ef1fa8cd2f16fe065f66ce184fd1ffa90df6def8ff5c659741201b76afb05ec11f999c44ce7baf266be828513902bb06732b0efba6356809c346d49f4137e83d8be54035aa71a9516dd2bb2622f356469d1a0961084c05a2bda5d5f287cdbb3863284e21f0a140709cdfabe56b2c1fed35e9fc34fd65747dcaeb7888c143c832bbae2ebbe3b18779a0c45f63db98acbcd05503690cff62203a87f0c78d4b02d492f323f218a4c4cc2284e5657fb3fa4560ad09cde626e74403a1ea2522a707957f8acacb3c7483fbffd32fa0f7d654417a29cce03744a6523590373d8c6cdbc14f1c52706eb6d51bd132750425bf7015475fc552a85b52a6cccab7cae3cdaa496309a6efc4498e249dd94be5725587d0edffc421093f3866b08672610b3e859b688e0065804e05b616b34c80108314b82638c68d39d2e8496ece96b8a0ff654086da114160aaf9f9a2fcde7e324ae4ad898c30c786ef71b719b8a6e2fa098c75934fcbc17f8bb5e76d2cd349d6ac790454cdcd921ac91371262ba72ed9122aca2e1beeba1617826d997597e587e7efff7f8d7d329ee1232ecfe7a7c2e7d1fcb680c718fb040b696ab0efb00eb59dad3a94d39e4be847a021b2212050c1dc36c03e229d3ce87c1c225fb654abcd2dd8662eb2df87596a2ce688b7a6df50f6b22f2ff48290f615fdb234cd3def609f447ad23d24deec943033435eb07b4cf845e2c6a9c32e978195edf55a9188bd0dd57d917cf60718c6c6826af7efa6044994704eb9ddac3e3d740614072924f478feb7ea5591326e0db0c608fab7639b7a3acc95a16c652cba19c9dcb26f820ca269d00a9dc444eca9c73199d020dd378561f8385472adc9c8d0959064eef3761b3e186ba58ee3ca0f95a2443e208fe8379dce94245ac4abe1ddd774148a25c2987f4f161306db0c21089d6775f050a08efef7cc67fc3e05963d6ffa74f5a51e6bede08135564b78a29dc4f1cd50f768f1a12e4ea11f7643568e700b008a8f63c2fc3611babf90eda545daec473748a554f31917b063238582f35978bdaa02bd3be4655690a07129587e6827b7a684e9fc58a029a217446b2915e7e237f0618d080107638fdfa3edefab4bedb30908eaf1534707f5fa389a799b048673c2bae06e007858b9c8da2be9e197fcab1972f0279b05efbd66e4496f4f38d555576a8afee31e440fe0672b6a88332a499f43374d67d5d91e50c02191ec0cd63844dbd83549a52d783d647e22e7657a4a99809772e84bb33a3a4296a162306160dee2ead6102ec629a1c4c19e46663eb16cfba8aee084a1a03cf084db884e12e5a4644495c798bf4f90515adb609fc115b158597754e7de9412f8ee53c6467d6963d6e566e41772134618445482ae2d054405ec16c4abaf4927e87dedcdc59b77cef613b9f3ab6669b308e3ad1b8f75e3578faa6900cd9598edf0b1f00a632a3eff58cfe3072289daf8f14ba1513362a6081537fc3402fcbf2863fd3c9732ff02c04bc8faed4a3cb9175848874fb7a4383c0ea69ca5e
The {{vote}} helper can also act as a block helper, allowing you to define the content of each vote button.
Outline buttons with icons
View code 88f17b2332ce357f36efdbdeab705622780d3a1f87c5312d5559e20ebd247c375a93721f9f8297653ecb6a0e459c78761b407a257f5cdbce87bfcc0ad4d0d1f97fb3123e20c7ff9bbc496deaacd33d264ce0d54a9a9b992fd8296c7640f539c3c23dc585bc8fe8df2fb6318522945457cfa15beb71204b3c42215aefe1a295b07f745ebd3c34d0f2b54df3a610565c7fcdf56f379361e63ea3dfaff2e9916e99c55694a1c12a9bdc42c2231f998f1923694dbca6c054faa19c7883a54dee420fc9254d9c11336fe67b9e3b3c6b53947c267848387c27d0b5dc32f4fc07c3535bcf7bbb674e408b4b51ca7f9c43cd27b60c4c965d997bc690cc7c1239968e41ab1699235b317d5c6d83bcbdabf560a3aaee7f024bdcb2b4b9bccc364b25c27c2a66badaec4a81a75486dfd748185b9a4da30ef35c1e3714fc69287bd26ebe66d55d7936810a257780623a81465b3e6f34ef00643b3769bd3280608e5fab6ad6a72e8dfde25d338a28bf1bf60d822da5d406631aa8d33df22c045616af4a22ebf19bb236c557747f4ed5e3df60adb83d2df188c86fe00bb93769321b65b11287f9b80462fde6192bc54060a5ba1c980b412d33b5aaa18ac42dd1b9f7b93b28c23b15c737cc602438f88214c71f4e95ef925171bce6c1931e92b238f77c4f90ee545982f315ca16d547452279da67832c730ec6466bd6bb43cfd030f6447133b090c1e5c6cf50d7e26a4609adf8e4ebde60f41075fd8457179d0fb374cae093ed6b32c90b6e50da113d16e0e6e76b65c79bce774e9955de1d3e452e8e33bd9ff5bf96535d1ffcc0270f76fd80cb2af0d46ef43188f7f573e3598c0ca00dc847b29eb6064a30a7105d3827b2550625b034755fc3352b06374c5cc711a7cd6544af55466c3fcb4e4eba96883c06dd783f1d6a27a99ba43dfc8949dd6767044c593397e7be5d7bafff5e65a24c1ab582d259b67558997090c3aa0b07c6a1bec61adc88388b483ea1c957625375956379f3b78db093adbd6898c42597c6594e07b9c69acfd445e31bd6158b69887e8e172199b1ac4d597e35ae73bc8778a04efaf7935094ab17f3acc6eaf1b293dccbd39e81743d14fdbfc3f393e311a528fc2b43396be47a309823921060c0669bfb26bd3739ce1d29716d7f891eba046bcb05af34422a446a5fb7c10958104897531225267e7c44cb76dfae9a58a58611d81c2552007f0782d1a12215850fa6a31c89da4ba4ea81d30bd3e8149564f223fac29a191b00d90addf4bd1d128c48964f5f86c1af676f5c26577fc0cf0bf0ad53002689053168af51015a714de554a16817647d9bbf2a0fca9c37c90d623ffb7270d26b0555b6b92162e330037f802fc15b346dd03ae824ddb6a5e8e25c08618b5e0711a031a6da71810cf7df051d780f6d3c5eb934717b0aa9768c97f4711210906b69d63b2d6e5591446f4b98ce50d2765284b90b50cdbe15d53e98278d76b97048800c053d9016b697419a98e12bf552cc0f9faf9bece8cfca34e3a3b1fe941e11fc3f710312593f68225cbeb3c5e98fef41d88bb98443f3e31eec8e3e40d55ee8b0722449a5f8b98f2d269db53104227764e353efd95aed767f3264fbbd8b0d7f939261815e6e2be942145fb231b929aab65425a2abcb619aa708842b60426c0e92beb241288371b096a7cc053e32e850edcec6d171743ccd5d3e82dd82dace16a586f747d0ec4003d711f809889f40f0a59c22ac6a98a56e00fa18fe1438bdf578339e6b40586e4395f4f9fb3e1d10d558fce51c6bf018aedafffea8d0b6f54629d94704fa657ae1d316afbb1307f629c8971b53602a6c3fad5d171b4fced7701029dc1adcf7a6dda70085b677f433df30abae8466fc0be6d43aa6bc74a1a2ec2f4027aefe060ce212340bc9368e4512e39b5bc05723ca14e22811d692a7237dd1c879413b8a81073256286f61163ae0cac9eb6418a4b840329078a2d6a84ba61755137ce8b5c30d664d1f37130e2f41392149f2161953809c2979b8ba8f49226ec44e58de9c6dcd8c7098010faa848340d940bbc8b34e1db8285232cc0cbf8ed43b9eebdbd8cbe5087a9a4b8514d7e08d4a1009d46255d6e606441681372110661a082f5275f3efa400b8c6a25270c1c8003e3179a07c2fa9cc7378224a7dea617e53d01f5fd988ee9da0e06da5d0ca014f2dbb968429ec84e65c66c767e4eb5a33f95d0301de79d61a0571b22c9ddb80c993447b8f08a2a9366cf45dab3ab93c75cf682c0afb7e44b9bde0c235203a04d785132a06226932c485cb163868b9903efde8a9e0dda83938ea3add7e9a356067702ceec8c3ae42ff4ef278949d3808a7470cb55f8b465a3a24aea278c7badee0330aa099c6d63c56b1b35c71228c02f47a830b7de8916a2624fcfb25f64105d7d2b70d6ee694a6be995cd46555408896582dc1db7946ef3a1a102a9f78fa1b30114d92dec186a07789a07b0575e98e35c279105e1ed5a064a4cd4b8a9981a73c52147bcf464fc925f1b1dd215f23b12f15eca9153bca498f540b373f1b7eccee5d4648cfeb3068c9c956c30f1a52116ed5761cdf17ccf8f46fa8454f4d51dfeaa2250b65226652cff1cf6d9a8f10f02656759a2fd98847fac8f28dca26dd3b3665c1380a64b921181f6c6acbb2385896878fca26f85e03ad4cc2b719f0abcb851b1595e0125d219debc3f3519272dce285c455040c20df81267a86274139b786e330a5bb6b7ae1d62ef161a16aa93fa856e77edc43da0c5a7603f69fad87cbfe5d7eb34ac968c32e5398b31faeeae8cb302f556d40484ed4ddc34e5d3c29826a784be5e71b09469f14c8844f690bf89e978c19d1d251e0178af228110ef1afff17df42aadd705e88af718c848c743efd096c417037788e4cc9807dd404505aa236889d522c21bdfeeeaf6fcdc46927d7a16e252bcddf4d7b053bd09942c2a80a5026bb154267f5379b4c8c63f536ddceff2c4f698dbaa263b24a6491aceaf9a12a4924d054dd164f3db558482b402182ff7e663f729ad41921a579fc922ffc3ce1eb0344cf4ff83aef63662e911fe0a2ff6b9116fe0544565259ff80e0753bbd331ba77a6aac604392b323e016ad29b74605817d03883b5be3e5a2e01fbc8d83cdbd12af854647e6cf729beddd02a7a0fe673fbd1e96ed57edf9355650ea4e1e68bedbb4dc6e6e3855a04d3d8081c5d4b0c1897e14d020ba3500f2e5a509183d1d845012f121ef811b235e06e21bb8aac612cb87345045430a9e4bfb94cb1926794a2d1e3a45f6975fb7e330f78a1d4d801b88e47b821105197f7884c153265fe195366a1b57f607133cd5a69f667786976102d2dcf5b3dee2654a4df4adc27163991637f4421d43baf07e72dcccc1287d793e710fdd9f1ee4c886c250bff995e0354358bb5545fef23215e8cd053cff2ce58c2c21daa98497d8a755a9bfd82a17674f25b3fa5665036badde3dcd54c6334dda0ef827de0c2fa11221502f4b2bcc857917ed750e064c90147fba974b1926b78a151067d11f27632927e6e94cabc95f22664449c041b1c91add7235cfbc9ad525c04774640269c72ac69ed7d536c7c6d8cfdc572905d791f806818e6113c30cc56bd6f9286ea4ef07d3198d89251b28f7016d1b71386a7dc8f0605b7e378dd2307dd7839969d1f2bb7c454ca63c251cca86fe8af53c247cdb9944b967695b25522af05687a067e072ab8e2a08a2078039c7158d958fbb3ca830c39164aa560b934abe69700a75a0e24973d2a499d4c7e88f631754b173f60ef1d7e9d4fcc04985abeb706591c7cb25e153d64f92f344209c7eed78fa701b6884a89a5ac320e1e6aef90ba8f2edfadcbc3c5fea54937a987c9ffd846faf5c9a2899dd26ab54be7cea1fa0d1fb3ba63bfbfab4acb652155ca87524c7f6000ebfb5d5e16a1c2a244e48da1ec4feb1758454f2483541b0d5f09b01429ffe2465bcf6b2b61a12afe19887d7b3f0edd6dfacaea6e4c1ff33af960ceae6eba160f1101e5c8203d0e0376940e77dc64d7832be5c5e00683e10e8cda74322c61bdb7533f5a4669f468a34cd16034b8591a56e738a47f82d24395ae74510dfefb172ca6a3af5832ed0301922e090fffc3651d85976e70bede0999e1e41fbcd2578fce7fd098fb60d3d4f03bf09154dcf868891466ba022b9ca2c1c7339556ac6b82bc7b36b90e0d4583cb6439df99056fd10d9ded0d13ed550e2cc1af5a155734c80a9303b1debbb864c059130d1e05e7ab0feac70523f912b983b7fed5f741713a819b07d5895b3b327fab9b4f0242c9cdb865c54d4572cef
Outline buttons with colored icons
View code ba14357d65907142c75f3eda7c832c9baff743bd2a51fc2d32d1ce62ce586e89b1a26dc61aaf1eeba7512a94e641ab38f0231ab93f6bfb730802d12e330b009ec93d7b5e8105bc6b2c279de65b720e3d12ebbc77a13cf51a21e02a1b0dcf686f29a2a1db9958c92a849bb04641df8613484e58527d2c20584779d6422272f9874bc70a562cba414851f34a6e622b1236c495ff96ed9401dfc878b0c8a7b9c897d5ca295b2853e6e231ca21a1a99c4c8203f1df3ed35e2402fd5220867d6bd6a9a9e89b443d1019c983f8eb3455aae9f3198ce3d42093dc6ac414d9944a44eb2b0a6288a541e0cdc4bdbeb869d6ae6ad770c8e0eb410d49e4e423550337bc6785e46789376408ba734db01580a27a68ad755df5cd27cc4e04a1248752d284a951744112b5a20d6266fcb9714aa063d712aba76bb1c76ca70a375c180f1c4d929307eb5f449d55c5b9c56e79b695118d782e31e6e11e1e0b1259e7354d1fcad6f6b6f18054f86d4334184f8b6bf5d2fe3e069d0f59e785cdedab516b5e858b9425276bef67d1634d83ceed3fc0cb62e0a3029bde159ead1d2b1e25f73b0c8b1ff8c769c70ffa4c7e2309ad959671e1496805befb166d1afb78986f9904fa08fe0568a576e78cc954f4f32a56a87b710ba7425f2fb703d673619ae03683fc5d23b139a00bb7bc498738489cf761116ec842e5cd387e0081981176b682bddee6bd8226cf291240c37e95179eee08dc96a94413005cb18934663fd98aa11d2fb1ca5d0e20c00324ec9995a63ba615f33aa358edce479db2911d8a05a789b13aac5461e8480dbb86edde3f194688cc2bf3cbba178a9ff84f8b449a2592efc46031f9b20f0cb6e29cdce7bbe220a911380a7d5f958963e7e5d528f5420b0f79c18d0353b53155be3eb51f23bb51bbfc65b9fe30f77bdaca62e3e336dad48a716c1a9bf7753da0591429edd067c1e70de2486d4c884e33149b5dc18d6c05143298b97c8b5aef40254ae1bb16645db3ddc9bbdcf46a4a92d75598b0eb8c2a833e43cd5b073410caa97d028513197782003408a0251ded451e819aa546cc1014db77da30b0d0ddfcd74464e2a595c8fe2d9311ec01e8c9d2e0115bbf7702147381918ad1d5f5f8c88d600e6a6629d4095191a233fa8c0dcdfce6d0a93dcd27b76f050a2f0a6ed301f044277785cdaaf9025220ba8584e9fb4ac8a762fa2abf785d76e8b185ecbd3e48714cd466885b1922141693b7c1db3345c39009997cdeb6eac1843f8f54a08bd23ec1154bd87a7fd251957f1bca9dd7fdbf9868c0ba3363ef9ece149ab45b45a261b686d353017142d2e0847366792d04e8e0c907344d87ce45b189dbf44a9ed73fb55d6b45d11ef660ab01e1c62338c2381231b397403b2846617c8230d60936e5aceeea1a692f09faa4145668b349f472c3d3fec0ab94a387874b008e0b277765827ec3498928c8d7efa43e4c9b07d741377574033e09254d90571c1c91587ce7270b982349025fd1f4748f41bd5cec420ffa4af3a62e2724e680d21779ac09662320ce48e3adcf6edbb6d6d5f2d97cff7baf4b689c30b55f2b27b784f3b588571b329998ffc3d17f211744e85c9fe5177c52092b8b6f8906eef78856ac0f7ee10a82a8469e2f8cdcb0fd68e755c165e1d336c7653846c37dc720bc737355f1620e8c389ce6f9a6d94aa243cde39a501774efc25aceffb197feb64130c192dbfccdcd54412f0d29d5d7a3b265ee9a704a54c8d676df201f73c03097be08c1ad6de5e6d664e698e1f9696c4b301bdf21ec3fc6702c2ec861f06469b21692714049adc641a7c15b8e357064494f2fd80b8b0408cf321f6424e2f5d8ffe86516172f6d67eeda1e0d93ddfd530c7df98b5176f4b5fa0ebd587b706e94f3a358aa1e02649a42fbdbde6c26880d1ef518a32a8084dbaef30553952085c6dcdc07d13f2ade9b93bc9e976f70ebb34638916a916f424da2357e12cea4330be6416b9d004dfed0554d8e81cdb9ee35463b2ef78a9c72b2daf25488fc23f14a114c895bb39c936675d72521f709019fdc2cf37c0a861b405ecf88b07f5ebe9f34c3d46c3b3649a850d703c15a1c25421361e762ef275d94e77e92da3a4598ce0c89f33246181f74c84d891e639dfc3e7f324ae9e5efbada5fbe5cbdd0c15eecf582599a4981a78f8892244f5f23f8665bfe989faacf823fbf29ad018c2d147e39e5c0a77d190f2ff1af7444a2de8848d4fff0c594b54f072e27d4341c4d3fa3f9b1a700fde65be79192ccb21cdde3c233b7494df47af294e7c977be71de4b58d7db0bc3cd52f6628268697d531ae61067d7e7a5162cdba69e5b8254eb341fa4d93e501cd97013c744cf112e569867bb0680c112c0fe767385525ab97ce3f52c58973c197fe533d49625ebca4de23ff072e23be90699b52bbc31387563c41ababf9990ca521b550a698a7c4cc8be9fcc606894ab9d3370a3303cc675a7157d7938c12e4b55475fd13a142d5b78b8e30493c4ddcb66279f1720014f2ea8439b8aef3d601148879f341b97519fc8cded36fec5754312e3693c10833a08bd3db45553d7faaf33c05f054deeb81f6f4ad9ad2c467b1e4e1c1cff7bd0ccccdc9e4a1f875db81dba2b1e6b59e7059e2592ff7975900c85405e93c4cce56621f8fbb5b46a7e50963c612cbe96ee4dc23a31d4dd40
Article buttons with emojis
View code a21d4e503051a816a451f7d698ba8ecc04d0a2f78e948ae36002e86c8db160f81aa70a02f26f6642483b006639a9f33e83d0fbffcc61cbeb9e2e3df1179006913ca70ea5d177c21bd05e9b0a3908b128d65b92920899c49fe1a4cba9d56a33c306307b71c891df33346355cc168e4458d8c5eda1e912a98029d14182ee3ba173cc1d892f6f1f2cb5fa812bd8575ae010b50b07e3d48e529707cfe81b4d8878a8a86e8e99b723d17d6220b5f3e212a90d2da69f6e3888bc1e5bf7a00a10e65567f05c97858dbbb366e05be8782f9f2af9dad54b4ad1363f81d1a68eb35f503a2430c11ac4acbf9251f96bdb02dd6d32c394eb5af1eacdf9227992a61fd1cd55c4586f418220c359fa78e79b97a2b1245c557886aadcc24083dda25d967be3d28b3dfb197dd83106ed47ac733847bca48a6594804d54034e2c505aa5e9b3a42f413eedf833355043d26b5af03fbad572188d35ffbd37077bbd3886f5be45f27094a49c69c9f77f8a6df03dd7a6cc46534c76fa0c64fb19db13aa463793be9555140f23b79dc49f0173cf0b47d2f31e749cafbf01b957c041af08de6a6b19ce8672ea3cb90d58251b8510e0fb486285ac94b5165414297ed9463b3c1e6676d4264bd3d1b930ce6af0114c99fbfc69c77d61542c8d81ebe618946e98297b3009b48667f3a4d70ff60faafc613f81dc417df2633eeb115c507baff5ac17824571ad962e7ed90c57f19b8868b3cb22acce576bab85f26eb84e786e83c94fc845694cdfa0bafc0f70ee56519bc728086b51019af3b50232e61c76a83d0ea25739f01e60d40ca38f23e17bc2eac260caae143dd9cc3bcc5ff84db50ccbe9b7d2ea8e8df8e0bb2e5bac10cf72a3d484cfb2491aae7c74b7c7c1effb35f9fdc0a5e7d7c8b7328ece3355bbda582ad1dfafa83c347ffc70c384257f194156d335053ff12176a0915046077b2def77b11994da418df253535332903ac443a6dc6f33adac58e8fe3fe9045b09bc11472a3ac33a6091d7ff68caf3c32e5ab8cb2e69b02f40305a8a6c0d2a4fb23946becda30cac1db6db515860d8999ebd01c1dc9cbddf4dc2dae2797b6dbca6f1b2afbfae97835447a94484d23168db4633d8b0261c111a0a86a4314f7727958d00156df41de28c6e11e2f76e7f8d73e8bf4bf72a7b2ebf4531ae5e97ede691a9f91995e6fb6299a6db7bca3ff0d495a80eafc99ea2498b1162727a01c040c90fda571cab4f86658a547d42939d0dcea1159f7226e03b8493489ab0620db7dffec9acd63daca271e048c3b9404b5574893f03131fc53092b5d3fb8ea7fe3659b1d9f1d9d71e497bd174b2246fe0a71d19061100a56e061553edd43907c9b5a9e73ab85b0cf6067c60d5657f3bbb072f4e8b84882f35d053d56dbe6c4b3c6c9a614f845d1bc9bdd460286250fe630a18c6632dfb6c7f966ba6e2f600a3049583fbba5441f852e6fdd67e8281413c42680c4de811d22f27781c6231925c0d7811650d79bc6117a126ca58e238cd8e43bfb7beede833a0a84ff58ee2083930fd7d46688c9c5b93c31fa3a0d455c221adc54b2e402bf2ab6c5928b80cae6a98ec635f09c5fa0c713042c3adceceefdd4937dd5f018510fc23b395003765198542b29915930f208683320a6c07d2da4889d8f8187189ca43225d2471df67641c85506d32d824f708c07dac06d565acf5bdeb0e998d83fee5bccebb7cfeb146eee1c1f3b8432fe25a53aa1182783dc198de59776a25156723b3b6df61128c80df5d5621b336fa18b0c0635324b055da597583a3dae9880927efb3b6a5f0d69e3661994185dfff215950260ec91d7f787b7f340ecdcefdc74deb1306094148dffcc4f835aa72ca5d12e27264eef82e1cd8cc2cbfa5b6db76efd8165087494d7ec425ec0977c0952c4a518d295759aa4861e822a4f33ad099f3f323d84f2bfbf8be95ea92664b55eb645aad2c2f699725dcac99cc1c0a8b7ea17bb644d5e9567607d5906c38491e9b3f5d656761e4837e593b2b38af9fb380a8fb76e72186c0dbdc0ce15f3fe07ed8353e7068131a528b3538f336c64a37f9fc7b86f077952ce272b87119d0e03392a04c2046a87a489fddbc218f8504552c19a28ed2a9edce6c452aa5a6ea51061ebc38db158bdeee750b50152a39c770da1958967916eadc96045a52d2ce91d8dcc8fe6f578e46d2585f6c91dfa43037cd2c40458ba8b980ef72df22e34f7225afdb26ad6a7fce272d023d3a39742503eb5e6a2181559e4a32ec6cbcdedd17f0d31daef8bf2343e571c1f8d9befb70d64a049101eedf92453d9532d75e9c3398ee7a364be2b6c49fef2378d7d6233616cac0860752f9c069c1f5093ff1760094c72d6a95eaae8802f3cabda7e40cbaae8e033007bf975039ea6f74569b4a600ee798287cc2dfed0b6ad328ad5473e7dd482bed8db81f11f41d18e649a7b6a8e3d73dec1bbd9268398c8457e6085015b481baafaafa834e17218239b053e91628a2ab4fe49dd12098a91a2e0c39c21fdec9574ae983e1cf546e73e31cd0521ab861b19e5455676254b210c3d5d1dfdee1ca15a5b83aff84671b9722d56a72d531814a3468e877b22fe0525fe19c6999ee9a436d26047e61648b3051e418121e4bf22da73e1ca47c4758c16957c8777a89db12caa8ee2acfa36a34b27a9227742948449b414ca6d92bb15e2d8b355616e79efec0fe6b4e231f1297801bc623b8c5b8cc58775c99707e9857dcc100906c8868b73799e6c3bdadf5317d823a912dd7a6d1f177c50183e0c547140ef36aff9e5f47d8e3cf27ca7caaf39bef9481ae8c45b87af10283555ecef6066987cbdd02559adec6bd0f6bbd18f00ad4ebc1b7ae96ed96ef4c140cc68037285f2d76c24290f93deed50c3c2397f9243a731394e16ced04d0006b76c02b2bea2bf7de04b71029d10db173df17416e11506f25d4d114cf0a4afaabe1dc55bcbdb9e6d09b48f14442d48962d7141e9c62e0a480892fe0652cc9c4e4247c9788cf1c40b0fc71822ed64a6d2b577117718e5a12340d854e889c335d8623dbe8bf0adde6378e3dab3259a5d6a302f1c55973228f1d781bb14033c119ccb9e5a564bdd301b205089a9802ed02a9728f6a4a95a2bc428253a33e879395d03842a14a0c46f22ddadf54fee623c584765e454c8dd4bf35d73ae25bd911c521b04885b2e7a0682291c83dbfe276095aaf65f97d0d4897007afa9309eac6a1aa9ec1499f4016aeaf35926df92f987fb89667378776127ad5cad0416c78d572f3f87fcbb7ca6ebe7ec08edd3de712228d5f19c5d6f1402f5135ea01b696644118af3754e91b4ab9670e2923272eb3cc984af2f7ea70e1256a92de04e9778ed707ac321d68016d7d2b92928ea4caf0aa84415e2d456b9fe9fcc857b6d9ba2db97caf91871fe4d6548a2b9f175392ff61b9a4a3fa7d674368934c2827f537ee26db211e2036cbcf4941e3fb74a4082cde143f1b66b1fc8659796fcfea48f90d7c328edcf7365b106872c63bafa6d81f2baf06a1f3e0b6a1f4a2b83561bf78517eab5e12131a9de946ce979773f518412ad31fe3bb8dde5a758785f1aa46874850b42bb4377bfa1bc1614a86812c7aed770e368112332d70ab7b6cf17119156b5030e6c03a5851ea3683e04067fdaa90e2c7ee94295478630adbaaef855dce19f9b333825cb2341b79789533f38f12501e84134dbf8a7f16bb362918f31f8d8461ae1cb3e86f0c03f6dc63aeed046b3034b865e47ab760ca6c3e587dbcfdb1345f6c1a2cd2e07a6a23691663647134b43a8081f4f49b933236c2f31e7a922d8cb44ba4aebe0f2337a9c6032bf39dbb38fa981c950a64b4590cb9bccf4ccdff04d1f08043385a397faedd77cccda2b8c7d77d690d53b760ac96d47205f9d45d6c2597e56e362d9bb067747aad61b0635636db8d1c2760e794491ea087959f4ae0111ef062a03dc0c97657ece6140d3d018b2cebaa2214058273b77a1b3c6b8b3dabdaa47fabc5bd4e33de431b176974424ca95e37808a5253280de801bac3d1aefd46bd76d4bbc261a1bdec120957462a42c45836dbd83b697ad7486c4e8505e93f9165d7fa7a0de98edcf4c8fe9eea821bc300076c1cfad2c8f660c913d47cc2ee381bde4f886d979d16b717c684d09e6033a77b85ff6046376a58f3675d304df02800dff7f810ae72cde8497b1dd06e3b27911ccd66b4eb07834eeed1594214e43e7b7d8b64a853c56490a02c2fbcb5c93205c4a196fa569ee4a6b254a2e1feb8a12b4de6a958ae097fa8761724621d519e47ce4db621337d0ee252e3a7dd9d9bb136d4fbe633afcb9b13403f8ed6bb3733ee64f3b66f82504edecb51584ea6b1d0a3de50181d21e984d008f158dd213bfcf7738ef45cd39be5400720ca768ee1ab76900f2dad96c096d5b96e64d56d9b75e3c4f6a5c44f767cd12ced49d74c314526fd56805599462d75c501f9b43868564ee2daebf5ff9b56854ba5956eb055a2f21fc33c6d15446894355b7b1ae8fcd9f8ae515cf792aa39b995ed4ce901fb4d855fa33db9402cc9049a8f60272e979bc6a2b0c52d748ec6e70df344bd39a4aad52415974b8f3b84b2acbef3d841a5e3c1c490322e8a9f91cfb01f2691a77d379dc460656909dac71d43c993873968c241be6c6bd326a47594e7c67817d1fa205927576952fa199cd3f73528667b5bde665b7179e5802221776af200764df137c618c5fe005448afd0760ddaab9906edc76aec8ebbb5fc69b05725cbde24be71c02808da80dd2a5c963d98779b503f28d79110019e8711b45c7833254195acf4cd6a2b80345be83bf07887627ba77a7fd6be2ad6b9c31744f6176fbb19303a58946b5d6f6df870dd5d223b02f8cd4e0b0d5b650d0ade07d43c4b6dd12198052622224c1d8526aac576e5f4b5018bf8cdd3698e3d7827f0f4cea78011b0bda04d0a8e13b53e8dc9892e11853868cf5c58625b01c7b6deb754664387294b2a99155de622ef9eb80e18cbb99ea1021ef7a7fdf590492ab6ed1501f252e58b3055b245b6c75a2143d4861e395a0a1ade1d1a3fa354149826883de7fd608a13cba4e900dbcfec35783a01e47169a8c1f8022ac35c08500b3063c74ac8acafd260af3258b5766214f4fd55021c4b8ce7729f1daca49c8d670939671e8e872ec73bd85207fe51d4ccbd3b434d79e2a37396d31fe62ef81f787df3a0a3822f6349af0eed7a6b969322d01ccc48c354a183ea50b8adf6b4b51b3c674e29d170e4ba93dd068760a369997fb5f86b1e2ed40cec860b19cb4d11554dd109b67e2eb0d072573616b32d93d76b2db92c0295435076ae88beb2a62fadaf6219a02d26f7bdc7f1b7f831aa69e41d849b270c30ed68bcb1bd15b4a5a13c12db102b2bac8480d1117878abe877ea51a7ecb4bf6e1615678c23ced1ed9dab124d09dfce32232cacc27b5694cd641aea0a361aeb014fc493ee156e0ff6ff63b92d544c4ee71a04783affd4fa41511bf9a59692e3980724990341e02e6dc878d0fcd3db0730b776450baaefe582a180d40f9163757742bb9db32ff8042536ab0ac6761e8e7f6b3a0ea62948fb8e0fb349623c22c0acae8d2f13245d6a78a75e2c6b0a7a594098ea10577c161d6f9f3afb10909f59e1442a123ebec43a9c65181341438e03a22f183274fd4ce1437e3b89d7399bfc1b1a4157f860d59719c00ebf782f5638a32cfa163b86c9a183043df480155ffad55addd7e6383707f35e61dd166ed2081ed2f8ace6618c9e976bbd782539c5953948a2062617171a0b605f46b1f85d6d921ca9b6ff35f71a140caa6b52893a1dde4f03e1863ed81c33a37fb4ad9f1ab2c1197087e15f5f497612834aa72582d82393466ac0409893cca165d6f70def90ceaeccedd8591199268d3c4e0c41b2ce3c971dddd9ae5f9244c79d8a44fd6fb9da7301fbcce2de245212ec95d1c5cd72e7715b1b13fbf4a4e966c5d4e6bf3f889b6e74dc0c76b3916525b9ae1481b0a490b3c1d2f84fd28e40c403bb7cf3039aa385c0fabad7a14a3a7f28ca2aab82579f7321698588b4cd469e72ce2219b2e1dd81a56a728777251ae7ba874d776a52b98fd9c81a8bd704fc9b1a0c00a11c4bf268992a41e6835689f99044e19da26130e2d50291e866376b7e4a5b3b0d2f6664277fe8e9b865e6340c226fd44ba7d38b961e9a7a428adc44a09a9e44943fd0c44c51c165e77c405ce0e01936033e68d4e9ae24694652a443f9e2ee64448782501cca318691cd8520a92b3e3d941c39cc2a38ee64dc77eded725ccb8a74c524f6cdbed247b8098455a648b2caed886fa900d771dea62745e7649b366b44f3c63886c50e2b85259eb64917a02d22b0443617f2a4cfab108b7794c2ef41c788a6387c87627e382a71386ce262cb1fbe9ca804c0f7e27e38e3e943cee1624510214adda1fe15af1e2ba9c0796b14e6c88bb592c6292a17163c77c2daa5b39909e00d77a14de8b2a1fc6f991f29fce6e232c0d28448bfe75f8aa98e949098a33cb6c43787e4b7b4f212b990bed4b7b1cb4772df40dd9daa3424dd0af9fa32b15c900990fb4447f4aec1e8169a441a0c825704b8f6091693007a09e35db1e08fb61e18d707c27e813ac6fefec6f2c13173a5764bc287b9bfe2dc9f57333cfbabb01b60bca16ec6ccc459e0864eff31762a55d1aac111c404e6c9f7e73ee1c73a0b45cbb8a3c1299330ce378eb5b90ceb463df2ab9b0eaa16ff57a484e47bb235586ead5e88e37e5face39c8e3bde2496b929106bc52bb318e9bcbfcad747935a370a5fda7a7ed2f13a48ff2d7d51efeef3c2a8fd679d5fea50034309716784f921b5d2457a1db454af5864496bb06e22866a2e98b0fc3ad72317e664e9f1a345b5a14eb4ca66c49996a5fbaeaf1094703c6a515dd64a7174b42a5b7f51ce9bd5ca523f05099d5be689458a821c4a4b4111530a0ad3565a8bb3ae1ba6d7a682ed46ba5e01797c32ab170c33dfe53283c1ed8c80c9c5f14c6f9191e2755ac55039342ea9ff590506cc69f77b62f5247446b3fdffc7472f3025274c1f57a429396e210ea58361aec222ba1303b2e8e0a35d0eb81cdac180e28b369e458386d59051d48b8983d1129a1cfd907580bb2e176146703150ef7ad599c8055db15eca50367452816bc0a6a2e443c034af0e2acd635968f33b8a411b7b26a1182bcc03767ecd3e21dc733942bdd6d4780becc0a0c149b31a2793621bdd0f65c9ea26bae63522ce60cde6696ecde076d704bdd7101c52d938cf4aa3b25005ca7bc14c48f30c1cc1ae09fd5a9da2886d9c6bb8a63c82fb27aa55c00ee6fa054f2c7441654e2b722418b9772fbc52bb0acbcd027b0ac696057f8aad59e30d6bfe4b4cc5395c27c32f4c4c281f2c9b7690783b0605fd46dafaa670754b6af19cd6de86eb2dedbb4bbe1bfe9e4a363f2376bf4b694fce90e9910e32e13dcbc0dcbbcb88df35ab85197024aed61711a54bbc7e53a9d2af747bd3bbb5b43a0f82590fa5bd0a89525f68f783b791d59f48a1d8e7b4c9814c6f49927c7dcbcbb8a286c708760ed8327f4162c295e1c8b3d4fd1557298f37f931bef01a8a783babe6e181d40673db91dffb9b144d6c23ea2cd71a36e24d381faebe9926e9d928beb70bfea24441623246763e993f419a22f586a27ca6886c253559f8b1ad556e25b8c2ffc51abbe2c84fe04d0f1043b14d4897776fc0405c102ce705e608363f9c3538e1c14c85b7768c733dbf947493661eb68f39d915a77e64582d9548e61fdb113f2c93b54f0cd5f2fd656e7fa2b17491e996c700bebe800680194da439f9de2211564ab22a6e89837fd3d12244999f39ae0d63e0af2ab63f32db60b077aeb7c8d0cf77921b54ad8d7a646a092d0b99658a92c82d7fb9987f98e006c9985e2837d6884573c9c140e1c72f679c4f509278fe234af29e934f5817627691e9fbd41420c39e3cc039eb5b0c4b5f26f3c8d263a0d68c6a697a5e06cd8c09cf1863f9e1aca72a647035a4efb4440a9b82d74687440d9247a0e52d0de4de1993680c27b056fb965b8d5b8c727c7d1dc2f57779599f6ea9e148ca00adb466733328e1a73bd00394f93a8bc4e0095d31ea66c5f8053063ba0f483333b424269ec4280afcb0e6d7a1988b75eb685885ac05efb3ad15c947c32f8d0339e3dad2f252c7301c5af4c963e5fc35239245e10c2309883410f2ab541527c392a2b8a273f0df51d9d350a6678c8ebfd2ade2d5f1574fa402fab06d92edb78f97a6d907b49c6f8acf767d68a999f0133a5b470316a1531ee7adac4e81babbe6aafd49419dc103a7c7ea3b76aef569df9f8beaf6e6c80202a08e02049418b954547ddeb55ba209b1a4efb8dc7cca42e11706d1345c3acfbdb82b25e04bdf25cce9a0c58eef823fd7f92377fb5cb42db70b9764e25db595632734b7068e75e9434dc3d20732f5bde79dd7d4d4ca874ded90e59a0351c6ade80d1eb2690c242ef51d803ac49dd3e682d747ac5b6b1061ee6aec940cfcc63bffec13a4fe2c54570a8a50c4538339cbc33d7fc0b27ade80ffe370d9a52948bafc7f5c10d726d9771738d62e07c25bc3240d17e7644e03d34aa5f6214030739db7b0877192046cc443297cc40d7bdcb9c14f29405c0b7b85a1235f1e68094803ea0210732e7b4d56852b975635225e85a58e902153b17ebeec930c91e3d4fd8493ecf58250c6adaa6bb0bb035641fd0c179644b38d2ab3c58402a346f609a7b3ceb34c141654412821a8d22d3d22c0f7b63554d38b4e6f9505910863f4ee1e3029e3e07ef8e80d4a3ce9d4de857da781f8806f4837fe19df2afe09b33a84f89695de82bfff4750b49574f9dd78409eb39ca994c05eef87d8bf521563652d9901a0639cb0cd502b233a021e312bc3b49570e4527aa64adb2e4beff574f2ba9271af120d385f3cfa327cd8c969c0fa5354b86d78be15e1ea09c90941c3b2f12e9ce2b4aa3fcf6ae04f77f371a2f78d2f802085e8df90365e26e9c7af3a2541037b4b1a12945ebbb1a1e69b4f0d5580cf5b0f55710f5d29d2c873de06fbb184afc49d3db34cb0022039ba6e3260db6fffea4d3191d186418cea3309d8b4581924a603e0153589d629ad38d6dbfd74d34ddd258618f7e5abdcb2148ff7867110dff0a256435d3720129e6b1e8ab80152e670bd2046ecc9c2add643155c5493881d7921b997857f6334df880f688dc2a06ac250d4c3be6e7f9c338c9798784853acbf2517521de590bbc7a86611cd6af0e6fef237dea3c722d4f579362eb1a3a7c008620f14e68d991ecfd94520b9f9e8cae1783eab902cfea6fa26c620c94659f3cd69823485ac9a10bf9e8955bcfaccec70e7e85188793bdae9b13eaa36e8341a5e4e07d6d600f4e6460c38e76738511056cf9000590e18b35c95fb17e50e12f94a16bb1f28694ccc44f97d9657d0b4cf12f46d59f055bd2cc26f4d0e08574d940d4dbfb28fad7bda3a830def6ef81ba94966810b43649ddceaaa6b876cec19ee96163eba9d896a95c7f40024fd15e9d8afa8d6385f1bb371b79269e8389ff071948a066a137971d414ae13729af025cec63e7379cc0cd54f3c36e2e7f3c01520a87b652ad8d9c6ca93e13b1a57a0ed0cd0d2835a229813a72db4dccbb2c6cbbf37d10f5792e83da038905441f1b112d2534cf2ecc5826bc2d916032609f04aeee20cc75629dfeac7d0a296cf70f86cdb90061ba81e0edee9d742fa56f4ea3fb8af3f04ac464787baf6b8b7eee2e4989ecedc0483a62b193b5f88e350a162f836e39cf1aeaf8c477571d97711832ba3049b3e44cfb6d30b4e39ec8063fd925b349081f0dee22bdec7dd4fb11ec2cc4e16171f69824969e23c1e4b16cd496e988bf1e1b094751094fdea8219aa3b544412b68332ba219b0ccb19d98a88bfa7307616c65205d643b019a93bc695158a6be7d9d83b8fc679c648def7e4bb3919c0ece136fc65fd4cf3cc1001af0035046ff516f3a4e8cdd7af26c86b204d08493babb617ea0d1aace7d6f11d1c8858b247cfc1c3217ddd6c08f009c887c9157b68de6da51ba18336d49e16b4ba95e390dbeae121ca7ccfb036eb5d3df15cb01eb64ddbcfd4ee0310fc2ad14fda18bb09adc69ee03dd00a57b1a5a260dd6de11d49654b51141cdf58f61679e87f8a5c00a55816d2a9b054e6585eb00222f140fbff82c15e9ce47fce2758126aad9cf64b4599da88d7da7d0615cc8ed1be76d8d3ebda08123e9422cb498d192904e6f7f942d6927792b7a3adcbda6121f62aaceaad7c6a22e8776db6df63ce67698a36850e91e0449bd353a085afd452aabe0513ef0605dc58b94eddf14b45040ba74906a51df4602d62a571386568e9c73854f1bc5a510abf4f20eec7a69abecbf336e8cfa6c72be2bf405fb7876553777ee170fd6e9a4f55a71c8e0dd3313d1520856d2df69b3f0e55d4490b99ee6df2d1b3727105cf6258349310714e8f69074bd15786ffde24f0e9f5c063490e820b680dae28317cb4957692d2821a336f484643d3ac118d4fcfeb256379bf4f915eb495591ba65e193e1247c0a71b02d7c58883c351f0c6f3c8fc39f77f2883377bae570f6cffff10c727016a7b43083e1baa7026e6ea707f142a7dcb86b2d6fbb1a8325c715e63642efb7bfce270858630f2543a400f98b4fe6a472cf5f3d59514b3bb54dc5309a3d78409538e8d09c48fdcfb34b85dcbf70fa74b02d217e123b7bff2eaace1d1beeed21cee888c23635e84b91bff26cc36638079a75ddbd40c8534d249aa56e3b107a8acd25690fc53f94c5fc6aa48a76f7f38bccc358a066cf5b8952ba1178d62da9a72b3ed4f4ae93be6d43f3ebf82b88f8b3212f7a1c2d409edebed5187655f82036f7992562a5e3800ca91ef47c7e61eb2551ef35e5f382f03f75e1858c14777cd52e9ba1e5aad6f81bd13a3faf8706d6f846a455d503d2134098027f6f350a2bd6dbc61b61f4381c820942d40403fa4ef88e64c50624a66ccc7711609bf2cb8ef3c86a9d05fbc343c20bd8a8d54650c1a4e90030fe3695867b3466b96152f65e29803441b815c605402b18d38502fea1876e9670e5ba6ca8f35e5deb932c5d099cd09048da49861171b5896f3d1ff171fbc2b7e38575c049fb241ddf54260f849d38c7d5daaf4a2885339493454ce146bd215a342173c9384e51585ca6884c54dd77d5e54d2027178e68e406f3c70b627ede12712a628237efca8b12c146e69ab22d6c258bfc88cbb4fc4e32adb2d535ad8a2040ee6d70f69a42a72a35ace586394fe2b25fef65eecbe628f400f18b848c7220ef11266957356ed76f7807809dc48ab3b29ead99f2563f02b79b536e3a849825b9eb35a6bd1f2e1a9442931031aad6d3e20801ae0eb8f19c83c89a82e53e62263f77a45784806fe4e4f5caff2015636d7f69de341ed31df42a78dfdb69297f1c7a4a931242ab06e1cadaf0c2d3087330b0196901315b5802412189015e26dd5caadf0b3a6bc872d09dc1dfdfcc91d11aa385353840f510cce1b7e8d95f1755681e88dcc82b3d1d127bdd39304f0
You can also allow visitors to only vote whether an article, post or comment was useful, adopting a “like” or “thumbs up” visual style.
Outline buttons with icons
View code 8d4f8de115509b19ef0e3baf225b300aea4ee07268ffc7bad46c023037003aa71346321a4b0061b96970074d006882b150b6e49754a04e9be594d75646c554da56242a32f53e58e0ffbed752e15cc26b72d9e0c5833d809214bb54cfeefe47fa7e6abe1301b69e7a226ea13c969493a5d19f69596e89e58a8a732ef59413a80d1c045c6f1fbd8c6c3d322e8c78b78149d4d9388ae53bd5035c7b711e197bc503ba9f6079f9ea47dfc2be72cf13340caa356e2cbaba90c9d602c8a8b5e4e2382509b8c5b41d71ea7b3fae875f7a75f18911fa4abab68a4a2de5c42ecc412fc5e8c8cf14c132b3af3556d09e8d480c51115dd89b7a5b1f70fa818ee5edbd856a7f005c1a76fd44dce03f2b01cf6a2198841a59befd166eadf492a4f2cf901eec9e255b3ddbb3f4edad2e43b99e85a551a726a3669027742a0346ebfa767a5f4ef3272fd0e2e49d1bbeaa743b644ee86e8d3895d6638fb5abb8f1ba28d872f2ba994406c331fb66f015d48c355b23090f56f6efe31a0623d6cb5632a23600e50a70ef428681798be20227653f3591786da79f4284ac6396cc8a9b092b3986c4b9a3b2c168cfee83293efd9970dedc6136eba11e39e9c0da89a978f099efa8d06cb36d828d0ed60e7ee0266bce326806f9619192d06aa8d1c04caeaf4a7efc54cf6645ed8e35213d70202b04bd75ba2e22eeeaccb191e2d14273c0d3d983473bb90a82108bf76b242f98041c4a63f2e122ec3632e1fce21c2630e5db6cf15aed8ff1fc962a5779cca3d998f0b7f2e9153e8764763b593925e636a3f69dd0013cbe2ce5b9961de8220a59f1aa6cc541daa7188d7e75eb6c1a4cc8e05111faa41b2256b0bff0b5e3f8cf1dce96deb88bdef003cd97bcf5a164b1f939e4e275d31b4a17b942fa38337a96c237d93445b38877161fac2757746f2de294681a51707011e1a081378633efedc293271c662501466ada5bbdf143014db562286b82847d11e8842243fdd583a4e08d53561a91c57a80a9a07047ec6d15bd440a0c11031a8f576f631305a8ffbb25fb5b658d83187ad1989e078c0f7de8a35c3c1d918a15fee890401a74d88cf76b9d3e312cb09b8b2812016ed67b25c14076c36af38ec7fbdc15b6646db673de35519444ac7f8a98e6653545d5c50bcdf6e04e970cfcb8316a26e5eb647971fc38d2ef6b527ad39065d2086312e67d2c7d31b38aed93e3e1a15abb7684964ef5c38fbe690fb1aa8f8d68ea4f39965d190640b85b586d44675ae6b622d03fc1561df3669f66a06d5ad096b8293c2f1a16d7c62dcbca9651e530f49df03829f0e90426abcd8b5ff3e2ac6d4eea693de7a936188df1af7e0e564f375a62f9a9e27574cc9a5ed226ffe7639820141491b80bd344cd02a93f5e60b1e54f22d7e6a20deb88b64b53c69cd88028bfa305225456110585f4c68dc1420f70bec1fbceb24602cc0c8075933e49c78b95a54c234786cf241ec76883bdca3a264d3cec83f0c16422f93ced028e2f191db5ba5bd037b415a9f2be7a330c15fbf7ba2067b65ff280f84e2e980dbce2669b0348585aabcfeddb8ef5de717764178c9df31f1e3ade4784c9358795ea0926851d91a58614643f309fea630ca23ed729374d2cc2da36f5eb59a13c0e2d2b5d66f7d1787da710f67fb32b22bb49caab4388e5e3a031b0dc0243f128d554d176d7690a248f80edca0ee0bf82bd1de5fcdf24417ee7c68532c5e3c76c68e316e620d5a99ce96f2c27967c2fe5f61aabd4dcbcf8efea7f821904d27b80583a3e180b458cfb27175c4edaf09b2623f8bd0e3f2620140c9fc399ca9398d90c9d1c0f988e8952e696a683352a932e349dee3b2d91b13e088cd9188bdbaabda9490efc9453806c243faadfa31e73b3916f5407f8c399cb908755e943cfdd1b6930d3ee5094d13276a94ba6bb11f3ad792c716e10d60be8e773cb793ae1127499a1673ae71df7ad762383dafed899f5038b6dc91734ae228aa29133ac68d28566b079bb948c14c437685c9ea49125a5f91f9bbf1808b1f9e0da1008e959b70dc8bfaeeb16fe0680d3c0b5586175d31b74d84f470521b0ad1a3a48aab09159127b3aa1a55225ae9ba5c778cf5a331528b45570e69bf8819e0218441dd999678a03dc31d87e650ff9115c811edd933de442036d1ac744b63a221f6c3cd9f566f8596c52556a8e68efc163bbbd1dffa8069b9e14554c660b9f60e83179d013eec59ba01cf1142ee0f29f6f00def01d8f5870089428eec2bccbbe2223bd1542dff09cd0369389ffeded5883b1feca98ca40212cdcde6034aa5e58bce47dc762a82d9eb07bed
Post voting
Simple post voting buttons
View code 752d053c24a303a02d137e5d5b40c104cf7468c66a09a7828d94371bee472e3dbf8321e7ce8bbe258c1b1f6de4b91c4424fb78d0c85ba2dc9ac24fb5963699b327e5a01cb509caf4139e43cdfbe822cd0ba01b75106cbecbf150081597b203e1d7a0bc8baab27b1b6dcfcdacdd0e5d0fbddb5bc00199d46e8da87feac77600c581cfd8b799315d64df1eba87d8e3a30be772e0ebd8d6b40905611a3ae5914eadd405858c81b876e09e00a0c8bc437c49e4a489f371c40d98c92327f20c2212d7abb50a580684f1dae2b1d0599398a3ea1698eb6223e14f5ce83b583c3ad820d51aad0a2abe388904bc47e03169e2b7f7e83e77ef0f8b8340a88055476f60e99a378c5c0e9ccf8708ca9d0edbdd970702c824ec7ac397b0b36a186fb29384b6eb76f78f5de005ec7bb16feda3f614a412942e159bcc782d90bce0846e090b9590b49c30379f2dab58e60133cde3a8ca86796bf48b7d654f5adb814827fd5ca670895ae39e93e84bcb85c0e1b048fc04352b6e24429175b9628488050a4ef2f77d22e67047ad392777fcb8c51a942bc0ed8ac35a9ed92e23f516e205717aaf8887402b2e03b9e759419b8d32bab45cb6cb98c784e129c7dabab193af7b9532f069f6244a5a0906b179cbc96003b7ae072455e0556e8976d0ad395e3e5b708e2bd0f728de4c7fd06c0ac2831eface9e951ad899820dac5fbbe2521cf3f81e0fa8e49a620778e79a7886b7dcd6ca6d86dae11018823fec06aa0e104f0c1f27dabdd775ca59d41aaac41e99d4485b4a90ad9f7a1c451ec589ac57f6ca169d2519e948b150d26d58a8e7120f2b733830a088690ce5fa2736c87200298c5b017f0968f5a15f786da988feefd245495e0d188108d7c7d6a4c94b63ad7e367d0913f4cd792cd94f6c563a41d14df5190ce9aeb6eca6e31824d89b1a249e2a748b913c95851a6c96dc293f119ae065ae4d3a75e6d1cc3bbb6db2f6ff5f0e983ae4b22f720b9a31c02eb8ff83668ee6bd138fdd6807a3769a43eb6241c2dce91bcaf1d6352b658ca7f0ba96f56f20bec70919a4fb36075c451a5835f9d28ea7b7208fa74698caf1370f222c8f07a8c0fd9e5465e7b6b5882097237b5e99aa39bf9a0430084647a54f4a00c205ad92fef6a30a7fb1dd8f98207cb21a5653008b10c97a4684657b17e700acab834b153e66b138b04fc0b5b02a22bd5e26e83354ca5988505ddcc056c3eff0b86ee8c6cbab9c6dc08a2e8593bc7ddabe1c474c0810930b7c39f4797664a1a119799342e2d7d61ae2adb2dd56e9b4f381c799e2a1d13423da663811738577367ad312e84dab19da5a097c29eee2a3a6b4a296c24d0115a5904f74f408c539c7dc38538114e27b5af7bc7eaa87d40864bfd0d5855ebc5dd43dfbb94c0980d6fccc2913dab0b00469cba049c307abe123e2fc35c6258759039e6166ec4c420285514c1ae291da4ae72fc1468cd4da36642377f2a0d67dbc4e617e89c9726a6382e6773132bef391991e1d4cac7a844b96ab31920a057de9e79919d6c1a618b750000c45a109ac0d45928e17919f361bc4e6b7dfe13a229ef5db47da830639b3fd23605478726b89efba6903eaa64a6e8dd5041a7ca10db4fcfe4d2db7b8cf3d4509ba3e7389ba8fb409b50411736f001c5e1c069b6ed642e657f328da88c2f800d2572f48a1021fc6ec2caa010e4043960db3211f1385c8448dbf51c61951cea79e68da18f13705675082f8270939fe91660b9b7d5c1aa140dad47f5ea0ef622c05c42bb95c759c3c6f1501b1a4850d59d5387077ec48d45facdb72ceeff5b6a83247f4f41bdff332d10c4bf2c54d76513dd9f2b9e808668ca5869bf5ab246ba8eb00708370cd32be4beecd03c88e4c26fca825e4b43fdf5b3c38f762587a7da5b3e8363f6cc3522ae47fef1a951a4ad1870674f5c6447008f0f5b4613b133862da0814da24bdefdfc80e6bf0f218210d0dcf1f692eeba5bc7c53a192c920bfea72e1861bc54533d9abda1117e997b5367fbdf23da43471e11585e7e412c460905646c0790609bb81719eabc018561af5765cbfbfa8921b981453ffe162cd81328030d0ea9ec3c167cf61403e44c24d96c3326081fc5f85b4db68e14281a7d19b6611489095af4561cfedd7ccefe404f56ea694e2029e7e4815bdee
Comment vote buttons with chevron icons
View code 885540ef81784f5175dbf2ee15a914c1332752d828ff0772ae03b5d7d8f844f575a9c90edf386ffa61df0be23dac99d9c28d03eb2a909fbc28b450523ba3c367dde2a5a2af93aa758d426c1ed5ffb3e5b0e09243cc88390f022aa73cad358533c996886e44a95c5cccb421b25fdf299ea5c0664822aa32d758019e843ce14e9669965e62dfe622770e0c5268a75ef37afbcc0e0cbbe2a44fe6951de8f1cb6a97f47cdcb747b4821d7be52728ef5335a4e8f49564bf2e8d0b4cd5f8df5b59bbb36495b8dada01e22b4fa24d851e60f2aa39b6223c6b25a569eb2de67c4fefccb077479586d29ef4c0c5dab63eace88bce4d3c470f1b2a9a4d4a372dbfb7c461f2d34da6d6ab171433673ac9c301183e55e3dd7b30b94d1d54e80a829687458d1095eb1a5ba29147f3e27a91115f1d626e9ee70f8531de78ef2f80c32c6b2397da11ca5c4b21c21c9b94cad8f53dbc16ab999f75b8d3964aaa1fcfd2e59f944de075cd6e29a78aa36f2761f5f5982b6755cf2e3be32b4253bc8330aacff382151ac3f21b710a731c13e4e87e43d6fcf352c0ff7dbecca55a57c017d98fef066076b6dad119c986641d6e3eb04d1e23660014fa9e713da84a7d1a2756702206351cf5d72ecb456a1ff800af0990012cc60cd9bbc4b026f39456b77451456c0373b43d359ad9abd2e0d5380b2dac7c23412b8013c34fd6c1fabdc9cf2bdea97e14efee79d089c32b1654622e19ae57c4d24c787498b734ff7991ec28232cf0153b598d34709790b4ec8f9e45d81c78004ae62858e04111b31c589222d3aa51250472c2ba446a1e81e5f95812fae3acd63b39e7f38fae4ff067f3c7dd9793317c690b50580c3a612d94795058249c5b6c0950e908264f80484dd3ca4092ee2f89abfe51b0d73b138971385c834c8a6a7ee2da0b4d2baac05bf19bd2d1897a439945b500a2bb923ed1161dcabab7065e2cfe582452fc0f266f98ecae374c45aa2faffc7eb9714ecf8a6c53f52be376d63e6e6070c7b8a7b45950164e6a000ff8750a1035fe0c12106fc774e7259492f58bb9105a3187f23f36b46bb72fe6fa1868f1ba
Comment voting
The following patterns are intended for use with comments on both Article and Post pages.
Simple comment voting buttons
View code 8efd445727d10f644097d3502210123b70b640accb8034594dedb7dab750b7c503251bec61f1ef009bfb9710bdfd330351207ce5bbd23b249c0399b2b24d9806e4afeb7c3b2d104c769c0104269b0b0c6f41ee7e850fd3acd195a60daa21074ec9ecf366bc0d5508f28eebff150dedc61958de2fe5efcc21b987fd38a6c9cb6a4e3d2b4f972a1e2c9483abed4e97f45d6339435aa492dbf55e015336ca77f839e70398eed1ea400518ed0a1f35e8eb13302de71479c59585e39322f958cde55818f939b655aeef6cf55c8f989fe8ce40df3950d3d816c62ba38778c07db7d44ffb78e0bf08c414e3bb0de7f09e395c96881abdf950a2ac96a288830e94605d77bbb77cbedd69b44f6a6bfaa05fa6f8a38ef686a05de24744732359727b4a18fef1b6ba9c560b068bdc7641f3cedd4b3407b487049dee00b16efdf624554e375e32dd79c9480a8ad3b29c38ce71f0e8df1c7342b38ac30632ae4b8123dcd6af6d1f3f42ad39dd94d71e34589aaaab9a3cdfcf004c467e2a1cec7be174bc474676491f576ea6c01197767940acf945ba0c90c9df39b55b8943e251f4a3ed2caa21ca9a9ed29f91d72bea9087d9c31d978daa5b3317c5367bfb7a8e25396e4a8163fb326c28491b512bef83863ee9f947e68fae329812d6fea2fe3180bdb20d436f588f0a0d7310436f7b9e18e60416690d1276a41d80f52b7ff17ae0de9667b94e54bd0b3672aa7178ca20b364c64a439574e34b3cb1f6c19aa0132dd05008ff189e3fd05eda804bc187924b6f0801e2486196ba51aadb3b778677bc4607f9cf5bd85ab7d4681b993e3b390009de2a6524a0485965d51260679f81f644f44b68bbab333a8a514c77b221557233242798ed633d73a750288318180acc932ee262c8c3b1beb8b4a7682bd063edd1d766884b9352e2bd109c1edd9ee41552c59dd3470f5c4edb94b3b2b4d69351188b2b917a49f879b0ac46392c12715e23c9dbfd2701d819f25be788cd1069c3acab805548f566d0ef6fc973a15b1c81f5d1f37ce53084801f5e4b8e716237fa0ecd47dd0aaf54fc4de5167d7164418876681358257aa51e355bd9a157e49de12e65722db33ac5e94bf88749417523191c4446d6623e16a916b62f4d4ee93617ed913d6e6e4c1896d7055fb54d88698130e31d01a798d7487ac6a2d312bb03c7f5291000357f044fd9cc45e4286048b3538dc5b4ef6f97d5e907d8e0a5f46e442ffa92600890218fd6cd5611561c48f03e00f0fc2b65f4b1d472fcc504a3858a9452965116efac4076dcac26044ab9ee0297fabc59d4c0a2b22179592178eea1583ee9bf6a875b3a24810c9610a170cad65042fc36c28f03885ca00ae5aadf3aa8201daee4d7098a95ae3dd4c30dffbd92879a22a92800b6940b3c7de057788e66b9e8966907510c23dd606e6e6805c029f44172e5a8385454a2c6d8b6bde9a8c3f5c851a81835edf77d9b0a4f9bd1d119bada0be176e5fe90d6a12e3481d64dfee46936ac82c47a088e14f3e5bb16d9eb4cb19fb2ddbd60f3b5c6e65e448a02dd727c2b54c5e8aed2bbea74e7bd9b81f7b12cd38abb3e139e96390830a477da95631124a16606fe54841b6aa7c106979275197a04afccef95597eff47bb5057e22eda7c9ea2214527c2af51710281d1d2457c288929f4b56de8e6e2f035c2cdff35a45f3ce582c5fee442825a062c50057646677ed99c040834a4802786d1ecc35604ef5ba2733176b710b44a3d69319c37e7dacd74d71a3b5fa87a504bd95143014127771aaf467744679359116bface5cb1587840923332d9872a1cb52efcacd867a29adc8f42f14c86971a052f877451b0977d1c49791688c37e2a7c5086171b87918a0d5b0184b9c050241acf511b9f72d1b171024cab8ac976fb1c91756095ed6fae577d508713057fe47fd1de7576afa2c415b7dc707b5943491d2fe89762be0a41c789726dcc764aaa4681980f59cae86d
Comment vote buttons with thumbs up/down icons
View code bea2f4024606dce3ace61c5c1ee982dcf8d67e461a5e9f27a70e87d9995910d3e811b2e40d0b0c44c7f1d69ac75b66d55fdd3f1e9b4e5080201fc9228e243f0b81774817feccb7c4c78d2e1d0c96e617e5926af932264c3055c3a8abcbb8b7ecaea3b0d00868ba5e75ef95480f639cf32ad51e2de00667133d79a8856773ac470c588d8fa377b4571f4b3855ca6938e905d748f55a592209a2287c22d1964219ae82c881c180c331f047238a5621deddc101dd49bb01663d6940f19b7aa5fc2a45ed14db3803a21a708bbf4064d33a529d2a83eeccd34a3fa929ed09696382a75e1c7d5ceda97d9e17918fd02120fe799c0406dc6a3495a6ea02096346c3aad0dfb6d6236ec2faf5491f0d27c874ff2c499c293209f6d771f2d74309262cb585d37686eff0d5ce10e7b992ef168a6f5777e1f002b98550ac180ab099cc87939aa0514916e1050abf3d7b547fc69501049a62f8959aaf26d6b8a153393741f967e447a0616ad52daee1625ddaa5a1b5af83fa1d6dc56629ac58c5404a86e77d398889fc285d4315dd1fba5390e09815f366b226c6d0fffd2c2fd8c3fb08a9bf516be64e10879cc803c1467255f191354c4a31595548e7440b7a196ae5aba9d2979bda0f3ffb4dc676c0302f09dc551dd9fb62a85307b60db5751d9833bca289987769c819526fe17c6413d3da7af54c97b38b308dde903ad7a2af50093a97fd0235147bbeb383e4734dfc388a95ae33a879765296525a426323380d2562eb21656e81916707c8c232c96cf3860e00f32bd6c3657bd9937ee45b825392ef66a2e3aca1d6f4fa9caab9a238aab336277cfc8b7cba17fb49558b0b0afd63e9dee5ab21bf6acb26a4a0d6606fbfaaa8293b5ec85596c0da6bef4fdca7357b2727a9d95bbe6f6c440694ab53cb94480a591ab1b358a004b2d8ac3dac33f1e78c77df57b69c4d4278c08a198fd478ae954006d81f1202dade4e31c6a05e958a12e1b854f8576d270ece987e4edf0a7a812bcf0212e1b9ef4a81ec36f926d4448148c5f7b732b871bb788187b20df68e943dc35801fa85213b146cc264d4f0cfc8188f4b55c7f2c70d64304f2eac35d180baa35b44e0da789c0b576002d80dbf13a12a9b46c26a5251372dd0f95493363abfdfbe3e3e6243bafe9eb3963701de4196752cdf1a22fa21c4fec8554b504273febb950d8d87184649a193552c1b5052e99828f96c190190215b98a1478799c3255a75ffc43542ebbab04cf18dd27782b448ba183baaedcb65c28ea5d38dea77008061614a67edcfbdf123d07c6567cab217dc700bd405fae0d267094a0e32dba1352ad3dd5a128b4a9fa6aceb0a7badb120d2e9b931d4a6b96d8c4e312db59a00298edb0eb887b16428d309f82f6b492f7ca1358bd159c518d74de08479a23441b21ac77cc779f278c6f830ee2abebfbb15d870b11943b74d6c9077a1957b5cbf03ed4675ca868919e75bf9f902f1b41f5e346663ab407b105706b05bb266d03dc30ac54c804a1cbaa8e613ef61f38fdbc9188ca2849e5ed3c0882c8614f9682fccde7f83e20f50666844416db505449807b378db8134e9bcfec8af38076937f16b2c56d595cb7ef19592749b3636eb9023490ac0b8598744d7060d7f16a3b3c0183649fd2c774b126c6574227764a0456fda54ddc3850326c8e8f4bf703ac98100d819551708fd9469c7cb2385dd2afccbfcdb7088dd640557e8d379b7342c7d0d305b5b71c33dc2f64d96e090a5649919558f4f69371b3d981edc31e24ba464590ec45c255354adaa160ed4ffee76e4458f3e25728369a1c65954e950ac4e639a5d27e37b8b30da674fd8584f93d814bbc58d80054d319b24bb6f4fc5007391bd0d8459862c0b10f055b380a25b21aedc478ab3e29a9e9933ef1884c9c35ec8abccd199e1c38e02ddda141f50264396b1b8fa3f1426a4844bbd18a25a5eb300ca0eb12da0df2d6ee3548ee90f820ab338ffc6d9cf7f06896c65d384f27eccebf9606eed05b564cd7bf13e2fa2e8d237adc5e81caa13823ba555f8b9b33a052c3f7d414caf6e8077dee7189743c6bd04e001be0b3a2734528d19809c5156d7673d4ec8d2a3384551d7ebba948fb2597418e2d9071f6c16eb2137dc46809a85cb6ec709bc3e798f66806d14258b16aa9ea5836e2aae3f21a1a9a8cf7f6061b426517686a2d101cbb784306a6d2438f068d934ef9b407d07ca59bdd90e82f770170b8c37fcbb173f1fe45861bc52e8bde02be071054cc09728bea4cc730d95d0dce3877f2db20d25b2a6d248c04eae9b63b90bb253403a9baf95ee940be79001f8ba741a233a6584dd30d1e7eba7115d2398267a98f1ca455619e9382d7950ad1e37bf77840fe0493da94af5a703cb20e333bd06187bfb20760ba9a079541ddea5ec6631d163c14ec65be6e21fc4b92cc19866b5010babfad54fa2390126f4999b2e898ddc646566862b8cb374092721fb9c5ece833c4f9d246a3a60656c4f7e7f87ebe97c8c015ec288af99d169187ece4995515e439ea97eb836b9cb5a8e23b2a95f9ccd2bc68b32c1ea24d006e27c5b50eb20aade8c0c4bd90fb07ea607b34b6c9f9e4b190e17a3c249ca218945aa28f520c927b88470a734396ed924eaebde7bba6d999a28d84322ffd398f965ef7581901a2f8625d8cdc84dad519c6ebfd5dcc436c994bc79005d32af70aa58d37c8bf08277033122af889ef2685891c54c58091bb5b1aac12801ca6e12e00f64a424980ab7311c54e7b4248e4f5fedf4dfbc815597165d16c4c7405c57a024c84bdfedb7d7fd510ce12880c19070c09e783c16a692cdbe840f584e8328b638898d616fbccde769c3672770ec07ec7ff6bf7b5d4ee21307a5214554a7bff62cc33ab0860b3c161d939633ed43f70c21a4676420e8404590a57737d09091b995d5ae7bb241a059573bfddb5e5f494e76512b0573bbc6e7cd995ec5a0925309ecd39ea62db634499972521a4b59de09f7369dc39844a1c5c6e3059fbf637e5f6d313064ba4278e47db406234692ace64fc362efcdb1f9ad0caf95e7fececbb64fa26de1a903caf845b3c61a8c33721380c581043b04d82486c95c0d211bf7c516ae731c52641b531a20ee04f5bd0226f8cfec53b7755b48a8fa0ebe86b0d8a29e6f48a5c5f00fa8dfe91d574d308452ed3676c11addd736310a5e976ed6d60afe9834a8b935b6f582d6e55f57f8fd09a94dd82e1df8a2c50defc7cd922d80b61e574f4142f07fe5d7205610b8348373d20ecc91581b14c7ded2d339388147aa103afb9097c00ad4b3d94f6691879f26dfec384be7b40a2dc18ac17d53adb072e5c9685eb3d07571f46644685ed3730c6d3524c7a081343f96f3db2afcabff1ea5e7b241f9eb30d5289a317e8a75a76d52674dd84bb1f093094b2dd00d7dd6b70355aa962cf5c1acd0fa39ea9f35b6f8f649295463fad93c1efc33884e2d00f0436b7fcc4d990f2e1c7f22b7acb655b824399625b9b37c2382a8525347c17f49d5954911074e626383b62a6c5515829cf742a1ad1397887a7a03faa0f3c48fee944f13384434e3e19445504366170a1c5072d2e97b40bdc538cae806f7622335cb9700ae199bee362a994ca3df4b0408e920ecdc2bb3f7360e26f2699583858518c4f1f1e8f1b3d441bf256791a6591a8756cb1824866e58251f7ee34b687d82d4c759b3c1
Use .media to present vertical vote buttons beside the comment body.
Vertical comment vote buttons
View code 155fb2a4510d825c0a9933534a28acca6f237e1accba118b176089bb93b49f636966a3efe7f2bd9440fb8ea85fd278ec542daf5fdf4465a080d37c41dea60904a46eb7a26da773c90dfcf3b8bb074c9915c3b16eb00610f306d7040e1d5c0ff85a3af93b4b312968fa8c12b8ce357ffcbdcbee049a24ec30d70c5236a51f9d79541e831962ecb94a68f798cd6ac28c00863babfb82acf73d3f7cfd932dc287783d8cd1a22939ea90db781af6a743588da92be1a136ee43549bbcb7910f6be68863b589681e83cf311ebad944eca60a816549b61d07c28f02fc45b534be380af1eb52a01342e852354cfe7b5f242c6fa70cb4127a3e9e2453b6f65a61cb3d94cd74e1addb8dcfe2f7e7e33f8956e14b4305397cff082ac33ef23fdca0265c6e7c4ed13344b012ff4b8ada0ee19331a8571a523d20b7d6f3228fa6695fcb9553f7e95c90ea5f18b7a7d81aadf141a6ad5cfb86e4c87bf2e7ba27441e681eb4ab03aa880a16750201601007543507498c30b866905c4a39d9ae53ebee10f858ed76fcc82df1433aab92730d19b61f9fe628e73bf5d42b9e2c94ffa45f2cab75f670346189208007a0d111fe7330978e83aea3f111b4d90d8a7748091f1c48d7b8775169e910e3c0d287250c6669f7a5e5ecc832b48b3034b7d1f00a82c803f8480b1d6d3d5520119e15da96582553aa41c45ffa49e808f7b0f3a38f3f284d80244da9b1fbed0cb3094ea00929f487b280dfb79f25de5f9b1559714473e771c91f52ad3d449ca632e385044758327dbef6a2166b40305d426cc471769d5ca618a47159d5f23f115c637f021e92657f2d6df90c0afd79499f68238631d7970485191b3f516f9de4a92ea393bb36276a97a9c4bc9a9ee40c8bab7ccfcfbe26f5e3e32142faa1c8935e195b4f38ac690642b014d075b06811ebf60b882a5e7e824c62011a3b08adf1a108f681ba319429831e57d28d058f62b4c8ac54fd3154cf1d9319152c07239ac52192b680883131d9894672fd4e21e4f1ab865d64793dc8c9a41e45e36342b10578b3a9d31b5fd8f1e1ba7b9ad6cdcfec6be1e6b0eaf36d97ff161c6f9e9f5a4cadccf5b0d7a44fcff8df7fb8da16c84cb7767eff8d8d5cd3caeb829d4ddd6ee940c292021bae6a1e61c7b213b3829cd19d1a6e4b3b17caa1f0f310682049e9a97ced0b226a7149e1d3a3dda114551a67582ec0f1372ed899a36a2d0a46a77f3f37f489a9c536bd51ff484548d12b0bb454574848ad5a1e3b53d9b877514ab7afbd8b69c9cc08e15f85ddd32c7df3b0923213c3345bea1a409383583207cb3fe896f4092fd389cbd48754a70e1b5748f9ab0634f9d455b6fc4c17656918df81df106a3f4b194350f3782a76cf9029e8df69575cb4e01739f81488b357b22fb6d41116df4fa4103a38eaafa40e03d361e1142c30d63e0510cdacba1aaa6a5e25161c13c1aa4fdb159bb184972452d2f002b842339d2624b13f3515a0e366beb321ada6fec1431e6cd8c86c4a3c3df72c3bee8adcb22e43650580f426563e6c17689a5f13485e249c2d09853274408dd876edf16bb1d0d84ed1d034a4592ee64326020a4b5864a54c3ff0b8418166f7b4f80eddb1fb1af9051386745e69fbef7a4e06191d54ef1afdeaf50992d40bcfcbde728045539b406f5ac3fdab350136b5d5e2391cedfee61b6a78e55ba5d0d4d942ff704fa5b0af8004bdadce72d747b399be8b6bb94026c39508169dba85fcec55a0db8809e19fa7499ef4216686e5045f6dd466656ec22a8783f4114bc4fe9d533077ea4eedb0a0c5c02db1fd1f507d712240a5853f395eaacca303538ed228f4bc9de6029bfc66561f58ee8b9f4e0af963a5931e9e04131f09b044744c8e25468391ad897504cace7894ec7203421ab781c92107289491a600aec3071aa654e9170ac6d870bf48912e8a56705d1be3ac907bc664ce6a6a02cbccc864e6562665e0e91be67dbf48c6999beed08ae2a2991a718d8686b22f5d2c6822a405f3829e698c8957b80f3ff3a471a8245871a99b7cfcc15f6d1307778b01
Using voting patterns
Voting button build upon the {{vote}} helpers available on the Article page and Community Post page. You can use them to allow users to vote on articles and post, or comments added to either.
Article voting
Article voting patterns can be used anywhere on the Article page (article_page.hbs) that has access to the article object. Simply copy and paste the code of your selected pattern into the position you’d like it to appear on the page.
Post voting
Post voting button patterns can be used anywhere on the Community Post page (community_post_page.hbs) that has access to the post object. Simply copy and paste the code of your selected pattern into the position you’d like it to appear on the page.
Unlike on the Article page, there is no translated text available for a heading or a {{request_callout}} helper, but you can add your own custom translated text using dynamic content when localizing your theme.
Comment voting
Comment voting patterns are designed to be used within a comment loop on the Article and Community Post pages.
{{#each comments}}
// Add your selected pattern code within this loop
{{/each}}
