vuvuzela | code

Symbols | Hover for meaning
✹ ✦ ☁ ☂ ϟ

month

00 - CharacterName

(✹) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

00 - CharacterName

(✦) Lorem ipsum dolor sit amet.

00 - CharacterName

(☁) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

00 - CharacterName

(☂) Lorem ipsum dolor sit amet, consectetur adipiscing elit.

00 - CharacterName

(ϟ) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

DEVELOPMENT

To be written

This is meant to be a very simple thread tracker, which, in my opinion, looks best on a layout that keeps the stylized comment pages. Here and here are a couple of examples (note these are my own, they're ridiculous, I'm sorry.)

Without stylized comment pages
( As seen above )

<raw-code><div style="width:500px;font-family:century gothic;margin:0 auto;">
<center><small>Symbols | Hover for meaning</small> <br />
<font title="Thread was overall more cheery">✹</font> 
<font title="Thread was neutral, or had a lighter tone to it.">✦</font> 
<font title="Thread was gloomy, upsetting, or unnerving in some way">☁</font> 
<font title="Thread resulted in Kagami crying, or was highly distressing">☂</font> 
<font title="Great conflict was had, eg: fighting or death">ϟ</font></center>

<br />

<div style="width:100%;height:10px;background-color:lightgray;margin-bottom:-10px;"><span style="font-family:century gothic;font-size:25px;text-transform:uppercase;line-height:1px;">month</span></div>
<dd>

<br /><div style="font-size:16px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
00 - CharacterName</div> (<a href="URL">✹</a>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

<br /><div style="font-size:16px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
00 - CharacterName</div> (<a href="URL">✦</a>) Lorem ipsum dolor sit amet.

<br /><div style="font-size:16px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
00 - CharacterName</div> (<a href="URL">☁</a>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

<br /><div style="font-size:16px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
00 - CharacterName</div> (<a href="URL">☂</a>) Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<br /><div style="font-size:16px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
00 - CharacterName</div> (<a href="URL">ϟ</a>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vitae nulla nulla. Suspendisse at sapien at tortor commodo viverra.

<br /><br /><div style="font-size:15px;float:left;margin:-5px 5px;"><span style="margin-left:-20px;">
DEVELOPMENT</div>
To be written

</dd><br /><br /><br />

</div></raw-code>

With stylized comment pages
( As seen in the links )

<raw-code><div style="width:500px;font-family:century gothic;">
<center><small>Symbols | Hover for meaning</small> <br />
<font title="Thread was overall more cheery">✹</font> 
<font title="Thread was neutral, or had a lighter tone to it.">✦</font> 
<font title="Thread was gloomy, upsetting, or unnerving in some way">☁</font> 
<font title="Thread resulted in Kagami crying, or was highly distressing">☂</font> 
<font title="Great conflict was had, eg: fighting or death">ϟ</font></center>

<br />

<br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=4>
00 - CharacterName</font></div> (<a href="URL">✹</a>) thingshtathappen
<br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=4>
00 - CharacterName</font></div> (<a href="URL">✦</a>) thingshtathappen
<br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=4>
00 - CharacterName</font></div> (<a href="URL">☁</a>) thingsthathappen
<br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=4>
00 - CharacterName</font></div> (<a href="URL">☂</a>) thingsthathappen
<br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=4>
00 - CharacterName</font></div> (<a href="URL">ϟ</a>) thingsthathappen

<br /><br /><div style="float:left;margin:-5px 5px;"><span style="margin-left:-20px;"><font size=3>
DEVELOPMENT</font></div>
To be written

</dd><br /><br /><br />

</div></raw-code>