Commit f6e504fb1fce5c2dfaf6b16c14691ca236d1e526
Use <strong> not <h1> for big links' titles
This has the same clear meaning; but produces a better outline.Greg K Nicholson committed on 2/4/2018, 6:01:04 PM
Parent: f20c57f6161c71790d2a002ae9fcaa5cbf30d94b
Files changed
themes/ran/static/style/ran.css | changed |
themes/ran/templates/article.html | changed |
themes/ran/templates/base.html | changed |
themes/ran/templates/index.html | changed |
themes/ran/static/style/ran.css | ||
---|---|---|
@@ -352,21 +352,21 @@ | ||
352 | 352 … | display: inline-block; |
353 | 353 … | margin-right: 1rem; |
354 | 354 … | } |
355 | 355 … | |
356 | - .biglinks li h1 { | |
356 … | + .biglinks li strong { | |
357 | 357 … | display: inline-block; |
358 | 358 … | margin-top: 0; |
359 | 359 … | margin-bottom: 0; |
360 | 360 … | font-weight: 700; |
361 | 361 … | } |
362 | 362 … | |
363 | -.biglinks li a h1 ~ * { | |
363 … | +.biglinks li a strong ~ * { | |
364 | 364 … | color: var(--dim-color); |
365 | 365 … | } |
366 | 366 … | |
367 | - .biglinks li a:focus h1 ~ *, | |
368 | - .biglinks li a:hover h1 ~ * { | |
367 … | + .biglinks li a:focus strong ~ *, | |
368 … | + .biglinks li a:hover strong ~ * { | |
369 | 369 … | color: var(--link-color); |
370 | 370 … | } |
371 | 371 … | |
372 | 372 … |
themes/ran/templates/article.html | ||
---|---|---|
@@ -79,9 +79,9 @@ | ||
79 | 79 … | <ul class="biglinks"> |
80 | 80 … | {%- for link in article.links -%} |
81 | 81 … | <li> |
82 | 82 … | <a href="{{- link.url -}}"> |
83 | - <h1>{{- link.title | trim -}}</h1> | |
83 … | + <strong>{{- link.title | trim -}}</strong> | |
84 | 84 … | {%- if link.description -%} |
85 | 85 … | <i>{{- link.description | trim -}}</i> |
86 | 86 … | {%- endif -%} |
87 | 87 … | </a> |
@@ -127,9 +127,9 @@ | ||
127 | 127 … | <ul class="biglinks"> |
128 | 128 … | {%- for article in article.related_posts -%} |
129 | 129 … | <li> |
130 | 130 … | <a href="/{{- article.url -}}"> |
131 | - <h1>{{- article.title | trim -}}</h1> | |
131 … | + <strong>{{- article.title | trim -}}</strong> | |
132 | 132 … | {#- #} {# -#} |
133 | 133 … | <time datetime="{{- article.date | |
134 | 134 … | strftime('%Y-%m-%d %H:%M') -}}"> |
135 | 135 … | {{- article.date | strftime(DATE_FORMAT_DAY) -}} |
themes/ran/templates/base.html | ||
---|---|---|
@@ -1,10 +1,10 @@ | ||
1 | 1 … | {%- macro entry_link(article) -%} |
2 | 2 … | <li> |
3 | 3 … | <a href="/{{- article.url -}}"> |
4 | - <h1> | |
4 … | + <strong> | |
5 | 5 … | {{- article.title |trim -}} |
6 | - </h1> | |
6 … | + </strong> | |
7 | 7 … | {#- #} {# -#} |
8 | 8 … | <time datetime="{{- article.date | strftime('%Y-%m-%d %H:%M') -}}"> |
9 | 9 … | {{- article.date | strftime(DATE_FORMAT_DAY) -}} |
10 | 10 … | </time> |
Built with git-ssb-web