app/views/badge.erb
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
<div class="container <%= options[:theme] %>-container">
<div class="icon <%= options[:theme] %>-icon">
<% case options[:icon] %>
<% when "default" %>
<svg width="30" height="30" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M40 20c0 11.046-8.954 20-20 20S0 31.046 0 20 8.954 0 20 0s20 8.954 20 20" fill="#DA552F"></path><path d="M22.667 20H17v-6h5.667c1.656 0 3 1.343 3 3s-1.344 3-3 3m0-10H13v20h4v-6h5.667c3.866 0 7-3.134 7-7s-3.134-7-7-7" fill="#FFF"></path></g></svg>
<% when "golden_kitty" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g fill="none"><path d="M12.512 24.832c.287-.272 10.631-.277 10.92-.007.288.271.29 3.562.002 3.833-.288.271-10.631.277-10.92.007-.288-.271-.29-3.562-.002-3.833" fill="#DC5324"/><path d="M13.264 27.766a3.064 3.064 0 0 1-.091-.59 10.022 10.022 0 0 1-.028-.772c0-.268.01-.537.028-.772a3.06 3.06 0 0 1 .09-.59.267.267 0 0 1 .328-.171c.14.037.222.175.182.307a2.713 2.713 0 0 0-.072.491c-.017.22-.026.477-.026.735s.009.516.026.735c.017.218.045.403.072.49a.248.248 0 0 1-.182.308.268.268 0 0 1-.327-.171" fill="#FFF"/><path d="M10.458 28.506c.21-.198 14.683-.207 14.894-.008.212.198.213 2.613.002 2.812-.211.198-14.683.207-14.895.009-.211-.199-.213-2.614-.001-2.813m4.01-7.048c-2.913-1.128-3.76-3.43-3.385-4.576.104-.315.327-.588.672-.488 1.264.367.658 3.79 3.76 4.868.037.012.07.08.056.126-.022.066-.499.25-1 .105a1.378 1.378 0 0 1-.103-.035" fill="#E3C100"/><path d="M16 23.199c-.123.543-.345 1.075-.797 1.075-1.522 0-3.463-18.17.096-21.709.293.353.539 1.217.624 1.892 1.064-.189 2.87-.189 3.935 0 .084-.675.33-1.539.623-1.892 3.56 3.54 1.562 21.71.04 21.71-.452 0-.675-.533-.798-1.076-1.652.18-2.07.18-3.722 0" fill="#E3C100"/><path d="M19.784 7.546a.416.416 0 0 1 .383-.242c.173 0 .32.1.383.242.077.177.293.26.48.188a.34.34 0 0 0 .2-.452 1.152 1.152 0 0 0-1.063-.67c-.48 0-.891.277-1.063.67a.34.34 0 0 0 .2.452.376.376 0 0 0 .48-.188m-4.476 0a.416.416 0 0 1 .383-.242c.173 0 .32.1.383.242.078.177.293.26.48.188a.34.34 0 0 0 .2-.452 1.153 1.153 0 0 0-1.063-.67c-.48 0-.89.277-1.063.67a.34.34 0 0 0 .2.452.376.376 0 0 0 .48-.188m4.459 1.721a.777.777 0 0 1-.753.541h-.002c-.431 0-.782-.329-.783-.735 0-.191-.165-.346-.368-.345a.357.357 0 0 0-.368.347v.002c0 .406-.35.737-.78.737h-.004a.777.777 0 0 1-.753-.536.371.371 0 0 0-.454-.24.344.344 0 0 0-.255.427c.18.602.766 1.041 1.462 1.042h.006c.838-.002 1.514-.643 1.514-1.43v-.004c0-.091-.04-.18-.108-.244a.382.382 0 0 0-.52 0 .338.338 0 0 0-.108.246c.003.788.682 1.426 1.52 1.426h.003c.698-.003 1.285-.445 1.461-1.05a.344.344 0 0 0-.258-.426.371.371 0 0 0-.452.242" fill="#B87654"/><path d="M20.55 17.97a17.48 17.48 0 0 1-.547 3.35.23.23 0 0 0 .179.28.246.246 0 0 0 .297-.169c.3-1.13.486-2.287.56-3.433a.235.235 0 0 0-.23-.244.241.241 0 0 0-.26.216m-5.619-6.188c.003.26.01.52.02.778a.235.235 0 0 1-.234.24c-.136.006-.25-.093-.255-.221a25.417 25.417 0 0 1-.022-.792c-.002-.127.107-.232.242-.233.136-.002.247.1.248.228m.502 8.841c-.176-2-.406-3.99-.48-5.982a.24.24 0 0 0-.254-.223.238.238 0 0 0-.237.239c.076 2.014.307 4.012.482 6.004.011.127.13.221.265.21a.234.234 0 0 0 .224-.248" fill="#FFF"/><path d="M9.135 33.69c.179.169 17.427.159 17.606-.01.179-.168.177-2.214-.002-2.382-.18-.169-17.427-.158-17.606.01-.179.169-.177 2.214.002 2.383" fill="#DC5324"/></g></svg>
<% when "monthly" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill-rule="nonzero" transform="translate(6 4)"><path fill="#E3C101" d="M10.424 17.26h2.909v8.945h-2.909z"/><path fill="#FFDA75" d="M10.424 17.26h1v8.945h-1z"/><path d="M10.424 17.26v3.822a5.95 5.95 0 0 0 1.649.557c.336.057.588.414.591.839v3.724h.67V17.26h-2.91z" fill="#D4B507"/><path d="M18.327 17.63h-2.695v-2.423h2.695c1.927-.003 3.489-1.953 3.491-4.36V8.545c0-.334-.217-.605-.485-.605h-3.362V5.517h3.362c1.34 0 2.425 1.356 2.425 3.028v2.302c-.004 3.744-2.433 6.778-5.43 6.783z" fill="#F0CD0A"/><path d="M22.919 6.262c.727 1.05.596 1.93.596 4.282-.004 3.013-1.595 5.663-3.91 6.51-.204.075-.425.008-.579-.176a.871.871 0 0 1-.168-.714c.068-.344.12-.693.153-1.045-.451.112-.449.085-3.38.085v2.423h2.696c2.998 0 5.43-3.035 5.43-6.78 0-2.226.192-3.467-.838-4.585z" fill="#E7C60F"/><path d="M8.124 17.63H5.43C2.433 17.625.004 14.59 0 10.847V8.545c0-1.672 1.085-3.028 2.424-3.028h3.363V7.94H2.424c-.268 0-.485.27-.485.605v2.302c.003 2.407 1.564 4.357 3.491 4.36h2.694v2.423z" fill="#F0CD0A"/><path d="M5.544 5.517v2.12h-.742l.017-2.12-.213 1.448c-.054.385-.322.666-.635.666H2.18c-.267 0-.484.271-.484.605 0 2.299-.213 3.982 1.151 5.527-.582-.797-.906-1.837-.909-2.916V8.545c0-.334.217-.605.485-.605h3.363V5.517h-.243z" fill="#D1B208"/><path fill="#F69652" d="M5.045 5.517h1v2.422h-1z"/><path d="M5.166 15.192c.079.517.196 1.024.35 1.514.043.137.03.29-.037.412-.066.122-.176.194-.294.194-1.38 0-2.709-.658-3.713-1.841 1.873 2.489 3.878 2.144 6.65 2.144v-2.423c-3.031.015-2.711.021-2.956 0z" fill="#D0B208"/><path d="M18.938 2.513H4.82v9.933c0 4.87 3.162 8.819 7.061 8.819 3.9 0 7.06-3.949 7.06-8.82l-.002-9.932z" fill="#E3C101"/><path d="M21.09 7.637h-.969c-.468 0-.864-.43-.93-1.008l-.127-1.112h-1.093V7.94c3.617 0 3.413-.03 3.561.054-.078-.217-.25-.357-.441-.357z" fill="#E7C510"/><path d="M5.27 12.446V2.513h-.45v9.933c0 2.387.774 4.673 2.147 6.334 1.373 1.66 3.227 2.555 5.137 2.477-3.808-.152-6.833-4.052-6.834-8.811z" fill="#FCD707"/><path d="M18.002 2.513V4.31H5.27l11.75.809c.547.044.971.612.97 1.296v6.032c0 4.637-2.875 8.481-6.58 8.796 1.95.163 3.866-.691 5.293-2.358 1.426-1.667 2.235-3.998 2.235-6.438V2.513h-.936z" fill-opacity=".2" fill="#FFF"/><rect fill="#E3C101" x="4.121" width="15.515" height="4.306" rx="1.2"/><path d="M19.217.215c.22.4.172.56.172 2.57 0 .67-.434 1.212-.97 1.212-14.703 0-13.77.091-14.126-.215.4.724-.31.524 14.374.524.535 0 .97-.542.97-1.211 0-1.917.108-2.426-.42-2.88z" fill="#D2B309"/><path d="M17.913 29.07H5.845c-.2 0-.386-.131-.49-.345a.875.875 0 0 1-.02-.703L6.97 24.11c.197-.473.589-.769 1.015-.77h7.785c.426.001.818.297 1.015.77l1.64 3.912a.875.875 0 0 1-.02.704c-.105.214-.291.345-.492.344z" fill="#333"/><path d="M5.47 28.022l1.633-3.912c.198-.473.589-.769 1.016-.77-.51 0-.912.2-1.15.77l-1.636 3.912a.875.875 0 0 0 .02.703c.103.214.289.345.49.345h.133c-.2-.002-.385-.133-.489-.347a.875.875 0 0 1-.018-.7z" fill="#4D4D4D"/><path d="M18.424 28.022l-1.636-3.912c-.198-.473-.59-.769-1.016-.77H7.988l7.387.755c.361.037.68.31.838.717l.994 2.568a.74.74 0 0 1-.016.577c-.083.177-.232.29-.396.298l-10.95.815h12.068c.2 0 .387-.13.492-.344a.875.875 0 0 0 .02-.704z" fill="#1F1F1F"/><path d="M18.667 0H5.09c-.536 0-.97.542-.97 1.211v1.884l.35-2.087c.053-.328.281-.566.55-.575L18.667 0z" fill="#FFDA75"/></g><path d="M22 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0" fill="#DC5324" opacity=".662"/><path d="M18.476 15.125h-1.103v-1.178h1.103c.322 0 .583.264.583.59a.586.586 0 0 1-.583.588m0-1.963h-1.881v3.926h.778V15.91h1.103c.752 0 1.362-.615 1.362-1.374 0-.759-.61-1.374-1.362-1.374" fill="#FFF"/></g></svg>
<% when "weekly" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(9 4)" fill="none"><path d="M1.163.217h15.674a.54.54 0 0 1 .548.532v.728a.54.54 0 0 1-.548.533H1.163a.54.54 0 0 1-.548-.533V.75a.54.54 0 0 1 .548-.532z" fill="#F0CD0A"/><path d="M1.743 2.01h14.514v9.347c0 .36-.309.493-.603.665l-6.67 3.836-6.638-3.836c-.294-.172-.603-.305-.603-.665V2.01z" fill="#C75C5C"/><path d="M1.743 2.01h3.903v11.922l-3.3-1.91c-.294-.172-.603-.305-.603-.665V2.01zm10.611 0h3.903v9.347c0 .36-.309.493-.603.665l-3.3 1.903V2.01z" fill="#4F5D73"/><ellipse fill="#F0CD0A" cx="9" cy="19.005" rx="8.88" ry="8.995"/><ellipse fill="#D2B309" cx="9" cy="19.005" rx="7.659" ry="7.758"/><ellipse fill="#E3C101" cx="9" cy="19.005" rx="7.412" ry="7.507"/><path d="M7.624 17.51c-.286 0-.525.023-.811.016a10.29 10.29 0 0 0-1.538.125.862.862 0 0 0-.286.125.347.347 0 0 0-.162.258v.079a.89.89 0 0 0 .24.462l1.777 1.385-.333 1.128c-.054.187-.108.367-.162.563a2.126 2.126 0 0 0-.124.806.4.4 0 0 0 .38.415 1.09 1.09 0 0 0 .64-.266c.194-.125.364-.25.55-.383l.672-.47c.047-.034.096-.066.147-.094.355-.25.185-.25.68.078.317.212 1.368.979 1.507 1.041.394.173.765.102.765-.336a3.025 3.025 0 0 0-.209-1.057l-.417-1.425a1.56 1.56 0 0 1 .27-.211l1.353-1.057a.792.792 0 0 0 .394-.665.398.398 0 0 0-.162-.25c-.286-.212-.727-.157-1.028-.212-.108-.024-1.515-.055-1.615-.055-.008-.078-.194-.564-.24-.697l-.51-1.378c-.402-.822-.904-.407-1.152.33l-.626 1.745z" fill="#FFF2B5"/><path d="M11.087 12.656c2.843.686 4.873 3.225 4.944 6.185.07 2.959-1.836 5.595-4.643 6.42 1.724-1.332 2.86-3.61 2.86-6.193 0-2.724-1.268-5.112-3.161-6.412z" fill-opacity=".2" fill="#FFF"/><path fill-opacity=".149" fill="#1A1A1A" d="M1.743 2.01h14.514v.579H1.743z"/><path d="M9 10.01a8.785 8.785 0 0 1 6.015 2.38l.338-.195a8.82 8.82 0 0 0-6.361-2.733 8.82 8.82 0 0 0-6.368 2.717l.363.209A8.785 8.785 0 0 1 9 10.01z" fill-opacity=".102" fill="#1A1A1A"/></g></svg>
<% when "daily_1" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(8 4)" fill="none" fill-rule="evenodd"><path d="M4.33 16.364L.328 24.9c-.126.258.007.42.427.34l3.258-.708a.244.244 0 0 1 .317.17l1.467 3.007c.14.324.302.39.428.133l4.26-8.934-6.155-2.544zm12.34 0l4.002 8.536c.133.258-.007.42-.427.34l-3.258-.708a.246.246 0 0 0-.317.17l-1.467 3.007c-.14.324-.295.39-.428.133l-4.26-8.934 6.155-2.544z" fill="#DE7818" fill-rule="nonzero"/><path d="M9.298 21.392c0 .007-.014 0-.029 0a10.44 10.44 0 0 1-5.97-2.742c-.008-.008-.03-.015-.023-.023l.184-.39c.008-.015.022.022.03.03 1.577 1.466 3.767 2.388 6.007 2.66.008 0 .023 0 .023.008l-.222.457z" fill="#B35454" fill-rule="nonzero"/><circle fill="#F0CD0A" fill-rule="nonzero" cx="10.5" cy="10.489" r="10.489"/><circle fill="#D2B309" fill-rule="nonzero" cx="10.5" cy="10.489" r="9.045"/><circle fill="#E3C101" fill-rule="nonzero" cx="10.75" cy="10.75" r="8.75"/><path d="M9.45 14.755h2.15V6.3H9.45L7.3 7.765v1.851L9.34 8.24h.11z" fill="#FFF2B5"/><path d="M12.97 3.089a7.604 7.604 0 0 1 .353 14.698c2.035-1.555 3.384-4.209 3.384-7.224 0-3.184-1.504-5.963-3.738-7.474z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero"/><path d="M11.702 21.392c.007.007.022 0 .029 0 2.293-.288 4.4-1.21 5.986-2.728.007-.007.029-.014.022-.022l-.185-.39c-.007-.015-.022.022-.03.029-1.577 1.467-3.773 2.374-6.021 2.646-.008 0-.023 0-.023.008l.222.457z" fill="#B35454" fill-rule="nonzero"/></g></svg>
<% when "daily_2" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(9 4)" fill="none"><path d="M1.163.217h15.674a.54.54 0 0 1 .548.532v.728a.54.54 0 0 1-.548.533H1.163a.54.54 0 0 1-.548-.533V.75a.54.54 0 0 1 .548-.532z" fill="#F0CD0A"/><path d="M1.743 2.01h14.514v9.347c0 .36-.309.493-.603.665l-6.67 3.836-6.638-3.836c-.294-.172-.603-.305-.603-.665V2.01z" fill="#C75C5C"/><path d="M1.743 2.01h3.903v11.922l-3.3-1.91c-.294-.172-.603-.305-.603-.665V2.01zm10.611 0h3.903v9.347c0 .36-.309.493-.603.665l-3.3 1.903V2.01z" fill="#4F5D73"/><ellipse fill="#F0CD0A" cx="9" cy="19.005" rx="8.88" ry="8.995"/><ellipse fill="#D2B309" cx="9" cy="19.005" rx="7.659" ry="7.758"/><ellipse fill="#E3C101" cx="9" cy="19.005" rx="7.412" ry="7.507"/><path d="M7.624 17.51c-.286 0-.525.023-.811.016a10.29 10.29 0 0 0-1.538.125.862.862 0 0 0-.286.125.347.347 0 0 0-.162.258v.079a.89.89 0 0 0 .24.462l1.777 1.385-.333 1.128c-.054.187-.108.367-.162.563a2.126 2.126 0 0 0-.124.806.4.4 0 0 0 .38.415 1.09 1.09 0 0 0 .64-.266c.194-.125.364-.25.55-.383l.672-.47c.047-.034.096-.066.147-.094.355-.25.185-.25.68.078.317.212 1.368.979 1.507 1.041.394.173.765.102.765-.336a3.025 3.025 0 0 0-.209-1.057l-.417-1.425a1.56 1.56 0 0 1 .27-.211l1.353-1.057a.792.792 0 0 0 .394-.665.398.398 0 0 0-.162-.25c-.286-.212-.727-.157-1.028-.212-.108-.024-1.515-.055-1.615-.055-.008-.078-.194-.564-.24-.697l-.51-1.378c-.402-.822-.904-.407-1.152.33l-.626 1.745z" fill="#FFF2B5"/><path d="M11.087 12.656c2.843.686 4.873 3.225 4.944 6.185.07 2.959-1.836 5.595-4.643 6.42 1.724-1.332 2.86-3.61 2.86-6.193 0-2.724-1.268-5.112-3.161-6.412z" fill-opacity=".2" fill="#FFF"/><path fill-opacity=".149" fill="#1A1A1A" d="M1.743 2.01h14.514v.579H1.743z"/><path d="M9 10.01a8.785 8.785 0 0 1 6.015 2.38l.338-.195a8.82 8.82 0 0 0-6.361-2.733 8.82 8.82 0 0 0-6.368 2.717l.363.209A8.785 8.785 0 0 1 9 10.01z" fill-opacity=".102" fill="#1A1A1A"/></g></svg>
<% when "daily_3" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(8 4)" fill="none" fill-rule="evenodd"><path d="M4.33 16.364L.328 24.9c-.126.258.007.42.427.34l3.258-.708a.244.244 0 0 1 .317.17l1.467 3.007c.14.324.302.39.428.133l4.26-8.934-6.155-2.544zm12.34 0l4.002 8.536c.133.258-.007.42-.427.34l-3.258-.708a.246.246 0 0 0-.317.17l-1.467 3.007c-.14.324-.295.39-.428.133l-4.26-8.934 6.155-2.544z" fill="#DE7818" fill-rule="nonzero"/><path d="M9.298 21.392c0 .007-.014 0-.029 0a10.44 10.44 0 0 1-5.97-2.742c-.008-.008-.03-.015-.023-.023l.184-.39c.008-.015.022.022.03.03 1.577 1.466 3.767 2.388 6.007 2.66.008 0 .023 0 .023.008l-.222.457z" fill="#B35454" fill-rule="nonzero"/><circle fill="#A54E24" fill-rule="nonzero" cx="10.5" cy="10.489" r="10.489"/><circle fill="#A76236" fill-rule="nonzero" cx="10.5" cy="10.489" r="9.045"/><circle fill="#BD6E3C" fill-rule="nonzero" cx="10.75" cy="10.75" r="8.75"/><path d="M9.35 11.404h1.037c.82 0 1.318.398 1.318 1.048 0 .633-.527 1.067-1.289 1.067-.814 0-1.336-.399-1.365-1.043H7c.076 1.658 1.406 2.736 3.38 2.736 2.07 0 3.51-1.066 3.51-2.596 0-1.09-.744-1.857-1.91-1.98v-.111c.95-.176 1.6-.944 1.6-1.916 0-1.366-1.289-2.309-3.164-2.309-1.963 0-3.228 1.055-3.258 2.707H9.11c.024-.662.522-1.102 1.26-1.102.75 0 1.213.381 1.213.997 0 .615-.475 1.02-1.195 1.02H9.35v1.482z" fill="#FFC07A"/><path d="M12.97 3.089a7.604 7.604 0 0 1 .353 14.698c2.035-1.555 3.384-4.209 3.384-7.224 0-3.184-1.504-5.963-3.738-7.474z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero" opacity=".618"/><path d="M11.702 21.392c.007.007.022 0 .029 0 2.293-.288 4.4-1.21 5.986-2.728.007-.007.029-.014.022-.022l-.185-.39c-.007-.015-.022.022-.03.029-1.577 1.467-3.773 2.374-6.021 2.646-.008 0-.023 0-.023.008l.222.457z" fill="#B35454" fill-rule="nonzero"/></g></svg>
<% when "daily_4" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(8 4)" fill="none" fill-rule="evenodd"><path d="M4.33 16.364L.328 24.9c-.126.258.007.42.427.34l3.258-.708a.244.244 0 0 1 .317.17l1.467 3.007c.14.324.302.39.428.133l4.26-8.934-6.155-2.544zm12.34 0l4.002 8.536c.133.258-.007.42-.427.34l-3.258-.708a.246.246 0 0 0-.317.17l-1.467 3.007c-.14.324-.295.39-.428.133l-4.26-8.934 6.155-2.544z" fill="#DE7818" fill-rule="nonzero"/><path d="M9.298 21.392c0 .007-.014 0-.029 0a10.44 10.44 0 0 1-5.97-2.742c-.008-.008-.03-.015-.023-.023l.184-.39c.008-.015.022.022.03.03 1.577 1.466 3.767 2.388 6.007 2.66.008 0 .023 0 .023.008l-.222.457z" fill="#B35454" fill-rule="nonzero"/><circle fill="#A54E24" fill-rule="nonzero" cx="10.5" cy="10.489" r="10.489"/><circle fill="#A76236" fill-rule="nonzero" cx="10.5" cy="10.489" r="9.045"/><circle fill="#BD6E3C" fill-rule="nonzero" cx="10.75" cy="10.75" r="8.75"/><path d="M10.648 14.755v-1.371H6.5v-1.799c.768-1.47 1.74-3.07 3.2-5.285h2.982v5.408h1.054v1.676h-1.054v1.371h-2.034zm-2.29-3.076v.105H10.7V7.835h-.105c-.721 1.113-1.29 2.074-2.239 3.844z" fill="#FFC07A"/><path d="M12.97 3.089a7.604 7.604 0 0 1 .353 14.698c2.035-1.555 3.384-4.209 3.384-7.224 0-3.184-1.504-5.963-3.738-7.474z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero" opacity=".618"/><path d="M11.702 21.392c.007.007.022 0 .029 0 2.293-.288 4.4-1.21 5.986-2.728.007-.007.029-.014.022-.022l-.185-.39c-.007-.015-.022.022-.03.029-1.577 1.467-3.773 2.374-6.021 2.646-.008 0-.023 0-.023.008l.222.457z" fill="#B35454" fill-rule="nonzero"/></g></svg>
<% when "daily_5" %>
<svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g transform="translate(8 4)" fill="none" fill-rule="evenodd"><path d="M4.33 16.364L.328 24.9c-.126.258.007.42.427.34l3.258-.708a.244.244 0 0 1 .317.17l1.467 3.007c.14.324.302.39.428.133l4.26-8.934-6.155-2.544zm12.34 0l4.002 8.536c.133.258-.007.42-.427.34l-3.258-.708a.246.246 0 0 0-.317.17l-1.467 3.007c-.14.324-.295.39-.428.133l-4.26-8.934 6.155-2.544z" fill="#DE7818" fill-rule="nonzero"/><path d="M9.298 21.392c0 .007-.014 0-.029 0a10.44 10.44 0 0 1-5.97-2.742c-.008-.008-.03-.015-.023-.023l.184-.39c.008-.015.022.022.03.03 1.577 1.466 3.767 2.388 6.007 2.66.008 0 .023 0 .023.008l-.222.457z" fill="#B35454" fill-rule="nonzero"/><circle fill="#A54E24" fill-rule="nonzero" cx="10.5" cy="10.489" r="10.489"/><circle fill="#A76236" fill-rule="nonzero" cx="10.5" cy="10.489" r="9.045"/><circle fill="#BD6E3C" fill-rule="nonzero" cx="10.75" cy="10.75" r="8.75"/><path d="M10.605 14.984c2.039 0 3.386-1.248 3.386-3.077 0-1.646-1.148-2.836-2.753-2.836-.868 0-1.465.34-1.793.868h-.112l.158-1.963h3.967V6.3H7.833l-.398 4.951h1.892c.27-.428.692-.697 1.29-.697.785 0 1.347.562 1.347 1.406 0 .826-.557 1.365-1.342 1.365-.709 0-1.271-.41-1.37-1.03H7.3c.03 1.534 1.342 2.689 3.305 2.689z" fill="#FFC07A"/><path d="M12.97 3.089a7.604 7.604 0 0 1 .353 14.698c2.035-1.555 3.384-4.209 3.384-7.224 0-3.184-1.504-5.963-3.738-7.474z" fill-opacity=".2" fill="#FFF" fill-rule="nonzero" opacity=".618"/><path d="M11.702 21.392c.007.007.022 0 .029 0 2.293-.288 4.4-1.21 5.986-2.728.007-.007.029-.014.022-.022l-.185-.39c-.007-.015-.022.022-.03.029-1.577 1.467-3.773 2.374-6.021 2.646-.008 0-.023 0-.023.008l.222.457z" fill="#B35454" fill-rule="nonzero"/></g></svg>
<% end %>
</div>
<div class="aside">
<h5 class="title <%= options[:theme] %>-text"><%= options[:title].upcase %></h5>
<p class="subtitle <%= options[:theme] %>-text"><%= options[:subtitle] %></p>
</div>
<% if options[:upvote_count] && options[:upvote_count] > 0 %>
<div class="vote-wrapper">
<div class="upvote <%= options[:theme] %>-vote">
<svg width="9" height="8" viewBox="0 0 9 8" xmlns="http://www.w3.org/2000/svg"><path d="M9 8H0l4.5-8L9 8z" fill-rule="evenodd"/></svg>
</div>
<h3 class="upvote-label <%= options[:theme] %>-text"><%= options[:upvote_count] %></h3>
</div>
<% end %>
</div>
</body>