8000 Refactor the demo page · sudhircw/pyscript@ad118ee · GitHub
[go: up one dir, main page]
Skip to content
< 65F2 header class="HeaderMktg header-logged-out js-details-container js-header Details f4 py-3" role="banner" data-is-top="true" data-color-mode=light data-light-theme=light data-dark-theme=dark>

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Appearance settings

Commit ad118ee

Browse files
antocuniantocuni
committed
Refactor the demo page
1. Rename simple script into hello world 2. Rename simple script 2 into simple clock 3. Group demos into categories, starting with simple examples towards more complex ones
1 parent 631eb81 commit ad118ee

File tree

3 files changed

+40
-28
lines changed

3 files changed

+40
-28
lines changed

‎pyscriptjs/examples/simple_script.html renamed to ‎pyscriptjs/examples/hello_world.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
66

7-
<title>Simple script</title>
7+
<title>PyScript Hello World</title>
88

99
<link rel="icon" type="image/png" href="favicon.png" />
1010
<link rel="stylesheet" href="../build/pyscript.css" />

‎pyscriptjs/examples/index.html

Lines changed: 39 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -12,18 +12,53 @@
1212

1313
<body class="container font-mono">
1414

15-
<h1 class="text-3xl font-bold">PyScript demos</h1>
15+
<h1 class="text-4xl font-bold">PyScript demos</h1>
16+
17+
<br>
18+
<h2 class="text-3xl font-bold">Basic examples</h2>
19+
<hr/>
20+
21+
<h2 class="text-2xl font-bold text-blue-600"><a href="./hello_world.html" target=”_blank”>Hello world</a></h2>
22+
<p>A static demo of the <code>&lt;py-script&gt;</code> tag</p>
23+
24+
<h2 class="text-2xl font-bold text-blue-600"><a href="./simple_clock.html" target=”_blank”>Simple clock</a></h2>
25+
<p>A dynamic demo of the <code>&lt;py-script&gt;</code> tag</p>
26+
27+
<h2 class="text-2xl font-bold text-blue-600"><a href="./repl.html" target=”_blank”>REPL</a></h2>
28+
<p>A Python REPL (Read Eval Print Loop). </p>
29+
30+
<h2 class="text-2xl font-bold text-blue-600"><a href="./repl2.html" target=”_blank”>REPL2</a></h2>
31+
<p>A Python REPL (Read Eval Print Loop) with slightly better formatting.</p>
32+
33+
<h2 class="text-2xl font-bold text-blue-600"><a href="./todo.html" target=”_blank”>TODO App</a></h2>
34+
<p>Demo showing how would a Simple TODO App would look like in PyScript</code> tag</p>
35+
36+
<h2 class="text-2xl font-bold text-blue-600"><a href="./todo-pylist.html" target=”_blank”>PyScript Native TODO App</a></h2>
37+
<p>Demo showing how would a Simple TODO App would look like only using PyScript native elements</code> tag</p>
38+
39+
<br>
40+
<h2 class="text-3xl font-bold">JS Interaction</h2>
41+
<hr/>
42+
43+
<h2 class="text-2xl font-bold text-blue-600"><a href="./d3.html" target=”_blank”>Simple d3 visualization</a></h2>
44+
<p>Minimal d3 demo demonstrating how to create a visualization</p>
45+
46+
<h2 class="text-2xl font-bold text-blue-600"><a href="./webgl/raycaster/index.html" target=”_blank”>Webgl Icosahedron Example</a></h2>
47+
<p>Demo showing how a Simple Webgl scene would work in PyScript</code> tag</p>
48+
49+
50+
<br>
51+
<h2 class="text-3xl font-bold">Visualizations & Dashboards</h2>
1652
<hr/>
53+
<h2 class="text-2xl font-bold text-blue-600"><a href="./bokeh.html" target=”_blank”>Simple Static Bokeh Plot</a></h2>
54+
<p>Minimal Bokeh demo demonstrating how to create a simple bokeh plot from code</p>
1755

1856
<h2 class="text-2xl font-bold text-blue-600"><a href="./bokeh_interactive.html" target=”_blank”>Bokeh Interactive</a></h2>
1957
<p>Interactive demo using a Bokeh slider widget to dynamically change a value in the page
2058

2159
WARNING: This examples takes a little longer to load. So be patient :)
2260
</p>
2361

24-
<h2 class="text-2xl font-bold text-blue-600"><a href="./bokeh.html" target=”_blank”>Simple Static Bokeh Plot</a></h2>
25-
<p>Minimal Bokeh demo demonstrating how to create a simple bokeh plot from code</p>
26-
2762
<h2 class="text-2xl font-bold text-blue-600"><a href="./panel_kmeans.html" target=”_blank”>KMeans Demo in Panel</a></h2>
2863
<p>Interactive KMeans Chart using Panel
2964

@@ -45,31 +80,8 @@ <h2 class="text-2xl font-bold text-blue-600"><a href="./panel.html" target=”_b
4580
<h2 class="text-2xl font-bold text-blue-600"><a href="./toga/freedom.html" target=”_blank”>Freedom Units!</a></h2>
4681
<p>A Toga application (a Fahrenheit to Celsius converter), rendered as a Single Page App</p>
4782

48-
<h2 class="text-2xl font-bold text-blue-600"><a href="./d3.html" target=”_blank”>Simple d3 visualization</a></h2>
49-
<p>Minimal d3 demo demonstrating how to create a visualization</p>
50-
5183
<h2 class="text-2xl font-bold text-blue-600"><a href="./numpy_canvas_fractals.html" target=”_blank”>Fractals with NumPy and canvas</a></h2>
5284
<p>Visualization of Mandelbrot and Julia sets with NumPy and HTML5 canvas</p>
5385

54-
<h2 class="text-2xl font-bold text-blue-600"><a href="./repl.html" target=”_blank”>REPL</a></h2>
55-
<p>A Python REPL (Read Eval Print Loop). </p>
56-
57-
<h2 class="text-2xl font-bold text-blue-600"><a href="./repl2.html" target=”_blank”>REPL2</a></h2>
58-
<p>A Python REPL (Read Eval Print Loop) with slightly better formatting.</p>
59-
60-
<h2 class="text-2xl font-bold text-blue-600"><a href="./simple_script.html" target=”_blank”>Simple script</a></h2>
61-
<p>A static demo of the <code>&lt;py-script&gt;</code> tag</p>
62-
63-
<h2 class="text-2xl font-bold text-blue-600"><a href="./simple_script2.html" target=”_blank”>Simple script 2</a></h2>
64-
<p>A dynamic demo of the <code>&lt;py-script&gt;</code> tag</p>
65-
66-
<h2 class="text-2xl font-bold text-blue-600"><a href="./todo.html" target=”_blank”>TODO App</a></h2>
67-
<p>Demo showing how would a Simple TODO App would look like in PyScript</code> tag</p>
68-
69-
<h2 class="text-2xl font-bold text-blue-600"><a href="./todo-pylist.html" target=”_blank”>PyScript Native TODO App</a></h2>
70-
<p>Demo showing how would a Simple TODO App would look like only using PyScript native elements</code> tag</p>
71-
72-
<h2 class="text-2xl font-bold text-blue-600"><a href="./webgl/raycaster/index.html" target=”_blank”>Webgl Icosahedron Example</a></h2>
73-
<p>Demo showing how a Simple Webgl scene would work in PyScript</code> tag</p>
7486
</body>
7587
</html>

‎pyscriptjs/examples/simple_script2.html renamed to ‎pyscriptjs/examples/simple_clock.html

File renamed without changes.

0 commit comments

Comments
 (0)
0