- enhance HTML styling.

This commit is contained in:
adalard 2025-07-18 11:30:47 +08:00
parent f350b32825
commit bfe1145ba8
1 changed files with 11 additions and 3 deletions

View File

@ -33,9 +33,14 @@ HTML_TEMPLATE = """<!DOCTYPE html>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>{title}</title> <title>{title}</title>
<style> <style>
body {{ font-family: Arial, sans-serif; margin: 40px; }} body {{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f4f5f7; margin: 0; padding: 0; }}
h1,h2,h3,h4 {{ color: #2c3e50; }} header {{ background-color: #2c3e50; padding: 10px 20px; }}
table {{ border-collapse: collapse; width: 100%; margin-bottom: 20px; }} header a {{ color: #ffffff; text-decoration: none; font-weight: bold; }}
header a:hover {{ text-decoration: underline; }}
.container {{ max-width: 800px; margin: 40px auto; background: #ffffff; padding: 20px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }}
h1, h2, h3, h4 {{ color: #2c3e50; margin-top: 1.2em; }}
p {{ line-height: 1.6; color: #333333; }}
table {{ border-collapse: collapse; width: 100%; margin-bottom: 1.5em; }}
th, td {{ border: 1px solid #ddd; padding: 8px; }} th, td {{ border: 1px solid #ddd; padding: 8px; }}
th {{ background-color: #f2f2f2; text-align: left; }} th {{ background-color: #f2f2f2; text-align: left; }}
a {{ color: #3498db; text-decoration: none; }} a {{ color: #3498db; text-decoration: none; }}
@ -43,7 +48,10 @@ HTML_TEMPLATE = """<!DOCTYPE html>
</style> </style>
</head> </head>
<body> <body>
<header><a href="index.html"> Back to Index</a></header>
<div class="container">
{content} {content}
</div>
</body> </body>
</html>""" </html>"""