dynamic load articles

working on front-page
2025-08-20 14:21:57 +02:00 · 2025-08-20 14:05:18 +02:00
2170 changed files with 646 additions and 386608 deletions
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -1,3 +1,4 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import "tailwindcss";
@import "header.css";

@@ -116,57 +117,6 @@ body {
  transform: translateY(0);
 }

-/* Breadcrumb Styles */
-.breadcrumb-nav {
-  width: 100%;
-  margin: 1rem 0;
-}
-
-.breadcrumb-container {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 1rem;
-}
-
-.breadcrumb-list {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  list-style: none;
-  margin: 0;
-  padding: 0.75rem 1rem;
-  background: white;
-  border-radius: 8px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-.breadcrumb-item {
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-  color: var(--gray-600);
-}
-
-.breadcrumb-item a {
-  color: var(--gray-600);
-  text-decoration: none;
-  transition: color 0.2s ease;
-}
-
-.breadcrumb-item a:hover {
-  color: var(--primary-blue);
-}
-
-.breadcrumb-item:not(:last-child)::after {
-  content: "/";
-  margin: 0 0.5rem;
-  color: var(--gray-300);
-}
-
-.breadcrumb-item.active {
-  color: var(--primary-blue);
-  font-weight: 500;
-}

 /* Responsive Utilities */
@media (max-width: 768px) {
@@ -175,3 +125,37 @@ body {
    padding-right: 1rem;
  }
 }
+
+/* Prose Styles from docs/homepage.html and docs/post.html */
+.prose {
+    max-width: none;
+}
+
+.prose h2 {
+    font-weight: 600;
+    margin-top: 2.5rem;
+    margin-bottom: 1rem;
+    font-size: 1.875rem;
+    line-height: 2.25rem;
+}
+
+.prose p {
+    margin-bottom: 1.5rem;
+    line-height: 1.75;
+}
+
+.prose blockquote {
+    border-left-width: 4px;
+    border-color: #3b82f6;
+    padding-left: 1.5rem;
+    margin: 2rem 0;
+    font-style: italic;
+}
+
+.article-image {
+    transition: transform 0.3s ease;
+}
+
+.article-image:hover {
+    transform: scale(1.02);
+}
--- a/assets/js/app.js
+++ b/assets/js/app.js
@@ -7,4 +7,63 @@ window.Alpine = Alpine
 // Initialize Alpine
 Alpine.start()

+// Header JavaScript - Hamburger menu functionality
+document.addEventListener('DOMContentLoaded', function() {
+  // Mobile menu toggle
+  const offcanvasToggle = document.querySelector('.cs-header__offcanvas-toggle');
+  const offcanvasClose = document.querySelector('.cs-header__offcanvas-close');
+  const offcanvas = document.querySelector('.cs-header__offcanvas');
+  const overlay = document.querySelector('.cs-search-overlay');
+  
+  if (offcanvasToggle) {
+    offcanvasToggle.addEventListener('click', function() {
+      offcanvas.classList.add('active');
+      overlay.style.display = 'block';
+      document.body.style.overflow = 'hidden';
+    });
+  }
+  
+  if (offcanvasClose) {
+    offcanvasClose.addEventListener('click', function() {
+      offcanvas.classList.remove('active');
+      overlay.style.display = 'none';
+      document.body.style.overflow = '';
+    });
+  }
+  
+  
+  // Search functionality
+  const searchToggle = document.querySelectorAll('.cs-header__search-toggle');
+  const searchClose = document.querySelector('.cs-search__close');
+  const search = document.querySelector('.cs-search');
+  
+  searchToggle.forEach(toggle => {
+    toggle.addEventListener('click', function() {
+      search.style.display = 'block';
+      overlay.style.display = 'block';
+      document.body.style.overflow = 'hidden';
+    });
+  });
+  
+  if (searchClose) {
+    searchClose.addEventListener('click', function() {
+      search.style.display = 'none';
+      overlay.style.display = 'none';
+      document.body.style.overflow = '';
+    });
+  }
+  
+  if (overlay) {
+    overlay.addEventListener('click', function() {
+      if (offcanvas) {
+        offcanvas.classList.remove('active');
+      }
+      search.style.display = 'none';
+      overlay.style.display = 'none';
+      document.body.style.overflow = '';
+      
+    });
+  }
+});
+
 console.log("Hello world");
--- a/assets/js/header.js
+++ b/assets/js/header.js
@@ -1,54 +0,0 @@
-// Header JavaScript
-document.addEventListener('DOMContentLoaded', function() {
-  // Mobile menu toggle
-  const offcanvasToggle = document.querySelector('.cs-header__offcanvas-toggle');
-  const offcanvasClose = document.querySelector('.cs-header__offcanvas-close');
-  const offcanvas = document.querySelector('.cs-header__offcanvas');
-  const overlay = document.querySelector('.cs-search-overlay');
-  
-  if (offcanvasToggle) {
-    offcanvasToggle.addEventListener('click', function() {
-      offcanvas.classList.add('active');
-      overlay.style.display = 'block';
-      document.body.style.overflow = 'hidden';
-    });
-  }
-  
-  if (offcanvasClose) {
-    offcanvasClose.addEventListener('click', function() {
-      offcanvas.classList.remove('active');
-      overlay.style.display = 'none';
-      document.body.style.overflow = '';
-    });
-  }
-  
-  // Search functionality
-  const searchToggle = document.querySelectorAll('.cs-header__search-toggle');
-  const searchClose = document.querySelector('.cs-search__close');
-  const search = document.querySelector('.cs-search');
-  
-  searchToggle.forEach(toggle => {
-    toggle.addEventListener('click', function() {
-      search.style.display = 'block';
-      overlay.style.display = 'block';
-      document.body.style.overflow = 'hidden';
-    });
-  });
-  
-  if (searchClose) {
-    searchClose.addEventListener('click', function() {
-      search.style.display = 'none';
-      overlay.style.display = 'none';
-      document.body.style.overflow = '';
-    });
-  }
-  
-  if (overlay) {
-    overlay.addEventListener('click', function() {
-      offcanvas.classList.remove('active');
-      search.style.display = 'none';
-      overlay.style.display = 'none';
-      document.body.style.overflow = '';
-    });
-  }
-});
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -31,10 +31,6 @@
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
-    <!-- Custom Styles -->
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
-    </style>
 </head>
 <body class="bg-white text-gray-800 antialiased">
    
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -1,131 +1,132 @@
 {{ define "main" }}
-<div class="section">
-    <div class="container">
-        <div class="row g-4">
-            <div class="col-12 col-md-10 offset-md-1">
-                <h1 class="fw-normal">{{ .Title }}</h1>
-                <ul class="list-inline-dash">
-                    {{ if .Params.author }}
-                        <li>Par <a href="/author/{{ .Params.author | anchorize }}">{{ .Params.author }}</a></li>
+<div class="gradient-bg py-12 md:py-16 lg:py-24">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto text-center">
+            <div class="flex justify-center space-x-2 mb-6">
+                {{ with .Params.categories }}
+                    {{ range first 2 . }}
+                        <a href="/{{ . | anchorize }}"><span class="bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">{{ . }}</span></a>
+                        
                    {{ end }}
-                    {{ with .Params.categories }}
-                        {{ range . }}
-                            <li>dans <a href="/{{ . | anchorize }}">{{ . }}</a></li>
-                        {{ end }}
-                    {{ end }}
-                    <li> le {{ .Date.Format "02/01/2006" }}</li>
-                </ul>
+                {{ end }}
            </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
+            <h1 class="text-4xl md:text-5xl font-bold text-gray-900 mb-6">{{ .Title }}</h1>
+            <p class="text-xl text-gray-700 mb-8">{{ .Summary }}</p>
+            <div class="flex items-center justify-center space-x-4 text-gray-600">
+                <div class="flex items-center">
+                    {{ if .Params.author_image }}
+                        <img src="{{ .Params.author_image }}" alt="Author" class="rounded-full mr-2 w-10 h-10">
+                    {{ else }}
+                        <img src="https://i.pravatar.cc/40?img=5" alt="Author" class="rounded-full mr-2 w-10 h-10">
+                    {{ end }}
+                    <span>{{ .Params.author | default "Author Name" }}</span>
+                </div>
+                <span>•</span>
+                <span>{{ .Date.Format "October 16, 2024" }}</span>
+                <span>•</span>
+                <span>{{ .ReadingTime }} min read</span>
+            </div>
+        </div>
+    </div>
 </div>

-<!-- Featured Image -->
-{{ if .Params.featured_image }}
-<div class="container">
-    <div class="p-2 text-center">
-      <img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="mx-auto d-block">
+<!-- Article Content -->
+<article class="py-12 md:py-16">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto prose">
+            {{ .Content }}
+        </div>
    </div>
-</div><!-- end container -->
-{{ end }}
-<!-- end Featured Image -->
+</article>

-<!-- Post Content -->
-<div class="section">
-    <div class="container">
-        <div class="row g-4">
-            <div class="col-12 col-md-10 offset-md-1">
-                <div class="post-content">
-                    {{ .Content }}
+<!-- Tags Section -->
+<div class="py-8 border-t border-gray-200">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto">
+            <h3 class="text-lg font-semibold text-gray-900 mb-4">Topics:</h3>
+            <div class="flex flex-wrap gap-3">
+                {{ with .Params.tags }}
+                    {{ range . }}
+                        <a href="#" class="tag bg-blue-100 text-blue-800 hover:bg-blue-200 px-4 py-2 rounded-full font-medium">{{ . }}</a>
+                    {{ end }}
+                {{ end }}
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Author Bio -->
+<div class="py-12 bg-gray-50">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto">
+            <div class="flex items-start space-x-6">
+                {{ if .Params.author_image }}
+                    <img src="{{ .Params.author_image }}" alt="Author" class="rounded-full w-20 h-20">
+                {{ else }}
+                    <img src="https://i.pravatar.cc/100?img=5" alt="Author" class="rounded-full w-20 h-20">
+                {{ end }}
+                <div>
+                    <h3 class="text-xl font-semibold text-gray-900">{{ .Params.author | default "Author Name" }}</h3>
+                    <p class="text-blue-600 font-medium mb-4">Technology Writer & Future of Work Researcher</p>
+                    <p class="text-gray-700">{{ .Params.author_bio | default "Author bio goes here." }}</p>
+                    <div class="flex space-x-4 mt-4">
+                        <a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-twitter"></i></a>
+                        <a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-linkedin"></i></a>
+                        <a href="#" class="text-gray-600 hover:text-blue-600"><i class="fab fa-medium"></i></a>
+                    </div>
                </div>
            </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
+        </div>
+    </div>
 </div>
-<!-- end Post Content -->

-{{/* 
-<!-- Tags and Share -->
-<div class="section-xs border-top">
-    <div class="container">
-        <div class="row g-4">
-            {{ if .Params.tags }}
-            <div class="col-6">
-                <h6 class="font-small fw-medium uppercase">Tags</h6>
-                <ul class="list-inline-sm">
-                    {{ range .Params.tags }}
-                        <li><a href="/tags/{{ . | anchorize }}">{{ . }}</a></li>
-                    {{ end }}
-                </ul>
+<!-- Related Articles -->
+<div class="py-12">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Related Articles</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {{ range first 3 (where .Site.RegularPages "Type" "post") }}
+            <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
+                {{ if .Params.featured_image }}
+                    <img src="{{ .Params.featured_image }}" alt="Article" class="w-full h-48 object-cover">
+                {{ else }}
+                    <img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
+                {{ end }}
+                <div class="p-6">
+                    <span class="text-sm font-medium text-blue-600">
+                        {{ with .Params.categories }}
+                            {{ range first 1 . }}
+                                {{ . }}
+                            {{ end }}
+                        {{ end }}
+                    </span>
+                    <h3 class="text-xl font-semibold mt-2 mb-3">
+                        <a href="{{ .Permalink }}">{{ .Title }}</a>
+                    </h3>
+                    <p class="text-gray-600">{{ .Summary | truncate 100 }}</p>
+                    <div class="flex items-center mt-4 text-sm text-gray-500">
+                        <span>{{ .Date.Format "Jan 2, 2006" }}</span>
+                        <span class="mx-2">•</span>
+                        <span>{{ .ReadingTime }} min read</span>
+                    </div>
+                </div>
            </div>
            {{ end }}
-            <div class="col-6 text-end">
-                <h6 class="font-small fw-medium uppercase">Share On</h6>
-                <ul class="list-inline">
-                    <li><a href="#"><i class="bi bi-facebook"></i></a></li>
-                    <li><a href="#"><i class="bi bi-twitter-x"></i></a></li>
-                    <li><a href="#"><i class="bi bi-google"></i></a></li>
-                </ul>
-            </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
+        </div>
+    </div>
 </div>
-*/}}

-<!-- Comments section -->
-{{ if .Site.Params.comments.enable }}
-<div class="section bg-gray-lighter">
-    <div class="container">
-        <div class="row g-4">
-            <div class="col-12 col-md-10 offset-md-1">
-                <h4 class="fw-normal mb-5">Comments</h4>
-                
-                {{ if .Site.Params.comments.disqus }}
-                    <div id="disqus_thread"></div>
-                    <script>
-                        var disqus_config = function () {
-                            this.page.url = "{{ .Permalink }}";
-                            this.page.identifier = "{{ .RelPermalink }}";
-                        };
-                        (function() {
-                            var d = document, s = d.createElement('script');
-                            s.src = 'https://{{ .Site.Params.comments.disqus }}.disqus.com/embed.js';
-                            s.setAttribute('data-timestamp', +new Date());
-                            (d.head || d.body).appendChild(s);
-                        })();
-                    </script>
-                {{ else }}
-                    <p>Comments are disabled.</p>
-                {{ end }}
-                
-            </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
+<!-- Newsletter -->
+<div class="py-12 bg-blue-50">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto text-center">
+            <h2 class="text-2xl font-bold text-gray-900 mb-4">Join the Newsletter</h2>
+            <p class="text-gray-700 mb-6">Stay updated with the latest insights on technology and the future of work.</p>
+            <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
+                <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Subscribe</button>
+            </form>
+        </div>
+    </div>
 </div>
 {{ end }}
-
-<!-- Write Comment section -->
-{{ if .Site.Params.comments.enable }}
-<div class="section">
-    <div class="container">
-        <div class="row g-4">
-            <div class="col-12 col-md-10 offset-md-1">
-                <h4 class="fw-normal mb-5">Write a Comment</h4>
-                <form id="comment-form">
-                    <div class="row g-4">
-                        <div class="col-12 col-sm-6">
-                            <input type="text" name="name" placeholder="Name" required>
-                        </div>
-                        <div class="col-12 col-sm-6">
-                            <input type="email" name="email" placeholder="E-Mail" required>
-                        </div>
-                    </div>
-                    <textarea name="message" placeholder="Message"></textarea>
-                    <button class="button button-lg button-outline-gray" type="submit">Post Comment</button>
-                </form>
-            </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
-</div>
-{{ end }}
-{{ end }}
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -6,44 +6,18 @@
    <section class="gradient-bg py-12 md:py-16 lg:py-20">
        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
            <div class="max-w-4xl mx-auto text-center">
-                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">
-                    {{ .Site.Title }}
-                </h1>
-                <p class="text-xl text-gray-700 mb-8">
-                    {{ .Site.Params.description | default "Exploring technology's impact on work and life" }}
-                </p>
-                
-                <!-- Tags -->
-                <div class="flex flex-wrap justify-center gap-3 mb-10">
-                    {{ $categories := .Site.Taxonomies.categories }}
-                    {{ if $categories }}
-                        {{ $categoryList := slice }}
-                        {{ range $name, $taxonomy := $categories }}
-                            {{ range $taxonomy }}
-                                {{ $categoryList = $categoryList | append . }}
-                            {{ end }}
-                        {{ end }}
-                        {{ range first 5 $categoryList }}
-                        <span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">
-                            {{ .Page.Title }}
-                        </span>
-                        {{ end }}
-                    {{ else }}
-                        <span class="tag bg-gray-100 text-gray-600 text-sm font-medium px-3 py-1 rounded-full">
-                            General
-                        </span>
-                    {{ end }}
-                </div>
-                
-                <!-- Newsletter Signup -->
-                <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
-                    <input type="email" 
-                           placeholder="Your email address" 
-                           class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
-                    <button type="submit" 
-                            class="btn-primary px-6 py-3 rounded-lg font-medium">
-                        Get Updates
-                    </button>
+                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">Exploring Technology's Impact on Work & Life</h1>
+                    <p class="text-xl text-gray-700 mb-8">Insights, analysis and trends about how technology is shaping our future</p>
+                    <div class="flex flex-wrap justify-center gap-3 mb-10">
+                        <span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">AI</span>
+                        <span class="tag bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Remote Work</span>
+                        <span class="tag bg-purple-100 text-purple-800 text-sm font-medium px-3 py-1 rounded-full">Productivity</span>
+                        <span class="tag bg-yellow-100 text-yellow-800 text-sm font-medium px-3 py-1 rounded-full">Innovation</span>
+                        <span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
+                    </div>
+                    <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
+                        <input type="email" placeholder="Your email address" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Get Updates</button>
                </form>
            </div>
        </div>
@@ -55,32 +29,46 @@
            <h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Featured Articles</h2>
            
            <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-12">
-                {{ range first 2 (where .Site.RegularPages "Params.featured" true) }}
+                {{ range first 2 (where .Site.Data.wordpress.posts "status" "publish") }}
+                {{ $author := index .Site.Data.wordpress.authors .author }}
+                {{ $categories := slice }}
+                {{ range .categories }}
+                    {{ $categoryID := . }}
+                    {{ range $.Site.Data.wordpress.categories }}
+                        {{ if eq .id $categoryID }}
+                            {{ $categories = $categories | append .name }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+                
                <div class="bg-white rounded-xl overflow-hidden shadow-lg article-card">
                    <div class="featured-article">
-                        {{ if .Params.featured_image }}
-                        <img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="w-full h-64 object-cover">
+                        {{ if .featured_image }}
+                        <img src="{{ .featured_image }}" alt="{{ .title.rendered | plainify }}" class="w-full h-64 object-cover">
                        {{ else }}
-                        <img src="https://images.unsplash.com/photo-1677442135135-416f8aa26a5b?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="{{ .Title }}" class="w-full h-64 object-cover">
+                        <img src="/assets/images/col-1.jpg" alt="{{ .title.rendered | plainify }}" class="w-full h-64 object-cover">
                        {{ end }}
                    </div>
                    <div class="p-6">
                        <div class="flex flex-wrap gap-2 mb-4">
-                            {{ range first 2 (default (slice) .Params.categories) }}
+                            {{ range first 2 $categories }}
                            <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">{{ . }}</span>
                            {{ end }}
                        </div>
-                        <h3 class="text-xl font-bold text-gray-900 mb-3">
-                            <a href="{{ .Permalink }}" class="hover:text-blue-600">{{ .Title }}</a>
-                        </h3>
-                        <p class="text-gray-600 mb-4">{{ .Summary | truncate 150 }}</p>
+                        <h3 class="text-xl font-bold text-gray-900 mb-3">{{ .title.rendered | plainify }}</h3>
+                        <p class="text-gray-600 mb-4">{{ .excerpt.rendered | plainify | truncate 150 }}</p>
                        <div class="flex items-center justify-between">
                            <div class="flex items-center text-sm text-gray-500">
-                                <span>{{ .Params.author | default "Tech Team" }}</span>
+                                {{ if $author.avatar_url }}
+                                <img src="{{ $author.avatar_url }}" alt="{{ $author.name }}" class="w-6 h-6 rounded-full mr-2">
+                                {{ else }}
+                                <img src="https://i.pravatar.cc/24" alt="{{ $author.name }}" class="w-6 h-6 rounded-full mr-2">
+                                {{ end }}
+                                <span>{{ $author.name }}</span>
                                <span class="mx-2">•</span>
-                                <span>{{ .Date.Format "Jan 2, 2006" }}</span>
+                                <span>{{ .date | time.Format "Jan 2, 2006" }}</span>
                            </div>
-                            <a href="{{ .Permalink }}" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
+                            <a href="{{ .link }}" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Read more →</a>
                        </div>
                    </div>
                </div>
@@ -102,58 +90,47 @@
            <h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Latest Articles</h2>
            
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
-                {{ range first 6 .Paginator.Pages }}
+                {{ range first 6 (after 2 (where .Site.Data.wordpress.posts "status" "publish")) }}
+                {{ $author := index .Site.Data.wordpress.authors .author }}
+                {{ $categories := slice }}
+                {{ range .categories }}
+                    {{ $categoryID := . }}
+                    {{ range $.Site.Data.wordpress.categories }}
+                        {{ if eq .id $categoryID }}
+                            {{ $categories = $categories | append .name }}
+                        {{ end }}
+                    {{ end }}
+                {{ end }}
+                
                <div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
-                    {{ if .Params.featured_image }}
-                    <img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="w-full h-48 object-cover">
+                    {{ if .featured_image }}
+                    <img src="{{ .featured_image }}" alt="{{ .title.rendered | plainify }}" class="w-full h-48 object-cover">
                    {{ else }}
-                    <img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&auto=format&fit=crop&w=1000&q=80" alt="{{ .Title }}" class="w-full h-48 object-cover">
+                    <img src="/assets/images/col-1.jpg" alt="{{ .title.rendered | plainify }}" class="w-full h-48 object-cover">
                    {{ end }}
                    <div class="p-6">
                        <div class="flex flex-wrap gap-2 mb-3">
-                            {{ range first 1 (default (slice) .Params.categories) }}
+                            {{ range first 1 $categories }}
                            <span class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded">{{ . }}</span>
                            {{ end }}
                        </div>
-                        <h3 class="text-lg font-bold text-gray-900 mb-3">
-                            <a href="{{ .Permalink }}" class="hover:text-blue-600">{{ .Title }}</a>
-                        </h3>
-                        <p class="text-gray-600 text-sm mb-4">{{ .Summary | truncate 100 }}</p>
+                        <h3 class="text-lg font-bold text-gray-900 mb-3">{{ .title.rendered | plainify }}</h3>
+                        <p class="text-gray-600 text-sm mb-4">{{ .excerpt.rendered | plainify | truncate 100 }}</p>
                        <div class="flex items-center justify-between text-sm text-gray-500">
-                            <span>{{ .Date.Format "Jan 2, 2006" }}</span>
-                            <span>{{ .ReadingTime }} min read</span>
+                            <span>{{ .date | time.Format "Jan 2, 2006" }}</span>
+                            <span>{{ .reading_time | default "5" }} min read</span>
                        </div>
                    </div>
                </div>
                {{ end }}
            </div>
            
-            <!-- Pagination -->
-            {{ if gt .Paginator.TotalPages 1 }}
            <div class="text-center">
-                <nav class="flex justify-center items-center space-x-2">
-                    {{ if .Paginator.HasPrev }}
-                    <a href="{{ .Paginator.Prev.URL }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
-                        Previous
-                    </a>
-                    {{ end }}
-                    
-                    {{ range .Paginator.Pagers }}
-                    {{ if eq . $.Paginator }}
-                    <span class="px-4 py-2 bg-blue-600 text-white rounded-lg">{{ .PageNumber }}</span>
-                    {{ else }}
-                    <a href="{{ .URL }}" class="px-4 py-2 bg-gray-200 text-gray-700 rounded-lg hover:bg-gray-300">{{ .PageNumber }}</a>
-                    {{ end }}
-                    {{ end }}
-                    
-                    {{ if .Paginator.HasNext }}
-                    <a href="{{ .Paginator.Next.URL }}" class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
-                        Next
-                    </a>
-                    {{ end }}
-                </nav>
+                <a href="/articles" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
+                    View all articles
+                    <i class="fas fa-arrow-right ml-2"></i>
+                </a>
            </div>
-            {{ end }}
        </div>
    </section>

@@ -163,34 +140,54 @@
            <h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Explore Topics</h2>
            
            <div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4 mb-12">
-                {{ $categories := .Site.Taxonomies.categories }}
-                {{ if $categories }}
-                    {{ $categoryList := slice }}
-                    {{ range $name, $taxonomy := $categories }}
-                        {{ range $taxonomy }}
-                            {{ $categoryList = $categoryList | append . }}
-                        {{ end }}
-                    {{ end }}
-                    {{ range $categoryList }}
-                    <a href="/{{ .Page.Slug }}" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
                        <div class="w-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center mb-3">
-                            <i class="fas fa-tag text-blue-600 text-xl"></i>
+                            <i class="fas fa-robot text-blue-600 text-xl"></i>
                        </div>
-                        <span class="text-sm font-medium text-gray-900">{{ .Page.Title }}</span>
+                        <span class="text-sm font-medium text-gray-900">AI</span>
+                    </a>
+                    
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                        <div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center mb-3">
+                            <i class="fas fa-laptop-house text-green-600 text-xl"></i>
+                        </div>
+                        <span class="text-sm font-medium text-gray-900">Remote Work</span>
+                    </a>
+                    
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                        <div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center mb-3">
+                            <i class="fas fa-tachometer-alt text-purple-600 text-xl"></i>
+                        </div>
+                        <span class="text-sm font-medium text-gray-900">Productivity</span>
+                    </a>
+                    
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                        <div class="w-12 h-12 bg-yellow-100 rounded-lg flex items-center justify-center mb-3">
+                            <i class="fas fa-lightbulb text-yellow-600 text-xl"></i>
+                        </div>
+                        <span class="text-sm font-medium text-gray-900">Innovation</span>
+                    </a>
+                    
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                        <div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center mb-3">
+                            <i class="fas fa-code text-red-600 text-xl"></i>
+                        </div>
+                        <span class="text-sm font-medium text-gray-900">Development</span>
+                    </a>
+                    
+                    <a href="#" class="flex flex-col items-center p-6 bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow">
+                        <div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center mb-3">
+                            <i class="fas fa-link text-indigo-600 text-xl"></i>
+                        </div>
+                        <span class="text-sm font-medium text-gray-900">Web3</span>
+                    </a>
+                </div>
+                
+                <div class="text-center">
+                    <a href="#" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
+                        Browse all topics
+                        <i class="fas fa-arrow-right ml-2"></i>
                    </a>
-                    {{ end }}
-                {{ else }}
-                    <div class="col-span-full text-center py-8">
-                        <p class="text-gray-500">No categories available yet.</p>
-                    </div>
-                {{ end }}
-            </div>
-            
-            <div class="text-center">
-                <a href="/topics" class="inline-flex items-center text-blue-600 hover:text-blue-800 font-medium">
-                    Browse all topics
-                    <i class="fas fa-arrow-right ml-2"></i>
-                </a>
            </div>
        </div>
    </section>
@@ -206,7 +203,7 @@
                           placeholder="Your email address" 
                           class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
                    <button type="submit" 
-                            class="btn-primary px-6 py-3 rounded-lg font-medium">
+                            class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">
                        Subscribe
                    </button>
                </form>
--- a/layouts/partials/breadcrumb.html
+++ b/layouts/partials/breadcrumb.html
@@ -1,77 +1,65 @@
-<!-- Modern Breadcrumb Navigation -->
-<nav class="breadcrumb-nav" aria-label="breadcrumb">
-  <div class="breadcrumb-container">
-    <ol class="breadcrumb-list" itemscope itemtype="https://schema.org/BreadcrumbList">
+<!-- Breadcrumb Navigation -->
+<nav class="breadcrumb border-b border-slate-200 py-2 px-3 md:py-4 md:px-6 lg:px-8" aria-label="Breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
+  <ol class="flex flex-wrap items-center space-x-1 md:space-x-2 text-xs sm:text-sm md:text-base leading-relaxed">
+    
+    <!-- Home -->
+    <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+      <a href="{{ "/" | relLangURL }}" itemprop="item" title="Home" class="text-slate-600 hover:text-blue-600 transition-colors flex items-center">
+        <i class="fas fa-home text-[10px] sm:text-xs md:text-sm mr-1"></i>
+        <span itemprop="name" class="hidden sm:inline">Home</span>
+      </a>
+      <meta itemprop="position" content="1" />
+    </li>
+    
+    <!-- Category -->
+    {{ if or .Params.categories .Section }}
+      {{ $category := "" }}
+      {{ $categorySlug := "" }}
+      {{ $categoryUrl := "" }}
      
-      <!-- Home -->
-      <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-        <a href="{{ "/" | relLangURL }}" itemprop="item" title="{{ i18n "home" | default "Home" }}">
-          <i class="fas fa-home" aria-hidden="true"></i>
-          <span itemprop="name">{{ i18n "home" | default "Accueil" }}</span>
-        </a>
-        <meta itemprop="position" content="1" />
-      </li>
-      
-      <!-- Category -->
-      {{ if or .Params.categories .Section }}
-        {{ $category := "" }}
-        {{ $categorySlug := "" }}
-        {{ $categoryUrl := "" }}
-        
-        {{ if .Params.categories }}
-          {{ $category = index .Params.categories 0 }}
-          {{ $categorySlug = anchorize $category }}
-          {{ $categoryUrl = printf "/categories/%s" $categorySlug }}
-        {{ else if .Section }}
-          {{ $category = humanize .Section }}
-          {{ $categorySlug = .Section }}
-          {{ $categoryUrl = printf "/%s" .Section }}
-        {{ end }}
-        
-        {{ if $category }}
-          <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-            <a href="{{ $categoryUrl | relLangURL }}" itemprop="item" title="{{ $category }}">
-              <span itemprop="name">{{ $category }}</span>
-            </a>
-            <meta itemprop="position" content="2" />
-          </li>
-        {{ end }}
+      {{ if .Params.categories }}
+        {{ $category = index .Params.categories 0 }}
+        {{ $categorySlug = anchorize $category }}
+        {{ $categoryUrl = printf "/categories/%s" $categorySlug }}
+      {{ else if .Section }}
+        {{ $category = humanize .Section }}
+        {{ $categorySlug = .Section }}
+        {{ $categoryUrl = printf "/%s" .Section }}
      {{ end }}
      
-      <!-- Current Page -->
-      <li class="breadcrumb-item active" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
-        <span itemprop="name">{{ .Title }}</span>
+      {{ if $category }}
+        <li class="breadcrumb-divider text-slate-400 px-0.5">/</li>
+        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+          <a href="{{ $categoryUrl | relLangURL }}" itemprop="item" title="{{ $category }}" class="text-slate-600 hover:text-blue-600 transition-colors line-clamp-1 max-w-[120px] sm:max-w-none">
+            <span itemprop="name">{{ $category }}</span>
+          </a>
+          <meta itemprop="position" content="2" />
+        </li>
+      {{ end }}
+    {{ end }}
+    
+    <!-- Current Page -->
+    {{ if .Title }}
+      <li class="breadcrumb-divider text-slate-400 px-0.5">/</li>
+      <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
+        <span itemprop="name" class="text-blue-600 font-medium line-clamp-1 max-w-[100px] sm:max-w-[200px] md:max-w-none">{{ .Title }}</span>
        <meta itemprop="position" content="{{ if or .Params.categories .Section }}3{{ else }}2{{ end }}" />
      </li>
-      
-    </ol>
-  </div>
+    {{ end }}
+    
+  </ol>
 </nav>

-<!-- JSON-LD Structured Data -->
-<script type="application/ld+json">
-{
-  "@context": "https://schema.org",
-  "@type": "BreadcrumbList",
-  "itemListElement": [
-    {
-      "@type": "ListItem",
-      "position": 1,
-      "name": "{{ i18n "home" | default "Home" }}",
-      "item": "{{ "/" | absLangURL }}"
-    }{{ if or .Params.categories .Section }},
-    {
-      "@type": "ListItem",
-      "position": 2,
-      "name": "{{ if .Params.categories }}{{ index .Params.categories 0 }}{{ else }}{{ humanize .Section }}{{ end }}",
-      "item": "{{ if .Params.categories }}{{ printf "%s/categories/%s" (absLangURL "") (anchorize (index .Params.categories 0)) }}{{ else }}{{ printf "%s/%s" (absLangURL "") .Section }}{{ end }}"
-    }{{ end }},
-    {
-      "@type": "ListItem",
-      "position": {{ if or .Params.categories .Section }}3{{ else }}2{{ end }},
-      "name": "{{ .Title }}",
-      "item": "{{ .Permalink }}"
-    }
-  ]
-}
-</script>
+<!-- Fallback for pages without title -->
+{{ if not .Title }}
+  <nav class="breadcrumb border-t border-b border-slate-200 py-2 px-3 md:py-4 md:px-6 lg:px-8 my-2 md:my-4" aria-label="Breadcrumb">
+    <ol class="flex flex-wrap items-center space-x-1 md:space-x-2 text-xs sm:text-sm md:text-base leading-relaxed">
+      <li class="breadcrumb-item">
+        <a href="{{ "/" | relLangURL }}" class="text-slate-600 hover:text-blue-600 transition-colors flex items-center">
+          <i class="fas fa-home text-[10px] sm:text-xs md:text-sm mr-1"></i>
+          <span>Home</span>
+        </a>
+      </li>
+    </ol>
+  </nav>
+{{ end }}
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -1,69 +1,40 @@
-<footer>
-    <div class="section-sm bg-dark">
-        <div class="container">
-            <div class="row g-4">
-                <div class="col-6 col-sm-6 col-lg-3">
-                    <h3 class="uppercase letter-spacing-1">{{ .Site.Title }}</h3>
+<footer class="bg-gray-900 text-white py-12">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
+            <div>
+                <h3 class="text-xl font-bold mb-4">TechInsights</h3>
+                <p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
+            </div>
+            <div>
+                <h4 class="font-semibold mb-4">Explore</h4>
+                <ul class="space-y-2">
+                    <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
+                </ul>
+            </div>
+            <div>
+                <h4 class="font-semibold mb-4">Topics</h4>
+                <ul class="space-y-2">
+                    <li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
+                </ul>
+            </div>
+            <div>
+                <h4 class="font-semibold mb-4">Connect</h4>
+                <div class="flex space-x-4">
+                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
+                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
+                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
+                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
                </div>
-
-                <div class="col-6 col-sm-6 col-lg-3">
-                    <h6 class="font-small fw-medium uppercase">Pages</h6>
-                    <ul class="list-unstyled">
-                        <li><a href="/">Accueil</a></li>
-                        {{ if .Site.Data.wordpress }}
-                            {{ range $index, $element := .Site.Data.wordpress.navigation }}
-                                <li>
-                                    <a href="/pages/{{ $element.slug }}">{{ $element.title }}</a>
-                                </li>
-                            {{ end }}
-                        {{ end }}
-                    </ul>
-                </div>
-
-                <div class="col-6 col-sm-6 col-lg-3">
-                    <h6 class="font-small fw-medium uppercase">Toutes les catégories</h6>
-                    <ul class="list-unstyled">
-                        {{ if .Site.Data.wordpress }}
-                            {{ range $index, $element := .Site.Data.wordpress.categories }}
-                                {{ if and (ne $element.name "Featured") (gt $element.count 0) }}
-                                <li class="nav-item">
-                                    <a class="nav-link" href="/{{ $element.slug }}">{{ $element.name }}</a>
-                                </li>
-                                {{ end }}
-                            {{ end }}
-                        {{ end }}
-                    </ul>
-                </div>
-
-                {{/* 
-                <div class="col-6 col-sm-6 col-lg-3">
-                    <h6 class="font-small fw-medium uppercase">Contact Info</h6>
-                    <ul class="list-unstyled">
-                        <li>121 King St, Melbourne VIC 3000</li>
-                        <li>contact@example.com</li>
-                        <li>+(123) 456 789 01</li>
-                    </ul>
-                </div>
-                */}}
-
-            </div><!-- end row -->
-        </div><!-- end container -->
-    </div>
-    <div class="bg-black py-4">
-        <div class="container">
-            <div class="row align-items-center g-2 g-lg-3">
-                <div class="col-12 col-md-6 text-center text-md-start">
-                    <p>&copy; {{ now.Format "2006" }} {{ .Site.Title }}, All Rights Reserved.</p>
-                </div>
-                <div class="col-12 col-md-6 text-center text-md-end">
-                    <ul class="list-inline-sm">
-                        <li><a class="button-circle button-circle-sm button-circle-social-facebook" href="https://www.facebook.com/mistergeekfrance"><i class="bi bi-facebook"></i></a></li>
-                        <!-- <li><a class="button-circle button-circle-sm button-circle-social-twitter" href="#"><i class="bi bi-twitter-x"></i></a></li> -->
-                        <!-- <li><a class="button-circle button-circle-sm button-circle-social-pinterest" href="#"><i class="bi bi-pinterest"></i></a></li> -->
-                        <!-- <li><a class="button-circle button-circle-sm button-circle-social-instagram" href="#"><i class="bi bi-instagram"></i></a></li> -->
-                    </ul>
-                </div>
-            </div><!-- end row -->
-        </div><!-- end container -->
+            </div>
+        </div>
+        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
+            <p>© {{ now.Format "2006" }} TechInsights. All rights reserved.</p>
+        </div>
    </div>
 </footer>
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -4,40 +4,36 @@
    <div class="flex justify-between items-center h-16">
      <!-- Logo -->
      <div class="flex items-center">
-        <a href="/" class="text-2xl font-bold text-gray-900">
-          {{ .Site.Title }}
-        </a>
+        <a href="/" class="text-xl uppercase font-bold text-gray-900 transition hover:text-gray-400">{{ .Site.Title }}</a>
      </div>
      
      <!-- Desktop Navigation -->
-      <nav class="hidden md:flex items-center space-x-8">
-        <a href="/" class="text-gray-600 hover:text-blue-600 font-medium transition-colors">Accueil</a>
-        <a href="/articles" class="text-gray-600 hover:text-blue-600 font-medium transition-colors">Articles</a>
-        {{ if .Site.Data.wordpress }}
-            {{ $count := 0 }}
-            {{ range $index, $element := .Site.Data.wordpress.categories }}
-                {{ if or (eq $element.name "Featured") (eq $element.name "Non classé") }}
-                    {{ continue }}
-                {{ else if lt $count 5 }}
-                <a href="/{{ $element.slug }}" class="text-gray-600 hover:text-blue-600 font-medium transition-colors">{{ $element.name }}</a>
-                {{ $count = add $count 1 }}
-                {{ else }}
-                {{ break }}
+        <nav class="hidden md:flex">
+            <ul class="flex items-center h-full gap-8 m-0 p-0 list-none">
+                {{ if .Site.Data.wordpress }}
+                    {{ $count := 0 }}
+                    {{ range $index, $element := .Site.Data.wordpress.categories }}
+                        {{ if or (eq $element.name "Featured") (eq $element.name "Non classé") }}
+                            {{ continue }}
+                        {{ else if lt $count 5 }}
+                        <li>
+                            <a href="/{{ $element.slug }}" class="px-4 py-2 rounded transition ease-in-out hover:bg-gray-100 text-gray-600 hover:text-blue-600 font-medium">{{ $element.name }}</a>
+                        </li>
+                        {{ $count = add $count 1 }}
+                        {{ else }}
+                        {{ break }}
+                        {{ end }}
+                    {{ end }}
                {{ end }}
-            {{ end }}
-        {{ end }}
-      </nav>
-      
-      <!-- Mobile Menu Button -->
-      <div class="flex items-center space-x-4">
-        <button @click="mobileMenuOpen = !mobileMenuOpen"
-                class="md:hidden text-gray-600 focus:outline-none">
-          <svg x-show="!mobileMenuOpen" class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
-          </svg>
-          <svg x-show="mobileMenuOpen" class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
-          </svg>
+            </ul>
+        </nav>
+        <div class="flex items-center space-x-4">
+        <button class="md:hidden text-gray-600" id="mobile-menu-toggle" aria-label="Toggle mobile menu" @click="mobileMenuOpen = !mobileMenuOpen">
+            <i class="fas text-xl transition-transform duration-300 ease-in-out"
+               :class="mobileMenuOpen ? 'fa-times' : 'fa-bars'"></i>
+        </button>
+        <button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
+            Subscribe
        </button>
      </div>
    </div>
@@ -53,23 +49,23 @@
       x-transition:leave-end="opacity-0 transform -translate-y-2"
       class="md:hidden absolute top-full left-0 right-0 bg-white border-b border-gray-200 shadow-lg">
    <div class="container mx-auto px-4 sm:px-6 lg:px-8 py-4">
-      <div class="flex flex-col space-y-4">
-        <a href="/" class="text-gray-600 hover:text-blue-600 font-medium py-2">Accueil</a>
-        <a href="/articles" class="text-gray-600 hover:text-blue-600 font-medium py-2">Articles</a>
+      <ul class="flex flex-col space-y-4 m-0 p-0 list-none">
        {{ if .Site.Data.wordpress }}
            {{ $count := 0 }}
            {{ range $index, $element := .Site.Data.wordpress.categories }}
                {{ if or (eq $element.name "Featured") (eq $element.name "Non classé") }}
                    {{ continue }}
                {{ else if lt $count 5 }}
-                <a href="/{{ $element.slug }}" class="text-gray-600 hover:text-blue-600 font-medium py-2">{{ $element.name }}</a>
+                <li>
+                    <a href="/{{ $element.slug }}" class="px-4 py-2 rounded transition ease-in-out hover:bg-gray-100 text-gray-600 hover:text-blue-600 font-medium">{{ $element.name }}</a>
+                </li>
                {{ $count = add $count 1 }}
                {{ else }}
                {{ break }}
                {{ end }}
            {{ end }}
        {{ end }}
-      </div>
+      </ul>
    </div>
  </div>
 </header>
--- a/static/assets/php/contact-form.php
+++ b/static/assets/php/contact-form.php
@@ -1,20 +0,0 @@
-<?php
-    $name = $_POST['name'];
-    $email = $_POST['email'];
-    $message = $_POST['message'];
-    $to = 'your-email@example.com'; // <-- Enter your E-Mail address here.
-    $subject = $_POST['subject'];
-
-    $body = "From: $name <br> E-Mail: $email <br> Message: <br> $message";
-
-    $headers  = 'MIME-Version: 1.0' . "\r\n";
-    $headers .= 'Content-type: text/html; charset=utf-8' . "\r\n";
-    $headers .= 'From:' . $email. "\r\n";
-    $headers .= 'Cc:' . $email. "\r\n";
-
-    if (mail($to, "New Message from Website: $subject", $body, $headers)) {
-        echo json_encode(['status' => 'success', 'message' => 'Message sent successfully.']);
-    } else {
-        echo json_encode(['status' => 'error', 'message' => 'Message could not be sent. Please try again later.']);
-    }
-?>
--- a/static/assets/plugins/bootstrap-icons/bootstrap-icons.css
+++ b/static/assets/plugins/bootstrap-icons/bootstrap-icons.css
--- a/static/assets/plugins/bootstrap-icons/bootstrap-icons.json
+++ b/static/assets/plugins/bootstrap-icons/bootstrap-icons.json
--- a/static/assets/plugins/bootstrap-icons/bootstrap-icons.min.css
+++ b/static/assets/plugins/bootstrap-icons/bootstrap-icons.min.css
--- a/static/assets/plugins/bootstrap-icons/bootstrap-icons.scss
+++ b/static/assets/plugins/bootstrap-icons/bootstrap-icons.scss
--- a/static/assets/plugins/bootstrap-icons/fonts/bootstrap-icons.woff
+++ b/static/assets/plugins/bootstrap-icons/fonts/bootstrap-icons.woff
--- a/static/assets/plugins/bootstrap-icons/fonts/bootstrap-icons.woff2
+++ b/static/assets/plugins/bootstrap-icons/fonts/bootstrap-icons.woff2
--- a/static/assets/plugins/bootstrap/bootstrap.min.css
+++ b/static/assets/plugins/bootstrap/bootstrap.min.css
--- a/static/assets/plugins/bootstrap/bootstrap.min.css.map
+++ b/static/assets/plugins/bootstrap/bootstrap.min.css.map
--- a/static/assets/plugins/font-awesome/LICENSE.txt
+++ b/static/assets/plugins/font-awesome/LICENSE.txt
@@ -1,165 +0,0 @@
-Fonticons, Inc. (https://fontawesome.com)
-
--------------------------------------------------------------------------------
-
-Font Awesome Free License
-
-Font Awesome Free is free, open source, and GPL friendly. You can use it for
-commercial projects, open source projects, or really almost whatever you want.
-Full Font Awesome Free license: https://fontawesome.com/license/free.
-
--------------------------------------------------------------------------------
-
-# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
-
-The Font Awesome Free download is licensed under a Creative Commons
-Attribution 4.0 International License and applies to all icons packaged
-as SVG and JS file types.
-
--------------------------------------------------------------------------------
-
-# Fonts: SIL OFL 1.1 License
-
-In the Font Awesome Free download, the SIL OFL license applies to all icons
-packaged as web and desktop font files.
-
-Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
-with Reserved Font Name: "Font Awesome".
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-SIL OPEN FONT LICENSE
-Version 1.1 - 26 February 2007
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting — in part or in whole — any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
-
--------------------------------------------------------------------------------
-
-# Code: MIT License (https://opensource.org/licenses/MIT)
-
-In the Font Awesome Free download, the MIT license applies to all non-font and
-non-icon files.
-
-Copyright 2024 Fonticons, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of
-this software and associated documentation files (the "Software"), to deal in the
-Software without restriction, including without limitation the rights to use, copy,
-modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
-and to permit persons to whom the Software is furnished to do so, subject to the
-following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
-INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
-PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
-HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
-SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
--------------------------------------------------------------------------------
-
-# Attribution
-
-Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
-Awesome Free files already contain embedded comments with sufficient
-attribution, so you shouldn't need to do anything additional when using these
-files normally.
-
-We've kept attribution comments terse, so we ask that you do not actively work
-to remove them from files, especially code. They're a great way for folks to
-learn about Font Awesome.
-
--------------------------------------------------------------------------------
-
-# Brand Icons
-
-All brand icons are trademarks of their respective owners. The use of these
-trademarks does not indicate endorsement of the trademark holder by Font
-Awesome, nor vice versa. **Please do not use brand logos for any purpose except
-to represent the company, product, or service to which they refer.**
--- a/static/assets/plugins/font-awesome/css/all.css
+++ b/static/assets/plugins/font-awesome/css/all.css
--- a/static/assets/plugins/font-awesome/css/all.min.css
+++ b/static/assets/plugins/font-awesome/css/all.min.css
--- a/static/assets/plugins/font-awesome/css/brands.css
+++ b/static/assets/plugins/font-awesome/css/brands.css
--- a/static/assets/plugins/font-awesome/css/brands.min.css
+++ b/static/assets/plugins/font-awesome/css/brands.min.css
--- a/static/assets/plugins/font-awesome/css/fontawesome.css
+++ b/static/assets/plugins/font-awesome/css/fontawesome.css
--- a/static/assets/plugins/font-awesome/css/fontawesome.min.css
+++ b/static/assets/plugins/font-awesome/css/fontawesome.min.css
--- a/static/assets/plugins/font-awesome/css/regular.css
+++ b/static/assets/plugins/font-awesome/css/regular.css
@@ -1,19 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:root, :host {
-  --fa-style-family-classic: 'Font Awesome 6 Free';
-  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free'; }
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
-
-.far,
-.fa-regular {
-  font-weight: 400; }
--- a/static/assets/plugins/font-awesome/css/regular.min.css
+++ b/static/assets/plugins/font-awesome/css/regular.min.css
@@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}.fa-regular,.far{font-weight:400}
--- a/static/assets/plugins/font-awesome/css/solid.css
+++ b/static/assets/plugins/font-awesome/css/solid.css
@@ -1,19 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:root, :host {
-  --fa-style-family-classic: 'Font Awesome 6 Free';
-  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free'; }
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 900;
-  font-display: block;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-.fas,
-.fa-solid {
-  font-weight: 900; }
--- a/static/assets/plugins/font-awesome/css/solid.min.css
+++ b/static/assets/plugins/font-awesome/css/solid.min.css
@@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:host,:root{--fa-style-family-classic:"Font Awesome 6 Free";--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Free"}@font-face{font-family:"Font Awesome 6 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}.fa-solid,.fas{font-weight:900}
--- a/static/assets/plugins/font-awesome/css/svg-with-js.css
+++ b/static/assets/plugins/font-awesome/css/svg-with-js.css
@@ -1,459 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-:root, :host {
-  --fa-font-solid: normal 900 1em/1 'Font Awesome 6 Free';
-  --fa-font-regular: normal 400 1em/1 'Font Awesome 6 Free';
-  --fa-font-light: normal 300 1em/1 'Font Awesome 6 Pro';
-  --fa-font-thin: normal 100 1em/1 'Font Awesome 6 Pro';
-  --fa-font-duotone: normal 900 1em/1 'Font Awesome 6 Duotone';
-  --fa-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
-  --fa-font-sharp-solid: normal 900 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-regular: normal 400 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-light: normal 300 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-thin: normal 100 1em/1 'Font Awesome 6 Sharp';
-  --fa-font-sharp-duotone-solid: normal 900 1em/1 'Font Awesome 6 Sharp Duotone'; }
-
-svg:not(:root).svg-inline--fa, svg:not(:host).svg-inline--fa {
-  overflow: visible;
-  box-sizing: content-box; }
-
-.svg-inline--fa {
-  display: var(--fa-display, inline-block);
-  height: 1em;
-  overflow: visible;
-  vertical-align: -.125em; }
-  .svg-inline--fa.fa-2xs {
-    vertical-align: 0.1em; }
-  .svg-inline--fa.fa-xs {
-    vertical-align: 0em; }
-  .svg-inline--fa.fa-sm {
-    vertical-align: -0.07143em; }
-  .svg-inline--fa.fa-lg {
-    vertical-align: -0.2em; }
-  .svg-inline--fa.fa-xl {
-    vertical-align: -0.25em; }
-  .svg-inline--fa.fa-2xl {
-    vertical-align: -0.3125em; }
-  .svg-inline--fa.fa-pull-left {
-    margin-right: var(--fa-pull-margin, 0.3em);
-    width: auto; }
-  .svg-inline--fa.fa-pull-right {
-    margin-left: var(--fa-pull-margin, 0.3em);
-    width: auto; }
-  .svg-inline--fa.fa-li {
-    width: var(--fa-li-width, 2em);
-    top: 0.25em; }
-  .svg-inline--fa.fa-fw {
-    width: var(--fa-fw-width, 1.25em); }
-
-.fa-layers svg.svg-inline--fa {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0; }
-
-.fa-layers-text, .fa-layers-counter {
-  display: inline-block;
-  position: absolute;
-  text-align: center; }
-
-.fa-layers {
-  display: inline-block;
-  height: 1em;
-  position: relative;
-  text-align: center;
-  vertical-align: -.125em;
-  width: 1em; }
-  .fa-layers svg.svg-inline--fa {
-    transform-origin: center center; }
-
-.fa-layers-text {
-  left: 50%;
-  top: 50%;
-  transform: translate(-50%, -50%);
-  transform-origin: center center; }
-
-.fa-layers-counter {
-  background-color: var(--fa-counter-background-color, #ff253a);
-  border-radius: var(--fa-counter-border-radius, 1em);
-  box-sizing: border-box;
-  color: var(--fa-inverse, #fff);
-  line-height: var(--fa-counter-line-height, 1);
-  max-width: var(--fa-counter-max-width, 5em);
-  min-width: var(--fa-counter-min-width, 1.5em);
-  overflow: hidden;
-  padding: var(--fa-counter-padding, 0.25em 0.5em);
-  right: var(--fa-right, 0);
-  text-overflow: ellipsis;
-  top: var(--fa-top, 0);
-  transform: scale(var(--fa-counter-scale, 0.25));
-  transform-origin: top right; }
-
-.fa-layers-bottom-right {
-  bottom: var(--fa-bottom, 0);
-  right: var(--fa-right, 0);
-  top: auto;
-  transform: scale(var(--fa-layers-scale, 0.25));
-  transform-origin: bottom right; }
-
-.fa-layers-bottom-left {
-  bottom: var(--fa-bottom, 0);
-  left: var(--fa-left, 0);
-  right: auto;
-  top: auto;
-  transform: scale(var(--fa-layers-scale, 0.25));
-  transform-origin: bottom left; }
-
-.fa-layers-top-right {
-  top: var(--fa-top, 0);
-  right: var(--fa-right, 0);
-  transform: scale(var(--fa-layers-scale, 0.25));
-  transform-origin: top right; }
-
-.fa-layers-top-left {
-  left: var(--fa-left, 0);
-  right: auto;
-  top: var(--fa-top, 0);
-  transform: scale(var(--fa-layers-scale, 0.25));
-  transform-origin: top left; }
-
-.fa-1x {
-  font-size: 1em; }
-
-.fa-2x {
-  font-size: 2em; }
-
-.fa-3x {
-  font-size: 3em; }
-
-.fa-4x {
-  font-size: 4em; }
-
-.fa-5x {
-  font-size: 5em; }
-
-.fa-6x {
-  font-size: 6em; }
-
-.fa-7x {
-  font-size: 7em; }
-
-.fa-8x {
-  font-size: 8em; }
-
-.fa-9x {
-  font-size: 9em; }
-
-.fa-10x {
-  font-size: 10em; }
-
-.fa-2xs {
-  font-size: 0.625em;
-  line-height: 0.1em;
-  vertical-align: 0.225em; }
-
-.fa-xs {
-  font-size: 0.75em;
-  line-height: 0.08333em;
-  vertical-align: 0.125em; }
-
-.fa-sm {
-  font-size: 0.875em;
-  line-height: 0.07143em;
-  vertical-align: 0.05357em; }
-
-.fa-lg {
-  font-size: 1.25em;
-  line-height: 0.05em;
-  vertical-align: -0.075em; }
-
-.fa-xl {
-  font-size: 1.5em;
-  line-height: 0.04167em;
-  vertical-align: -0.125em; }
-
-.fa-2xl {
-  font-size: 2em;
-  line-height: 0.03125em;
-  vertical-align: -0.1875em; }
-
-.fa-fw {
-  text-align: center;
-  width: 1.25em; }
-
-.fa-ul {
-  list-style-type: none;
-  margin-left: var(--fa-li-margin, 2.5em);
-  padding-left: 0; }
-  .fa-ul > li {
-    position: relative; }
-
-.fa-li {
-  left: calc(-1 * var(--fa-li-width, 2em));
-  position: absolute;
-  text-align: center;
-  width: var(--fa-li-width, 2em);
-  line-height: inherit; }
-
-.fa-border {
-  border-color: var(--fa-border-color, #eee);
-  border-radius: var(--fa-border-radius, 0.1em);
-  border-style: var(--fa-border-style, solid);
-  border-width: var(--fa-border-width, 0.08em);
-  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); }
-
-.fa-pull-left {
-  float: left;
-  margin-right: var(--fa-pull-margin, 0.3em); }
-
-.fa-pull-right {
-  float: right;
-  margin-left: var(--fa-pull-margin, 0.3em); }
-
-.fa-beat {
-  animation-name: fa-beat;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, ease-in-out); }
-
-.fa-bounce {
-  animation-name: fa-bounce;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); }
-
-.fa-fade {
-  animation-name: fa-fade;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
-
-.fa-beat-fade {
-  animation-name: fa-beat-fade;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); }
-
-.fa-flip {
-  animation-name: fa-flip;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, ease-in-out); }
-
-.fa-shake {
-  animation-name: fa-shake;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, linear); }
-
-.fa-spin {
-  animation-name: fa-spin;
-  animation-delay: var(--fa-animation-delay, 0s);
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 2s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, linear); }
-
-.fa-spin-reverse {
-  --fa-animation-direction: reverse; }
-
-.fa-pulse,
-.fa-spin-pulse {
-  animation-name: fa-spin;
-  animation-direction: var(--fa-animation-direction, normal);
-  animation-duration: var(--fa-animation-duration, 1s);
-  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
-  animation-timing-function: var(--fa-animation-timing, steps(8)); }
-
-@media (prefers-reduced-motion: reduce) {
-  .fa-beat,
-  .fa-bounce,
-  .fa-fade,
-  .fa-beat-fade,
-  .fa-flip,
-  .fa-pulse,
-  .fa-shake,
-  .fa-spin,
-  .fa-spin-pulse {
-    animation-delay: -1ms;
-    animation-duration: 1ms;
-    animation-iteration-count: 1;
-    transition-delay: 0s;
-    transition-duration: 0s; } }
-
-@keyframes fa-beat {
-  0%, 90% {
-    transform: scale(1); }
-  45% {
-    transform: scale(var(--fa-beat-scale, 1.25)); } }
-
-@keyframes fa-bounce {
-  0% {
-    transform: scale(1, 1) translateY(0); }
-  10% {
-    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); }
-  30% {
-    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); }
-  50% {
-    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); }
-  57% {
-    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); }
-  64% {
-    transform: scale(1, 1) translateY(0); }
-  100% {
-    transform: scale(1, 1) translateY(0); } }
-
-@keyframes fa-fade {
-  50% {
-    opacity: var(--fa-fade-opacity, 0.4); } }
-
-@keyframes fa-beat-fade {
-  0%, 100% {
-    opacity: var(--fa-beat-fade-opacity, 0.4);
-    transform: scale(1); }
-  50% {
-    opacity: 1;
-    transform: scale(var(--fa-beat-fade-scale, 1.125)); } }
-
-@keyframes fa-flip {
-  50% {
-    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }
-
-@keyframes fa-shake {
-  0% {
-    transform: rotate(-15deg); }
-  4% {
-    transform: rotate(15deg); }
-  8%, 24% {
-    transform: rotate(-18deg); }
-  12%, 28% {
-    transform: rotate(18deg); }
-  16% {
-    transform: rotate(-22deg); }
-  20% {
-    transform: rotate(22deg); }
-  32% {
-    transform: rotate(-12deg); }
-  36% {
-    transform: rotate(12deg); }
-  40%, 100% {
-    transform: rotate(0deg); } }
-
-@keyframes fa-spin {
-  0% {
-    transform: rotate(0deg); }
-  100% {
-    transform: rotate(360deg); } }
-
-.fa-rotate-90 {
-  transform: rotate(90deg); }
-
-.fa-rotate-180 {
-  transform: rotate(180deg); }
-
-.fa-rotate-270 {
-  transform: rotate(270deg); }
-
-.fa-flip-horizontal {
-  transform: scale(-1, 1); }
-
-.fa-flip-vertical {
-  transform: scale(1, -1); }
-
-.fa-flip-both,
-.fa-flip-horizontal.fa-flip-vertical {
-  transform: scale(-1, -1); }
-
-.fa-rotate-by {
-  transform: rotate(var(--fa-rotate-angle, 0)); }
-
-.fa-stack {
-  display: inline-block;
-  vertical-align: middle;
-  height: 2em;
-  position: relative;
-  width: 2.5em; }
-
-.fa-stack-1x,
-.fa-stack-2x {
-  bottom: 0;
-  left: 0;
-  margin: auto;
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: var(--fa-stack-z-index, auto); }
-
-.svg-inline--fa.fa-stack-1x {
-  height: 1em;
-  width: 1.25em; }
-
-.svg-inline--fa.fa-stack-2x {
-  height: 2em;
-  width: 2.5em; }
-
-.fa-inverse {
-  color: var(--fa-inverse, #fff); }
-
-.sr-only,
-.fa-sr-only {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0; }
-
-.sr-only-focusable:not(:focus),
-.fa-sr-only-focusable:not(:focus) {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0; }
-
-.svg-inline--fa .fa-primary {
-  fill: var(--fa-primary-color, currentColor);
-  opacity: var(--fa-primary-opacity, 1); }
-
-.svg-inline--fa .fa-secondary {
-  fill: var(--fa-secondary-color, currentColor);
-  opacity: var(--fa-secondary-opacity, 0.4); }
-
-.svg-inline--fa.fa-swap-opacity .fa-primary {
-  opacity: var(--fa-secondary-opacity, 0.4); }
-
-.svg-inline--fa.fa-swap-opacity .fa-secondary {
-  opacity: var(--fa-primary-opacity, 1); }
-
-.svg-inline--fa mask .fa-primary,
-.svg-inline--fa mask .fa-secondary {
-  fill: black; }
-
-.fad.fa-inverse,
-.fa-duotone.fa-inverse {
-  color: var(--fa-inverse, #fff); }
--- a/static/assets/plugins/font-awesome/css/svg-with-js.min.css
+++ b/static/assets/plugins/font-awesome/css/svg-with-js.min.css
--- a/static/assets/plugins/font-awesome/css/v4-font-face.css
+++ b/static/assets/plugins/font-awesome/css/v4-font-face.css
@@ -1,26 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype");
-  unicode-range: U+F003,U+F006,U+F014,U+F016-F017,U+F01A-F01B,U+F01D,U+F022,U+F03E,U+F044,U+F046,U+F05C-F05D,U+F06E,U+F070,U+F087-F088,U+F08A,U+F094,U+F096-F097,U+F09D,U+F0A0,U+F0A2,U+F0A4-F0A7,U+F0C5,U+F0C7,U+F0E5-F0E6,U+F0EB,U+F0F6-F0F8,U+F10C,U+F114-F115,U+F118-F11A,U+F11C-F11D,U+F133,U+F147,U+F14E,U+F150-F152,U+F185-F186,U+F18E,U+F190-F192,U+F196,U+F1C1-F1C9,U+F1D9,U+F1DB,U+F1E3,U+F1EA,U+F1F7,U+F1F9,U+F20A,U+F247-F248,U+F24A,U+F24D,U+F255-F25B,U+F25D,U+F271-F274,U+F278,U+F27B,U+F28C,U+F28E,U+F29C,U+F2B5,U+F2B7,U+F2BA,U+F2BC,U+F2BE,U+F2C0-F2C1,U+F2C3,U+F2D0,U+F2D2,U+F2D4,U+F2DC; }
-
-@font-face {
-  font-family: 'FontAwesome';
-  font-display: block;
-  src: url("../webfonts/fa-v4compatibility.woff2") format("woff2"), url("../webfonts/fa-v4compatibility.ttf") format("truetype");
-  unicode-range: U+F041,U+F047,U+F065-F066,U+F07D-F07E,U+F080,U+F08B,U+F08E,U+F090,U+F09A,U+F0AC,U+F0AE,U+F0B2,U+F0D0,U+F0D6,U+F0E4,U+F0EC,U+F10A-F10B,U+F123,U+F13E,U+F148-F149,U+F14C,U+F156,U+F15E,U+F160-F161,U+F163,U+F175-F178,U+F195,U+F1F8,U+F219,U+F27A; }
--- a/static/assets/plugins/font-awesome/css/v4-font-face.min.css
+++ b/static/assets/plugins/font-awesome/css/v4-font-face.min.css
@@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype");unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc}@font-face{font-family:"FontAwesome";font-display:block;src:url(../webfonts/fa-v4compatibility.woff2) format("woff2"),url(../webfonts/fa-v4compatibility.ttf) format("truetype");unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f27a}
--- a/static/assets/plugins/font-awesome/css/v4-shims.css
+++ b/static/assets/plugins/font-awesome/css/v4-shims.css
--- a/static/assets/plugins/font-awesome/css/v4-shims.min.css
+++ b/static/assets/plugins/font-awesome/css/v4-shims.min.css
--- a/static/assets/plugins/font-awesome/css/v5-font-face.css
+++ b/static/assets/plugins/font-awesome/css/v5-font-face.css
@@ -1,22 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@font-face {
-  font-family: 'Font Awesome 5 Brands';
-  font-display: block;
-  font-weight: 400;
-  src: url("../webfonts/fa-brands-400.woff2") format("woff2"), url("../webfonts/fa-brands-400.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-display: block;
-  font-weight: 900;
-  src: url("../webfonts/fa-solid-900.woff2") format("woff2"), url("../webfonts/fa-solid-900.ttf") format("truetype"); }
-
-@font-face {
-  font-family: 'Font Awesome 5 Free';
-  font-display: block;
-  font-weight: 400;
-  src: url("../webfonts/fa-regular-400.woff2") format("woff2"), url("../webfonts/fa-regular-400.ttf") format("truetype"); }
--- a/static/assets/plugins/font-awesome/css/v5-font-face.min.css
+++ b/static/assets/plugins/font-awesome/css/v5-font-face.min.css
@@ -1,6 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@font-face{font-family:"Font Awesome 5 Brands";font-display:block;font-weight:400;src:url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:900;src:url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.ttf) format("truetype")}@font-face{font-family:"Font Awesome 5 Free";font-display:block;font-weight:400;src:url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.ttf) format("truetype")}
--- a/static/assets/plugins/font-awesome/js/all.js
+++ b/static/assets/plugins/font-awesome/js/all.js
--- a/static/assets/plugins/font-awesome/js/all.min.js
+++ b/static/assets/plugins/font-awesome/js/all.min.js
--- a/static/assets/plugins/font-awesome/js/brands.js
+++ b/static/assets/plugins/font-awesome/js/brands.js
--- a/static/assets/plugins/font-awesome/js/brands.min.js
+++ b/static/assets/plugins/font-awesome/js/brands.min.js
--- a/static/assets/plugins/font-awesome/js/conflict-detection.js
+++ b/static/assets/plugins/font-awesome/js/conflict-detection.js
--- a/static/assets/plugins/font-awesome/js/conflict-detection.min.js
+++ b/static/assets/plugins/font-awesome/js/conflict-detection.min.js
--- a/static/assets/plugins/font-awesome/js/fontawesome.js
+++ b/static/assets/plugins/font-awesome/js/fontawesome.js
--- a/static/assets/plugins/font-awesome/js/fontawesome.min.js
+++ b/static/assets/plugins/font-awesome/js/fontawesome.min.js
--- a/static/assets/plugins/font-awesome/js/regular.js
+++ b/static/assets/plugins/font-awesome/js/regular.js
--- a/static/assets/plugins/font-awesome/js/regular.min.js
+++ b/static/assets/plugins/font-awesome/js/regular.min.js
--- a/static/assets/plugins/font-awesome/js/solid.js
+++ b/static/assets/plugins/font-awesome/js/solid.js
--- a/static/assets/plugins/font-awesome/js/solid.min.js
+++ b/static/assets/plugins/font-awesome/js/solid.min.js
--- a/static/assets/plugins/font-awesome/js/v4-shims.js
+++ b/static/assets/plugins/font-awesome/js/v4-shims.js
--- a/static/assets/plugins/font-awesome/js/v4-shims.min.js
+++ b/static/assets/plugins/font-awesome/js/v4-shims.min.js
--- a/static/assets/plugins/font-awesome/less/_animated.less
+++ b/static/assets/plugins/font-awesome/less/_animated.less
@@ -1,152 +0,0 @@
-// animating icons
-// --------------------------
-
-.@{fa-css-prefix}-beat {
-  animation-name: ~'@{fa-css-prefix}-beat';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, ease-in-out)';
-}
-
-.@{fa-css-prefix}-bounce {
-  animation-name: ~'@{fa-css-prefix}-bounce';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1))';
-}
-
-.@{fa-css-prefix}-fade {
-  animation-name: ~'@{fa-css-prefix}-fade';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1))';
-}
-
-.@{fa-css-prefix}-beat-fade {
-  animation-name: ~'@{fa-css-prefix}-beat-fade';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1))';
-}
-
-.@{fa-css-prefix}-flip {
-  animation-name: ~'@{fa-css-prefix}-flip';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, ease-in-out)';
-}
-
-.@{fa-css-prefix}-shake {
-  animation-name: ~'@{fa-css-prefix}-shake';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, linear)';
-}
-
-.@{fa-css-prefix}-spin {
-  animation-name: ~'@{fa-css-prefix}-spin';
-  animation-delay: ~'var(--@{fa-css-prefix}-animation-delay, 0s)';
-  animation-direction: ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 2s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function: ~'var(--@{fa-css-prefix}-animation-timing, linear)';
-}
-
-.@{fa-css-prefix}-spin-reverse {
-  --@{fa-css-prefix}-animation-direction: reverse;
-}
-
-.@{fa-css-prefix}-pulse,
-.@{fa-css-prefix}-spin-pulse {
-  animation-name: ~'@{fa-css-prefix}-spin';
-  animation-direction:  ~'var(--@{fa-css-prefix}-animation-direction, normal)';
-  animation-duration: ~'var(--@{fa-css-prefix}-animation-duration, 1s)';
-  animation-iteration-count: ~'var(--@{fa-css-prefix}-animation-iteration-count, infinite)';
-  animation-timing-function:  ~'var(--@{fa-css-prefix}-animation-timing, steps(8));';
-}
-
-// if agent or operating system prefers reduced motion, disable animations
-// see: https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
-// see: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
-@media (prefers-reduced-motion: reduce) {
-  .@{fa-css-prefix}-beat,
-  .@{fa-css-prefix}-bounce,
-  .@{fa-css-prefix}-fade,
-  .@{fa-css-prefix}-beat-fade,
-  .@{fa-css-prefix}-flip,
-  .@{fa-css-prefix}-pulse,
-  .@{fa-css-prefix}-shake,
-  .@{fa-css-prefix}-spin,
-  .@{fa-css-prefix}-spin-pulse {
-    animation-delay: -1ms;
-    animation-duration: 1ms;
-    animation-iteration-count: 1;
-    transition-delay: 0s;
-    transition-duration: 0s;
-  }
-}
-
-@keyframes ~'@{fa-css-prefix}-beat' {
-  0%, 90% { transform: scale(1); }
-  45% { transform: ~'scale(var(--@{fa-css-prefix}-beat-scale, 1.25))'; }
-}
-
-@keyframes  ~'@{fa-css-prefix}-bounce' {
-  0%   { transform: scale(1,1) translateY(0); }
-  10%  { transform: ~'scale(var(--@{fa-css-prefix}-bounce-start-scale-x, 1.1),var(--@{fa-css-prefix}-bounce-start-scale-y, 0.9))' translateY(0); }
-  30%  { transform: ~'scale(var(--@{fa-css-prefix}-bounce-jump-scale-x, 0.9),var(--@{fa-css-prefix}-bounce-jump-scale-y, 1.1))' ~'translateY(var(--@{fa-css-prefix}-bounce-height, -0.5em))'; }
-  50%  { transform: ~'scale(var(--@{fa-css-prefix}-bounce-land-scale-x, 1.05),var(--@{fa-css-prefix}-bounce-land-scale-y, 0.95))' translateY(0); }
-  57%  { transform: ~'scale(1,1) translateY(var(--@{fa-css-prefix}-bounce-rebound, -0.125em))'; }
-  64%  { transform: scale(1,1) translateY(0); }
-  100% { transform: scale(1,1) translateY(0); }
-}
-
-@keyframes ~'@{fa-css-prefix}-fade' {
-  50% { opacity: ~'var(--@{fa-css-prefix}-fade-opacity, 0.4)'; }
-}
-
-@keyframes ~'@{fa-css-prefix}-beat-fade' {
-  0%, 100% {
-    opacity: ~'var(--@{fa-css-prefix}-beat-fade-opacity, 0.4)';
-    transform: scale(1);
-  }
-  50% {
-    opacity: 1;
-    transform: ~'scale(var(--@{fa-css-prefix}-beat-fade-scale, 1.125))';
-  }
-}
-
-@keyframes ~'@{fa-css-prefix}-flip' {
-  50% {
-    transform: ~'rotate3d(var(--@{fa-css-prefix}-flip-x, 0), var(--@{fa-css-prefix}-flip-y, 1), var(--@{fa-css-prefix}-flip-z, 0), var(--@{fa-css-prefix}-flip-angle, -180deg))';
-  }
-}
-
-@keyframes ~'@{fa-css-prefix}-shake' {
-  0% { transform: rotate(-15deg); }
-  4% { transform: rotate(15deg); }
-  8%, 24% { transform: rotate(-18deg); }
-  12%, 28% { transform: rotate(18deg); }
-  16% { transform: rotate(-22deg); }
-  20% { transform: rotate(22deg); }
-  32% { transform: rotate(-12deg); }
-  36% { transform: rotate(12deg); }
-  40%, 100% { transform: rotate(0deg); }
-}
-
-@keyframes ~'@{fa-css-prefix}-spin' {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
--- a/static/assets/plugins/font-awesome/less/_bordered-pulled.less
+++ b/static/assets/plugins/font-awesome/less/_bordered-pulled.less
@@ -1,20 +0,0 @@
-// bordered + pulled icons
-// -------------------------
-
-.@{fa-css-prefix}-border {
-  border-color: ~'var(--@{fa-css-prefix}-border-color, @{fa-border-color})';
-  border-radius: ~'var(--@{fa-css-prefix}-border-radius, @{fa-border-radius})';
-  border-style: ~'var(--@{fa-css-prefix}-border-style, @{fa-border-style})';
-  border-width: ~'var(--@{fa-css-prefix}-border-width, @{fa-border-width})';
-  padding: ~'var(--@{fa-css-prefix}-border-padding, @{fa-border-padding})';
-}
-
-.@{fa-css-prefix}-pull-left { 
-  float: left;
-  margin-right: ~'var(--@{fa-css-prefix}-pull-margin, @{fa-pull-margin})'; 
-}
-
-.@{fa-css-prefix}-pull-right { 
-  float: right;
-  margin-left: ~'var(--@{fa-css-prefix}-pull-margin, @{fa-pull-margin})'; 
-}
--- a/static/assets/plugins/font-awesome/less/_core.less
+++ b/static/assets/plugins/font-awesome/less/_core.less
@@ -1,36 +0,0 @@
-// base icon class definition
-// -------------------------
-
-.@{fa-css-prefix} {
-  font-family: ~"var(--@{fa-css-prefix}-style-family, '@{fa-style-family}')";
-  font-weight: ~'var(--@{fa-css-prefix}-style, @{fa-style})';
-}
-
-.@{fa-css-prefix}-solid,
-.@{fa-css-prefix}-regular,
-.@{fa-css-prefix}-brands,
-.fas,
-.far,
-.fab,
-.@{fa-css-prefix} {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: ~'var(--@{fa-css-prefix}-display, @{fa-display})';
-  font-style: normal;
-  font-variant: normal;
-  text-rendering: auto;
-}
-
-.fas,
-.@{fa-css-prefix}-classic,
-.@{fa-css-prefix}-solid,
-.far,
-.@{fa-css-prefix}-regular {
-  font-family: 'Font Awesome 6 Free';
-}
-
-.fab,
-.@{fa-css-prefix}-brands {
-  font-family: 'Font Awesome 6 Brands';
-}
-
--- a/static/assets/plugins/font-awesome/less/_fixed-width.less
+++ b/static/assets/plugins/font-awesome/less/_fixed-width.less
@@ -1,7 +0,0 @@
-// fixed-width icons
-// -------------------------
-
-.@{fa-css-prefix}-fw {
-  text-align: center;
-  width: @fa-fw-width;
-}
--- a/static/assets/plugins/font-awesome/less/_icons.less
+++ b/static/assets/plugins/font-awesome/less/_icons.less
@@ -1,9 +0,0 @@
-// specific icon class definition
-// -------------------------
-
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
-   readers do not read off random characters that represent icons */
-
-each(.fa-icons(), {
-  .@{fa-css-prefix}-@{key}::before { content: @value; }
-});
--- a/static/assets/plugins/font-awesome/less/_list.less
+++ b/static/assets/plugins/font-awesome/less/_list.less
@@ -1,18 +0,0 @@
-// icons in a list
-// -------------------------
-
-.@{fa-css-prefix}-ul {
-  list-style-type: none;
-  margin-left: ~'var(--@{fa-css-prefix}-li-margin, @{fa-li-margin})';
-  padding-left: 0;
-
-  > li { position: relative; }
-}
-
-.@{fa-css-prefix}-li {
-  left: calc(~'var(--@{fa-css-prefix}-li-width, @{fa-li-width})' * -1);
-  position: absolute;
-  text-align: center;
-  width: ~'var(--@{fa-css-prefix}-li-width, @{fa-li-width})';
-  line-height: inherit;
-}
--- a/static/assets/plugins/font-awesome/less/_mixins.less
+++ b/static/assets/plugins/font-awesome/less/_mixins.less
@@ -1,78 +0,0 @@
-// mixins
-// --------------------------
-
-// base rendering for an icon
-.fa-icon() {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: inline-block;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-}
-
-// sets relative font-sizing and alignment (in _sizing)
-.fa-size(@font-size) {
-  font-size: (@font-size / @fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
-  line-height: (1 / @font-size) * 1em; // sets the line-height of the icon back to that of it's parent
-  vertical-align: ((6 / @font-size) - (3 / 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
-}
-
-// only display content to screen readers
-// see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
-// see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-.fa-sr-only() {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-// use in conjunction with .sr-only to only display content when it's focused
-.fa-sr-only-focusable() {
-  &:not(:focus) {
-    .fa-sr-only();
-  }
-}
-
-// sets a specific icon family to use alongside style + icon mixins
-.fa-family-classic() {
-  font-family: 'Font Awesome 6 Free';
-}
-
-// convenience mixins for declaring pseudo-elements by CSS variable,
-// including all style-specific font properties, and both the ::before
-// and ::after elements in the duotone case.
-.fa-icon-solid(@fa-var) {
-  .fa-icon;
-  .fa-solid;
-
-  &::before {
-    content: @fa-var;
-  }
-}
-
-.fa-icon-regular(@fa-var) {
-  .fa-icon;
-  .fa-regular;
-
-  &::before {
-    content: @fa-var;
-  }
-}
-
-.fa-icon-brands(@fa-var) {
-  .fa-icon;
-  .fa-brands;
-
-  &::before {
-    content: @fa-var;
-  }
-}
-
--- a/static/assets/plugins/font-awesome/less/_rotated-flipped.less
+++ b/static/assets/plugins/font-awesome/less/_rotated-flipped.less
@@ -1,31 +0,0 @@
-// rotating + flipping icons
-// -------------------------
-
-.@{fa-css-prefix}-rotate-90 {
-  transform: rotate(90deg);
-}
-
-.@{fa-css-prefix}-rotate-180 {
-  transform: rotate(180deg);
-}
-
-.@{fa-css-prefix}-rotate-270 {
-  transform: rotate(270deg);
-}
-
-.@{fa-css-prefix}-flip-horizontal {
-  transform: scale(-1, 1);
-}
-
-.@{fa-css-prefix}-flip-vertical {
-  transform: scale(1, -1);
-}
-
-.@{fa-css-prefix}-flip-both,
-.@{fa-css-prefix}-flip-horizontal.@{fa-css-prefix}-flip-vertical {
-  transform: scale(-1, -1);
-}
-
-.@{fa-css-prefix}-rotate-by {
-  transform: rotate(~'var(--@{fa-css-prefix}-rotate-angle, 0)');
-}
--- a/static/assets/plugins/font-awesome/less/_screen-reader.less
+++ b/static/assets/plugins/font-awesome/less/_screen-reader.less
@@ -1,14 +0,0 @@
-// screen-reader utilities
-// -------------------------
-
-// only display content to screen readers
-.sr-only,
-.@{fa-css-prefix}-sr-only {
-  .fa-sr-only();
-}
-
-// use in conjunction with .sr-only to only display content when it's focused
-.sr-only-focusable,
-.@{fa-css-prefix}-sr-only-focusable {
-  .fa-sr-only-focusable();
-}
--- a/static/assets/plugins/font-awesome/less/_shims.less
+++ b/static/assets/plugins/font-awesome/less/_shims.less
--- a/static/assets/plugins/font-awesome/less/_sizing.less
+++ b/static/assets/plugins/font-awesome/less/_sizing.less
@@ -1,19 +0,0 @@
-// sizing icons
-// -------------------------
-
-// literal magnification scale
-.sizes-literal(@factor) when (@factor > 0) {
-  .sizes-literal((@factor - 1));
-
-  .@{fa-css-prefix}-@{factor}x {
-    font-size: (@factor * 1em);
-  }
-}
-.sizes-literal(10);
-
-// step-based scale (with alignment)
-each(.fa-sizes(), {
-  .@{fa-css-prefix}-@{key} {
-    .fa-size(@value);
-  }
-});
--- a/static/assets/plugins/font-awesome/less/_stacked.less
+++ b/static/assets/plugins/font-awesome/less/_stacked.less
@@ -1,31 +0,0 @@
-// stacking icons
-// -------------------------
-
-.@{fa-css-prefix}-stack {
-  display: inline-block;
-  height: 2em;
-  line-height: 2em;
-  position: relative;
-  vertical-align: @fa-stack-vertical-align;
-  width: @fa-stack-width;
-}
-
-.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-  z-index: ~'var(--@{fa-css-prefix}-stack-z-index, @{fa-stack-z-index})';
-}
-
-.@{fa-css-prefix}-stack-1x { 
-  line-height: inherit; 
-}
-
-.@{fa-css-prefix}-stack-2x { 
-  font-size: 2em; 
-}
-
-.@{fa-css-prefix}-inverse { 
-  color: ~'var(--@{fa-css-prefix}-inverse, @{fa-inverse})';
-}
--- a/static/assets/plugins/font-awesome/less/_variables.less
+++ b/static/assets/plugins/font-awesome/less/_variables.less
--- a/static/assets/plugins/font-awesome/less/brands.less
+++ b/static/assets/plugins/font-awesome/less/brands.less
@@ -1,29 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import "_variables.less";
-
-:root, :host {
-  --@{fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
-  --@{fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
-}
-
-@font-face {
-  font-family: 'Font Awesome 6 Brands';
-  font-style: normal;
-  font-weight: 400;
-  font-display: @fa-font-display;
-  src: url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),
-    url('@{fa-font-path}/fa-brands-400.ttf') format('truetype');
-}
-
-.fab,
-.@{fa-css-prefix}-brands {
-  font-weight: 400;
-}
-
-each(.fa-brand-icons(), {
-  .@{fa-css-prefix}-@{key}:before { content: @value; }
-});
--- a/static/assets/plugins/font-awesome/less/fontawesome.less
+++ b/static/assets/plugins/font-awesome/less/fontawesome.less
@@ -1,20 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-// Font Awesome core compile (Web Fonts-based)
-// -------------------------
-
-@import "_variables.less";
-@import "_mixins.less";
-@import "_core.less";
-@import "_sizing.less";
-@import "_fixed-width.less";
-@import "_list.less";
-@import "_bordered-pulled.less";
-@import "_animated.less";
-@import "_rotated-flipped.less";
-@import "_stacked.less";
-@import "_icons.less";
-@import "_screen-reader.less";
--- a/static/assets/plugins/font-awesome/less/regular.less
+++ b/static/assets/plugins/font-awesome/less/regular.less
@@ -1,25 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import "_variables.less";
-
-:root, :host {
-  --@{fa-css-prefix}-style-family-classic: '@{fa-style-family}';
-  --@{fa-css-prefix}-font-regular: normal 400 1em/1 '@{fa-style-family}';
-}
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 400;
-  font-display: @fa-font-display;
-  src: url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),
-    url('@{fa-font-path}/fa-regular-400.ttf') format('truetype');
-}
-
-.far,
-.@{fa-css-prefix}-regular {
-  font-weight: 400;
-}
--- a/static/assets/plugins/font-awesome/less/solid.less
+++ b/static/assets/plugins/font-awesome/less/solid.less
@@ -1,25 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import "_variables.less";
-
-:root, :host {
-  --@{fa-css-prefix}-style-family-classic: '@{fa-style-family}';
-  --@{fa-css-prefix}-font-solid: normal 900 1em/1 '@{fa-style-family}';
-}
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 900;
-  font-display: @fa-font-display;
-  src: url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),
-    url('@{fa-font-path}/fa-solid-900.ttf') format('truetype');
-}
-
-.fas,
-.@{fa-css-prefix}-solid {
-  font-weight: 900;
-}
--- a/static/assets/plugins/font-awesome/less/v4-shims.less
+++ b/static/assets/plugins/font-awesome/less/v4-shims.less
@@ -1,10 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-// V4 shims compile (Web Fonts-based)
-// -------------------------
-
-@import '_variables.less';
-@import '_shims.less';
--- a/static/assets/plugins/font-awesome/metadata/categories.yml
+++ b/static/assets/plugins/font-awesome/metadata/categories.yml
--- a/static/assets/plugins/font-awesome/metadata/icon-families.json
+++ b/static/assets/plugins/font-awesome/metadata/icon-families.json
--- a/static/assets/plugins/font-awesome/metadata/icon-families.yml
+++ b/static/assets/plugins/font-awesome/metadata/icon-families.yml
--- a/static/assets/plugins/font-awesome/metadata/icons.json
+++ b/static/assets/plugins/font-awesome/metadata/icons.json
--- a/static/assets/plugins/font-awesome/metadata/icons.yml
+++ b/static/assets/plugins/font-awesome/metadata/icons.yml
--- a/static/assets/plugins/font-awesome/metadata/shims.json
+++ b/static/assets/plugins/font-awesome/metadata/shims.json
--- a/static/assets/plugins/font-awesome/metadata/shims.yml
+++ b/static/assets/plugins/font-awesome/metadata/shims.yml
@@ -1,646 +0,0 @@
-area-chart:
-  name: chart-area
-arrow-circle-o-down:
-  prefix: far
-  name: circle-down
-arrow-circle-o-left:
-  prefix: far
-  name: circle-left
-arrow-circle-o-right:
-  prefix: far
-  name: circle-right
-arrow-circle-o-up:
-  prefix: far
-  name: circle-up
-arrows:
-  name: up-down-left-right
-arrows-alt:
-  name: maximize
-arrows-h:
-  name: left-right
-arrows-v:
-  name: up-down
-asl-interpreting:
-  name: hands-asl-interpreting
-automobile:
-  name: car
-bank:
-  name: building-columns
-bar-chart:
-  name: chart-column
-bar-chart-o:
-  name: chart-column
-bathtub:
-  name: bath
-battery:
-  name: battery-full
-battery-0:
-  name: battery-empty
-battery-1:
-  name: battery-quarter
-battery-2:
-  name: battery-half
-battery-3:
-  name: battery-three-quarters
-battery-4:
-  name: battery-full
-behance-square:
-  prefix: fab
-  name: square-behance
-bitbucket-square:
-  prefix: fab
-  name: bitbucket
-bitcoin:
-  prefix: fab
-  name: btc
-cab:
-  name: taxi
-calendar:
-  name: calendar-days
-calendar-times-o:
-  prefix: far
-  name: calendar-xmark
-caret-square-o-down:
-  prefix: far
-  name: square-caret-down
-caret-square-o-left:
-  prefix: far
-  name: square-caret-left
-caret-square-o-right:
-  prefix: far
-  name: square-caret-right
-caret-square-o-up:
-  prefix: far
-  name: square-caret-up
-cc:
-  prefix: far
-  name: closed-captioning
-chain:
-  name: link
-chain-broken:
-  name: link-slash
-check-circle-o:
-  prefix: far
-  name: circle-check
-check-square-o:
-  prefix: far
-  name: square-check
-circle-o-notch:
-  name: circle-notch
-circle-thin:
-  prefix: far
-  name: circle
-clipboard:
-  name: paste
-clone:
-  prefix: far
-close:
-  name: xmark
-cloud-download:
-  name: cloud-arrow-down
-cloud-upload:
-  name: cloud-arrow-up
-cny:
-  name: yen-sign
-code-fork:
-  name: code-branch
-commenting:
-  name: comment-dots
-commenting-o:
-  prefix: far
-  name: comment-dots
-compass:
-  prefix: far
-compress:
-  name: down-left-and-up-right-to-center
-copyright:
-  prefix: far
-credit-card:
-  prefix: far
-credit-card-alt:
-  name: credit-card
-cut:
-  name: scissors
-cutlery:
-  name: utensils
-dashboard:
-  name: gauge-high
-deafness:
-  name: ear-deaf
-dedent:
-  name: outdent
-diamond:
-  prefix: far
-  name: gem
-dollar:
-  name: dollar-sign
-dot-circle-o:
-  prefix: far
-  name: circle-dot
-drivers-license:
-  name: id-card
-drivers-license-o:
-  prefix: far
-  name: id-card
-edit:
-  prefix: far
-  name: pen-to-square
-eercast:
-  prefix: fab
-  name: sellcast
-eur:
-  name: euro-sign
-euro:
-  name: euro-sign
-exchange:
-  name: right-left
-expand:
-  name: up-right-and-down-left-from-center
-external-link:
-  name: up-right-from-square
-external-link-square:
-  name: square-up-right
-eye:
-  prefix: far
-eye-slash:
-  prefix: far
-eyedropper:
-  name: eye-dropper
-fa:
-  prefix: fab
-  name: font-awesome
-facebook:
-  prefix: fab
-  name: facebook-f
-facebook-f:
-  prefix: fab
-  name: facebook-f
-facebook-official:
-  prefix: fab
-  name: facebook
-facebook-square:
-  prefix: fab
-  name: square-facebook
-feed:
-  name: rss
-file-archive-o:
-  prefix: far
-  name: file-zipper
-file-movie-o:
-  prefix: far
-  name: file-video
-file-photo-o:
-  prefix: far
-  name: file-image
-file-picture-o:
-  prefix: far
-  name: file-image
-file-sound-o:
-  prefix: far
-  name: file-audio
-file-text:
-  name: file-lines
-file-text-o:
-  prefix: far
-  name: file-lines
-file-zip-o:
-  prefix: far
-  name: file-zipper
-files-o:
-  prefix: far
-  name: copy
-flash:
-  name: bolt
-floppy-o:
-  prefix: far
-  name: floppy-disk
-frown-o:
-  prefix: far
-  name: face-frown
-gbp:
-  name: sterling-sign
-ge:
-  prefix: fab
-  name: empire
-gear:
-  name: gear
-gears:
-  name: gears
-git-square:
-  prefix: fab
-  name: square-git
-github-square:
-  prefix: fab
-  name: square-github
-gittip:
-  prefix: fab
-  name: gratipay
-glass:
-  name: martini-glass-empty
-globe:
-  name: earth-americas
-google-plus:
-  prefix: fab
-  name: google-plus-g
-google-plus-circle:
-  prefix: fab
-  name: google-plus
-google-plus-official:
-  prefix: fab
-  name: google-plus
-google-plus-square:
-  prefix: fab
-  name: square-google-plus
-group:
-  name: users
-hand-grab-o:
-  prefix: far
-  name: hand-back-fist
-hand-o-down:
-  prefix: far
-  name: hand-point-down
-hand-o-left:
-  prefix: far
-  name: hand-point-left
-hand-o-right:
-  prefix: far
-  name: hand-point-right
-hand-o-up:
-  prefix: far
-  name: hand-point-up
-hand-paper-o:
-  prefix: far
-  name: hand
-hand-rock-o:
-  prefix: far
-  name: hand-back-fist
-hand-stop-o:
-  prefix: far
-  name: hand
-hard-of-hearing:
-  name: ear-deaf
-hdd-o:
-  prefix: far
-  name: hard-drive
-header:
-  name: heading
-home:
-  name: house
-hotel:
-  name: bed
-hourglass-1:
-  name: hourglass-start
-hourglass-2:
-  name: hourglass-half
-hourglass-3:
-  name: hourglass-end
-hourglass-o:
-  name: hourglass
-id-badge:
-  prefix: far
-ils:
-  name: shekel-sign
-image:
-  prefix: far
-  name: image
-inr:
-  name: indian-rupee-sign
-institution:
-  name: building-columns
-intersex:
-  name: mars-and-venus
-jpy:
-  name: yen-sign
-krw:
-  name: won-sign
-lastfm-square:
-  prefix: fab
-  name: square-lastfm
-legal:
-  name: gavel
-level-down:
-  name: turn-down
-level-up:
-  name: turn-up
-life-bouy:
-  name: life-ring
-life-buoy:
-  name: life-ring
-life-saver:
-  name: life-ring
-line-chart:
-  name: chart-line
-linkedin:
-  prefix: fab
-  name: linkedin-in
-linkedin-square:
-  prefix: fab
-  name: linkedin
-list-alt:
-  prefix: far
-  name: rectangle-list
-long-arrow-down:
-  name: down-long
-long-arrow-left:
-  name: left-long
-long-arrow-right:
-  name: right-long
-long-arrow-up:
-  name: up-long
-magic:
-  name: wand-magic-sparkles
-mail-forward:
-  name: share
-mail-reply:
-  name: reply
-mail-reply-all:
-  name: reply-all
-map-marker:
-  name: location-dot
-meh-o:
-  prefix: far
-  name: face-meh
-minus-square-o:
-  prefix: far
-  name: square-minus
-mobile:
-  name: mobile-screen-button
-mobile-phone:
-  name: mobile-screen-button
-money:
-  name: money-bill-1
-mortar-board:
-  name: graduation-cap
-navicon:
-  name: bars
-object-group:
-  prefix: far
-object-ungroup:
-  prefix: far
-odnoklassniki-square:
-  prefix: fab
-  name: square-odnoklassniki
-pause-circle-o:
-  prefix: far
-  name: circle-pause
-pencil-square:
-  name: square-pen
-pencil-square-o:
-  prefix: far
-  name: pen-to-square
-photo:
-  prefix: far
-  name: image
-picture-o:
-  prefix: far
-  name: image
-pie-chart:
-  name: chart-pie
-pinterest-square:
-  prefix: fab
-  name: square-pinterest
-play-circle-o:
-  prefix: far
-  name: circle-play
-plus-square-o:
-  prefix: far
-  name: square-plus
-question-circle-o:
-  prefix: far
-  name: circle-question
-ra:
-  prefix: fab
-  name: rebel
-reddit-square:
-  prefix: fab
-  name: square-reddit
-refresh:
-  name: arrows-rotate
-registered:
-  prefix: far
-remove:
-  name: xmark
-reorder:
-  name: bars
-repeat:
-  name: arrow-rotate-right
-resistance:
-  prefix: fab
-  name: rebel
-rmb:
-  name: yen-sign
-rotate-left:
-  name: arrow-rotate-left
-rotate-right:
-  name: arrow-rotate-right
-rouble:
-  name: ruble-sign
-rub:
-  name: ruble-sign
-ruble:
-  name: ruble-sign
-rupee:
-  name: indian-rupee-sign
-s15:
-  name: bath
-save:
-  prefix: far
-  name: floppy-disk
-send:
-  name: paper-plane
-send-o:
-  prefix: far
-  name: paper-plane
-share-square-o:
-  name: share-from-square
-shekel:
-  name: shekel-sign
-sheqel:
-  name: shekel-sign
-sign-in:
-  name: right-to-bracket
-sign-out:
-  name: right-from-bracket
-signing:
-  name: hands
-smile-o:
-  prefix: far
-  name: face-smile
-snapchat-ghost:
-  prefix: fab
-  name: snapchat
-snapchat-square:
-  prefix: fab
-  name: square-snapchat
-soccer-ball-o:
-  prefix: far
-  name: futbol
-sort-alpha-asc:
-  name: arrow-down-a-z
-sort-alpha-desc:
-  name: arrow-down-z-a
-sort-amount-asc:
-  name: arrow-down-short-wide
-sort-amount-desc:
-  name: arrow-down-wide-short
-sort-asc:
-  name: sort-up
-sort-desc:
-  name: sort-down
-sort-numeric-asc:
-  name: arrow-down-1-9
-sort-numeric-desc:
-  name: arrow-down-9-1
-star-half-empty:
-  prefix: far
-  name: star-half-stroke
-star-half-full:
-  prefix: far
-  name: star-half-stroke
-star-half-o:
-  prefix: far
-  name: star-half-stroke
-steam-square:
-  prefix: fab
-  name: square-steam
-sticky-note-o:
-  prefix: far
-  name: note-sticky
-stop-circle-o:
-  prefix: far
-  name: circle-stop
-support:
-  name: life-ring
-tablet:
-  name: tablet-screen-button
-tachometer:
-  name: gauge-high
-tasks:
-  name: bars-progress
-television:
-  name: tv
-thermometer:
-  name: temperature-full
-thermometer-0:
-  name: temperature-empty
-thermometer-1:
-  name: temperature-quarter
-thermometer-2:
-  name: temperature-half
-thermometer-3:
-  name: temperature-three-quarters
-thermometer-4:
-  name: temperature-full
-thumb-tack:
-  name: thumbtack
-thumbs-o-down:
-  prefix: far
-  name: thumbs-down
-thumbs-o-up:
-  prefix: far
-  name: thumbs-up
-times-circle-o:
-  prefix: far
-  name: circle-xmark
-times-rectangle:
-  name: rectangle-xmark
-times-rectangle-o:
-  prefix: far
-  name: rectangle-xmark
-toggle-down:
-  prefix: far
-  name: square-caret-down
-toggle-left:
-  prefix: far
-  name: square-caret-left
-toggle-right:
-  prefix: far
-  name: square-caret-right
-toggle-up:
-  prefix: far
-  name: square-caret-up
-transgender:
-  name: mars-and-venus
-transgender-alt:
-  name: transgender
-trash:
-  name: trash-can
-trash-o:
-  prefix: far
-  name: trash-can
-try:
-  name: turkish-lira-sign
-tumblr-square:
-  prefix: fab
-  name: square-tumblr
-turkish-lira:
-  name: turkish-lira-sign
-twitter-square:
-  prefix: fab
-  name: square-twitter
-unlink:
-  name: link-slash
-unlock-alt:
-  name: unlock
-unsorted:
-  name: sort
-usd:
-  name: dollar-sign
-user-circle-o:
-  prefix: far
-  name: circle-user
-vcard:
-  name: address-card
-vcard-o:
-  prefix: far
-  name: address-card
-viadeo-square:
-  prefix: fab
-  name: square-viadeo
-video-camera:
-  name: video
-vimeo:
-  prefix: fab
-  name: vimeo-v
-vimeo-square:
-  prefix: fab
-  name: square-vimeo
-volume-control-phone:
-  name: phone-volume
-warning:
-  name: triangle-exclamation
-wechat:
-  prefix: fab
-  name: weixin
-wheelchair-alt:
-  prefix: fab
-  name: accessible-icon
-window-close-o:
-  prefix: far
-  name: rectangle-xmark
-window-maximize:
-  prefix: far
-window-restore:
-  prefix: far
-won:
-  name: won-sign
-xing-square:
-  prefix: fab
-  name: square-xing
-y-combinator-square:
-  prefix: fab
-  name: hacker-news
-yc:
-  prefix: fab
-  name: y-combinator
-yc-square:
-  prefix: fab
-  name: hacker-news
-yen:
-  name: yen-sign
-youtube-play:
-  prefix: fab
-  name: youtube
-youtube-square:
-  prefix: fab
-  name: square-youtube
--- a/static/assets/plugins/font-awesome/metadata/sponsors.yml
+++ b/static/assets/plugins/font-awesome/metadata/sponsors.yml
--- a/static/assets/plugins/font-awesome/scss/_animated.scss
+++ b/static/assets/plugins/font-awesome/scss/_animated.scss
@@ -1,152 +0,0 @@
-// animating icons
-// --------------------------
-
-.#{$fa-css-prefix}-beat {
-  animation-name: #{$fa-css-prefix}-beat;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
-}
-
-.#{$fa-css-prefix}-bounce {
-  animation-name: #{$fa-css-prefix}-bounce;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(0.280, 0.840, 0.420, 1));
-}
-
-.#{$fa-css-prefix}-fade {
-  animation-name: #{$fa-css-prefix}-fade;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
-}
-
-.#{$fa-css-prefix}-beat-fade {
-  animation-name: #{$fa-css-prefix}-beat-fade;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, cubic-bezier(.4,0,.6,1));
-}
-
-.#{$fa-css-prefix}-flip {
-  animation-name: #{$fa-css-prefix}-flip;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, ease-in-out);
-}
-
-.#{$fa-css-prefix}-shake {
-  animation-name: #{$fa-css-prefix}-shake;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
-}
-
-.#{$fa-css-prefix}-spin {
-  animation-name: #{$fa-css-prefix}-spin;
-  animation-delay: var(--#{$fa-css-prefix}-animation-delay, 0s);
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 2s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, linear);
-}
-
-.#{$fa-css-prefix}-spin-reverse {
-  --#{$fa-css-prefix}-animation-direction: reverse;
-}
-
-.#{$fa-css-prefix}-pulse,
-.#{$fa-css-prefix}-spin-pulse {
-  animation-name: #{$fa-css-prefix}-spin;
-  animation-direction: var(--#{$fa-css-prefix}-animation-direction, normal);
-  animation-duration: var(--#{$fa-css-prefix}-animation-duration, 1s);
-  animation-iteration-count: var(--#{$fa-css-prefix}-animation-iteration-count, infinite);
-  animation-timing-function: var(--#{$fa-css-prefix}-animation-timing, steps(8));
-}
-
-// if agent or operating system prefers reduced motion, disable animations
-// see: https://www.smashingmagazine.com/2020/09/design-reduced-motion-sensitivities/
-// see: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
-@media (prefers-reduced-motion: reduce) {
-  .#{$fa-css-prefix}-beat,
-  .#{$fa-css-prefix}-bounce,
-  .#{$fa-css-prefix}-fade,
-  .#{$fa-css-prefix}-beat-fade,
-  .#{$fa-css-prefix}-flip,
-  .#{$fa-css-prefix}-pulse,
-  .#{$fa-css-prefix}-shake,
-  .#{$fa-css-prefix}-spin,
-  .#{$fa-css-prefix}-spin-pulse {
-    animation-delay: -1ms;
-    animation-duration: 1ms;
-    animation-iteration-count: 1;
-    transition-delay: 0s;
-    transition-duration: 0s;
-  }
-}
-
-@keyframes #{$fa-css-prefix}-beat {
-  0%, 90% { transform: scale(1); }
-  45% { transform: scale(var(--#{$fa-css-prefix}-beat-scale, 1.25)); }
-}
-
-@keyframes #{$fa-css-prefix}-bounce {
-  0%   { transform: scale(1,1) translateY(0); }
-  10%  { transform: scale(var(--#{$fa-css-prefix}-bounce-start-scale-x, 1.1),var(--#{$fa-css-prefix}-bounce-start-scale-y, 0.9)) translateY(0); }
-  30%  { transform: scale(var(--#{$fa-css-prefix}-bounce-jump-scale-x, 0.9),var(--#{$fa-css-prefix}-bounce-jump-scale-y, 1.1)) translateY(var(--#{$fa-css-prefix}-bounce-height, -0.5em)); }
-  50%  { transform: scale(var(--#{$fa-css-prefix}-bounce-land-scale-x, 1.05),var(--#{$fa-css-prefix}-bounce-land-scale-y, 0.95)) translateY(0); }
-  57%  { transform: scale(1,1) translateY(var(--#{$fa-css-prefix}-bounce-rebound, -0.125em)); }
-  64%  { transform: scale(1,1) translateY(0); }
-  100% { transform: scale(1,1) translateY(0); }
-}
-
-@keyframes #{$fa-css-prefix}-fade {
-  50% { opacity: var(--#{$fa-css-prefix}-fade-opacity, 0.4); }
-}
-
-@keyframes #{$fa-css-prefix}-beat-fade {
-  0%, 100% {
-    opacity: var(--#{$fa-css-prefix}-beat-fade-opacity, 0.4);
-    transform: scale(1);
-  }
-  50% {
-    opacity: 1;
-    transform: scale(var(--#{$fa-css-prefix}-beat-fade-scale, 1.125));
-  }
-}
-
-@keyframes #{$fa-css-prefix}-flip {
-  50% {
-    transform: rotate3d(var(--#{$fa-css-prefix}-flip-x, 0), var(--#{$fa-css-prefix}-flip-y, 1), var(--#{$fa-css-prefix}-flip-z, 0), var(--#{$fa-css-prefix}-flip-angle, -180deg));
-  }
-}
-
-@keyframes #{$fa-css-prefix}-shake {
-  0% { transform: rotate(-15deg); }
-  4% { transform: rotate(15deg); }
-  8%, 24% { transform: rotate(-18deg); }
-  12%, 28% { transform: rotate(18deg); }
-  16% { transform: rotate(-22deg); }
-  20% { transform: rotate(22deg); }
-  32% { transform: rotate(-12deg); }
-  36% { transform: rotate(12deg); }
-  40%, 100% { transform: rotate(0deg); }
-}
-
-@keyframes #{$fa-css-prefix}-spin {
-  0% { transform: rotate(0deg); }
-  100% { transform: rotate(360deg); }
-}
--- a/static/assets/plugins/font-awesome/scss/_bordered-pulled.scss
+++ b/static/assets/plugins/font-awesome/scss/_bordered-pulled.scss
@@ -1,20 +0,0 @@
-// bordered + pulled icons
-// -------------------------
-
-.#{$fa-css-prefix}-border {
-  border-color: var(--#{$fa-css-prefix}-border-color, #{$fa-border-color});
-  border-radius: var(--#{$fa-css-prefix}-border-radius, #{$fa-border-radius});
-  border-style: var(--#{$fa-css-prefix}-border-style, #{$fa-border-style});
-  border-width: var(--#{$fa-css-prefix}-border-width, #{$fa-border-width});
-  padding: var(--#{$fa-css-prefix}-border-padding, #{$fa-border-padding});
-}
-
-.#{$fa-css-prefix}-pull-left {
-  float: left;
-  margin-right: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
-}
-
-.#{$fa-css-prefix}-pull-right {
-  float: right;
-  margin-left: var(--#{$fa-css-prefix}-pull-margin, #{$fa-pull-margin}); 
-}
--- a/static/assets/plugins/font-awesome/scss/_core.scss
+++ b/static/assets/plugins/font-awesome/scss/_core.scss
@@ -1,43 +0,0 @@
-// base icon class definition
-// -------------------------
-
-.#{$fa-css-prefix} {
-  font-family: var(--#{$fa-css-prefix}-style-family, '#{$fa-style-family}');
-  font-weight: var(--#{$fa-css-prefix}-style, #{$fa-style});
-}
-
-.#{$fa-css-prefix}-solid,
-.#{$fa-css-prefix}-regular,
-.#{$fa-css-prefix}-brands,
-.fas,
-.far,
-.fab,
-.#{$fa-css-prefix}-sharp-solid,
-.#{$fa-css-prefix}-classic,
-.#{$fa-css-prefix} {
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-  display: var(--#{$fa-css-prefix}-display, #{$fa-display});
-  font-style: normal;
-  font-variant: normal;
-  line-height: 1;
-  text-rendering: auto;
-}
-
-.fas,
-.#{$fa-css-prefix}-classic,
-.#{$fa-css-prefix}-solid,
-.far,
-.#{$fa-css-prefix}-regular {
-  font-family: 'Font Awesome 6 Free';
-}
-
-.fab,
-.#{$fa-css-prefix}-brands {
-  font-family: 'Font Awesome 6 Brands';
-}
-
-
-%fa-icon {
-  @include fa-icon;
-}
--- a/static/assets/plugins/font-awesome/scss/_fixed-width.scss
+++ b/static/assets/plugins/font-awesome/scss/_fixed-width.scss
@@ -1,7 +0,0 @@
-// fixed-width icons
-// -------------------------
-
-.#{$fa-css-prefix}-fw {
-  text-align: center;
-  width: $fa-fw-width;
-}
--- a/static/assets/plugins/font-awesome/scss/_functions.scss
+++ b/static/assets/plugins/font-awesome/scss/_functions.scss
@@ -1,57 +0,0 @@
-// functions
-// --------------------------
-
-// fa-content: convenience function used to set content property
-@function fa-content($fa-var) {
-  @return unquote("\"#{ $fa-var }\"");
-}
-
-// fa-divide: Originally obtained from the Bootstrap https://github.com/twbs/bootstrap
-//
-// Licensed under: The MIT License (MIT)
-//
-// Copyright (c) 2011-2021 Twitter, Inc.
-// Copyright (c) 2011-2021 The Bootstrap Authors
-//
-// Permission is hereby granted, free of charge, to any person obtaining a copy
-// of this software and associated documentation files (the "Software"), to deal
-// in the Software without restriction, including without limitation the rights
-// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-// copies of the Software, and to permit persons to whom the Software is
-// furnished to do so, subject to the following conditions:
-//
-// The above copyright notice and this permission notice shall be included in
-// all copies or substantial portions of the Software.
-//
-// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-// THE SOFTWARE.
-
-@function fa-divide($dividend, $divisor, $precision: 10) {
-  $sign: if($dividend > 0 and $divisor > 0, 1, -1);
-  $dividend: abs($dividend);
-  $divisor: abs($divisor);
-  $quotient: 0;
-  $remainder: $dividend;
-  @if $dividend == 0 {
-    @return 0;
-  }
-  @if $divisor == 0 {
-    @error "Cannot divide by 0";
-  }
-  @if $divisor == 1 {
-    @return $dividend;
-  }
-  @while $remainder >= $divisor {
-    $quotient: $quotient + 1;
-    $remainder: $remainder - $divisor;
-  }
-  @if $remainder > 0 and $precision > 0 {
-    $remainder: fa-divide($remainder * 10, $divisor, $precision - 1) * .1;
-  }
-  @return ($quotient + $remainder) * $sign;
-}
--- a/static/assets/plugins/font-awesome/scss/_icons.scss
+++ b/static/assets/plugins/font-awesome/scss/_icons.scss
@@ -1,10 +0,0 @@
-// specific icon class definition
-// -------------------------
-
-/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
-readers do not read off random characters that represent icons */
-
-@each $name, $icon in $fa-icons {
-  .#{$fa-css-prefix}-#{$name}::before { content: unquote("\"#{ $icon }\""); }
-}
-
--- a/static/assets/plugins/font-awesome/scss/_list.scss
+++ b/static/assets/plugins/font-awesome/scss/_list.scss
@@ -1,18 +0,0 @@
-// icons in a list
-// -------------------------
-
-.#{$fa-css-prefix}-ul {
-  list-style-type: none;
-  margin-left: var(--#{$fa-css-prefix}-li-margin, #{$fa-li-margin});
-  padding-left: 0;
-
-  > li { position: relative; }
-}
-
-.#{$fa-css-prefix}-li {
-  left: calc(-1 * var(--#{$fa-css-prefix}-li-width, #{$fa-li-width}));
-  position: absolute;
-  text-align: center;
-  width: var(--#{$fa-css-prefix}-li-width, #{$fa-li-width});
-  line-height: inherit;
-}
--- a/static/assets/plugins/font-awesome/scss/_mixins.scss
+++ b/static/assets/plugins/font-awesome/scss/_mixins.scss
@@ -1,72 +0,0 @@
-// mixins
-// --------------------------
-
-// base rendering for an icon
-@mixin fa-icon {
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  display: inline-block;
-  font-style: normal;
-  font-variant: normal;
-  font-weight: normal;
-  line-height: 1;
-}
-
-// sets relative font-sizing and alignment (in _sizing)
-@mixin fa-size ($font-size) {
-  font-size: fa-divide($font-size, $fa-size-scale-base) * 1em; // converts step in sizing scale into an em-based value that's relative to the scale's base
-  line-height: fa-divide(1, $font-size) * 1em; // sets the line-height of the icon back to that of it's parent
-  vertical-align: (fa-divide(6, $font-size) - fa-divide(3, 8)) * 1em; // vertically centers the icon taking into account the surrounding text's descender
-}
-
-// only display content to screen readers
-// see: https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/
-// see: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
-@mixin fa-sr-only() {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip: rect(0, 0, 0, 0);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-// use in conjunction with .sr-only to only display content when it's focused
-@mixin fa-sr-only-focusable() {
-  &:not(:focus) {
-    @include fa-sr-only();
-  }
-}
-
-// sets a specific icon family to use alongside style + icon mixins
-
-// convenience mixins for declaring pseudo-elements by CSS variable,
-// including all style-specific font properties, and both the ::before
-// and ::after elements in the duotone case.
-@mixin fa-icon-solid($fa-var) {
-  @extend %fa-icon;
-  @extend .fa-solid;
-
-  &::before {
-    content: unquote("\"#{ $fa-var }\"");
-  }
-}
-@mixin fa-icon-regular($fa-var) {
-  @extend %fa-icon;
-  @extend .fa-regular;
-
-  &::before {
-    content: unquote("\"#{ $fa-var }\"");
-  }
-}
-@mixin fa-icon-brands($fa-var) {
-  @extend %fa-icon;
-  @extend .fa-brands;
-
-  &::before {
-    content: unquote("\"#{ $fa-var }\"");
-  }
-}
--- a/static/assets/plugins/font-awesome/scss/_rotated-flipped.scss
+++ b/static/assets/plugins/font-awesome/scss/_rotated-flipped.scss
@@ -1,31 +0,0 @@
-// rotating + flipping icons
-// -------------------------
-
-.#{$fa-css-prefix}-rotate-90 {
-  transform: rotate(90deg);
-}
-
-.#{$fa-css-prefix}-rotate-180 {
-  transform: rotate(180deg);
-}
-
-.#{$fa-css-prefix}-rotate-270 {
-  transform: rotate(270deg);
-}
-
-.#{$fa-css-prefix}-flip-horizontal {
-  transform: scale(-1, 1);
-}
-
-.#{$fa-css-prefix}-flip-vertical {
-  transform: scale(1, -1);
-}
-
-.#{$fa-css-prefix}-flip-both,
-.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical {
-  transform: scale(-1, -1);
-}
-
-.#{$fa-css-prefix}-rotate-by {
-  transform: rotate(var(--#{$fa-css-prefix}-rotate-angle, 0));
-}
--- a/static/assets/plugins/font-awesome/scss/_screen-reader.scss
+++ b/static/assets/plugins/font-awesome/scss/_screen-reader.scss
@@ -1,14 +0,0 @@
-// screen-reader utilities
-// -------------------------
-
-// only display content to screen readers
-.sr-only,
-.#{$fa-css-prefix}-sr-only {
-  @include fa-sr-only;
-}
-
-// use in conjunction with .sr-only to only display content when it's focused
-.sr-only-focusable,
-.#{$fa-css-prefix}-sr-only-focusable {
-  @include fa-sr-only-focusable;
-}
--- a/static/assets/plugins/font-awesome/scss/_shims.scss
+++ b/static/assets/plugins/font-awesome/scss/_shims.scss
--- a/static/assets/plugins/font-awesome/scss/_sizing.scss
+++ b/static/assets/plugins/font-awesome/scss/_sizing.scss
@@ -1,16 +0,0 @@
-// sizing icons
-// -------------------------
-
-// literal magnification scale
-@for $i from 1 through 10 {
-  .#{$fa-css-prefix}-#{$i}x {
-    font-size: $i * 1em;
-  }
-}
-
-// step-based scale (with alignment)
-@each $size, $value in $fa-sizes {
-  .#{$fa-css-prefix}-#{$size} {
-     @include fa-size($value);
-  }
-}
--- a/static/assets/plugins/font-awesome/scss/_stacked.scss
+++ b/static/assets/plugins/font-awesome/scss/_stacked.scss
@@ -1,32 +0,0 @@
-// stacking icons
-// -------------------------
-
-.#{$fa-css-prefix}-stack {
-  display: inline-block;
-  height: 2em;
-  line-height: 2em;
-  position: relative;
-  vertical-align: $fa-stack-vertical-align;
-  width: $fa-stack-width;
-}
-
-.#{$fa-css-prefix}-stack-1x,
-.#{$fa-css-prefix}-stack-2x {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  width: 100%;
-  z-index: var(--#{$fa-css-prefix}-stack-z-index, #{$fa-stack-z-index});
-}
-
-.#{$fa-css-prefix}-stack-1x {
-  line-height: inherit;
-}
-
-.#{$fa-css-prefix}-stack-2x {
-  font-size: 2em;
-}
-
-.#{$fa-css-prefix}-inverse {
-  color: var(--#{$fa-css-prefix}-inverse, #{$fa-inverse});
-}
--- a/static/assets/plugins/font-awesome/scss/_variables.scss
+++ b/static/assets/plugins/font-awesome/scss/_variables.scss
--- a/static/assets/plugins/font-awesome/scss/brands.scss
+++ b/static/assets/plugins/font-awesome/scss/brands.scss
@@ -1,30 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import 'functions';
-@import 'variables';
-
-:root, :host {
-  --#{$fa-css-prefix}-style-family-brands: 'Font Awesome 6 Brands';
-  --#{$fa-css-prefix}-font-brands: normal 400 1em/1 'Font Awesome 6 Brands';
-}
-
-@font-face {
-  font-family: 'Font Awesome 6 Brands';
-  font-style: normal;
-  font-weight: 400;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype');
-}
-
-.fab,
-.#{$fa-css-prefix}-brands {
-  font-weight: 400;
-}
-
-@each $name, $icon in $fa-brand-icons {
-  .#{$fa-css-prefix}-#{$name}:before { content: unquote("\"#{ $icon }\""); }
-}
--- a/static/assets/plugins/font-awesome/scss/fontawesome.scss
+++ b/static/assets/plugins/font-awesome/scss/fontawesome.scss
@@ -1,21 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-// Font Awesome core compile (Web Fonts-based)
-// -------------------------
-
-@import 'functions';
-@import 'variables';
-@import 'mixins';
-@import 'core';
-@import 'sizing';
-@import 'fixed-width';
-@import 'list';
-@import 'bordered-pulled';
-@import 'animated';
-@import 'rotated-flipped';
-@import 'stacked';
-@import 'icons';
-@import 'screen-reader';
--- a/static/assets/plugins/font-awesome/scss/regular.scss
+++ b/static/assets/plugins/font-awesome/scss/regular.scss
@@ -1,27 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import 'functions';
-@import 'variables';
-
-:root, :host {
-  --#{$fa-css-prefix}-style-family-classic: '#{ $fa-style-family }';
-  --#{$fa-css-prefix}-font-regular: normal 400 1em/1 '#{ $fa-style-family }';
-}
-
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 400;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype');
-}
-
-.far,
-.#{$fa-css-prefix}-regular {
-  font-weight: 400;
-}
--- a/static/assets/plugins/font-awesome/scss/solid.scss
+++ b/static/assets/plugins/font-awesome/scss/solid.scss
@@ -1,27 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-@import 'functions';
-@import 'variables';
-
-:root, :host {
-  --#{$fa-css-prefix}-style-family-classic: '#{ $fa-style-family }';
-  --#{$fa-css-prefix}-font-solid: normal 900 1em/1 '#{ $fa-style-family }';
-}
-
-
-@font-face {
-  font-family: 'Font Awesome 6 Free';
-  font-style: normal;
-  font-weight: 900;
-  font-display: $fa-font-display;
-  src: url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'),
-    url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype');
-}
-
-.fas,
-.#{$fa-css-prefix}-solid {
-  font-weight: 900;
-}
--- a/static/assets/plugins/font-awesome/scss/v4-shims.scss
+++ b/static/assets/plugins/font-awesome/scss/v4-shims.scss
@@ -1,11 +0,0 @@
-/*!
- * Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com
- * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
- * Copyright 2024 Fonticons, Inc.
- */
-// V4 shims compile (Web Fonts-based)
-// -------------------------
-
-@import 'functions';
-@import 'variables';
-@import 'shims';
--- a/static/assets/plugins/font-awesome/sprites/brands.svg
+++ b/static/assets/plugins/font-awesome/sprites/brands.svg
--- a/static/assets/plugins/font-awesome/sprites/regular.svg
+++ b/static/assets/plugins/font-awesome/sprites/regular.svg
--- a/static/assets/plugins/font-awesome/sprites/solid.svg
+++ b/static/assets/plugins/font-awesome/sprites/solid.svg
--- a/static/assets/plugins/font-awesome/svgs/brands/42-group.svg
+++ b/static/assets/plugins/font-awesome/svgs/brands/42-group.svg
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z"/></svg>
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
kbe	7f958514b1	dynamic load articles	2025-08-20 14:21:57 +02:00
kbe	1d8f5a1f66	working on front-page	2025-08-20 14:05:18 +02:00
				`@@ -1 +0,0 @@`
				<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2024 Fonticons, Inc. --><path d="M320 96V416C341.011 416 361.818 411.861 381.23 403.821C400.641 395.78 418.28 383.995 433.138 369.138C447.995 354.28 459.78 336.641 467.821 317.23C475.861 297.818 480 277.011 480 256C480 234.989 475.861 214.182 467.821 194.771C459.78 175.359 447.995 157.72 433.138 142.863C418.28 128.005 400.641 116.22 381.23 108.179C361.818 100.139 341.011 96 320 96ZM0 256L160.002 416L320.003 256L160.002 96L0 256ZM480 256C480 277.011 484.138 297.818 492.179 317.23C500.219 336.643 512.005 354.28 526.862 369.138C541.72 383.995 559.357 395.781 578.77 403.821C598.182 411.862 618.989 416 640 416V96C597.565 96 556.869 112.858 526.862 142.863C496.857 172.869 480 213.565 480 256Z"/></svg>