feat(SVG): make icons non draggable and selectable

assets/scss/style.scss

@@ -965,6 +965,14 @@ a.footnote-ref {
   animation: toxicGlow 5s ease-in-out infinite;
 }
 
+.toxicGlow img {
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-drag: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+
 @keyframes toxicGlow {
   0% {
     background-position: 80% 50%;

layouts/index.html

@@ -32,7 +32,7 @@ class="toxicGlow"
 			<div id="home-nav-header">
 				All the fun lies right here
 				<br>
-				<object type="image/svg+xml" width="30" height="20" data="{{"arrow.svg" | relURL}}"></object>
+				<img class="feather" draggable="false" width="30" height="20" src="{{"arrow.svg" | relURL}}">
 			</div>
 			<nav id="home-nav" class="site-nav">
 				{{ partialCached "menu.html" . }}

layouts/partials/social-icons.html

@@ -1,3 +1,3 @@
 {{ range . -}}
-<a href="{{ .url | safeURL }}" target="_blank" rel="noopener me" title="{{ .name | humanize }}">{{ partial "svg.html" . }}</a>
+<a href="{{ .url | safeURL }}" draggable="false" target="_blank" rel="noopener me" title="{{ .name | humanize }}">{{ partial "svg.html" . }}</a>
 {{- end -}}

layouts/partials/svg.html

@@ -3,13 +3,13 @@
 {{- else if (eq .name "facebook") -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"></path></svg>
 {{- else if (eq .name "github") -}}
-<img class="feather" width="24" height="24" alt="rootme" src="{{"github.svg" | relURL}}">
+<img class="feather" draggable="false" width="24" height="24" alt="rootme" src="{{"github.svg" | relURL}}">
 {{- else if (eq .name "gitlab") -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.65 14.39L12 22.13 1.35 14.39a.84.84 0 0 1-.3-.94l1.22-3.78 2.44-7.51A.42.42 0 0 1 4.82 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.49h8.1l2.44-7.51A.42.42 0 0 1 18.6 2a.43.43 0 0 1 .58 0 .42.42 0 0 1 .11.18l2.44 7.51L23 13.45a.84.84 0 0 1-.35.94z"></path></svg>
 {{- else if (eq .name "instagram") -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="2" width="20" height="20" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z"></path><line x1="17.5" y1="6.5" x2="17.5" y2="6.5"></line></svg>
 {{- else if (eq .name "linkedin") -}}
-<img class="feather" width="24" height="24" alt="rootme" src="{{"linkedin.svg" | relURL}}">
+<img class="feather" draggable="false" width="24" height="24" alt="rootme" src="{{"linkedin.svg" | relURL}}">
 {{- else if (eq .name "slack") -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22.08 9C19.81 1.41 16.54-.35 9 1.92S-.35 7.46 1.92 15 7.46 24.35 15 22.08 24.35 16.54 22.08 9z"></path><line x1="12.57" y1="5.99" x2="16.15" y2="16.39"></line><line x1="7.85" y1="7.61" x2="11.43" y2="18.01"></line><line x1="16.39" y1="7.85" x2="5.99" y2="11.43"></line><line x1="18.01" y1="12.57" x2="7.61" y2="16.15"></line></svg>
 {{- else if (eq .name "stackoverflow") -}}
@@ -43,9 +43,9 @@
 {{- else if (eq .name "qq") -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path transform="scale(0.04) translate(75 40)" stroke-width="50" d="M433.754 420.445c-11.526 1.393-44.86-52.741-44.86-52.741 0 31.345-16.136 72.247-51.051 101.786 16.842 5.192 54.843 19.167 45.803 34.421-7.316 12.343-125.51 7.881-159.632 4.037-34.122 3.844-152.316 8.306-159.632-4.037-9.045-15.25 28.918-29.214 45.783-34.415-34.92-29.539-51.059-70.445-51.059-101.792 0 0-33.334 54.134-44.859 52.741-5.37-.65-12.424-29.644 9.347-99.704 10.261-33.024 21.995-60.478 40.144-105.779C60.683 98.063 108.982.006 224 0c113.737.006 163.156 96.133 160.264 214.963 18.118 45.223 29.912 72.85 40.144 105.778 21.768 70.06 14.716 99.053 9.346 99.704z"></path></svg>
 {{- else if (eq .name "root me") -}}
-<img class="feather" width="24" height="24" alt="Root-me" src="{{"rootme.svg" | relURL}}">
+<img class="feather" draggable="false" width="24" height="24" alt="Root-me" src="{{"rootme.svg" | relURL}}">
 {{- else if  (eq .name "GPG") -}}
-<img class="feather" width="24" height="24" alt="GPG public key" src="{{"Gnupg-logo.svg" | relURL}}">
+<img class="feather" draggable="false" width="24" height="24" alt="GPG public key" src="{{"Gnupg-logo.svg" | relURL}}">
 {{- else -}}
 <svg xmlns="http://www.w3.org/2000/svg" class="feather feather-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>
 {{- end -}}