Jmaa/notamon
1
0
Fork 0
Code Actions

Testing frontend

Browse Source
This commit is contained in:
Jon Michael Aanes 2025-04-03 23:55:29 +02:00
parent 14bf6a72cd
commit a1c0771298
1 changed files with 75 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
python/notamon_viewer/app.py Normal file
View File

@ -0,0 +1,75 @@
import flask
import pbc_client
import dataclasses
HTML_INDEX = """
<!doctype html>
<html>
<head>
<style>
body {
width: 80%;
margin: auto;
}
.notamon-grid {
display: grid;
grid-template-columns: repeat(10, 1fr);
justify-items: center;
text-align: center;
}
.notamon h2, h3 {
margin: 0;
}
</style>
<title>Hello from Flask</title>
</head>
<body>
<div class="notamon-grid">
{% for notamon in notamons %}
<div class="notamon">
<img src="{{ notamon.image_src }}" style="{{ notamon.effect_css }}">
<h2>{{ notamon.nickname }}</h2>
<h3>{{ notamon.species_name }}</h3>
</div>
{% endfor %}
</div>
</body>
</html>
"""
@dataclasses.dataclass(frozen=True)
class Notamon:
image_src: str
effect_css: str
nickname: str
species_name: str
app = flask.Flask(__name__)
TEST_NOTAMON = Notamon(
image_src = 'https://img.pokemondb.net/sprites/ruby-sapphire/normal/mudkip.png',
effect_css = '',
nickname = 'Dude',
species_name = 'Mudkip',
)
@app.route("/")
def hello_world():
notamons = [TEST_NOTAMON for i in range(100)]
return flask.render_template_string(HTML_INDEX, notamons = notamons)