experiments/bees-knees
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add simple style

Browse source
This commit is contained in:
Marty Oehme 2025-06-05 20:27:52 +02:00
parent 70b7a2604e
commit 8f53100d43
Signed by: Marty
GPG key ID: 4E535BC19C61886E
1 changed files with 26 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

32
prophet/app.py
View file

@ -209,7 +209,7 @@ def list_improvements():
return ( return (
"""<button hx-get="/originals" hx-target="#content">Originals</button> """ """<button hx-get="/originals" hx-target="#content">Originals</button> """
+ "\n".join( + "\n".join(
f"""<div class="card" style="border: 1px solid; font-size: 20px;> f"""<div class="card">
<div class="card-img"><img src="https://placehold.co/300x200"></div> <div class="card-img"><img src="https://placehold.co/300x200"></div>
<div class="card-title">{item.title}</div> <div class="card-title">{item.title}</div>
<div class="card-summary">{item.summary}</div> <div class="card-summary">{item.summary}</div>
@ -225,24 +225,44 @@ def list_originals():
return ( return (
"""<button hx-get="/improvements" hx-target="#content">Improvements</button> """ """<button hx-get="/improvements" hx-target="#content">Improvements</button> """
+ "\n".join( + "\n".join(
f"""<div class="card"> f"""
<div class="card-img"><img src="https://placehold.co/300x200"></div> <div class="card">
<div class="card-title">{item.original.title}</div> <div class="card-img"><img src="https://placehold.co/300x200"></div>
<div class="card-summary">{item.original.summary}</div> <div class="card-title">{item.original.title}</div>
<div class="card-summary">{item.original.summary}</div>
</div>""" </div>"""
for item in sorted(improved, key=lambda i: i.original.date, reverse=True) for item in sorted(improved, key=lambda i: i.original.date, reverse=True)
) )
) )
style = """
.card {
border: 1px solid #ccc;
padding: 10px;
margin: auto;
margin-bottom: 40px;
width: 600px;
}
.card-title {
font-size: 24px;
margin-bottom: 5px;
}
"""
@app.get("/", response_class=HTMLResponse) @app.get("/", response_class=HTMLResponse)
def root_route(): def root_route():
return """ return f"""
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The Pollen Prophet</title> <title>The Pollen Prophet</title>
<script src="https://unpkg.com/htmx.org@1.6.1"></script> <script src="https://unpkg.com/htmx.org@1.6.1"></script>
<style>
{style}
</style>
</head> </head>
<body> <body>
<h1>The Pollen Prophet</h1> <h1>The Pollen Prophet</h1>