Update app.R

app.R

@@ -18,15 +18,15 @@ library(ggiraph)  # For interactive hover tooltips and selections
 ui <- dashboardPage(
   skin = "black",
   dashboardHeader(
-  title = span(
-    style = "font-weight: 600; font-size: 13px;",
-    a(
-      href = "http://www.globalleadershipproject.net", 
-      "GlobalLeadershipProject.net", 
-      target = "_blank",
-      style = "color: white; text-decoration: underline;"
+    title = span(
+      style = "font-weight: 600; font-size: 13px;",
+      a(
+        href = "http://www.globalleadershipproject.net", 
+        "GlobalLeadershipProject.net", 
+        target = "_blank",
+        style = "color: white; text-decoration: underline;"
+      )
     )
-   )
   ),
   dashboardSidebar(
     sidebarMenu(
@@ -81,7 +81,6 @@ ui <- dashboardPage(
         HTML("
           (function() {
             const shareBtn = document.getElementById('share-button');
-
             // Reusable helper function to show a small “Copied!” message
             function showCopyNotification() {
               const notification = document.createElement('div');
@@ -97,11 +96,9 @@ ui <- dashboardPage(
               document.body.appendChild(notification);
               setTimeout(() => { notification.remove(); }, 2000);
             }
-
             shareBtn.addEventListener('click', function() {
               const currentURL = window.location.href;
               const pageTitle  = document.title || 'Check this out!';
-
               // If browser supports Web Share API
               if (navigator.share) {
                 navigator.share({
@@ -238,6 +235,7 @@ ui <- dashboardPage(
             )
           )
         ),
+        
         column(
           width = 3,
           box(
@@ -248,6 +246,39 @@ ui <- dashboardPage(
             style = "overflow-y: auto;"  # Scroll if content overflows
           )
         )
+      ),
+      
+      # -- 2nd row: citation spanning the full width below --
+      fluidRow(
+        column(
+          width = 12,
+          box(
+            width = NULL,
+            title = strong("Citation"),
+            solidHeader = TRUE,
+            
+            p("John Gerring, Alan Hicken, Connor T. Jerzak, Erzen Öncel. 
+               The Composition of Descriptive Representation. ",
+              em("American Political Science Review,"), " 118(2): 784–801, 2024."
+            ),
+            
+            tags$p(
+              tags$a(
+                href = "https://www.cambridge.org/core/services/aop-cambridge-core/content/view/7EAEA1CA4C553AB9D76054D1FA9C0840/S0003055423000680a.pdf/the-composition-of-descriptive-representation.pdf",
+                "View PDF",
+                target = "_blank"
+              )
+            ),
+            
+            tags$p(
+              tags$a(
+                href = "https://connorjerzak.com/wp-content/uploads/2024/07/CompositionBib.txt",
+                "BibTeX",
+                target = "_blank"
+              )
+            )
+          )
+        )
       )
     )
   )
@@ -344,7 +375,9 @@ server <- function(input, output, session) {
                  font-family: 'OCR A Extended', monospace; 
                  color: black;"
         ),
-        opts_selection(type = "single")  # Single selection: one country at a time
+        opts_selection(type = "single"),  # Single selection: one country at a time
+        opts_zoom(min = 1, max = 10),           # <-- Enables zooming
+        opts_toolbar(position = "topright")    # <-- Adds a small toolbar
       )
     )
   })