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