docs: substitution script

docs/css.md

@@ -50,8 +50,6 @@ from ph7.html import body, div, head, html
 
 
 class flex_center(CSSObject):
-    """Flex center."""
-
     display = "flex"
     align_items = "center"
     justify_content = "center"
@@ -104,16 +102,12 @@ from ph7 import CSSObject
 
 
 class flex_center(CSSObject):
-    """Flex center."""
-
     display = "flex"
     align_items = "center"
     justify_content = "center"
 
 
 class textbox(flex_center):
-    """Text container."""
-
     height = "100vh"
     width = "100vw"
 
@@ -142,22 +136,16 @@ from ph7 import CSSObject
 
 
 class flex_center(CSSObject):
-    """Flex center."""
-
     display = "flex"
     align_items = "center"
     justify_content = "center"
 
 
 class textbox(flex_center):
-    """Text container."""
-
     height = "100vh"
     width = "100vw"
 
     class text(CSSObject):
-        """Text styling."""
-
         font_size = "12px"
         font_weight = "500"
         font_family = "Lucida Console, Monaco, monospace"
@@ -192,27 +180,20 @@ A pseudo class can be defined by adding `_` at the beginning of class name, for
 <!-- {"type": "css", "file": "examples/css_pseudo_class.py", "class": "side-by-side"} -->
 <div class='side-by-side'>
 ```python
-from ph7 import CSSObject, include
-from ph7.html import body, div, head, html
+from ph7 import CSSObject
 
 
 class item(CSSObject):
-    """Flex center."""
-
     height = "30px"
     width = "100%"
 
     margin_top = "5px"
 
     class _nth_child(CSSObject):
-        """Nth child."""
-
         child = 1
         margin_top = "0px"
 
     class __before(CSSObject):
-        """Before selector."""
-
         content = '">"'
 
 

docs/django.md

@@ -132,7 +132,7 @@ Define your stylesheet using [`CSSObject`](/css/#cssobject) and use [`Static Con
 from ph7.css import CSSObject
 
 
-class main(CSSObject):
+class container(CSSObject):
     display = "flex"
     align_items = "center"
     justify_content = "center"
@@ -167,7 +167,7 @@ template = html(
     body(
         div(
             "Hello, World!",
-            class_name=stylesheet.main,
+            class_name=stylesheet.container,
         )
     ),
 )
@@ -240,13 +240,23 @@ Use the function in the view
 <!-- {"type": "html", "file": "examples/django_app/javascript/templates/__init__.py", "input_only": true} -->
 ```python
 from javascript.templates.script import fetchDog
-from javascript.templates.styles import image, main
+from javascript.templates.styles import container, image
 
 from ph7.context import ctx
 from ph7.html import body, button, div, head, html, img
 
 ctx.static.view(__name__)
 
+
+def _fetch():
+    return button(
+        "Click to fetch a dog",
+        on={
+            "click": fetchDog(),
+        },
+    )
+
+
 template = html(
     head(
         ctx.static.include,
@@ -259,13 +269,8 @@ template = html(
                 alt="Click to fetch dog",
                 class_name=image,
             ),
-            button(
-                "Click to fetch a dog",
-                on={
-                    "click": fetchDog(),
-                },
-            ),
-            class_name=main,
+            _fetch,
+            class_name=container,
         )
     ),
 )

docs/html.md

@@ -254,7 +254,6 @@ nousers = div("Error, Users not found", class_name="error")
 
 
 def render_users(context: t.Dict) -> HtmlNode:
-    """Render users."""
     if "number_of_users" not in context:
         return nousers
     return users(user(f"User {i}") for i in range(context["number_of_users"]))
@@ -309,7 +308,6 @@ nousers = div("Error, Users not found", class_name="error")
 
 
 def render_users(number_of_users: t.Optional[int] = None) -> HtmlNode:
-    """Render users."""
     if number_of_users is None:
         return nousers
     return users(user(f"User {i}") for i in range(number_of_users))
@@ -370,12 +368,10 @@ nousers = div("Error, Users not found", class_name="error")
 
 @lru_cache
 def _render_users(n: int) -> HtmlNode:
-    """Render users."""
     return users(user(f"User {i}") for i in range(n))
 
 
 def render_users(context: t.Dict) -> HtmlNode:
-    """Render users."""
     if "number_of_users" not in context:
         return nousers
     return _render_users(n=context["number_of_users"])
@@ -401,9 +397,9 @@ print(f"Third render: {time.perf_counter() - tick}")
 ```
 
 ```stdout
-First render: 6.493273332999999
-Second render: 0.4277449579999999
-Third render: 0.3591492089999999
+First render: 6.325592083
+Second render: 0.3570236659999999
+Third render: 0.3628813340000008
 ```
 <!-- end -->
 

docs/index.md

@@ -52,8 +52,6 @@ from ph7.css import CSSObject
 
 
 class flex_center(CSSObject):
-    """Flex center"""
-
     display = "flex"
     align_items = "center"
     justify_content = "center"

docs/js.md

@@ -119,7 +119,6 @@ def _user(name: str) -> HtmlNode:
 
 
 def _users(context: dict) -> HtmlNode:
-    """List users."""
     return div(_user(name=name) for name in context["users"])