inject css

2026-03-25 05:03:29 +01:00
parent 9a83309d36
commit 20fce270a5
5 changed files with 39 additions and 28 deletions
--- a/templates/base.html
+++ b/templates/base.html
@@ -45,26 +45,7 @@
      };
    </script>
    <script src="{{ url_for('static', filename='js/timeline.js') }}"></script>
-    <style>
-      .image-container {
-        margin-top: 10px;
-        margin-bottom: 10px;
-        width: 100%;
-        height: 20vh; /* Show 20% of the viewport height */
-        overflow: hidden; /* Hide parts of the image outside the container */
-        position: relative; /* Position context for the image */
-      }
-
-      .image-container img {
-        width: 100%; /* Make the image fit the container width */
-        height: auto; /* Maintain aspect ratio */
-        position: absolute; /* Position image relative to container */
-        top: 50%; /* Move image down by 50% of its height */
-        transform: translateY(
-          -50%
-        ); /* Pull it back up by 50% of its own height */
-      }
-    </style>
+    <style></style>
  </head>

  <body>
--- a/templates/post_detail.html
+++ b/templates/post_detail.html
@@ -1,5 +1,7 @@
-{% extends "base.html" %} {% block title %}{{ post.title }} - Simple Blog
-Template{% endblock %} {% block content %} {% from
+{% for css in component_css %}
+<link rel="stylesheet" href="{{ url_for('static', filename=css) }}" />
+{% endfor %} {% extends "base.html" %} {% block title %}{{ post.title }} -
+Simple Blog Template{% endblock %} {% block content %} {% from
 "components/post_renderer.html" import render_post %} {% from
 "components/comment_renderer.html" import render_comment %}
 <div class="row">