adding join vignette to website (#6562)

Author: AngelFelizR

_pkgdown.yml

@@ -37,6 +37,8 @@ navbar:
         href: articles/datatable-sd-usage.html
       - text: "Keys and fast binary search based subset"
         href: articles/datatable-keys-fast-subset.html
+      - text: "Joins in data.table"
+        href: articles/datatable-joins.html
       - text: "Secondary indices and auto indexing"
         href: articles/datatable-secondary-indices-and-auto-indexing.html
       - text: "Efficient reshaping using data.table"

vignettes/css/toc.css

@@ -6,8 +6,6 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Benchmarking data.table}
   %\VignetteEngine{knitr::knitr}
@@ -18,6 +16,13 @@ vignette: >
 h2 {
     font-size: 20px;
 }
+
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+}
 </style>
 
 This document is meant to guide on measuring performance of `data.table`. Single place to document best practices and traps to avoid.

vignettes/datatable-benchmarking.Rmd

@@ -6,8 +6,6 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Frequently Asked Questions about data.table}
   %\VignetteEngine{knitr::knitr}
@@ -18,7 +16,14 @@ vignette: >
 h2 {
     font-size: 20px;
 }
-#TOC { width: 100%; }
+
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+  width: 100%; 
+}
 </style>
 
 ```{r, echo = FALSE, message = FALSE}

vignettes/datatable-faq.Rmd

@@ -6,14 +6,21 @@ output:
     options:
       toc: true
       number_sections: true
-    meta:
-      css: [default, css/toc.css]
 vignette: >
   %\VignetteIndexEntry{Using .SD for Data Analysis}
   %\VignetteEngine{knitr::knitr}
   \usepackage[utf8]{inputenc}
 ---
 
+<style>
+#TOC {
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding-left: 1em;
+  background: #f6f6f6;
+}
+</style>
+
 ```{r, echo = FALSE, message = FALSE}
 require(data.table)
 knitr::opts_chunk$set(