diff options
| author | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
|---|---|---|
| committer | luxagraf <sng@luxagraf> | 2021-01-15 14:54:30 -0500 |
| commit | 47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch) | |
| tree | 189381bfe0d81fdc1105679910114deaab3cdb58 /design/templates/comments/list.html | |
| parent | e61f3d2c4537a2670c40b33eb02231a71dfb028a (diff) | |
Proj: Massive design overhaul to simplify code
Cut out Sass syntax, deleted old CSS rules, changed HTML to use
fewer lists and more cascading instead of specific rules. Still requires
compiling with sass to strip comments and compress, but would in theory
work on its own.
Reduced CSS file size by 2/3
Diffstat (limited to 'design/templates/comments/list.html')
| -rw-r--r-- | design/templates/comments/list.html | 14 |
1 files changed, 7 insertions, 7 deletions
diff --git a/design/templates/comments/list.html b/design/templates/comments/list.html index d3fe441..c320209 100644 --- a/design/templates/comments/list.html +++ b/design/templates/comments/list.html @@ -4,18 +4,18 @@ {% load bleach_tags %} {% load nofollow %} {% load comments %} - <div class="comments--wrapper"> + <div class="comment-wrapper"> {% for comment in comment_list %} - <div id="comment-{{ comment.id }}" class="comment"> + <div id="comment-{{ comment.id }}" class="comment-card-wrapper"> + <div class="comment-card-hed"> <noscript class="datahashloader" data-hash="{% if comment.user_email == "sng@luxagraf.net" %}d64f4854965b2b1c3ecafee4b2a66fac{%else%}{%if comment.user_email|has_grav %}{%gravatar_hash comment.user_email %}{%else%}default{%endif%}{%endif%}"> - <img class="gravatar" {% if comment.user_email == "sng@luxagraf.net" %}src="https://images.luxagraf.net/gravcache/d64f4854965b2b1c3ecafee4b2a66fac.jpg" {%else%} {%if comment.user_email|has_grav %} src="https://images.luxagraf.net/gravcache/{%gravatar_hash comment.email %}.jpg"{%else%}src="https://images.luxagraf.net/gravcache/default.jpg"{%endif%}{%endif%} alt="gravatar icon for {{comment.name}}" /> + <img class="comment-card-image" {% if comment.user_email == "sng@luxagraf.net" %}src="https://images.luxagraf.net/gravcache/d64f4854965b2b1c3ecafee4b2a66fac.jpg" {%else%} {%if comment.user_email|has_grav %} src="https://images.luxagraf.net/gravcache/{%gravatar_hash comment.email %}.jpg"{%else%}src="https://images.luxagraf.net/gravcache/default.jpg"{%endif%}{%endif%} alt="gravatar icon for {{comment.name}}" /> </noscript> - <div class="comment--head"> - <span class="who"><b>{%if comment.url %}<a href="{{comment.url}}" rel="nofollow" target="_blank">{{comment.name}}</a>{% else %}{{comment.name}}{%endif%}</b></span> - <span class="when">{{comment.submit_date|date:"F d, Y"}} at {{comment.submit_date|date:"g:i a"}}</span> + <span class="comment-card-commenter">{%if comment.url %}<a href="{{comment.url}}" rel="nofollow" target="_blank">{{comment.name}}</a>{% else %}{{comment.name}}{%endif%}</span> + <span class="card-smcaps">{{comment.submit_date|date:"F d, Y"}} at {{comment.submit_date|date:"g:i a"}}</span> </div> - <div class="comment--body"> + <div class="comment-card-body"> {% if comment.user_email == "sng@luxagraf.net" %} {{comment.comment|markdown|safe|smartypants}} {%else%} |