redesigned home page

This commit is contained in:
2025-07-29 21:15:48 +02:00
parent e2b2bff5e9
commit 334a117794
347 changed files with 97 additions and 275 deletions
+39 -161
View File
@@ -2,88 +2,23 @@
{% block content %}
<div class="row">
<!-- Carousel -->
<div class="card p-0 mb-4">
<div class="card-body p-0">
<div id="myCarousel" class="carousel slide" data-bs-ride="carousel">
<!-- Indicators/dots -->
<div class="carousel-indicators">
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="3"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="4"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="5"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="6"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="7"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="8"></button>
<button type="button" data-bs-target="#myCarousel" data-bs-slide-to="9"></button>
</div>
<!-- The slideshow/carousel -->
<div class="carousel-inner">
<div class="carousel-item active">
<img src="{{ car_images[0] }}" alt="Los Angeles" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[1] }}" alt="Chicago" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[2] }}" alt="New York" class="d-block w-100">
</div>
<div class="carousel-item active">
<img src="{{ car_images[3] }}" alt="Los Angeles" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[4] }}" alt="Chicago" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[5] }}" alt="New York" class="d-block w-100">
</div>
<div class="carousel-item active">
<img src="{{ car_images[6] }}" alt="Los Angeles" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[7] }}" alt="Chicago" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[8] }}" alt="New York" class="d-block w-100">
</div>
<div class="carousel-item">
<img src="{{ car_images[9] }}" alt="New York" class="d-block w-100">
</div>
</div>
<!-- Left and right controls/icons -->
<button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev">
<span class="carousel-control-prev-icon"></span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next">
<span class="carousel-control-next-icon"></span>
</button>
</div>
</div>
</div>
</div>
<p class="text-center">Méditation SUNYATA Paris est une branche du <a href="http://www.sunyatameditation.org/">SUNYATA Méditation Center</a> dont le siège est à Perris, CA, Etats-Unis.<br>
Notre but est de promouvoir la pratique de la méditation et du QiGong SUNYATA à Paris.
<div class="row mb-3">
<p class="text-center"><b>Hội văn hoá Trịnh Công Sơn</b>, <br>hội tụ bạn bè của nhạc sĩ Trịnh Công Sơn từ khắp nơi trên thế giới,<br>
xây dựng trạm web này với mong muốn trở thành một thư viện toàn diện và nghiêm túc về Trịnh Công Sơn.
</p>
</div>
<div class="row">
<!-- Container (ACTIVITES Section) -->
<div class="col-lg-4">
<div class="card overflow-hidden hover-img">
<div class="position-relative">
<img src="{{request.static_url('tcs_site:static/img/home/home_activity1.jpeg')}}" class="card-img-top">
<span class="badge text-bg-light text-dark fs-2 lh-sm mb-9 me-9 py-1 px-2 fw-semibold position-absolute bottom-0 end-0">
à Noisy-le-Grand</span>
<img src="{{request.static_url('tcs_site:static/img/home/home_bio.jpg')}}" class="card-img-top">
</div>
<!-- Activites - colonne 1 -->
<div class="card-body text-center p-3">
{{ activity_col1 | safe }}
<h4>2e dimanche du mois</h4>
{% if request.authenticated_userid %}
<p class="text-left fs-2"> <a href="{{ request.route_url('blog', id=32, slug='slug') }}">[Modifier ce bloc]</a></p>
{% endif %}
@@ -93,13 +28,11 @@
<div class="col-lg-4">
<div class="card overflow-hidden hover-img">
<div class="position-relative">
<img src="{{request.static_url('tcs_site:static/img/home/home_activity2.jpg')}}" class="card-img-top" alt="matdash-img">
<span class="badge text-bg-light text-dark fs-2 lh-sm mb-9 me-9 py-1 px-2 fw-semibold position-absolute bottom-0 end-0">
sur Zoom</span>
<img src="{{request.static_url('tcs_site:static/img/home/home_songs.jpg')}}" class="card-img-top border border-dark" alt="matdash-img">
</div>
<!-- Activites - colonne 2 -->
<div class="card-body text-center p-3">
{{ activity_col2 | safe }}
<h4>4e dimanche du mois</h4>
{% if request.authenticated_userid %}
<p class="text-left fs-2"> <a href="{{ request.route_url('blog', id=40, slug='slug') }}">[Modifier ce bloc]</a></p>
{% endif %}
@@ -109,108 +42,53 @@
<div class="col-lg-4">
<div class="card overflow-hidden hover-img">
<div class="position-relative">
<img src="{{request.static_url('tcs_site:static/img/home/home_activity3.jpg')}}" class="card-img-top" alt="matdash-img">
<span class="badge text-bg-light text-dark fs-2 lh-sm mb-9 me-9 py-1 px-2 fw-semibold position-absolute bottom-0 end-0">
Evènement</span>
</div>
<img src="{{request.static_url('tcs_site:static/img/home/home_art.jpg')}}" class="card-img-top" alt="matdash-img">
</div>
<!-- Activites - colonne 3 -->
<div class="card-body text-center p-3">
{{ activity_col3 | safe }}
<h4>4e dimanche du mois</h4>
{% if request.authenticated_userid %}
<p class="text-left fs-2"> <a href="{{ request.route_url('blog', id=207, slug='slug') }}">[Modifier ce bloc]</a></p>
{% endif %}
</div>
</div>
</div>
</div>
<!-- Container (POSTS Section) -->
<div class="card">
<div class="card-body pb-0">
<h5 class="card-title">Pages récentes - Các bài mới</h5>
<div class="table-responsive">
<table class="table table-sm">
<tbody class="table-group-divider">
{% for entry in last_ten %}
<tr>
<td>{{ entry.create_date }}</td>
<td>
<a href="{{ request.route_url('blog', id=entry.id, slug='slug') }}">{{ entry.title }}</a>
</td>
<td>{{ entry.author }}</td>
{% if entry.status == 'brouillon' %}
<td><span class="label label-danger">{{ entry.status }}</span></td>
{% else %}
<td> </td>
{% endif %}
</tr>
{% endfor %}
</tbody>
</table>
</div>
</div>
<div class="card-footer" align="center">
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='enseignement') }}">[ Enseignement ]</a>&nbsp;
</span>
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='pratique') }}">[ Pratique ]</a>&nbsp;
</span>
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='qigong') }}">[ Qi Gong ]</a>&nbsp;
</span>
<br>
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='tu_hoc') }}">[ Tu học ]</a>&nbsp;
</span>
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='tu_tap') }}">[ Tu tập ]</a>&nbsp;
</span>
<span class="menu-item">
<a href="{{ request.route_url('topic', topic='qigong') }}">[ Khí Công ]</a>&nbsp;
</span>
</div>
<!-- Container (Méditation SUNYATA Section) -->
</div>
<div class="row">
<div class="col-lg-4">
<div class="card ms-3">
<div class="card-body p-3">
<h5 class="mb-4 text-center">La Méditation SUNYATA</h5>
<p class="text-center"><img src="{{ request.static_url('tcs_site:static/ni-su.jpg') }}"
class="rounded-circle" alt="Médiation Sunyata" width="200" height="200">
</p>
<p>développée par le maître zen Thích Thông Triệt, combine les <a href="/blog/10/la-meditation-sunyata-%25253A-un-apercu">enseignements essentiels</a>
du processus de réalisation et d'éveil du Bouddha, les pratiques des 3 traditions du bouddhisme (Theravāda, Mahayana et Zen) et les découvertes de la neuro-sciences.</p>
<div class="col-lg-6">
<div class="card overflow-hidden hover-img">
<div class="position-relative">
<img src="{{request.static_url('tcs_site:static/img/home/home_friends.jpg')}}" class="card-img-top" alt="matdash-img">
</div>
<!-- Activites - colonne 3 -->
<div class="card-body text-center p-3">
<h4>4e dimanche du mois</h4>
{% if request.authenticated_userid %}
<p class="text-left fs-2"> <a href="{{ request.route_url('blog', id=207, slug='slug') }}">[Modifier ce bloc]</a></p>
{% endif %}
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card">
<div class="card-body p-3">
<h5 class="mb-4 text-center">Le Maître Fondateur</h5>
<p class="text-center"><img src="{{ request.static_url('tcs_site:static/img/thong-triet.jpg') }}"
class="rounded-circle" alt="thong-triet.jpg" width="200" height="200">
</p>
<p><a href="/blog/2/biographie-du-maitre-thich-thong-triet-%2525281929-2019%252529">Le Vénérable Maître Thích Thông Triệt</a> a été ordonné par le Vénérable Maître Zen Thích Thanh Từ en 1974 et a eu sa réalisation spirituelle majeure en 1989 au Vietnam.
Il s'est ensuite établi aux Etats Unis et a commencé à enseigner en 1995 dans l'Oregon. </p>
<div class="col-lg-6">
<div class="card overflow-hidden hover-img">
<div class="position-relative">
<img src="{{request.static_url('tcs_site:static/img/home/home_hoi.jpg')}}" class="card-img-top" alt="matdash-img">
</div>
<!-- Activites - colonne 3 -->
<div class="card-body text-center p-3">
<h4>4e dimanche du mois</h4>
{% if request.authenticated_userid %}
<p class="text-left fs-2"> <a href="{{ request.route_url('blog', id=207, slug='slug') }}">[Modifier ce bloc]</a></p>
{% endif %}
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="card me-3">
<div class="card-body p-3">
<h5 class="mb-4 text-center">La technique « PARLE PAS »</h5>
<p class="text-center"><img src="{{ request.static_url('tcs_site:static/khong-noi.jpg') }}"
class="rounded-circle" alt="khong-noi.jpg" width="200" height="200">
</p>
<p>Depuis 2016, <a href="/blog/2/biographie-du-maitre-thich-thong-triet-%2525281929-2019%252529">la technique « PARLE PAS »</a> (ou KHÔNG NÓI) est devenue la pierre angulaire de la pratique de la méditation SUNYATA. Cette technique conduit le méditant vers la maîtrise de ses pensées à travers un processus graduel d'extinction des murmures mentaux.</p>
</div>
</div>
</div>
</div>
+44 -76
View File
@@ -33,58 +33,60 @@
<!-- Sidebar navigation-->
<nav class="sidebar-nav scroll-sidebar" data-simplebar="">
<ul id="sidebarnav">
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-6"></i>
<span class="hide-menu text-danger">Home - Trang chủ</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('home') }}" aria-expanded="false">
<span><i class="ti ti-home fs-6"></i></span>
<span class="hide-menu">Accueil</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-6"></i>
<span class="hide-menu text-danger">En FRANCAIS</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='enseignement') }}" aria-expanded="false">
<span><i class="ti ti-chalkboard fs-6"></i></span>
<span class="hide-menu">Enseignement</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='pratique') }}" aria-expanded="false">
<span><i class="ti ti-focus-centered fs-6"></i></span>
<span class="hide-menu">Pratique</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='qigong') }}" aria-expanded="false">
<span><i class="ti ti-yoga fs-6"></i></span>
<span class="hide-menu">Qi Gong</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-6"></i>
<span class="hide-menu text-danger">En Vietnamien</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='tu_hoc') }}" aria-expanded="false">
<span><i class="ti ti-chalkboard fs-6"></i></span>
<span class="hide-menu">Tu học</span>
<a class="sidebar-link" href="{{ request.route_url('topic', topic='bio') }}" aria-expanded="false">
<span class="hide-menu">Tiểu sử</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='tu_tap') }}" aria-expanded="false">
<span><i class="ti ti-focus-centered fs-6"></i></span>
<span class="hide-menu">Tu tập </span>
<a class="sidebar-link" href="{{ request.route_url('topic', topic='songs') }}" aria-expanded="false">
<span class="hide-menu">Nhạc</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='qigong') }}" aria-expanded="false">
<span><i class="ti ti-yoga fs-6"></i></span>
<span class="hide-menu">Khí Công</span>
<a class="sidebar-link" href="{{ request.route_url('topic', topic='art') }}" aria-expanded="false">
<span class="hide-menu">Nghệ thuât</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='ban-be') }}" aria-expanded="false">
<span class="hide-menu">Góc bạn bè</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='art') }}" aria-expanded="false">
<span class="hide-menu">Hội văn hoá TCS</span>
</a>
</li>
<li class="nav-small-cap">
<i class="ti ti-dots nav-small-cap-icon fs-6"></i>
<span class="hide-menu text-danger">In ENGLISH</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='enseignement') }}" aria-expanded="false">
<span class="hide-menu">Songs</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='pratique') }}" aria-expanded="false">
<span class="hide-menu">Articles</span>
</a>
</li>
<li class="nav-small-cap">
<span class="hide-menu text-danger">En FRANCAIS</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='enseignement') }}" aria-expanded="false">
<span class="hide-menu">Chansons</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="{{ request.route_url('topic', topic='pratique') }}" aria-expanded="false">
<span class="hide-menu">Articles</span>
</a>
</li>
<li class="nav-small-cap">
@@ -109,40 +111,6 @@
<span class="hide-menu">Contact</span>
</a>
</li>
<li class="nav-small-cap">
<iconify-icon icon="solar:menu-dots-linear" class="nav-small-cap-icon fs-6" class="fs-6"></iconify-icon>
<span class="hide-menu text-danger">SUNYATA sur le Web</span>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="https://tanhkhong.org" aria-expanded="false">
<span><i class="ti ti-world fs-4"></i></span>
<span class="hide-menu">tanhkhong.org</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="http://www.sunyatameditation.org/" aria-expanded="false">
<span><i class="ti ti-world fs-4"></i></span>
<span class="hide-menu">sunyatameditation.org</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="https://www.sunyata-bw.de/" aria-expanded="false">
<span><i class="ti ti-world fs-4"></i></span>
<span class="hide-menu">sunyata-bw.de</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="http://www.sunyata-meditation-ch.org/" aria-expanded="false">
<span><i class="ti ti-world fs-4"></i></span>
<span class="hide-menu">sunyata-meditation-ch.org</span>
</a>
</li>
<li class="sidebar-item">
<a class="sidebar-link" href="https://www.facebook.com/Sacramento.Tanhkhong" aria-expanded="false">
<span><i class="ti ti-world fs-4"></i></span>
<span class="hide-menu">FB/Sacramento</span>
</a>
</li>
</ul>
</nav>
<!-- End Sidebar navigation -->
@@ -163,7 +131,7 @@
</li>
<li class="nav-item">
<a href="{{ request.route_url('home') }}" class="text-nowrap logo-img">
<img src="{{request.static_url('tcs_site:static/logo-msp2.png')}}" height="74px" alt="logo" />
<img src="{{request.static_url('tcs_site:static/img/tcshome-logo.png')}}" alt="logo" />
</a>
</li>
</ul>