simplify examples

website/more_documentation/icon_documentation.py

@@ -1,5 +1,6 @@
 from nicegui import ui
-from website.documentation_tools import text_demo
+
+from ..documentation_tools import text_demo
 
 
 def main_demo() -> None:
@@ -11,10 +12,11 @@ def more() -> None:
     ui.add_body_html('<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>')
 
     @text_demo('Eva icons', '''
-        You can use [Eva icons](https://akveo.github.io/eva-icons/#/) in your app.
+        You can use [Eva icons](https://akveo.github.io/eva-icons/) in your app.
     ''')
     async def eva_icons():
         # ui.add_head_html('<link href="https://unpkg.com/eva-icons@1.1.3/style/eva-icons.css" rel="stylesheet">')
+
         ui.element('i').classes('eva eva-github').classes('text-5xl')
 
     @text_demo('Lottie', '''
@@ -23,7 +25,5 @@ def more() -> None:
     async def lottie():
         # ui.add_body_html('<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>')
 
-        ui.html('''
-        <lottie-player src="https://assets5.lottiefiles.com/packages/lf20_MKCnqtNQvg.json"  
-        background="transparent"  speed="1" style="width: 80px; height: 80px;" loop autoplay></lottie-player>
-        ''')
+        src = 'https://assets5.lottiefiles.com/packages/lf20_MKCnqtNQvg.json'
+        ui.html(f'<lottie-player src="{src}" loop autoplay />').classes('w-24')

website/more_documentation/image_documentation.py

@@ -1,5 +1,6 @@
 from nicegui import ui
-from website.documentation_tools import text_demo
+
+from ..documentation_tools import text_demo
 
 
 def main_demo() -> None:
@@ -15,7 +16,5 @@ def more() -> None:
     async def lottie():
         # ui.add_body_html('<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>')
 
-        ui.html('''
-        <lottie-player src="https://assets1.lottiefiles.com/datafiles/HN7OcWNnoqje6iXIiZdWzKxvLIbfeCGTmvXmEm1h/data.json"  
-        background="transparent"  speed="1" style="width: 300px; height: 300px;" loop autoplay></lottie-player>
-        ''')
+        src = 'https://assets1.lottiefiles.com/datafiles/HN7OcWNnoqje6iXIiZdWzKxvLIbfeCGTmvXmEm1h/data.json'
+        ui.html(f'<lottie-player src="{src}" loop autoplay />').classes('w-full')