Update app.py

app.py

@@ -385,16 +385,38 @@ app_ui = ui.page_fluid(
             
             ui.navset_tab(
                     ui.nav("Schedule",
-                      ui.tags.h3(""),
-                      ui.div({"style": "font-size:2em;"},ui.output_text("txt_title")),
-                      #ui.tags.h2("Fantasy Hockey Schedule Summary"),
-                      ui.tags.h5("Created By: @TJStats,     Data: NHL"),
-                      ui.div({"style": "font-size:1.2em;"},ui.output_text("txt")),
-                      ui.output_table("schedule_result"),
-                      ui.tags.h5('Legend'),
-                      ui.output_table("schedule_result_legend"),
-                      ui.tags.h6('An Off Night is defined as a day in which less than half the teams in the NHL are playing'),
-                      ui.tags.h6('The scores are determined by using games played, off-nights, B2B, and strength of opponents') ),
+                        ui.div(
+                            ui.tags.head(
+                                ui.tags.script({"src": "https://html2canvas.hertzen.com/dist/html2canvas.min.js"})
+                            ),
+                            ui.tags.button(
+                                "Download as PNG",
+                                {"onclick": """
+                                    html2canvas(document.getElementById('capture-div')).then(function(canvas) {
+                                        var link = document.createElement('a');
+                                        link.download = 'fantasy-hockey-schedule.png';
+                                        link.href = canvas.toDataURL();
+                                        link.click();
+                                    });
+                                """},
+                                {"style": "margin: 10px 0;"}
+                            ),
+                            ui.div(
+                                {"id": "capture-div", "style": "background-color: white; padding: 20px;"},
+                                ui.tags.h3(""),
+                                ui.div({"style": "font-size:2em;"}, ui.output_text("txt_title")),
+                                ui.tags.h5("Created By: @TJStats,     Data: NHL"),
+                                ui.div({"style": "font-size:1.2em;"}, ui.output_text("txt")),
+                                ui.output_table("schedule_result"),
+                                ui.tags.h5('Legend'),
+                                ui.output_table("schedule_result_legend"),
+                                ui.tags.h6('An Off Night is defined as a day in which less than half the teams in the NHL are playing'),
+                                ui.tags.h6('The scores are determined by using games played, off-nights, B2B, and strength of opponents')
+                            )
+                        )
+                )
+                
+                ,
 
                     ui.nav("Scorers Streamers",
                         ui.tags.h3(""),