fanscribed/fanscribed — Issue #46: Semantic markup improvements; CSS improvements
Author: gldnspud
Created: 2012-01-28 16:30:55+00:00
State: open

From Nigel Ewan:

>First: it would be more semantic (and more useful) if the timestamp block were marked up as a ul instead of paragraph. For example:

```

0:00
Play

Info

Edit

```

> If it isn't any trouble, could you change the way this code is rendered?

> Secondly, it would be nice if, within the dt tags, the speaker's name and the following colon were separated with html. For example:

```
Adam Curry:

```

>That way, the colon could be removed via css if desired. It isn't really visually necessary to have a colon if you set up the css nicely.

>Thirdly, it would be really useful if each dt and dd had a class name of the speaker. For example:

```
John C. Dvorak:

Yeah, that's why I was playing my slide whistle, you didn't hear me?

Adam Curry:

Okay. Alright. Yeah, I heard you>

```

>I'm not sure if associating each dd with a speaker is even technically possible, but it would certainly be helpful to have a class even just for the dt tags. I know this is a kinda complicated request, but I thought I'd put it out there.

>Finally: in the sidebar, you have percentage values listed as numbers. It would be easy to turn that into a little bar graph if you just change the markup a little. You just need to add a few more spans and stuff, haha! Like this:

```
Snippets transcribed:
18%
(58 out of 306)

```

>If you change the html to this, I can take it and turn it into a bar graph. And it degrades nicely if there's no css in place at all.