adam_jurkiewicz/2026_03_17_Python_Dobrzyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flask

Browse Source
This commit is contained in:
Adam Jurkiewicz Pythonista Local
2026-03-18 11:06:48 +01:00
parent 7f5d1a6200
commit 6e7e43e386
2 changed files with 76 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
dzien_02/www/aplikacja_web.py
View File

@@ -1,4 +1,5 @@
from flask import Flask from flask import Flask, render_template
app = Flask("Adam") app = Flask("Adam")
@@ -8,7 +9,7 @@ def index():
@app.route("/druga") @app.route("/druga")
def druga(): def druga():
return "<h3>Welcome again!</h3>" return render_template('plik.html')
if __name__ == "__main__": if __name__ == "__main__":
app.run(debug=True) app.run(debug=True)

73
dzien_02/www/templates/plik.html Normal file
View File

@@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Moja Prosta Strona</title>
<style>
/* Reset i podstawowe style */
body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background-color: #f0f2f5;
color: #333;
}
/* Kontener na treść */
.card {
background: white;
padding: 2rem;
border-radius: 12px;
box-shadow: 0 10px 25px rgba(0,0,0,0.1);
max-width: 400px;
text-align: center;
transition: transform 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
}
h1 {
color: #2c3e50;
margin-bottom: 1rem;
}
p {
color: #666;
margin-bottom: 1.5rem;
}
/* Stylizacja przycisku */
.btn {
display: inline-block;
background-color: #007bff;
color: white;
padding: 10px 25px;
text-decoration: none;
border-radius: 25px;
font-weight: bold;
transition: background-color 0.2s;
}
.btn:hover {
background-color: #0056b3;
}
</style>
</head>
<body>
<div class="card">
<h1>Cześć! 👋</h1>
<p>To jest prosta strona HTML, na której style CSS znajdują się bezpośrednio w sekcji <code>&lt;head&gt;</code>. Szybko, czysto i elegancko.</p>
<a href="#" class="btn">Dowiedz się więcej</a>
</div>
</body>
</html>