Merge pull request #63 from pyscript/pe-build-site

Correct root path for examples

Author: pauleveritt

src/psc/app.py

@@ -66,6 +66,7 @@ async def example(request: Request) -> _TemplateResponse:
     example_path = PurePath(request.path_params["example_name"])
     resources: Resources = request.app.state.resources
     this_example = resources.examples[example_path]
+    root_path = "../../.."
 
     return templates.TemplateResponse(
         "example.jinja2",
@@ -75,6 +76,7 @@ async def example(request: Request) -> _TemplateResponse:
             extra_head=this_example.extra_head,
             body=this_example.body,
             request=request,
+            root_path=root_path,
         ),
     )
 
@@ -109,8 +111,8 @@ async def content_page(request: Request) -> _TemplateResponse:
     Mount("/static", StaticFiles(directory=HERE / "static")),
 ]
 if PYODIDE.exists():
-    Mount("/pyscript", StaticFiles(directory=PYSCRIPT)),
-    Mount("/pyodide", StaticFiles(directory=PYODIDE)),
+    routes.append(Mount("/pyscript", StaticFiles(directory=PYSCRIPT)))
+    routes.append(Mount("/pyodide", StaticFiles(directory=PYODIDE)))
 
 
 @contextlib.asynccontextmanager  # type: ignore

src/psc/gallery/examples/altair/screenshot.png

@@ -16,7 +16,7 @@
                         <div class="card">
                             <div class="card-image">
                                 <figure class="image is-square">
-                                    <img alt="placeholder" src="{{ root_path }}/gallery/examples/hello_world/screenshot.png">
+                                    <img alt="placeholder" src="{{ root_path }}/gallery/examples/altair/screenshot.png">
                                 </figure>
                             </div>
                             <div class="card-content">