fix: use Font Awesome for CC icons in page footer (#1932)

The CC SVG icons, e.g.
 - `<img src="https://search.creativecommons.org/static/img/cc_icon.svg" alt="CC icon">`
started resulting in 404 errors.

[Creative Commons Site](https://creativecommons.org/about/downloads/)
currently suggest something like
 - `<img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg" alt="CC icon">`

But we can get the CC icons from the fab icon pack which is even better.
This commit is contained in:
egon w. stemle authored and GitHub committed 2020-11-13 01:53:13 +00:00
1 parent 4dd8f996a4
commit 08190d38dd
2 files changed
+7 -8

No files matched your search

+1 -2
View File
@@ -34,11 +34,10 @@ footer .powered-by {
list-style: none;
height: auto;
width: auto;
font-size: 0; // Hack to remove space characters between icons without using UL.
text-decoration: none;
}
.footer-license-icons img {
.footer-license-icons i {
display: inline-flex;
margin-right: 8px;
height: 22px;
@@ -28,16 +28,16 @@
{{ end }}
<p class="powered-by footer-license-icons">
<a href="{{$license_url}}" rel="noopener noreferrer" target="_blank">
<img src="https://search.creativecommons.org/static/img/cc_icon.svg" alt="CC icon">
<img src="https://search.creativecommons.org/static/img/cc-by_icon.svg" alt="CC by icon">
<a href="{{$license_url}}" rel="noopener noreferrer" target="_blank" aria-label="Creative Commons">
<i class="fab fa-creative-commons fa-2x" aria-hidden="true"></i>
<i class="fab fa-creative-commons-by fa-2x" aria-hidden="true"></i>
{{ if not $allow_commercial }}
<img src="https://search.creativecommons.org/static/img/cc-nc_icon.svg" alt="CC NC icon">
<i class="fab fa-creative-commons-nc fa-2x" aria-hidden="true"></i>
{{end}}
{{ if and $allow_derivatives $share_alike }}
<img src="https://search.creativecommons.org/static/img/cc-sa_icon.svg" alt="CC SA icon">
<i class="fab fa-creative-commons-sa fa-2x" aria-hidden="true"></i>
{{ else if not $allow_derivatives }}
<img src="https://search.creativecommons.org/static/img/cc-nd_icon.svg" alt="CC ND icon">
<i class="fab fa-creative-commons-nd fa-2x" aria-hidden="true"></i>
{{end}}
</a>
</p>