tyler/syllabus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
TylerCG 2025-04-20 19:01:57 -04:00
parent 90ee78dcf1
commit 9b2151f7a9
3 changed files with 65 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
app/__pycache__/main.cpython-313.pyc
View File

Binary file not shown.

10
app/main.py
View File

@ -41,5 +41,11 @@ async def ydl(url: str, location: str):
# html # html
@app.get("/", response_class=HTMLResponse) @app.get("/", response_class=HTMLResponse)
async def read_root(request: Request): async def index(request: Request):
return templates.TemplateResponse("index.html", {"request": request, "message": "Hello from FastAPI + Jinja2!"}) apps = [
{"name": "Notes", "url": "/notes"},
{"name": "Todo List", "url": "/todos"},
{"name": "Weather", "url": "/weather"},
# Add more apps here
]
return templates.TemplateResponse("index.html", {"request": request, "apps": apps, "title": "Welcome to My App Hub"})

60
app/templates/index.html
View File

@ -1,9 +1,63 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html lang="en">
<head> <head>
<title>FastAPI with Jinja2</title> <meta charset="UTF-8">
<title>{{ title or "My Apps" }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f4f4f4;
}
.container {
text-align: center;
}
h1 {
margin-bottom: 30px;
color: #333;
}
.apps-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 20px;
max-width: 600px;
margin: 0 auto;
}
.app-card {
background: white;
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: transform 0.2s ease;
cursor: pointer;
}
.app-card:hover {
transform: scale(1.05);
}
</style>
</head> </head>
<body> <body>
<h1>{{ message }}</h1> <div class="container">
<h1>{{ title or "My Apps" }}</h1>
<div class="apps-grid">
{% for app in apps %}
<div class="app-card">
<a href="{{ app.url }}" style="text-decoration: none; color: inherit;">
{{ app.name }}
</a>
</div>
{% endfor %}
</div>
</div>
</body> </body>
</html> </html>