https://pyfyre.netlify.app/playground/

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <title>A PyFyre App | Playground</title>
5
6        <meta charset="utf-8" />
7<!-- This site is hosted on Netlify. Anyone can build and deploy a site
8     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=cd39a1dc-122e-4b2d-843f-f8a964427223
9     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
10        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
11        <meta name="description" content="A fast, declarative, and incrementally adoptable Python web frontend framework for building reactive web user interfaces." />
12
13        <link rel="icon" href="/favicon_code.ico" />
14
15        

15<script src="https://cdn.tailwindcss.com"></script>

15
16        

16<script src="https://cdnjs.cloudflare.com/ajax/libs/brython/3.10.7/brython.min.js" defer="defer"></script>

16
17        

17<script src="/src.brython.js" defer="defer"></script>

17
18        

18<script type="text/python">
19            import pyfyre
20            pyfyre.PRODUCTION = True
21            import index
22        </script>

22
23
24        

24<script src="/modules.brython.js" defer="defer"></script>

24
25		<link rel="stylesheet" href="/style.css" />
26		<link rel="stylesheet" href="/codemirror.css" />
27		

27<script src="/codemirror.js"></script>

27
28		

28<script src="/codeeditor.js"></script>

28
29		

29<script src="/python.js"></script>

29
30    </head>
31    <body onload="brython({'debug': 0, 'cache': 1})">
32        <noscript>Warning: JavaScript is not enabled.</noscript>
33        <div id="root"><div><div class="bg-white border-gray-200 px-2 sm:px-4 py-2.5 border-b-2 sticky top-0" style="z-index: 1000"><div class="flex flex-wrap justify-between items-center mx-auto"><div class="flex"><a href="/"><img class="w-10" src="/pyfyre-logo.jpg"></img></a></div><div class="flex items-center space-x-5"><div class="invisible flex space-x-5 lg:visible"><a target="_blank" class="block py-2 pr-4 pl-3 text-base text-black md:bg-transparent md:text-black md:p-0 cursor-pointer" href="https://discord.com/invite/YzEDuqhgZJ">Discord</a><a class="block py-2 pr-4 pl-3 text-base text-black md:bg-transparent md:text-black md:p-0 cursor-pointer" href="https://pyfyre-docs.netlify.app/">Documentation</a><a class="block py-2 pr-4 pl-3 text-base text-black md:bg-transparent md:text-black md:p-0 cursor-pointer" href="/playground">Playground</a></div><iframe src="https://github.com/sponsors/pyfyre/button" title="Sponsor pyfyre" height="35" width="116" style="border: 0; background-color: white;"></iframe><button class="mr-3" style="cursor: pointer"><img class="w-7 h-auto" src="https://cdn-icons-png.flaticon.com/512/25/25231.png"></img></button></div></div></div><div class="flex flex-col-reverse md:flex-row w-full md:h-screen" style="height: calc(100vh - 62px)"><div class="w-full md:w-3/12 px-4 mt-1" style="overflow-y: scroll; overflow-wrap: break-word; max-height: 300px"></div><div class="flex flex-col w-full md:w-6/12"><textarea id="code-editor" cols="40" rows="5" placeholder=""></textarea></div><div class="border-l-4 p-2 h-full w-full md:w-6/12" style="overflow: scroll"><div id="output-id" style="all: initial"></div></div></div></div></div>
34    </body>
35</html>