adding report file information in the NEWS.md

DESCRIPTION

@@ -1,6 +1,6 @@
 Package: shiny.benchmark
 Title: Benchmark the Performance of Shiny Applications
-Version: 0.1.1
+Version: 0.1.1.9000
 Authors@R:
   c(
     person(given = "Douglas", family = "Azevedo", email = "opensource+douglas@appsilon.com", role = c("aut", "cre")),

NEWS.md

@@ -1,3 +1,7 @@
-# 0.1.1
+# shiny.benchmark 0.1.1
 
 Adding a minimal example using `shinytest2`
+
+# shiny.benchmark 0.1.9000
+
+Create reports automatically using `report_file` argument in `benchmark` function

pkgdown/_pkgdown.yml

@@ -14,30 +14,50 @@ template:
         gtag('js', new Date());
         gtag('config', 'G-RS06EY8KNQ');
       </script>
+      <!-- Google tag (gtag.js) -->
+      <script async src="https://www.googletagmanager.com/gtag/js?id=G-FQQZL5V93G"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+        gtag('config', 'G-FQQZL5V93G');
+      </script>
       <script async defer src="https://buttons.github.io/buttons.js"></script>
     before_navbar: |
-      <a href="https://shiny.tools/#shiny-benchmark" class="home"><i class="fa fa-lg fa-chevron-left"></i></a>
+      <a href="https://rhinoverse.dev" class="home"><i class="fa fa-lg fa-chevron-left"></i></a>
 
 url: https://github.com/Appsilon/shiny.benchmark/
 
 navbar:
   bg: primary
-  left:
-    - icon: fa-home
-      href: index.html
+  structure:
+    left: [home, tutorials, reference, changelog]
+    right: [search, github, twitter, mastodon]
+  components:
+    home:
+      icon: fa-home
       text: "Start"
-    - icon: fa-university
-      href: articles/tutorial/how-to-measure-apps-performance.html
+      href: index.html
+    tutorials:
+      icon: fa-university
       text: "Tutorial"
-    - icon: fa-file-code-o
+      href: articles/tutorial/how-to-measure-apps-performance.html
+    reference:
+      icon: fa-file-code-o
       text: "Reference"
       href: reference/index.html
-  right:
-    - icon: fa-github fa-lg
+    changelog:
+      icon: fa-newspaper-o
+      text: "Changelog"
+      href: news/index.html
+    github:
+      icon: fa-github fa-lg
       href: https://github.com/Appsilon/shiny.benchmark
-    - icon: fa-twitter fa-lg
+    twitter:
+      icon: fa-twitter fa-lg
       href: https://twitter.com/Appsilon
-    - icon: fab fa-mastodon fa-lg
+    mastodon:
+      icon: fab fa-mastodon fa-lg
       href: https://fosstodon.org/@appsilon
 
 home:
@@ -49,24 +69,6 @@ home:
         text: |
           <a class="github-button" href="https://github.com/appsilon/shiny.benchmark" data-size="large" data-show-count="true" aria-label="Star appsilon/shiny.benchmark on GitHub">Star</a>
 
-reference:
-- title: Performance tests
-  contents:
-  - '`benchmark`'
-  - '`benchmark_cypress`'
-  - '`benchmark_shinytest2`'
-  - '`run_cypress_ptest`'
-  - '`run_shinytest2_ptest`'
-- title: Shiny Benchmark Class
-  contents:
-  - '`shiny_benchmark-class`'
-  - '`summary.shiny_benchmark`'
-  - '`plot.shiny_benchmark`'
-  - '`print.shiny_benchmark`'
-- title: Other
-  contents:
-  - '`load_example`'
-
 footer:
   structure:
     left: developed

pkgdown/extra.css

@@ -1,14 +1,26 @@
+:root {
+  --primary-color: #b20929;
+}
+
 .navbar {
-  background-color: rgb(178, 9, 41) !important;
+  background-color: var(--primary-color) !important;
 }
 
 #navbar > ul.navbar-nav > li.nav-item a:hover {
-  background-color: rgb(178, 9, 41) !important;
+  background-color: var(--primary-color) !important;
+}
+
+#navbar > ul.navbar-nav > li.nav-item > a {
+  color: rgba(255, 255, 255, 0.55);
 }
 
-.navbar-dark .navbar-nav .active>.nav-link {
-  background-color: rgb(178, 9, 41) !important;
-  color: #fff;
+.navbar-dark .navbar-nav .active > .nav-link {
+  background-color: var(--primary-color) !important;
+  color: #fff !important;
+}
+
+.navbar-brand {
+  color: #fff !important;
 }
 
 .navbar-dark input[type="search"] {
@@ -21,16 +33,16 @@ nav .text-muted {
 }
 
 a {
-  color: rgb(156, 19, 44);
+  color: var(--primary-color);
 }
 
 a:hover {
-  color: rgb(178, 9, 41);
+  color: #2c2b2b;
 }
 
 button.btn.btn-primary.btn-copy-ex {
-  background-color: rgb(178, 9, 41);
-  border-color: rgb(178, 9, 41);
+  background-color: var(--primary-color);
+  border-color: var(--primary-color);
 }
 
 .home {
@@ -43,13 +55,3 @@ button.btn.btn-primary.btn-copy-ex {
 .home:hover {
   color: rgba(255,255,255,0.9);
 }
-
-.app-preview {
-  margin: 1.5em 0.75em;
-  padding: 0.25em;
-  box-shadow:
-    0 3.9px 4.6px rgba(0, 0, 0, 0.08),
-    0 12.3px 8.4px rgba(0, 0, 0, 0.056),
-    0 18.8px 19.2px rgba(0, 0, 0, 0.037),
-    0 22px 40px rgba(0, 0, 0, 0.019);
-}