site: add link icon to each element

For easy copying.
This commit is contained in:
Alan Orth 2022-02-06 22:51:47 +03:00
parent 0f09ad859a
commit 703eecfd5d
Signed by: alanorth
GPG Key ID: 0FB860CC9C45B1B9
3 changed files with 7 additions and 2 deletions

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-link-45deg" viewBox="0 0 16 16">
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z"/>
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z"/>
</svg>

After

Width:  |  Height:  |  Size: 546 B

View File

@ -3,7 +3,8 @@
<thead>
<tr class="table-secondary">
<th colspan="2">
<span class="">{{ .Params.title | markdownify }}</span>
{{ $linkIcon := resources.Get "icons/link-45deg.svg" | resources.Fingerprint }}
<span class=""><a href="#{{ .Params.slug }}"><img src="{{ $linkIcon.Permalink }}"></a>&nbsp;{{ .Params.title | markdownify }}</span>
{{- with .Params.required -}}
<div class="badge-required">
<span class="badge align-middle">Required</span>

View File

@ -10,7 +10,7 @@
"build:site": "./bin/hugo/hugo",
"build": "npm run build:css && npm run build:js && npm run clean && npm run copy:icons && npm run build:site",
"clean": "rm assets/css/*.css.tmp assets/css/*.css.tmp.map",
"copy:icons": "cp node_modules/bootstrap-icons/icons/file-earmark-code.svg node_modules/bootstrap-icons/icons/file-earmark-spreadsheet.svg assets/icons",
"copy:icons": "cp node_modules/bootstrap-icons/icons/file-earmark-code.svg node_modules/bootstrap-icons/icons/file-earmark-spreadsheet.svg node_modules/bootstrap-icons/icons/link-45deg.svg assets/icons",
"postinstall": "hugo-installer --version 0.92.1",
"server": "./bin/hugo/hugo serve"
},