diff --git a/.ci/generateIndex.py b/.ci/generateIndex.py
index b9732dec6a82c39e03f44555a20e082e8ed7782e..f9368a2b542cffed52b0f539654bb70fa7032471 100644
--- a/.ci/generateIndex.py
+++ b/.ci/generateIndex.py
@@ -202,7 +202,7 @@ index += "<br><center><a href='/'>Overview of all HowTo cards</a></center>"
# output the index
#print(index)
# Read in the file
-indexFile = "index.md"
+indexFile = "cards.md"
filedata = ""
with open(indexFile, 'r') as file :
for line in file:
diff --git a/cards.md b/cards.md
new file mode 100644
index 0000000000000000000000000000000000000000..276800a5b0e1777fe8e274e81045abe8653d76e9
--- /dev/null
+++ b/cards.md
@@ -0,0 +1,67 @@
+---
+layout: default
+title: Cards
+order: -1
+---
+
+{% include scripts.html %}
+
+<style>
+.noborderbox {
+ border :0;
+}
+</style>
+
+<!-- index -->
+
+<div class="index-box-container">
+
+ <div class="index-box noborderbox" id="access">
+ <h3>Access</h3>
+ <ul>
+ <li><a href="external/access/harrenhal-access">HARRENHAL access</a></li>
+ <li><a href="external/access/lums-passwords">LUMS account</a></li>
+ <li><a href="external/access/passwords">Managing your passwords</a></li>
+ <li><a href="external/access/vpn-cerbere-access">VPN/CERBERE connection</a></li>
+
+ </ul>
+ </div>
+ <div class="index-box noborderbox" id="contribute">
+ <h3>Contribute</h3>
+ <ul>
+ <li><a href="external/contribute/add-edit-card">How to add or edit a howto card</a></li>
+ <li><a href="external/contribute/git-clients">Git clients</a></li>
+ <li><a href="external/contribute/install-git">Installation of Git</a></li>
+ <li><a href="external/contribute/markdown">Markdown</a></li>
+
+ </ul>
+ </div>
+ <div class="index-box noborderbox" id="exchange-channels">
+ <h3>Exchange channels</h3>
+ <ul>
+ <li><a href="external/exchange-channels/asperaweb">AsperaWEB Quick Guide</a></li>
+ <li><a href="external/exchange-channels/calendar">Sharing calendar in Microsoft Exchange</a></li>
+ <li><a href="external/exchange-channels/owncloud">Owncloud</a></li>
+
+ </ul>
+ </div>
+ <div class="index-box noborderbox" id="general">
+ <h3>General</h3>
+ <ul>
+ <li><a href="external/general/attend-webex">Attend the LCSB Team Meeting online (webex)</a></li>
+ <li><a href="external/general/remote-working">Work remotely</a></li>
+
+ </ul>
+ </div>
+ <div class="index-box noborderbox" id="integrity">
+ <h3>Integrity</h3>
+ <ul>
+ <li><a href="external/integrity/checksum">Ensuring Integrity of Data Files with Checksums</a></li>
+ <li><a href="external/integrity/encryption/disk">Encrypting the Startup Disk for Your Laptop/Desktop</a></li>
+ <li><a href="external/integrity/encryption/file">Encrypting Files and Folders</a></li>
+ <li><a href="external/integrity/naming">Naming files</a></li>
+ <li><a href="external/integrity/organization">Organization</a></li>
+
+ </ul>
+ </div>
+</div><br><center><a href='/'>Overview of all HowTo cards</a></center>
diff --git a/index.md b/index.md
index efcbbc8f2f8e87e076ba8c2af5b5fe4fea864e70..61b956b769ad397de6bc5dbf5b7f98f8a991be43 100644
--- a/index.md
+++ b/index.md
@@ -1,67 +1,50 @@
---
-layout: default
+layout: landing
title: Home
order: 1
---
-{% include scripts.html %}
-
-<style>
-.noborderbox {
- border :0;
-}
-</style>
-
-<!-- index -->
-
-<div class="index-box-container">
-
- <div class="index-box noborderbox" id="access">
- <h3>Access</h3>
- <ul>
- <li><a href="external/access/harrenhal-access">HARRENHAL access</a></li>
- <li><a href="external/access/lums-passwords">LUMS account</a></li>
- <li><a href="external/access/passwords">Managing your passwords</a></li>
- <li><a href="external/access/vpn-cerbere-access">VPN/CERBERE connection</a></li>
-
- </ul>
- </div>
- <div class="index-box noborderbox" id="contribute">
- <h3>Contribute</h3>
- <ul>
- <li><a href="external/contribute/add-edit-card">How to add or edit a howto card</a></li>
- <li><a href="external/contribute/git-clients">Git clients</a></li>
- <li><a href="external/contribute/install-git">Installation of Git</a></li>
- <li><a href="external/contribute/markdown">Markdown</a></li>
-
- </ul>
- </div>
- <div class="index-box noborderbox" id="exchange-channels">
- <h3>Exchange channels</h3>
- <ul>
- <li><a href="external/exchange-channels/asperaweb">AsperaWEB Quick Guide</a></li>
- <li><a href="external/exchange-channels/calendar">Sharing calendar in Microsoft Exchange</a></li>
- <li><a href="external/exchange-channels/owncloud">Owncloud</a></li>
-
- </ul>
- </div>
- <div class="index-box noborderbox" id="general">
- <h3>General</h3>
- <ul>
- <li><a href="external/general/attend-webex">Attend the LCSB Team Meeting online (webex)</a></li>
- <li><a href="external/general/remote-working">Work remotely</a></li>
-
- </ul>
- </div>
- <div class="index-box noborderbox" id="integrity">
- <h3>Integrity</h3>
- <ul>
- <li><a href="external/integrity/checksum">Ensuring Integrity of Data Files with Checksums</a></li>
- <li><a href="external/integrity/encryption/disk">Encrypting the Startup Disk for Your Laptop/Desktop</a></li>
- <li><a href="external/integrity/encryption/file">Encrypting Files and Folders</a></li>
- <li><a href="external/integrity/naming">Naming files</a></li>
- <li><a href="external/integrity/organization">Organization</a></li>
-
- </ul>
- </div>
-</div><br><center><a href='/'>Overview of all HowTo cards</a></center>
\ No newline at end of file
+{% comment %}
+The Bioinformatics Core and Lab Support teams assist researchers from the Luxembourg Centre for Systems Biomedicine ([LCSB](https://www.uni.lu/lcsb)) with the organization, management, and curation of research data through its R3 initiative.
+The How-to cards are intended to provide practical guidance in implementing Data Management, Data Protection, IT setup, lab support, and others.
+{% endcomment %}
+
+<script>
+ window.cards = [
+ {
+ "title": "General",
+ "caption": "I need information on LCSB operations",
+ "icon": "<i class=\"large material-icons\">sticky_note_2</i>",
+ "link": "/cards#general"
+ },
+ {
+ "title": "Access",
+ "caption": "How can I get access to systems and infrastructure?",
+ "icon": "<i class=\"large material-icons\">login</i>",
+ "link": "/cards#access"
+ },
+ {
+ "title": "Contribute",
+ "caption": "I want to share my knowledge and expertise. How?",
+ "icon": "<i class=\"large material-icons\">add_circle</i>",
+ "link": "/cards#contribute"
+ },
+ {
+ "title": "Exchange channels",
+ "caption": "I am looking to share data or information",
+ "icon": "<i class=\"large material-icons\">multiple_stop</i>",
+ "link": "/cards#exchange-channels"
+ },
+ {
+ "title": "Integrity",
+ "caption": "I want to ensure that my work and research is compliant and reusable",
+ "icon": "<i class=\"large material-icons\">vpn_key</i>",
+ "link": "/cards#integrity"
+ },
+ ];
+
+ document.addEventListener('DOMContentLoaded', function() {
+ window.start_cards();
+ }, false);
+
+</script>
diff --git a/landing.md b/landing.md
deleted file mode 100644
index 21ff9034b58bec0da6b7b5731ea679cf16a11440..0000000000000000000000000000000000000000
--- a/landing.md
+++ /dev/null
@@ -1,50 +0,0 @@
----
-layout: landing
-title: Home
-order: -1
----
-
-{% comment %}
-The Bioinformatics Core and Lab Support teams assist researchers from the Luxembourg Centre for Systems Biomedicine ([LCSB](https://www.uni.lu/lcsb)) with the organization, management, and curation of research data through its R3 initiative.
-The How-to cards are intended to provide practical guidance in implementing Data Management, Data Protection, IT setup, lab support, and others.
-{% endcomment %}
-
-<script>
- window.cards = [
- {
- "title": "General",
- "caption": "I need information on LCSB operations",
- "icon": "<i class=\"large material-icons\">sticky_note_2</i>",
- "link": "/#general"
- },
- {
- "title": "Access",
- "caption": "How can I get access to systems and infrastructure?",
- "icon": "<i class=\"large material-icons\">login</i>",
- "link": "/#access"
- },
- {
- "title": "Contribute",
- "caption": "I want to share my knowledge and expertise. How?",
- "icon": "<i class=\"large material-icons\">add_circle</i>",
- "link": "/#contribute"
- },
- {
- "title": "Exchange channels",
- "caption": "I am looking to share data or information",
- "icon": "<i class=\"large material-icons\">multiple_stop</i>",
- "link": "/#exchange-channels"
- },
- {
- "title": "Integrity",
- "caption": "I want to ensure that my work and research is compliant and reusable",
- "icon": "<i class=\"large material-icons\">vpn_key</i>",
- "link": "/#integrity"
- },
- ];
-
- document.addEventListener('DOMContentLoaded', function() {
- window.start_cards();
- }, false);
-
-</script>