JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

HTML

<div class="video-rating-box">
        <form target=_self method=POST action="[% HTTP_X_URI %]">
        <input type=hidden name=do value=rating>
           <a href="[% HTTP_X_URI %]?do=rating&rating=-2" title="vote -2"></a>
           <a href="[% HTTP_X_URI %]?do=rating&rating=-1" title="vote -1"></a>
           <a href="[% HTTP_X_URI %]?do=rating&rating=0" title="vote 0"></a>
           <a href="[% HTTP_X_URI %]?do=rating&rating=1" title="vote 1"></a>
           <a href="[% HTTP_X_URI %]?do=rating&rating=2" title="vote 2"></a>
        </form>
        [% IF msg_vote %][% msg_vote | mark_raw %][% END %]
    </div>

CSS

.video-rating-box a{
    display: inline-block;
    vertical-align: top;
    background: url(/images/star.png) no-repeat;
}
.video-rating-box a:hover{
    background: url(/images/star-hover.png) no-repeat;
}