diff --git a/app.py b/app.py
index a15013428..de23956bb 100644
--- a/app.py
+++ b/app.py
@@ -4,7 +4,7 @@
 from functions import build_data_dict, fetch_contributions_for_the_single_contributor, generate_table_of_contents, get_breadcrumbs, find_related_articles, calculate_reading_time, fetch_meta_data, recently_published
 import os
 from models import db, articles, Contributors, blogs, Topics
-from html_parser import htmlize
+from html_parser import htmlize, r_to_html_plaintext
 from redirectstsh import setup_redirects
 from utils import get_git_commit_hash
 import redirects_config
@@ -144,7 +144,17 @@ def topic_single(first_level_topic_path, second_level_topic_path, third_level_to
     article = articles.query.filter_by(path=article_path).first()
     meta_data = fetch_meta_data(article)
     related_articles = None
-    if article:
+    table_of_contents = None
+    content = None
+    reading_time = 0
+    if article is None:
+        file_path = 'content/topics/' + first_level_topic_path + '/' + second_level_topic_path + '/' + third_level_topic_path + '/' + article_path
+        ## open file and retrieve R code content
+        with open(file_path, 'r', encoding='utf-8') as file:
+            content = file.read()
+        code_content = r_to_html_plaintext(content)
+        return render_template('code_topic.html', content=code_content)
+    else: 
         related_articles = find_related_articles(article_path, articles, Topics)
         content = htmlize(article.content)
         table_of_contents = generate_table_of_contents(content)
diff --git a/content/topics/Analyze/causal-inference/did/canonical-did-table.md b/content/topics/Analyze/causal-inference/did/canonical-did-table.md
index b6ac7e705..26f3f02d0 100644
--- a/content/topics/Analyze/causal-inference/did/canonical-did-table.md
+++ b/content/topics/Analyze/causal-inference/did/canonical-did-table.md
@@ -4,7 +4,7 @@ description: "This topic provides background and motivation for the difference-i
 keywords: "causal inference, difference-in-difference, DID, R, regression, model, canonical DiD, difference in means table, potential outcomes framework, average treatment effect, ATE, ATT, ATU, treatment effects"
 draft: false
 weight: 1
-author: "Roshini Sudhaharan, Valerie Vossen"
+author: "Roshini Sudhaharan,Valerie Vossen"
 aliases:
   - /canonical-DiD
 ---
diff --git a/content/topics/Collaborate-share/Project-management/contribute-to-tilburg-science-hub/style-guide.md b/content/topics/Collaborate-share/Project-management/contribute-to-tilburg-science-hub/style-guide.md
index 2671da9de..13cfe72ad 100644
--- a/content/topics/Collaborate-share/Project-management/contribute-to-tilburg-science-hub/style-guide.md
+++ b/content/topics/Collaborate-share/Project-management/contribute-to-tilburg-science-hub/style-guide.md
@@ -23,7 +23,7 @@ Please develop your content in English.
 
 ### Start Your Content With Our Templates
 
-Please use our [building block templates](https://raw.githubusercontent.com/tilburgsciencehub/tsh-website/master/content/topics/more-tutorials/contribute-to-tilburg-science-hub/building-block-shell.md) or [tutorial template](https://raw.githubusercontent.com/tilburgsciencehub/tsh-website/master/content/topics/more-tutorials/contribute-to-tilburg-science-hub/tutorial-shell.md) when developing new building blocks or tutorials.
+Please use our [building block templates](https://raw.githubusercontent.com/tilburgsciencehub/tsh-website/master/content/topics/Collaborate-share/Project-management/engage-open-science/contribute-to-tilburg-science-hub/building-block-shell.md) or [tutorial template](https://raw.githubusercontent.com/tilburgsciencehub/tsh-website/master/content/topics/Collaborate-share/Project-management/engage-open-science/contribute-to-tilburg-science-hub/tutorial-shell.md) when developing new building blocks or tutorials.
 
 <!-- ### Contribute via Git Pull Requests
 
diff --git a/html_parser.py b/html_parser.py
index 98d082175..afbbcfc76 100644
--- a/html_parser.py
+++ b/html_parser.py
@@ -1,3 +1,4 @@
+import html
 import re
 from bs4 import BeautifulSoup
 import markdown
@@ -24,6 +25,15 @@ def convert_code_blocks_to_html(md_content):
     # Function to replace code block shortcodes with HTML
     def replace_codeblock(match):
         code_content = match.group(1).strip()
+        # Regular expression to match '[R-link]' followed directly by content within parentheses
+        pattern = r'\[R-link\]\(([^)]+)\)'
+
+        # Search for the pattern in the text
+        link_match = re.search(pattern, code_content)
+        code_content_to_open = None
+        if link_match:
+            # Extract the content inside the parentheses
+            code_content_to_open = link_match.group(1).strip()
         language_matches = re.finditer(r'```(\w+)(.*?)```', code_content, re.DOTALL)
         code_blocks = []
         tab_nav = []
@@ -48,23 +58,28 @@ def replace_codeblock(match):
                 languages_processed.append(language)
 
             idx += 1
-
+            
         code_content = ''.join(code_blocks)
         tab_nav_html = f'<ul class="nav nav-tabs mb-3" id="pills-tab" role="tablist">\n' \
                        f'    {" ".join(tab_nav)}\n' \
                        f'</ul>'
+        
+        ## Only display download button when there is code content for that
+        download_button_html = f'<a class="downloadCodeBtn" style="margin-right: 20px" href="../{code_content_to_open}"><img src="/img/download.svg"></a>' if code_content_to_open else ''
 
         return f'<div class="codeblock">\n' \
-               f'<div class="d-flex justify-content-between">\n' \
-               f'    {tab_nav_html}\n' \
-               f'    <div class="float-right d-flex align-items-center">\n' \
-               f'        <a class="copyCodeBtn" href="#0"><img src="/img/copy-code.svg"></a>\n' \
-               f'    </div>\n' \
-               f'</div>\n' \
-               f'    <div class="inner">\n' \
-               f'        {code_content}\n' \
-               f'    </div>\n' \
-               f'</div>'
+            f'<div class="d-flex justify-content-between">\n' \
+            f'    {tab_nav_html}\n' \
+            f'    <div class="float-right d-flex">\n' \
+            f'        {download_button_html}\n' \
+            f'        <a class="copyCodeBtn" href="#0"><img src="/img/copy-code.svg"></a>\n' \
+            f'    </div>\n' \
+            f'</div>\n' \
+            f'    <div class="inner">\n' \
+            f'        {code_content}\n' \
+            f'    </div>\n' \
+            f'</div>'
+
 
     md_content = codeblock_pattern.sub(replace_codeblock, md_content)
     return md_content
@@ -384,6 +399,16 @@ def remove_empty_pre_code_tags(html_content):
     cleaned_content = re.sub(empty_pre_code_pattern, '', html_content)
     return cleaned_content
 
+# Parameters:
+# - r_content: String R code content
+# Returns:
+# - String with R code enclosed in <pre><code></code></pre> tags
+def r_to_html_plaintext(r_content):
+    # Escape HTML special characters to display as plain text
+    escaped_content = html.escape(r_content)
+    # Wrap the content in <pre> and <code> tags for HTML
+    html_content = f"<pre><code>{escaped_content}</code></pre>"
+    return html_content
 # Main function to convert Markdown file content to HTML
 # Parameters:
 # - md_file_content: String containing Markdown file content
diff --git a/static/img/copy-code.svg b/static/img/copy-code.svg
index db5264150..6efd79fb4 100644
--- a/static/img/copy-code.svg
+++ b/static/img/copy-code.svg
@@ -2,7 +2,7 @@
 <svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>6DB56BA6-82E4-4DD7-81AD-682DDF633706</title>
     <g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="Search" transform="translate(-1297.000000, -2554.000000)" stroke="#FF9C00" stroke-width="1.5">
+        <g id="Search" transform="translate(-1297.000000, -2554.000000)" stroke="#976B24" stroke-width="1.5">
             <g id="Group-2" transform="translate(0.000000, 151.000000)">
                 <g id="Copy" transform="translate(1298.000000, 2404.000000)">
                     <rect id="Rectangle" x="0" y="0" width="10" height="10" rx="2"></rect>
diff --git a/static/img/download.svg b/static/img/download.svg
index 7031baa61..ad6f9400d 100644
--- a/static/img/download.svg
+++ b/static/img/download.svg
@@ -2,7 +2,7 @@
 <svg width="12px" height="16px" viewBox="0 0 12 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
     <title>7EFD3187-AA75-48B5-8A11-6823E1092545</title>
     <g id="Desktop" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
-        <g id="Search" transform="translate(-1256.000000, -2554.000000)" stroke="#FF9C00" stroke-width="1.5">
+        <g id="Search" transform="translate(-1256.000000, -2554.000000)" stroke="#976B24" stroke-width="1.5">
             <g id="Group-2" transform="translate(0.000000, 151.000000)">
                 <g id="Download" transform="translate(1258.000000, 2404.000000)">
                     <polyline id="Path" transform="translate(4.241995, 6.307649) rotate(-44.000000) translate(-4.241995, -6.307649) " points="7.24199451 9.30764935 1.24199451 9.30764935 1.24199451 3.30764935"></polyline>
diff --git a/templates/code_topic.html b/templates/code_topic.html
new file mode 100644
index 000000000..73d0c0fd3
--- /dev/null
+++ b/templates/code_topic.html
@@ -0,0 +1 @@
+<div>{{ content|safe }}</div>   
\ No newline at end of file