mirror of
https://github.com/pyscript/pyscript.git
synced 2025-12-19 10:17:23 -05:00
08f34f748b
* Apply prettier to css, js, html, md, ts, and yml As a followup I will add prettier to the .pre-commit config. This patch is 100% generated by prettier. I used a forked version of prettier that understands the py-script tag. See https://github.com/hoodmane/pyscript-prettier-precommit for more info. * Apply old pre-commit * Revert some problems * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci * Revert some changes * More changes * Fix pre-commit * [pre-commit.ci] auto fixes from pre-commit.com hooks for more information, see https://pre-commit.ci --------- Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
55 lines
1.9 KiB
HTML
55 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="https://unpkg.com/mvp.css@1.12/mvp.css" />
|
|
<link rel="stylesheet" href="pyscript.css" />
|
|
<script defer src="pyscript.min.js"></script>
|
|
<title>PyScript</title>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<h1><py-script></h1>
|
|
<ul>
|
|
<li><a href="pyscript.js">pyscript.js</a></li>
|
|
<li><a href="pyscript.min.js">pyscript.min.js</a></li>
|
|
<li><a href="pyscript.css">pyscript.css</a></li>
|
|
<li><a href="pyscript.min.js.map">pyscript.min.js.map</a></li>
|
|
<li><a href="pyscript.js.map">pyscript.js.map</a></li>
|
|
</ul>
|
|
<div id="out"></div>
|
|
<py-script std-out="out">
|
|
import sys
|
|
print(sys.version)
|
|
</py-script>
|
|
|
|
<h2>Example</h2>
|
|
<pre style="padding: 1em; border: 1px solid #000000">
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
|
<title>PyScript Hello World</title>
|
|
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
|
|
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
Hello world! <br>
|
|
This is the current date and time, as computed by Python:
|
|
<py-script>
|
|
from datetime import datetime
|
|
now = datetime.now()
|
|
now.strftime("%m/%d/%Y, %H:%M:%S")
|
|
</py-script>
|
|
</body>
|
|
</html></pre
|
|
>
|
|
</main>
|
|
</body>
|
|
</html>
|