53 lines
1.9 KiB
Twig
53 lines
1.9 KiB
Twig
{% extends 'layouts/base.twig' %}
|
|
|
|
{% block content %}
|
|
{% include 'partials/breadcrumb.twig' %}
|
|
|
|
<div class="container mt-4">
|
|
<div class="row">
|
|
<!-- Columna izquierda: títulos -->
|
|
<div class="col-md-4 border-end">
|
|
<ul id="post-list" class="list-group">
|
|
{% for pagina in paginas_acerca %}
|
|
|
|
<li class="list-group-item {% if pagina.id == post.id %}active{% endif %}" data-post-id="{{ pagina.id }}">
|
|
<a href="#"
|
|
data-post-id="{{ pagina.id }}"
|
|
class="text-decoration-none d-block w-100 {% if pagina.id == post.id %}text-white{% endif %}">
|
|
{{ pagina.title }}
|
|
</a>
|
|
</li>
|
|
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Columna derecha: contenido dinámico del post (se llena con el primer post) -->
|
|
<div class="col-md-8" id="post-content">
|
|
<!-- Aquí se inyectará dinámicamente el primer post con JS -->
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Plantilla oculta con el contenido completo de cada post -->
|
|
<div id="post-templates" class="d-none">
|
|
{% for pagina in paginas_acerca %}
|
|
<div class="post-template" data-post-id="{{ pagina.id }}">
|
|
|
|
<div class="card mb-3">
|
|
<div class="card-header">
|
|
<h5 class="card-title">{{ pagina.title }}</h5>
|
|
</div>
|
|
<div class="card-body" style="padding-bottom: 60px;">
|
|
<p class="card-text">
|
|
{{ pagina.content }}
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
|
|
{% endblock %}
|