From 0fccc301de94ca25f6ef3ba7c7aaf98a69515cde Mon Sep 17 00:00:00 2001
From: Andreas Angourakis <andros.spica@gmail.com>
Date: Sat, 17 Sep 2022 11:48:00 +0200
Subject: [PATCH] Added download button

added download button with icon at the side of the github one. Solution using DownGit tool. @nevrome maybe you can find a better CSS setting without creating an id to overwrite table configuration
---
 website_generator/package_page_template.Rmd | 29 +++++++++++++++++++--
 website_generator/website_source/styles.css |  7 +++++
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/website_generator/package_page_template.Rmd b/website_generator/package_page_template.Rmd
index 02a0993..9f8cb70 100644
--- a/website_generator/package_page_template.Rmd
+++ b/website_generator/package_page_template.Rmd
@@ -73,7 +73,7 @@ cat(paste(authors, collapse = "<br>"))
 
 ---
 
-#### Module files at
+#### Module files
 
 ```{r}
 github_link <- htmltools::tags$a(
@@ -81,10 +81,35 @@ github_link <- htmltools::tags$a(
   target = "_blank",
   href = paste0("https://github.com/Archaeology-ABM/NASSA-modules/tree/main/", module_name)
 )
+download_link <- htmltools::tags$a(
+  fontawesome::fa("download", fill = "#03989E", height = '100px'),
+  target = "_blank",
+  href = paste0(
+    "https://minhaskamal.github.io/DownGit/#/home?url=", # using DownGit tool
+    "https://github.com/Archaeology-ABM/NASSA-modules/tree/main/", 
+    module_name)
+)
 ### TO-DO: get a schematic printout of the file structure to be shown at the right side of the GiHub icon?
 ```
 
-`r github_link`
+<table class="pageHeader">
+  <tr id="structGrid">
+    <td>
+    Go to repository
+    </td>
+    <td style="text-align: left;">
+    Download
+    </td>
+  </tr>
+  <tr id="structGrid">
+    <td>
+    `r github_link`
+    </td>
+    <td style="text-align: left;">
+    `r download_link`
+    </td>
+  </tr>
+</table>
 
 </div>
 <div class="column">
diff --git a/website_generator/website_source/styles.css b/website_generator/website_source/styles.css
index fe9b670..2804986 100644
--- a/website_generator/website_source/styles.css
+++ b/website_generator/website_source/styles.css
@@ -46,3 +46,10 @@ thead, tfoot, tr:nth-child(even) { background: #eee; }
   padding: 20px;
   margin: 20px;
 }
+
+#structGrid {
+  border: 0;
+  border-collapse: collapse;
+  text-align: center;
+  background-color: transparent;
+}