Spaces:
Running
Running
| <html lang="ja"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>{% block title %}わせます9期ブログ{% endblock %}</title> | |
| <script>tailwind.config = { darkMode: 'media' }</script> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css"> | |
| <style> | |
| .blog-content { font-family: sans-serif; font-size: 16px; line-height: 1.8; word-break: break-word; } | |
| .blog-content h1,.blog-content h2,.blog-content h3 { margin: 1.2em 0 0.6em; font-weight: bold; } | |
| .blog-content h1 { font-size: 1.6rem; } | |
| .blog-content h2 { border-left: 5px solid #bf283a; padding-left: 12px; font-size: 1.25rem; } | |
| .blog-content h3 { font-size: 1.1rem; } | |
| .blog-content p { margin-bottom: 0.75em; } | |
| .blog-content img { max-width: 100%; height: auto; border-radius: 8px; margin: 6px 0; display: block; } | |
| .blog-content iframe { max-width: 100%; display: block; margin: 8px auto; border-radius: 8px; border: none; } | |
| .blog-content .embed-yt { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin: 12px 0; border-radius: 8px; } | |
| .blog-content .embed-yt iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 8px; } | |
| .blog-content blockquote.twitter-tweet { margin: 12px auto; } | |
| .blog-content ul,.blog-content ol { padding-left: 1.5em; margin-bottom: 0.75em; } | |
| .blog-content li { margin-bottom: 0.25em; } | |
| .tag-badge { display: inline-block; background: #e0f2fe; color: #0369a1; border-radius: 9999px; padding: 2px 10px; font-size: 12px; margin: 2px; } | |
| @media (prefers-color-scheme: dark) { | |
| .blog-content { color: #e5e7eb; } | |
| .blog-content h2 { border-left-color: #f08090; } | |
| .blog-content a { color: #f08090; } | |
| .tag-badge { background: #1e3a4a; color: #7dd3fc; } | |
| } | |
| </style> | |
| {% block head %}{% endblock %} | |
| </head> | |
| <body class="bg-gray-50 dark:bg-gray-900 min-h-screen"> | |
| {% block body %}{% endblock %} | |
| </body> | |
| </html> | |