diff --git a/.ci/generateIndex.py b/.ci/generateIndex.py
index 11584c8085de1b7c78cb419f4f21562ad299c657..ce0fa910f5e94b02ee6b4711f786e83169c5a404 100644
--- a/.ci/generateIndex.py
+++ b/.ci/generateIndex.py
@@ -11,13 +11,13 @@ def line_prepender(filename, line):
 def build_link(title, href):
     return f'\t\t\t<li><a href="{href}">{title}</a></li>\n'
 
-def build_section_start(title):
+def build_section_start(title, shortcut):
 
     title = title.replace("Gdpr", "GDPR")
     title = title.replace("Handbook", "PI Handbook")
     title = title.replace("Covid 19", "COVID-19")
 
-    return f'\n\t<div class="index-box">\n\t\t<h3>{title}</h3>\n\t\t<ul>\n'
+    return f'\n\t<div class="index-box" id="{shortcut}">\n\t\t<h3>{title}</h3>\n\t\t<ul>\n'
 
 def build_section_end():
     return "\t\t</ul>\n\t</div>"
@@ -176,7 +176,7 @@ print(localIndexArr)
 # determine the index
 k = 0
 for s in sections:
-    index += build_section_start(s.replace("-", " ").capitalize())
+    index += build_section_start(s.replace("-", " ").capitalize(), s)
     index += ''.join(localIndexArr[k])
     index += build_section_end()
     k += 1
diff --git a/.gitignore b/.gitignore
index effad390e8b02bac386f7483a4b9a4266706a763..1d50b00af69d641d152b0373b66e21cd73acb43b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -35,3 +35,6 @@ __pycache__/
 contribute.egg-info/
 policies
 .tmp
+env/.jekyll-cache/
+env/Gemfile.lock
+env/_site/
diff --git a/index.md b/index.md
index ca70fad8d6e4940fbfce68612e27839c216a7135..b6dff3f7ccfe0fa10eb22aa81e4e38d897b13010 100644
--- a/index.md
+++ b/index.md
@@ -17,7 +17,7 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 <div class="index-box-container">
 
-	<div class="index-box">
+	<div class="index-box" id="access">
 		<h3>Access</h3>
 		<ul>
 			<li><a href="external/access/harrenhal-access">HARRENHAL access</a></li>
@@ -27,7 +27,7 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 		</ul>
 	</div>
-	<div class="index-box">
+	<div class="index-box" id="contribute">
 		<h3>Contribute</h3>
 		<ul>
 			<li><a href="external/contribute/add-edit-card">How to add or edit a howto card</a></li>
@@ -37,7 +37,7 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 		</ul>
 	</div>
-	<div class="index-box">
+	<div class="index-box" id="exchange-channels">
 		<h3>Exchange channels</h3>
 		<ul>
 			<li><a href="external/exchange-channels/asperaweb">AsperaWEB Quick Guide</a></li>
@@ -46,7 +46,7 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 		</ul>
 	</div>
-	<div class="index-box">
+	<div class="index-box" id="general">
 		<h3>General</h3>
 		<ul>
 			<li><a href="external/general/attend-webex">Attend the LCSB Team Meeting online (webex)</a></li>
@@ -54,7 +54,7 @@ The How-to cards are intended to provide practical guidance in implementing Data
 
 		</ul>
 	</div>
-	<div class="index-box">
+	<div class="index-box" id="integrity">
 		<h3>Integrity</h3>
 		<ul>
 			<li><a href="external/integrity/checksum">Ensuring Integrity of Data Files with Checksums</a></li>