View on GitHub

Pokio

Asocial feedback for websites.

Download this project as a .zip file Download this project as a tar.gz file

Home | Examples

As <span> tag:


                    <span id="span-pok" class="pok i"></span>

                    <span id="span-pok" class="pok o"></span>

As <img> tag:


                    <img src="pokio.svg" alt="pokio" class="pok i" id="image-pok" />

                    <img src="pokio.svg" alt="pokio" class="pok o" id="image-pok" />

As <span> tag as inline text:


                    text <span class="pok-text i" id="inline1-pok">&#9678;</span>

                    <span class="pok-text o" id="inline1-pok">&#9673;</span> text

text ◎ ◉ stuffs

Sizing:


                    <span id="n3-pok" class="pok i" style="width:124px;height:124px;"></span>

                    <span id="n4-pok" class="pok o" style="width:84px;height:84px;"></span>

                    <span id="n5-pok" class="pok i" style="width:54px;height:54px;"></span>


                        <span class="pok-text o" id="t1-pok" style="font-size:4em;">&#9673;</span>

                        <span class="pok-text i" id="t2-pok" style="font-size:3em;">&#9678;</span>

                        <span class="pok-text o" id="t3-pok" style="font-size:2em;">&#9673;</span>

text ◉ ◎ ◉ ◎ ◉ stuffs