🛍️ Added E-commerce Shop ad & updated the navigation

pip-install-python · pip-install-python · commit 3427d8137404 · 2025-05-04T13:34:32.000-05:00
diff --git a/assets/pip-e-commerce-ad.gif b/assets/pip-e-commerce-ad.gif
diff --git a/components/navbar.py b/components/navbar.py
@@ -36,28 +36,35 @@ def create_content(data):
         style={"height": "100%"},
         children=dmc.Stack(gap=0, children=[
             dmc.Anchor([DashIconify(icon="fluent:star-24-regular", height=20, color='gold'), "Introduction"], href="/", className="navbar-link",),
-            dmc.Divider(label="Components", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
-            *body,
-            dmc.Divider(label="Awesome Dash", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
-            dmc.Anchor([DashIconify(icon="carbon:ibm-z-os-package-manager", height=20), "PyPi Components"], href="https://community.plotly.com/t/community-components-index/60098",
-                       className="navbar-link", ),
-            # dmc.Anchor([DashIconify(icon="streamline:global-learning", height=20), "Learning Resources"], href="/learning-resources",
-            #            className="navbar-link", ),
-            dmc.Divider(label="Projects", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
+            dmc.Divider(label="Hosted Applications:", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
             dmc.Anchor(
-                [DashIconify(icon='emojione:department-store', height=20), 'Store'],
-                href='https://dash-components.com/',
+                [DashIconify(icon='emojione:department-store', height=20), 'Pip`s Shop'],
+                href='https://shop.geomapindex.com',
                 className="navbar-link",
             ),
             dmc.Anchor(
-                [DashIconify(icon='emojione:world-map', height=20), 'GeoMapIndex'],
+                [DashIconify(icon='emojione:world-map', height=20), 'GeoMapIndex App'],
                 href='https://dash.geomapindex.com',
                 className="navbar-link",
             ),
+            dmc.Anchor(
+                [DashIconify(icon='noto-v1:rolled-up-newspaper', height=20), 'Blog'],
+                href='https://geomapindex.com/blog/',
+                className="navbar-link",
+            ),
+
+            dmc.Divider(label="Pip Components", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
+            *body,
+            # dmc.Divider(label="Awesome Dash", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
+            # dmc.Anchor([DashIconify(icon="carbon:ibm-z-os-package-manager", height=20), "PyPi Components"], href="https://community.plotly.com/t/community-components-index/60098",
+            #            className="navbar-link", ),
+            # dmc.Anchor([DashIconify(icon="streamline:global-learning", height=20), "Learning Resources"], href="/learning-resources",
+            #            className="navbar-link", ),
+
             dmc.Divider(label="Contact", mt="2rem", mb="1rem", labelPosition="left", pl="1rem"),
             dmc.Anchor(
                 [DashIconify(icon='openmoji:mobile-message', height=20), 'Message Me'],
-                href='https://pipinstallpython.pythonanywhere.com/home/direct_message/',
+                href='https://geomapindex.com/message/',
                 className="navbar-link",
             ),
         ], px="1rem", py="2rem"),
diff --git a/lib/directives/toc.py b/lib/directives/toc.py
@@ -39,7 +39,13 @@ def render(self, renderer, title: str, content: str, **options) -> Component:
         # )
 
         content = dmc.Stack([
-            # ad,
+            dmc.Space(h=10),
+            html.A(dmc.Image(
+                src="/assets/pip-e-commerce-ad.gif",
+                w='100%',
+                h=230,
+                style={"margin": "auto"}
+            ), href="https://shop.geomapindex.com", target="_blank"),
             heading, *links, dmc.Space(h=20)
         ], gap=6, px=25)
         return dmc.AppShellAside(
