Replace slate Jekyll theme by Bootstrap 5

EsupPortail · Nov 27, 2024 · 286adc5 · 286adc5
1 parent ea6b692
commit 286adc5
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 43 deletions.
diff --git a/_config.yml b/_config.yml
@@ -3,6 +3,6 @@ description: "Video file management platform"
 show_downloads: false # indicate whether to provide a download URL
 baseurl: "/"
 url: "https://EsupPortail.github.io/Esup-Pod"
-remote_theme: pages-themes/[email protected]
-plugins:
-- jekyll-remote-theme # add this line to the plugins list if you already have one
+
+kramdown:
+  auto_ids: true # Add hover anchor links to headers
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -5,6 +5,8 @@
     <meta charset='utf-8'>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,maximum-scale=2">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
     <link rel="stylesheet" type="text/css" media="screen" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
     {% seo %}
     {% include head-custom.html %}
@@ -13,40 +15,35 @@
   <body>
 
     <!-- HEADER -->
-    <div id="header_wrap" class="outer">
-        <header class="inner">
-          {% if site.github.is_project_page %}
-            <a id="forkme_banner" href="{{ site.github.repository_url }}">View on GitHub</a>
-          {% endif %}
-
-          <h1 id="project_title">{{ site.title | default: site.github.repository_name }}</h1>
-          <h2 id="project_tagline">{{ site.description | default: site.github.project_tagline }}</h2>
-
-          {% if site.show_downloads %}
-            <section id="downloads">
-              <a class="zip_download_link" href="{{ site.github.zip_url }}">Download this project as a .zip file</a>
-              <a class="tar_download_link" href="{{ site.github.tar_url }}">Download this project as a tar.gz file</a>
-            </section>
-          {% endif %}
-          {% include version_selector.html %}
-        </header>
-    </div>
+    <header class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
+      {% if site.github.is_project_page %}
+        <a id="forkme_banner" href="{{ site.github.repository_url }}">View on GitHub</a>
+      {% endif %}
+
+      <h1 id="project_title">{{ site.title | default: site.github.repository_name }}</h1>
+      <h2 id="project_tagline">{{ site.description | default: site.github.project_tagline }}</h2>
+
+      {% if site.show_downloads %}
+        <section id="downloads">
+          <a class="zip_download_link" href="{{ site.github.zip_url }}">Download this project as a .zip file</a>
+          <a class="tar_download_link" href="{{ site.github.tar_url }}">Download this project as a tar.gz file</a>
+        </section>
+      {% endif %}
+      {% include version_selector.html %}
+    </header>
 
     <!-- MAIN CONTENT -->
-    <div id="main_content_wrap" class="outer">
-      <section id="main_content" class="inner">
-        {{ content }}
-      </section>
-    </div>
+    <section id="main_content" class="container-fluid mt-sm-2 mt-3">
+      {{ content }}
+    </section>
 
     <!-- FOOTER  -->
-    <div id="footer_wrap" class="outer">
-      <footer class="inner">
-        {% if site.github.is_project_page %}
-        <p class="copyright">{{ site.title | default: site.github.repository_name }} maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
-        {% endif %}
-        <p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
-      </footer>
-    </div>
+    <footer class="container-fluid">
+      {% if site.github.is_project_page %}
+      <p class="copyright">{{ site.title | default: site.github.repository_name }} maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></p>
+      {% endif %}
+      <p>Published with <a href="https://pages.github.com">GitHub Pages</a></p>
+    </footer>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
   </body>
 </html>
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -0,0 +1,4 @@
+
+.navbar {
+  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
+}
diff --git a/docs/assets/css/style.scss b/docs/assets/css/style.scss