jprdonnelly/pyscript
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2025-12-19 18:27:29 -05:00
Code Issues Projects Releases Wiki Activity

simplify code for main page

Browse Source
This commit is contained in:
Fabio Pliger
2024-01-31 17:40:44 -06:00
parent cffee1d680
commit 7a41a60c7c
1 changed files with 23 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
pyscript.core/test/ui/demo.py
View File

@@ -8,6 +8,22 @@ from pyweb.ui.markdown import markdown
from pyscript import when, window
MAIN_PAGE_MARKDOWN = dedent(
"""
## What is pyweb.ui?
Pyweb UI is a totally immagnary exercise atm but..... imagine it is a Python library that allows you to create
web applications using Python only.
It is based on base HTML/JS components but is extensible, for instance, it can have a [Shoelace](https://shoelace.style/) backend...
PyWeb is a Python library that allows you to create web applications using Python only.
## What can I do with Pyweb.ui?
You can create web applications using Python only.
"""
)
# Style dictionary for code blocks
STYLE_CODE_BLOCK = {"text-align": "left", "background-color": "#eee", "padding": "20px"}
@@ -114,45 +130,18 @@ def create_component_example(widget, code):
def create_main_area():
"""Create the main area of the page.
"""Create the main area of the right side of page, with the description of the
demo itself and how to use it.
Returns:
the main area
"""
div = el.div()
div.append(
el.h1(
"Welcome to PyDom UI!",
style={"text-align": "center", "margin": "20px auto 30px"},
)
)
div.append(el.h2("What is PyShoes?"))
div.append(
markdown(
dedent(
"""\
PyDom UI is a totally immagnary exercise atm but..... imagine it is a Python library that allows you to create
web applications using Python only.
It is based on base HTML/JS components but is extensible, for instance, it can have a [Shoelace](https://shoelace.style/) backend...
PyWeb is a Python library that allows you to create web applications using Python only.
"""
)
)
)
div.append(el.h2("What can I do with PyShoes?"))
div.append(
markdown(
dedent(
"""\
You can create web applications using Python only.
"""
)
)
div = el.div(
[
el.h1("Welcome to PyDom UI!", style={"text-align": "center"}),
markdown(MAIN_PAGE_MARKDOWN),
]
)
return div