From 2d6568378ca7a264ff424a8f5dbf50dd98c8efe8 Mon Sep 17 00:00:00 2001
From: Martii <martii@users.noreply.github.com>
Date: Mon, 11 Sep 2023 17:56:52 -0600
Subject: [PATCH] Add some more visible/clickable/copyable bookmarks on hover

Post #2006 Applies to #1971 Post #970 , #944 etc.
---
 views/pages/newScriptPage.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/views/pages/newScriptPage.html b/views/pages/newScriptPage.html
index 4905e49ac..056171eab 100644
--- a/views/pages/newScriptPage.html
+++ b/views/pages/newScriptPage.html
@@ -94,6 +94,7 @@ <h3><a id="userscript-block"></a>UserScript Block<a href="#userscript-block" cla
                 <h5 class="panel-title">
                   <a id="userscript-block-exclude" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-exclude" href="#collapse-userscript-exclude"><code>@exclude *</code></a>
+                  <a href="#userscript-block-exclude" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-exclude" class="panel-collapse collapse in">
@@ -111,6 +112,7 @@ <h3><a id="userscript{{#newJSLibrary}}-and-userlibrary{{/newJSLibrary}}-block"><
                 <h5 class="panel-title">
                   <a id="userscript-block-name" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-user{{#newUserJS}}script{{/newUserJS}}-block" href="#collapse-userscript-name"><code>@name My Script</code></a>
+                  <a href="#userscript-block-name" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-name" class="panel-collapse collapse in">
@@ -125,6 +127,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-description" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-user{{#newUserJS}}script{{/newUserJS}}-block" href="#collapse-userscript-description"><code>@description This script even does the laundry!</code></a>
+                  <a href="#userscript-block-description" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-description" class="panel-collapse collapse">
@@ -139,6 +142,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-copyright" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-user{{#newUserJS}}script{{/newUserJS}}-block" href="#collapse-userscript-copyright"><code>@copyright Year, Author (Author Website)</code></a>
+                  <a href="#userscript-block-copyright" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-copyright" class="panel-collapse collapse">
@@ -153,6 +157,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-license" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-user{{#newUserJS}}script{{/newUserJS}}-block" href="#collapse-userscript-license"><code>@license License Type; License Homepage</code></a>
+                  <a href="#userscript-block-license" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-license" class="panel-collapse collapse">
@@ -185,6 +190,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-icon" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-block" href="#collapse-userscript-icon"><code>@icon url</code></a>
+                  <a href="#userscript-block-icon" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-icon" class="panel-collapse collapse">
@@ -201,6 +207,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-homepageurl" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-block" href="#collapse-userscript-homepageurl"><code>@homepageURL url</code></a>
+                  <a href="#userscript-block-homepageurl" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-homepageurl" class="panel-collapse collapse">
@@ -216,6 +223,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-supporturl" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-block" href="#collapse-userscript-supporturl"><code>@supportURL url</code></a>
+                  <a href="#userscript-block-supporturl" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-supporturl" class="panel-collapse collapse">
@@ -230,6 +238,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-contributionurl" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-block" href="#collapse-userscript-contributionurl"><code>@contributionURL url</code></a>
+                  <a href="#userscript-block-contributionurl" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-contributionurl" class="panel-collapse collapse">
@@ -245,6 +254,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-version" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-user{{#newUserJS}}script{{/newUserJS}}-block" href="#collapse-userscript-version"><code>@version 1.0.0</code></a>
+                  <a href="#userscript-block-version" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-version" class="panel-collapse collapse">
@@ -261,6 +271,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="userscript-block-updateurl" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-userscript-block" href="#collapse-userscript-updateurl"><code>@updateURL https://openuserjs.org/meta/{{#authedUser}}{{authedUser.name}}{{/authedUser}}{{^authedUser}}username{{/authedUser}}/My_Script.meta.js</code></a>
+                  <a href="#userscript-block-updateurl" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-userscript-updateurl" class="panel-collapse collapse">
@@ -279,6 +290,7 @@ <h3><a id="openuserjs-block"></a>OpenUserJS Block<a href="#openuserjs-block" cla
                 <h5 class="panel-title">
                   <a id="openuserjs-block-author" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-openuserjs-block" href="#collapse-openuserjs-author"><code>@author {{#authedUser}}{{authedUser.name}}{{/authedUser}}{{^authedUser}}username{{/authedUser}}</code></a>
+                  <a href="#openuserjs-block-author" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-openuserjs-author" class="panel-collapse collapse in">
@@ -294,6 +306,7 @@ <h5 class="panel-title">
                 <h5 class="panel-title">
                   <a id="openuserjs-block-collaborator" rel="bookmark"></a>
                   <a data-toggle="collapse" data-parent="#accordion-openuserjs-block" href="#collapse-openuserjs-collaborator"><code>@collaborator username</code></a>
+                  <a href="#openuserjs-block-collaborator" class="anchor"><i class="fa fa-link"></i></a>
                 </h5>
               </div>
               <div id="collapse-openuserjs-collaborator" class="panel-collapse collapse">