Fix for astropy#77

apooravc · astrofrog · commit f2fc5c58296d · 2019-08-15T10:11:51.000+01:00
diff --git a/about.html b/about.html
@@ -75,7 +75,7 @@
 
 
 	<section>
-	<h1>About The Astropy Project</h1>
+	<h1 id="about-the-astropy-project">About The Astropy Project<a class="paralink" href="#about-the-astropy-project" title="Permalink to this headline">¶</a></h1>
 
 	<p> The Astropy Project is a community effort to develop a core package
 	for astronomy using the
@@ -104,7 +104,7 @@ <h1>About The Astropy Project</h1>
     </section>
 
     <section>
-    <h1><i>astropy</i> Core Package</h1>
+    <h1 id="astropy-core-package"><i>astropy</i> Core Package<a class="paralink" href="#astropy-core-package" title="Permalink to this headline">¶</a></h1>
 
     <p>The <i>astropy</i> package (alternatively known as the "core" package)
     contains various classes, utilities, and a packaging framework intended
@@ -119,7 +119,7 @@ <h1><i>astropy</i> Core Package</h1>
     </section>
 
     <section>
-    <h1>Affiliated Packages</h1>
+    <h1 id="affiliated-packages">Affiliated Packages<a class="paralink" href="#affiliated-packages" title="Permalink to this headline">¶</a></h1>
 
     <p>The Astropy project includes the concept of "affiliated packages." An
     affiliated package is an astronomy-related python package that is not
@@ -161,14 +161,14 @@ <h1>Affiliated Packages</h1>
 	<section>
 		<a name="license"></a>
 
-		<h1>License</h1>
+		<h1 id="license">License<a class="paralink" href="#license" title="Permalink to this headline">¶</a></h1>
 
 		<p>Astropy is licensed under a <a href="http://opensource.org/licenses/BSD-3-Clause">three-clause BSD license</a>.  For details, see the <a href="https://github.com/astropy/astropy/blob/master/LICENSE.rst" target="_blank">LICENSE.rst</a> file in the astropy repository.</p>
 	</section>
 
     <section>
 
-		<h1>Fiscal Sponsor</h1>
+		<h1 id="fiscal-sponsor">Fiscal Sponsor<a class="paralink" href="#fiscal-sponsor" title="Permalink to this headline">¶</a></h1>
 
 		<p>The Astropy Project is fiscally sponsored by <a href="http://www.numfocus.org/">NumFOCUS</a></p>
 		<a href="https://www.numfocus.org"><img width="299" src="images/Numfocus_stamp.png"></a>
diff --git a/css/style.css b/css/style.css
@@ -126,6 +126,19 @@ a:hover{
 	color:#333;
 }
 
+a.paralink{
+    font-size: 0.8em;
+    padding: 0 4px 0 4px;
+    text-decoration: none;
+    visibility: hidden;
+}
+
+a.paralink:hover{
+    background-color: #FF5000;
+    color: white;
+    text-decoration: none;
+}
+
 h1{
 	font-size: 24px;
 	margin-top: 10px;
diff --git a/js/functions.js b/js/functions.js
@@ -216,6 +216,13 @@ $( document ).ready(function(){
             });
         });
     });
+
+    //making permalink visible only when user moves cursor on headline, otherwise hidden
+    $("h1").hover(function() {
+        $(this).children("a").css("visibility", "visible");
+    }, function() {
+        $(this).children("a").css("visibility", "hidden");
+    });
 }); // Document Ready
 
 
