<h1>Viewing Art</h1>
-% if c.user:
-${h.form (h.url("art_tags", art_id=c.art.id))}
-Add Some Tags: ${h.text('tags')}
-${h.submit('submit', 'Tag!')}
-${h.end_form()}
+<div>
+ <img class="full" src="${h.storage_url('art/medium', c.art.hash)}">
+</div>
+
+<h2>Tags</h2>
+<ul>
+## Relations
+% for label, relations in (('Artist', c.art.artists), \
+ ('Recipient', c.art.recipients), \
+ ('Participant', c.art.participants)):
+ % for user in relations:
+ <li>${label}: <a href="${h.url('user_page', name=user.name)}">${user.name}</a>
+ % endfor
+% endfor
+## Regular tags
% for tag in c.art.tags:
${h.form(h.url("art_tag", art_id=c.art.id, id=tag.id), method="delete")}
-${h.submit('delete', 'X')}
+${h.HTML.input(type='image', src='/icons/overlay/tag--minus.png', alt='[Remove]')}
<a href="${url(controller='search', action='index', query=tag)}">${tag}</a>
${h.end_form()}
% endfor
+% if c.user:
+${h.form(h.url("art_tags", art_id=c.art.id))}
+<p>
+ ${h.image('/icons/overlay/tag--plus.png', '')}
+ ${h.text('tags')} ${h.submit(None, 'Add tags!')}
+</p>
+${h.end_form()}
+% endif
+</ul>
+
+
+% if c.user:
<h2>What do you think?</h2>
${h.form (h.url("rate_art", id=c.art.id), method="put")}
% for score,text in sorted(Rating.options.items()):
${h.end_form()}
% endif
-<h2>Relations</h2>
-<ul>
-% for label, relations in (('Artist', c.art.artists), \
- ('Recipient', c.art.recipients), \
- ('Participant', c.art.participants)):
-% for user in relations:
-<li>${label}: <a href="${h.url('user_page', name=user.name)}">${user.name}</a>
-% endfor
-% endfor
-</ul>
-
-<img class="full" src="${h.storage_url('art/medium', c.art.hash)}">
-
${comments.comment_block(c.art.discussion.comments)}