Adding hover-able icons to timeline entries.

- Added notes and delete icons right and left entry marks respectively.
- Notes icon slide toggles the notes display (hidden by default).

www/index.yaws

@@ -59,8 +59,8 @@ out(YArg) ->
         </script>
         <script type="text/html" id="userTemplate">
                 <div class="fullname">{{name}}</div>
-                <input class='fullname-input' type='text' value='{{name}}'/></div>
-                <div class='drop-menu'>
+                <input class="fullname-input" type="text" value="{{name}}"/></div>
+                <div class="drop-menu">
                     <div class="username"> - {{id}}</div>
                     <ul class="drop-menu-items">
                         <li><a href="#">logout</a></li>
@@ -82,7 +82,11 @@ out(YArg) ->
                         <li class="timeline-link"><a href="#">{{id}}</a></li>
         </script>
         <script type="text/html" id="entryTemplate">
-                    <div class="mark">{{mark}}</div>
+                    <div class="mark">
+                        <img class="delete-icon" src="/img/round_delete_icon&16.png"/>
+                        <span>{{mark}}</span>
+                        <img class="notes-icon" src="/img/notepad_2_icon&16.png"/>
+                    </div>
                     <input class="mark-input" type="text" value="{{mark}}"/>
                     <div class="timestamp">{{start}}</div>
                     <input class="timestamp-input" type="text" value="{{timestamp}}"/>