version 1.1

cao_sunyata/static/css/styles.min.css

@@ -9,14 +9,14 @@
 @import "../css/icons/tabler-icons/tabler-icons.css";
 :root,
 [data-bs-theme=light] {
-  --bs-blue: #2952ff;
+  --bs-blue: #0d6efd;
   --bs-indigo: #6610f2;
   --bs-purple: #6f42c1;
   --bs-pink: #d63384;
-  --bs-red: #f25a5a;
+  --bs-red: #df4937;
   --bs-orange: #fd7e14;
-  --bs-yellow: #f2d15a;
+  --bs-yellow: #ffc107;
-  --bs-green: #85d446;
+  --bs-green: #198754;
   --bs-teal: #20c997;
   --bs-cyan: #74dbf7;
   --bs-black: #000;
@@ -32,13 +32,13 @@
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #3a4752;
-  --bs-primary: #2952ff;
+  --bs-primary: #0d6efd;
   --bs-secondary: #74dbf7;
-  --bs-success: #85d446;
+  --bs-success: #198754;
   --bs-inverse: #3a4752;
   --bs-info: #745af2;
-  --bs-warning: #f2d15a;
+  --bs-warning: #ffc107;
-  --bs-danger: #f25a5a;
+  --bs-danger: #dc3545;
   --bs-light: #f6f8fa;
   --bs-dark: #3a4752;
   --bs-primary-rgb: 41, 82, 255;
@@ -98,7 +98,7 @@
   --bs-tertiary-bg: #f6f8fa;
   --bs-tertiary-bg-rgb: 246, 248, 250;
   --bs-heading-color: #3a4752;
-  --bs-link-color: #2952ff;
+  --bs-link-color: #0d6efd;
   --bs-link-color-rgb: 41, 82, 255;
   --bs-link-decoration: underline;
   --bs-link-hover-color: #2142cc;
@@ -123,10 +123,10 @@
   --bs-focus-ring-width: 0.25rem;
   --bs-focus-ring-opacity: 0.25;
   --bs-focus-ring-color: rgba(41, 82, 255, 0.25);
-  --bs-form-valid-color: #85d446;
+  --bs-form-valid-color: #198754;
-  --bs-form-valid-border-color: #85d446;
+  --bs-form-valid-border-color: #198754;
-  --bs-form-invalid-color: #f25a5a;
+  --bs-form-invalid-color: #dc3545;
-  --bs-form-invalid-border-color: #f25a5a;
+  --bs-form-invalid-border-color: #dc3545;
 }
 
 [data-bs-theme=dark] {
@@ -227,6 +227,7 @@ h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
 
 h1, .h1 {
   font-size: calc(1.34375rem + 1.125vw);
+  color: #df4937
 }
 @media (min-width: 1200px) {
   h1, .h1 {
@@ -254,6 +255,7 @@ h3, .h3 {
 
 h4, .h4 {
   font-size: calc(1.25625rem + 0.075vw);
+  color: #df4937
 }
 @media (min-width: 1200px) {
   h4, .h4 {
@@ -2921,8 +2923,8 @@ textarea.form-control-lg {
           box-shadow: unset;
 }
 .form-check-input:checked {
-  background-color: #2952ff;
+  background-color: #0d6efd;
-  border-color: #2952ff;
+  border-color: #0d6efd;
 }
 .form-check-input:checked[type=checkbox] {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
@@ -2931,8 +2933,8 @@ textarea.form-control-lg {
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 .form-check-input[type=checkbox]:indeterminate {
-  background-color: #2952ff;
+  background-color: #0d6efd;
-  border-color: #2952ff;
+  border-color: #0d6efd;
   --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 .form-check-input:disabled {
@@ -3028,7 +3030,7 @@ textarea.form-control-lg {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
-  background-color: #2952ff;
+  background-color: #0d6efd;
   border: 0;
   border-radius: 1rem;
   -webkit-box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
@@ -3063,7 +3065,7 @@ textarea.form-control-lg {
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
-  background-color: #2952ff;
+  background-color: #0d6efd;
   border: 0;
   border-radius: 1rem;
   box-shadow: 0 0.1rem 0.25rem rgba(0, 0, 0, 0.1);
@@ -3540,7 +3542,7 @@ textarea.form-control-lg {
   --bs-btn-bg: transparent;
   --bs-btn-border-width: var(--bs-border-width);
   --bs-btn-border-color: transparent;
-  --bs-btn-border-radius: 30px;
+  --bs-btn-border-radius: 10px;
   --bs-btn-hover-border-color: transparent;
   --bs-btn-box-shadow: unset;
   --bs-btn-disabled-opacity: 0.65;
@@ -3623,8 +3625,8 @@ textarea.form-control-lg {
 
 .btn-primary {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #2952ff;
+  --bs-btn-bg: #0d6efd;
-  --bs-btn-border-color: #2952ff;
+  --bs-btn-border-color: #0d6efd;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #2346d9;
   --bs-btn-hover-border-color: #2142cc;
@@ -3634,8 +3636,8 @@ textarea.form-control-lg {
   --bs-btn-active-border-color: #1f3ebf;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #2952ff;
+  --bs-btn-disabled-bg: #0d6efd;
-  --bs-btn-disabled-border-color: #2952ff;
+  --bs-btn-disabled-border-color: #0d6efd;
 }
 
 .btn-secondary {
@@ -3657,8 +3659,8 @@ textarea.form-control-lg {
 
 .btn-success {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #85d446;
+  --bs-btn-bg: #198754;
-  --bs-btn-border-color: #85d446;
+  --bs-btn-border-color: #198754;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #71b43c;
   --bs-btn-hover-border-color: #6aaa38;
@@ -3668,8 +3670,8 @@ textarea.form-control-lg {
   --bs-btn-active-border-color: #649f35;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #85d446;
+  --bs-btn-disabled-bg: #198754;
-  --bs-btn-disabled-border-color: #85d446;
+  --bs-btn-disabled-border-color: #198754;
 }
 
 .btn-inverse {
@@ -3708,8 +3710,8 @@ textarea.form-control-lg {
 
 .btn-warning {
   --bs-btn-color: #000;
-  --bs-btn-bg: #f2d15a;
+  --bs-btn-bg: #ffc107;
-  --bs-btn-border-color: #f2d15a;
+  --bs-btn-border-color: #ffc107;
   --bs-btn-hover-color: #000;
   --bs-btn-hover-bg: #f4d873;
   --bs-btn-hover-border-color: #f3d66b;
@@ -3719,14 +3721,14 @@ textarea.form-control-lg {
   --bs-btn-active-border-color: #f3d66b;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #000;
-  --bs-btn-disabled-bg: #f2d15a;
+  --bs-btn-disabled-bg: #ffc107;
-  --bs-btn-disabled-border-color: #f2d15a;
+  --bs-btn-disabled-border-color: #ffc107;
 }
 
 .btn-danger {
   --bs-btn-color: #fff;
-  --bs-btn-bg: #f25a5a;
+  --bs-btn-bg: #dc3545;
-  --bs-btn-border-color: #f25a5a;
+  --bs-btn-border-color: #dc3545;
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: #ce4d4d;
   --bs-btn-hover-border-color: #c24848;
@@ -3736,8 +3738,8 @@ textarea.form-control-lg {
   --bs-btn-active-border-color: #b64444;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
-  --bs-btn-disabled-bg: #f25a5a;
+  --bs-btn-disabled-bg: #dc3545;
-  --bs-btn-disabled-border-color: #f25a5a;
+  --bs-btn-disabled-border-color: #dc3545;
 }
 
 .btn-light {
@@ -3775,19 +3777,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-primary {
-  --bs-btn-color: #2952ff;
+  --bs-btn-color: #0d6efd;
-  --bs-btn-border-color: #2952ff;
+  --bs-btn-border-color: #0d6efd;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #2952ff;
+  --bs-btn-hover-bg: #0d6efd;
-  --bs-btn-hover-border-color: #2952ff;
+  --bs-btn-hover-border-color: #0d6efd;
   --bs-btn-focus-shadow-rgb: 41, 82, 255;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #2952ff;
+  --bs-btn-active-bg: #0d6efd;
-  --bs-btn-active-border-color: #2952ff;
+  --bs-btn-active-border-color: #0d6efd;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #2952ff;
+  --bs-btn-disabled-color: #0d6efd;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #2952ff;
+  --bs-btn-disabled-border-color: #0d6efd;
   --bs-gradient: none;
 }
 
@@ -3809,19 +3811,19 @@ textarea.form-control-lg {
 }
 
 .btn-outline-success {
-  --bs-btn-color: #85d446;
+  --bs-btn-color: #198754;
-  --bs-btn-border-color: #85d446;
+  --bs-btn-border-color: #198754;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #85d446;
+  --bs-btn-hover-bg: #198754;
-  --bs-btn-hover-border-color: #85d446;
+  --bs-btn-hover-border-color: #198754;
   --bs-btn-focus-shadow-rgb: 133, 212, 70;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #85d446;
+  --bs-btn-active-bg: #198754;
-  --bs-btn-active-border-color: #85d446;
+  --bs-btn-active-border-color: #198754;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #85d446;
+  --bs-btn-disabled-color: #198754;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #85d446;
+  --bs-btn-disabled-border-color: #198754;
   --bs-gradient: none;
 }
 
@@ -3860,36 +3862,36 @@ textarea.form-control-lg {
 }
 
 .btn-outline-warning {
-  --bs-btn-color: #f2d15a;
+  --bs-btn-color: #ffc107;
-  --bs-btn-border-color: #f2d15a;
+  --bs-btn-border-color: #ffc107;
   --bs-btn-hover-color: #000;
-  --bs-btn-hover-bg: #f2d15a;
+  --bs-btn-hover-bg: #ffc107;
-  --bs-btn-hover-border-color: #f2d15a;
+  --bs-btn-hover-border-color: #ffc107;
   --bs-btn-focus-shadow-rgb: 242, 209, 90;
   --bs-btn-active-color: #000;
-  --bs-btn-active-bg: #f2d15a;
+  --bs-btn-active-bg: #ffc107;
-  --bs-btn-active-border-color: #f2d15a;
+  --bs-btn-active-border-color: #ffc107;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #f2d15a;
+  --bs-btn-disabled-color: #ffc107;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #f2d15a;
+  --bs-btn-disabled-border-color: #ffc107;
   --bs-gradient: none;
 }
 
 .btn-outline-danger {
-  --bs-btn-color: #f25a5a;
+  --bs-btn-color: #dc3545;
-  --bs-btn-border-color: #f25a5a;
+  --bs-btn-border-color: #dc3545;
   --bs-btn-hover-color: #fff;
-  --bs-btn-hover-bg: #f25a5a;
+  --bs-btn-hover-bg: #dc3545;
-  --bs-btn-hover-border-color: #f25a5a;
+  --bs-btn-hover-border-color: #dc3545;
   --bs-btn-focus-shadow-rgb: 242, 90, 90;
   --bs-btn-active-color: #fff;
-  --bs-btn-active-bg: #f25a5a;
+  --bs-btn-active-bg: #dc3545;
-  --bs-btn-active-border-color: #f25a5a;
+  --bs-btn-active-border-color: #dc3545;
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --bs-btn-disabled-color: #f25a5a;
+  --bs-btn-disabled-color: #dc3545;
   --bs-btn-disabled-bg: transparent;
-  --bs-btn-disabled-border-color: #f25a5a;
+  --bs-btn-disabled-border-color: #dc3545;
   --bs-gradient: none;
 }
 
@@ -4539,7 +4541,7 @@ textarea.form-control-lg {
 .nav-pills {
   --bs-nav-pills-border-radius: var(--bs-border-radius);
   --bs-nav-pills-link-active-color: #fff;
-  --bs-nav-pills-link-active-bg: #2952ff;
+  --bs-nav-pills-link-active-bg: #0d6efd;
 }
 .nav-pills .nav-link {
   border-radius: var(--bs-nav-pills-border-radius);
@@ -4610,7 +4612,7 @@ textarea.form-control-lg {
   --bs-navbar-padding-x: 0;
   --bs-navbar-padding-y: 0.5rem;
   --bs-navbar-color: #707a82;
-  --bs-navbar-hover-color: #2952ff;
+  --bs-navbar-hover-color: #0d6efd;
   --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
   --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
   --bs-navbar-brand-padding-y: 0.3359375rem;
@@ -5161,7 +5163,7 @@ textarea.form-control-lg {
 .navbar-dark,
 .navbar[data-bs-theme=dark] {
   --bs-navbar-color: #dbe1e6;
-  --bs-navbar-hover-color: #2952ff;
+  --bs-navbar-hover-color: #0d6efd;
   --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
   --bs-navbar-active-color: #fff;
   --bs-navbar-brand-color: #fff;
@@ -5580,8 +5582,8 @@ textarea.form-control-lg {
   --bs-pagination-focus-bg: var(--bs-secondary-bg);
   --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(41, 82, 255, 0.25);
   --bs-pagination-active-color: #fff;
-  --bs-pagination-active-bg: #2952ff;
+  --bs-pagination-active-bg: #0d6efd;
-  --bs-pagination-active-border-color: #2952ff;
+  --bs-pagination-active-border-color: #0d6efd;
   --bs-pagination-disabled-color: var(--bs-secondary-color);
   --bs-pagination-disabled-bg: var(--bs-secondary-bg);
   --bs-pagination-disabled-border-color: var(--bs-border-color);
@@ -5813,7 +5815,7 @@ textarea.form-control-lg {
   --bs-progress-border-radius: var(--bs-border-radius);
   --bs-progress-box-shadow: var(--bs-box-shadow-inset);
   --bs-progress-bar-color: #fff;
-  --bs-progress-bar-bg: #2952ff;
+  --bs-progress-bar-bg: #0d6efd;
   --bs-progress-bar-transition: width 0.6s ease;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -5893,8 +5895,8 @@ textarea.form-control-lg {
   --bs-list-group-disabled-color: var(--bs-secondary-color);
   --bs-list-group-disabled-bg: var(--bs-body-bg);
   --bs-list-group-active-color: #fff;
-  --bs-list-group-active-bg: #2952ff;
+  --bs-list-group-active-bg: #0d6efd;
-  --bs-list-group-active-border-color: #2952ff;
+  --bs-list-group-active-border-color: #0d6efd;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16592,10 +16594,10 @@ textarea.form-control-lg {
 }
 .sidebar-nav ul .sidebar-item .sidebar-link:hover {
   background-color: rgba(41, 82, 255, 0.1);
-  color: #2952ff;
+  color: #0d6efd;
 }
 .sidebar-nav ul .sidebar-item .sidebar-link:hover.has-arrow::after {
-  border-color: #2952ff;
+  border-color: #0d6efd;
 }
 .sidebar-nav ul .sidebar-item .sidebar-link.active:hover.has-arrow::after {
   border-color: #fff;
@@ -16605,7 +16607,7 @@ textarea.form-control-lg {
 }
 .sidebar-nav ul .sidebar-item.selected > .sidebar-link.active, .sidebar-nav ul .sidebar-item.selected > .sidebar-link,
 .sidebar-nav ul .sidebar-item > .sidebar-link.active {
-  background-color: #2952ff;
+  background-color: #0d6efd;
   color: #fff;
 }
 .sidebar-nav .sidebar-list .sidebar-list-item {
@@ -16654,7 +16656,7 @@ textarea.form-control-lg {
 .app-header .navbar .navbar-nav.quick-links .nav-item:hover .nav-link {
   -webkit-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
-  color: #2952ff !important;
+  color: #0d6efd !important;
 }
 .app-header .navbar .navbar-nav.quick-links .nav-item:hover .nav-link:before {
   content: "";
@@ -16863,7 +16865,7 @@ a {
 }
 
 a:hover {
-  color: #2952ff;
+  color: #0d6efd;
 }
 
 ul {
@@ -16957,7 +16959,7 @@ ul {
   padding: 6px 16px;
 }
 .timeline-widget .timeline-item .timeline-badge.badge-primary {
-  border: 2px solid #2952ff;
+  border: 2px solid #0d6efd;
 }
 
 /* Ajout par Cao */

cao_sunyata/templates/layout.jinja2

@@ -27,7 +27,7 @@
           <ul id="sidebarnav">
             <li class="nav-small-cap">
               <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
-              <span class="hide-menu">Home - Trang chủ</span>
+              <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">
@@ -37,7 +37,7 @@
             </li>
             <li class="nav-small-cap">
               <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
-              <span class="hide-menu">En FRANCAIS</span>
+              <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">
@@ -59,7 +59,7 @@
             </li>
            <li class="nav-small-cap">
               <i class="ti ti-dots nav-small-cap-icon fs-6"></i>
-              <span class="hide-menu">En Vietnamien</span>
+              <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">
@@ -81,7 +81,7 @@
             </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">A PROPOS</span>
+              <span class="hide-menu text-danger">A PROPOS</span>
             </li>
             <li class="sidebar-item">
               <a class="sidebar-link" href="{{ request.route_url('topic', topic='apropos') }}" aria-expanded="false">
@@ -103,7 +103,7 @@
             </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">SUNYATA sur le Web</span>
+              <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">
@@ -155,7 +155,7 @@
             </li>
             <li class="nav-item">
               <a href="{{ request.route_url('home') }}" class="text-nowrap logo-img">
-                <img src="{{request.static_url('cao_sunyata:static/logo-msp.png')}}" width="250px" alt="logo" />
+                <img src="{{request.static_url('cao_sunyata:static/logo-msp2.png')}}" height="74px" alt="logo" />
               </a>
             </li>
           </ul>
@@ -209,8 +209,9 @@
       </header>
       <!--  Header End -->
       <div class="container-fluid">
-        <br />
+      <div class="py-2 text-center">
-        <br />
+        <p>&nbsp;</p>
+      </div>
        <!-- Display Page Title -->
         {% if page_title %}
           <h1>{{ page_title }}</h1>

setup.py

@@ -37,7 +37,7 @@ tests_require = [
 
 setup(
     name='cao_sunyata',
-    version='1.0',
+    version='1.1',
     description='cao_sunyata',
     long_description=README + '\n\n' + CHANGES,
     classifiers=[