brython start-up

Brython template to show brython snippets

by yalondpsi

HTML

<body id="bodyId">

<!-- HTML ELEMENTS -->


<!-- PYTHON CODE -->
<script type="text/python" id="script0">

from browser import document, console, alert, bind
from browser.template import Template
import traceback  
import sys  

try:
	# method for event start
            
	def onStart():
		print ("Hello World😁")
	

	onStart()

	# method for keyboard A 

	def keyevent_A(ev):
		ev.stopPropagation()
		if ev.code == "KeyA":
			console.log(f"type: {ev.type}, key: {ev.key}, code: {ev.code}")
			print ("hello keyboard A down")
			print(name)


	document["bodyId"].bind("keypress", keyevent_A)

except Exception as err:
	exp = traceback.format_exception(err)
	sys.stderr.write(exp)

# document["bodyId"].bind("keydown", keyevent)
# document["bodyId"].bind("keypress", keyevent)
# document["bodyId"].bind("keyup", keyevent)
    
</script>










<script src="https://cdn.jsdelivr.net/npm/brython@3/brython.min.js">
</script>
<script src="https://cdn.jsdelivr.net/npm/brython@3/brython_stdlib.js">
</script>
</body>

CSS

:root {
  --color-1: #b31e1a;
  --color-2: #e64525;
  --color-3: #f0f3ec;
  --color-4: #0e2a55;
}

body {
  background: linear-gradient(90deg, var(--color-1) 0%, var(--color-1) 25%, var(--color-2) 25%, var(--color-2) 50%, var(--color-3) 50%, var(--color-3) 75%, var(--color-4) 75%, var(--color-4) 100%);
}