add .gitignore

.gitignore

@@ -0,0 +1 @@
+__pycache__/

assets/stylesheets/explorer.css

@@ -1 +1,5 @@
-/* Home Heading */
+/* Home Heading */
+
+:host(.home-heading) {
+    --font-size: 22px;
+}

explorer.py

@@ -1,45 +1,43 @@
 import panel as pn
-from utils.strings import HOME_HEADING_STRING, WELCOME_MESSAGE
+from utils.strings import HOME_HEADING_STRING, WELCOME_MESSAGE_STRING, FOOTER_STRING
 
 
 # Initialize panel extension
 pn.extension()
 
 # Create a boolean status indicator
-busy_indicator = pn.indicators.BooleanStatus(value=True, color='warning', width=30, height=30)
+busy_indicator = pn.indicators.BooleanStatus(
+    value=True, color="warning", width=30, height=30
+)
 
 # Create header
-HOME_HEADING = pn.pane.Markdown(HOME_HEADING_STRING, stylesheets=['../assets/stylesheets/explorer.css'])
+home_heading = pn.pane.HTML(
+    HOME_HEADING_STRING,
+    stylesheets=["../assets/stylesheets/explorer.css"],
+    css_classes=["home-heading"],
+)
 
 # Create a welcome message
-welcome_message = pn.pane.Markdown(WELCOME_MESSAGE)
+welcome_message = pn.pane.HTML(
+    WELCOME_MESSAGE_STRING,
+    stylesheets=["../assets/stylesheets/explorer.css"],
+)
 
 # Create main content layout
-main = pn.Column(HOME_HEADING, welcome_message)
+main = pn.Column(home_heading, welcome_message, height=800)
 
-# Create sidebar using the create_sidebar function and pass the main content layout
+# Create a sidebar
 sidebar = pn.pane.Markdown("Sidebar")
 
 # Create a footer
-footer = pn.pane.Markdown(
-    """
-    <div style='text-align: center;'>
-        <p>Stingray Explorer Dashboard</p>
-        <p>&copy; 2021 Kartik Mandar</p>
-    </div>
-    """,
-    width=200,
-)
+footer = pn.pane.Markdown(FOOTER_STRING)
 
 # Create a FastGridTemplate layout
 layout = pn.template.FastGridTemplate(
-
     # Basic Panel layout components
     header="Next-Generation Spectral Timing Made Easy",
     sidebar=[sidebar],
-    main=[main, footer],
     modal=True,
-
     # Parameters for the FastGridTemplate
     site="",  # Not shown as already doing in title
     site_url="StingrayExplorer",
@@ -49,15 +47,13 @@ layout = pn.template.FastGridTemplate(
     sidebar_footer="Sidebar Footer",
     # config= (TemplateConfig): Contains configuration options similar to pn.config but applied to the current Template only. (Currently only css_files is supported) But css_files are now deprecated.
     busy_indicator=busy_indicator,
-
     # For configuring the grid
-    cols={'lg': 12, 'md': 10, 'sm': 6, 'xs': 4, 'xxs': 2},
-    breakpoints={'lg': 1200, 'md': 996, 'sm': 768, 'xs': 480, 'xxs': 0},
-    row_height=150,
-    dimensions={'minW': 0, 'maxW': float('inf'), 'minH': 0, 'maxH': float('inf')},
+    cols={"lg": 20, "md": 20, "sm": 20, "xs": 20, "xxs": 20},
+    breakpoints={"lg": 1200, "md": 996, "sm": 768, "xs": 480, "xxs": 0},
+    row_height=100,
+    dimensions={"minW": 0, "maxW": float("inf"), "minH": 0, "maxH": float("inf")},
     prevent_collision=False,
     save_layout=True,
-
     # Styling parameter
     theme="default",
     theme_toggle=True,
@@ -73,21 +69,18 @@ layout = pn.template.FastGridTemplate(
     # font_url="",
     shadow=True,
     main_layout="card",
-
     # Layout parameters
     collapsed_sidebar=False,
     sidebar_width=250,
     main_max_width="100%",
-    
-    
     # Meta data
-    meta_description='Stingray Explorer Dashboard',
-    meta_keywords='Stingray, Explorer, Dashboard, Astronomy, Stingray Explorer, X-ray Astronomy, X-ray Data Analysis',
-    meta_author='Kartik Mandar',
-    meta_refresh='', 
-    meta_viewport='width=device-width, initial-scale=1',
-    base_url='/',
-    base_target='_self',
+    meta_description="Stingray Explorer Dashboard",
+    meta_keywords="Stingray, Explorer, Dashboard, Astronomy, Stingray Explorer, X-ray Astronomy, X-ray Data Analysis",
+    meta_author="Kartik Mandar",
+    meta_refresh="",
+    meta_viewport="width=device-width, initial-scale=1",
+    base_url="/",
+    base_target="_self",
 )
 
 # Serve the layout

utils/strings.py

@@ -1,16 +1,13 @@
 ## This section contains the textual strings used in the explorer.py
 
-HOME_HEADING_STRING = """<div>
+HOME_HEADING_STRING = """
 <h1>Welcome to the Stingray Explorer Dashboard</h1>
-</div>"""
-
-
-## This section contains the textual strings used in the explorer.py
+"""
 
-WELCOME_MESSAGE = """
+WELCOME_MESSAGE_STRING = """
 <div>
     <p>This dashboard is designed to provide a comprehensive toolset for X-ray astronomy data analysis. Here are the main features:</p>
-    <ul style='text-align: left;'>
+    <ul>
         <li><b>Quicklook with Stingray:</b><ul><li> Don't want to dabble around too much and generate plots fast and easy, this is the way.</li></ul></li>
         <li><b>Working with Event Data:</b> 
             <ul>
@@ -65,3 +62,10 @@ WELCOME_MESSAGE = """
     <p>We hope you find this dashboard useful for your research!</p>
 </div>
 """
+
+FOOTER_STRING = """
+    <div>
+        <p>Stingray Explorer Dashboard</p>
+        <p>&copy; 2021 Kartik Mandar</p>
+    </div>
+    """