change theme and style

assets/stylesheets/explorer.css

@@ -0,0 +1 @@
+/* Home Heading */

explorer.py

@@ -0,0 +1,94 @@
+import panel as pn
+from utils.strings import HOME_HEADING_STRING, WELCOME_MESSAGE
+
+
+# Initialize panel extension
+pn.extension()
+
+# Create a boolean status indicator
+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'])
+
+# Create a welcome message
+welcome_message = pn.pane.Markdown(WELCOME_MESSAGE)
+
+# Create main content layout
+main = pn.Column(HOME_HEADING, welcome_message)
+
+# Create sidebar using the create_sidebar function and pass the main content layout
+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,
+)
+
+# 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",
+    logo="./assets/images/stingray_explorer.png",
+    title="Stingray Explorer",
+    favicon="./assets/images/stingray_explorer.png",
+    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')},
+    prevent_collision=False,
+    save_layout=True,
+
+    # Styling parameter
+    theme="default",
+    theme_toggle=True,
+    # background_color="#FFFFFF", # The toggle button choses it according to the theme
+    neutral_color="#D3D3D3",
+    accent_base_color="#c4e1c5",
+    header_background="#000000",
+    header_color="#c4e1c5",
+    header_neutral_color="#D3D3D3",
+    header_accent_base_color="#c4e1c5",
+    corner_radius=7,
+    # font="",
+    # 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',
+)
+
+# Serve the layout
+layout.servable()

main.py

@@ -1,5 +0,0 @@
-import panel as pn 
-
-
-# Initialize panel extension
-pn.extension()

utils/strings.py

@@ -0,0 +1,67 @@
+## This section contains the textual strings used in the explorer.py
+
+HOME_HEADING_STRING = """<div>
+<h1>Welcome to the Stingray Explorer Dashboard</h1>
+</div>"""
+
+
+## This section contains the textual strings used in the explorer.py
+
+WELCOME_MESSAGE = """
+<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;'>
+        <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>
+                <li>Setup and creating EventList from photon arrival times</li>
+                <li>Roundtrip to Astropy-compatible formats</li>
+                <li>Loading and writing EventList objects</li>
+                <li>Simulating EventList from Lightcurve</li>
+                <li>Joining EventLists</li>
+            </ul>
+        </li>
+        <li><b>Working with Lightcurves:</b> 
+            <ul>
+                <li>Creating light curves from time stamps, counts, or photon arrival times</li>
+                <li>Operations including addition, subtraction, indexing, and plotting</li>
+                <li>Handling Good Time Intervals (GTIs) and analyzing light curve segments</li>
+            </ul>
+        </li>
+        <li><b>Fourier Analysis:</b> 
+            <ul>
+                <li>Generating Powerspectra, AveragedPowerspectra, and Cross Spectra</li>
+                <li>Normalizing and re-binning power spectra</li>
+                <li>Creating Dynamical Power Spectra</li>
+            </ul>
+        </li>
+        <li><b>Cross and Autocorrelations:</b> 
+            <ul>
+                <li>Generating CrossCorrelation and AutoCorrelation plots</li>
+            </ul>
+        </li>
+        <li><b>Bispectra:</b> 
+            <ul>
+                <li>Understanding and plotting Bispectrum</li>
+            </ul>
+        </li>
+        <li><b>Bayesian Excess Variance:</b> 
+            <ul>
+                <li>Theoretical background and practical examples</li>
+            </ul>
+        </li>
+        <li><b>Multi-taper Periodogram:</b> 
+            <ul>
+                <li>Creating and analyzing Multitaper objects</li>
+            </ul>
+        </li>
+        <li><b>Lomb Scargle Spectra:</b> 
+            <ul>
+                <li>Generating Lomb Scargle Powerspectrum and Crossspectrum</li>
+            </ul>
+        </li>
+    </ul>
+    <p>Please use the sidebar to navigate to the different analysis tools. Each tool comes with interactive widgets to customize your analysis and generate plots on the fly.</p>
+    <p>We hope you find this dashboard useful for your research!</p>
+</div>
+"""