claude and example site

example_site/template/__file.md.html

@@ -0,0 +1,36 @@
+<div class="holder">
+    {% if metadata %}
+        {% if metadata.title %}
+            {% if metadata.title_image %}
+                <div class="title" style="background-image: url('{{ metadata.title_image }}'); background-size: cover; background-position: center;">
+                    <h1>{{ metadata.title }}</h1>
+                    {% if metadata.description %}
+                        <h2>{{ metadata.description }}</h2>
+                    {% endif %}
+                </div>
+            {% else %}
+                <div class="title">
+                    <h1>{{ metadata.title }}</h1>
+                    {% if metadata.description %}
+                        <h2>{{ metadata.description }}</h2>
+                    {% endif %}
+                </div>
+            {% endif %}
+        {% endif %}
+    {% endif %}
+    <div class="content">
+        {% if metadata %}
+            <div class="metadata">
+                {% for key, value in metadata.items() %}
+                    <div class="metadata-item">
+                        <span class="metadata-key">{{ key }}</span>:
+                        <span class="metadata-value">{{ value }}</span>
+                    </div>
+                {% endfor %}
+            </div>
+        {% endif %}
+        <div class="body">
+            {{ content|safe }}
+        </div>
+    </div>
+</div>