2 files changed, 26 insertions, 3 deletions
diff --git a/app.py b/app.py
index b92befa..cf093f0 100644
--- a/app.py
+++ b/app.py
@@ -18,7 +18,7 @@ from data_utils import (
     get_domain_chart_data,
     get_ranking_chart_data,
 )
-from web_utils import get_column, get_filter, get_header, get_file_content
+from web_utils import get_column, get_filter, get_header, get_file_content, encoded_img
 
 from quips_utils import resolve_quips_url, get_quip_html, get_quip_number
 
@@ -269,13 +269,28 @@ index_page = html.Div(
         html.Div(
             children=[
                 html.A(
-                    "Mastodon",
+                    children=[
+                        html.Img(src=f"data:image/svg+xml;base64,{encoded_img['mastodon']}",
+                                 style={"height": "32px"})
+                    ],
                     rel="me",
                     href="https://floss.social/@qt",
                     style={"margin": "5px"},
                 ),
                 html.A(
-                    "Twitter",
+                    children=[
+                        html.Img(src=f"data:image/svg+xml;base64,{encoded_img['bluesky']}",
+                                 style={"height": "32px"})
+                    ],
+                    rel="me",
+                    href="https://bsky.app/profile/qt-project.org",
+                    style={"margin": "5px"},
+                ),
+                html.A(
+                    children=[
+                        html.Img(src=f"data:image/svg+xml;base64,{encoded_img['x']}",
+                                 style={"height": "32px"})
+                    ],
                     rel="me",
                     href="https://twitter.com/qtproject",
                     style={"margin": "5px"},
diff --git a/web_utils.py b/web_utils.py
index 511270d..cb10335 100644
--- a/web_utils.py
+++ b/web_utils.py
@@ -153,3 +153,11 @@ def get_filter(modules, years):
         ],
         className="row card option-select",
     )
+
+encoded_img = {"mastodon":
+               'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgcm9sZT0iaW1nIgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InF0X21hc3RvZG9uLnN2ZyIKICAgaW5rc2NhcGU6dmVyc2lvbj0iMS40IChlN2MzZmViMTAwLCAyMDI0LTEwLTA5KSIKICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiCiAgIHhtbG5zOnNvZGlwb2RpPSJodHRwOi8vc29kaXBvZGkuc291cmNlZm9yZ2UubmV0L0RURC9zb2RpcG9kaS0wLmR0ZCIKICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOmNjPSJodHRwOi8vY3JlYXRpdmVjb21tb25zLm9yZy9ucyMiCiAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgPGRlZnMKICAgICBpZD0iZGVmczEiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlkPSJuYW1lZHZpZXcxIgogICAgIHBhZ2Vjb2xvcj0iIzUwNTA1MCIKICAgICBib3JkZXJjb2xvcj0iI2VlZWVlZSIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIGlua3NjYXBlOnNob3dwYWdlc2hhZG93PSIwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VjaGVja2VyYm9hcmQ9IjAiCiAgICAgaW5rc2NhcGU6ZGVza2NvbG9yPSIjZDFkMWQxIgogICAgIGlua3NjYXBlOnpvb209IjQwLjc1IgogICAgIGlua3NjYXBlOmN4PSIyLjgzNDM1NTgiCiAgICAgaW5rc2NhcGU6Y3k9IjkuMzI1MTUzNCIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjM4NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMjE2MCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMSI+TWFzdG9kb248L3RpdGxlPgogIDxwYXRoCiAgICAgZD0iTTIzLjI2OCA1LjMxM2MtLjM1LTIuNTc4LTIuNjE3LTQuNjEtNS4zMDQtNS4wMDRDMTcuNTEuMjQyIDE1Ljc5MiAwIDExLjgxMyAwaC0uMDNjLTMuOTggMC00LjgzNS4yNDItNS4yODguMzA5QzMuODgyLjY5MiAxLjQ5NiAyLjUxOC45MTcgNS4xMjcuNjQgNi40MTIuNjEgNy44MzcuNjYxIDkuMTQzYy4wNzQgMS44NzQuMDg4IDMuNzQ1LjI2IDUuNjExLjExOCAxLjI0LjMyNSAyLjQ3LjYyIDMuNjguNTUgMi4yMzcgMi43NzcgNC4wOTggNC45NiA0Ljg1NyAyLjMzNi43OTIgNC44NDkuOTIzIDcuMjU2LjM4LjI2NS0uMDYxLjUyNy0uMTMyLjc4Ni0uMjEzLjU4NS0uMTg0IDEuMjctLjM5IDEuNzc0LS43NTNhLjA1Ny4wNTcgMCAwIDAgLjAyMy0uMDQzdi0xLjgwOWEuMDUyLjA1MiAwIDAgMC0uMDItLjA0MS4wNTMuMDUzIDAgMCAwLS4wNDYtLjAxIDIwLjI4MiAyMC4yODIgMCAwIDEtNC43MDkuNTQ1Yy0yLjczIDAtMy40NjMtMS4yODQtMy42NzQtMS44MThhNS41OTMgNS41OTMgMCAwIDEtLjMxOS0xLjQzMy4wNTMuMDUzIDAgMCAxIC4wNjYtLjA1NGMxLjUxNy4zNjMgMy4wNzIuNTQ2IDQuNjMyLjU0Ni4zNzYgMCAuNzUgMCAxLjEyNS0uMDEgMS41Ny0uMDQ0IDMuMjI0LS4xMjQgNC43NjgtLjQyMi4wMzgtLjAwOC4wNzctLjAxNS4xMS0uMDI0IDIuNDM1LS40NjQgNC43NTMtMS45MiA0Ljk4OS01LjYwNC4wMDgtLjE0NS4wMy0xLjUyLjAzLTEuNjcuMDAyLS41MTIuMTY3LTMuNjMtLjAyNC01LjU0NXptLTMuNzQ4IDkuMTk1aC0yLjU2MVY4LjI5YzAtMS4zMDktLjU1LTEuOTc2LTEuNjctMS45NzYtMS4yMyAwLTEuODQ2Ljc5LTEuODQ2IDIuMzV2My40MDNoLTIuNTQ2VjguNjYzYzAtMS41Ni0uNjE3LTIuMzUtMS44NDgtMi4zNS0xLjExMiAwLTEuNjY4LjY2OC0xLjY3IDEuOTc3djYuMjE4SDQuODIyVjguMTAyYzAtMS4zMS4zMzctMi4zNSAxLjAxMS0zLjEyLjY5Ni0uNzcgMS42MDgtMS4xNjQgMi43NC0xLjE2NCAxLjMxMSAwIDIuMzAyLjUgMi45NjIgMS40OThsLjYzOCAxLjA2LjYzOC0xLjA2Yy42Ni0uOTk5IDEuNjUtMS40OTggMi45Ni0xLjQ5OCAxLjEzIDAgMi4wNDMuMzk1IDIuNzQgMS4xNjQuNjc1Ljc3IDEuMDEyIDEuODEgMS4wMTIgMy4xMnoiCiAgICAgaWQ9InBhdGgxIgogICAgIHN0eWxlPSJmaWxsOiM0MWNkNTI7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzp0aXRsZT5NYXN0b2RvbjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgo8L3N2Zz4K',
+                "bluesky":
+               'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgcm9sZT0iaW1nIgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InF0X2JsdWVza3kuc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjQgKGU3YzNmZWIxMDAsIDIwMjQtMTAtMDkpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzEiCiAgICAgcGFnZWNvbG9yPSIjNTA1MDUwIgogICAgIGJvcmRlcmNvbG9yPSIjZWVlZWVlIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iODEuNSIKICAgICBpbmtzY2FwZTpjeD0iMTIuMDA2MTM1IgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjM4NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMjE2MCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMSI+Qmx1ZXNreTwvdGl0bGU+CiAgPHBhdGgKICAgICBkPSJNMTIgMTAuOGMtMS4wODctMi4xMTQtNC4wNDYtNi4wNTMtNi43OTgtNy45OTVDMi41NjYuOTQ0IDEuNTYxIDEuMjY2LjkwMiAxLjU2NS4xMzkgMS45MDggMCAzLjA4IDAgMy43NjhjMCAuNjkuMzc4IDUuNjUuNjI0IDYuNDc5LjgxNSAyLjczNiAzLjcxMyAzLjY2IDYuMzgzIDMuMzY0LjEzNi0uMDIuMjc1LS4wMzkuNDE1LS4wNTYtLjEzOC4wMjItLjI3Ni4wNC0uNDE1LjA1Ni0zLjkxMi41OC03LjM4NyAyLjAwNS0yLjgzIDcuMDc4IDUuMDEzIDUuMTkgNi44Ny0xLjExMyA3LjgyMy00LjMwOC45NTMgMy4xOTUgMi4wNSA5LjI3MSA3LjczMyA0LjMwOCA0LjI2Ny00LjMwOCAxLjE3Mi02LjQ5OC0yLjc0LTcuMDc4YTguNzQxIDguNzQxIDAgMCAxLS40MTUtLjA1NmMuMTQuMDE3LjI3OS4wMzYuNDE1LjA1NiAyLjY3LjI5NyA1LjU2OC0uNjI4IDYuMzgzLTMuMzY0LjI0Ni0uODI4LjYyNC01Ljc5LjYyNC02LjQ3OCAwLS42OS0uMTM5LTEuODYxLS45MDItMi4yMDYtLjY1OS0uMjk4LTEuNjY0LS42Mi00LjMgMS4yNEMxNi4wNDYgNC43NDggMTMuMDg3IDguNjg3IDEyIDEwLjhaIgogICAgIGlkPSJwYXRoMSIKICAgICBzdHlsZT0iZmlsbDojNDFjZDUyO2ZpbGwtb3BhY2l0eToxIiAvPgogIDxtZXRhZGF0YQogICAgIGlkPSJtZXRhZGF0YTEiPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6dGl0bGU+Qmx1ZXNreTwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgo8L3N2Zz4K',
+               "x":
+               'PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgcm9sZT0iaW1nIgogICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgIHZlcnNpb249IjEuMSIKICAgaWQ9InN2ZzEiCiAgIHNvZGlwb2RpOmRvY25hbWU9InF0X3guc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjQgKGU3YzNmZWIxMDAsIDIwMjQtMTAtMDkpIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIKICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyIKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICA8ZGVmcwogICAgIGlkPSJkZWZzMSIgLz4KICA8c29kaXBvZGk6bmFtZWR2aWV3CiAgICAgaWQ9Im5hbWVkdmlldzEiCiAgICAgcGFnZWNvbG9yPSIjNTA1MDUwIgogICAgIGJvcmRlcmNvbG9yPSIjZWVlZWVlIgogICAgIGJvcmRlcm9wYWNpdHk9IjEiCiAgICAgaW5rc2NhcGU6c2hvd3BhZ2VzaGFkb3c9IjAiCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiCiAgICAgaW5rc2NhcGU6cGFnZWNoZWNrZXJib2FyZD0iMCIKICAgICBpbmtzY2FwZTpkZXNrY29sb3I9IiNkMWQxZDEiCiAgICAgaW5rc2NhcGU6em9vbT0iODEuNSIKICAgICBpbmtzY2FwZTpjeD0iMTIuMDA2MTM1IgogICAgIGlua3NjYXBlOmN5PSIxMiIKICAgICBpbmtzY2FwZTp3aW5kb3ctd2lkdGg9IjM4NDAiCiAgICAgaW5rc2NhcGU6d2luZG93LWhlaWdodD0iMjE2MCIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMTkyMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3ctbWF4aW1pemVkPSIxIgogICAgIGlua3NjYXBlOmN1cnJlbnQtbGF5ZXI9InN2ZzEiIC8+CiAgPHRpdGxlCiAgICAgaWQ9InRpdGxlMSI+WDwvdGl0bGU+CiAgPHBhdGgKICAgICBkPSJNMTguOTAxIDEuMTUzaDMuNjhsLTguMDQgOS4xOUwyNCAyMi44NDZoLTcuNDA2bC01LjgtNy41ODQtNi42MzggNy41ODRILjQ3NGw4LjYtOS44M0wwIDEuMTU0aDcuNTk0bDUuMjQzIDYuOTMyWk0xNy42MSAyMC42NDRoMi4wMzlMNi40ODYgMy4yNEg0LjI5OFoiCiAgICAgaWQ9InBhdGgxIgogICAgIHN0eWxlPSJmaWxsOiM0MWNkNTI7ZmlsbC1vcGFjaXR5OjEiIC8+CiAgPG1ldGFkYXRhCiAgICAgaWQ9Im1ldGFkYXRhMSI+CiAgICA8cmRmOlJERj4KICAgICAgPGNjOldvcmsKICAgICAgICAgcmRmOmFib3V0PSIiPgogICAgICAgIDxkYzp0aXRsZT5YPC9kYzp0aXRsZT4KICAgICAgPC9jYzpXb3JrPgogICAgPC9yZGY6UkRGPgogIDwvbWV0YWRhdGE+Cjwvc3ZnPgo='
+               }