Mark External link with an SVG icon

in profile-mode buttons and Menu
This commit is contained in:
Aditya Telange 2022-07-08 20:29:56 +05:30
parent e3c30b4e41
commit 4824f4623d
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
2 changed files with 19 additions and 1 deletions

View File

@ -131,6 +131,14 @@
{{- .Name -}} {{- .Name -}}
{{ .Post -}} {{ .Post -}}
</span> </span>
{{- if (findRE "://" .URL) }}
<svg fill="none" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="12" width="12">
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
<path d="M15 3h6v6"></path>
<path d="M10 14L21 3"></path>
</svg>
{{- end }}
</a> </a>
</li> </li>
{{- end }} {{- end }}

View File

@ -35,7 +35,17 @@
<div class="buttons"> <div class="buttons">
{{- range . }} {{- range . }}
<a class="button" href="{{ trim .url " " }}" rel="noopener" title="{{ .name }}"> <a class="button" href="{{ trim .url " " }}" rel="noopener" title="{{ .name }}">
<span class="button-inner">{{ .name }}</span> <span class="button-inner">
{{ .name }}
{{- if (findRE "://" .url) }}
<svg fill="none" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round"
stroke-linejoin="round" stroke-width="2.5" viewBox="0 0 24 24" height="14" width="14">
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
<path d="M15 3h6v6"></path>
<path d="M10 14L21 3"></path>
</svg>
{{- end }}
</span>
</a> </a>
{{- end }} {{- end }}
</div> </div>