preconnet to gfonts + navbar fix (#1054)

Author: carlosabadia

pcweb/components/docpage/navbar/navbar.py

@@ -66,7 +66,7 @@ def link_item(name: str, url: str, active_str: str = ""):
     active = router_path.contains(active_str)
     if active_str == "docs":
         active = rx.cond(
-            router_path.contains("hosting") | router_path.contains("library"),
+            router_path.contains("library"),
             False,
             active,
         )
@@ -288,7 +288,7 @@ def new_component_section() -> rx.Component:
                 link_item("Docs", getting_started.introduction.path, "docs"),
             ),
             nav_menu.item(
-                link_item("Templates", gallery.path, "gallery"),
+                link_item("Templates", gallery.path, "templates"),
             ),
             nav_menu.item(
                 new_menu_trigger("Blog", blogs.path, "blog"),

pcweb/pcweb.py

@@ -29,7 +29,23 @@
         radius="large",
         accent_color="violet",
     ),
-    head_components=get_pixel_website_trackers() + favicons_links(),
+    head_components=get_pixel_website_trackers()
+    + favicons_links()
+    + [
+        rx.el.link(
+            rel="preconnect",
+            href="https://fonts.googleapis.com",
+        ),
+        rx.el.link(
+            rel="preconnect",
+            href="https://fonts.gstatic.com",
+            crossorigin="",
+        ),
+        rx.el.link(
+            href="https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Mono:ital,wght@0,500;0,600;1,600&family=Source+Code+Pro:wght@400;500&display=swap&family=JetBrains+Mono:wght@400;500;600;700&display=swap",
+            rel="stylesheet",
+        ),
+    ],
 )
 
 

pcweb/styles/styles.py

@@ -77,7 +77,6 @@ def get_code_style_rdx(color: str):
 
 # Fonts to include.
 STYLESHEETS = [
-    "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=IBM+Plex+Mono:ital,wght@0,500;0,600;1,600&family=Source+Code+Pro:wght@400;500&display=swap&family=JetBrains+Mono:wght@400;500;600;700&display=swap",
     "custom-colors.css",
     "tailwind-theme.css",
 ]