Improve doc layout

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

Hide file tree

Showing 2 changed files with 17 additions and 6 deletions.
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
@@ -4,7 +4,7 @@
   <head>
     <meta charset='utf-8'>
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,maximum-scale=2">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <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 }}">
@@ -15,13 +15,12 @@
   <body>
 
     <!-- HEADER -->
-    <header class="navbar navbar-expand-lg bg-primary" data-bs-theme="dark">
+    <header class="navbar navbar-expand-lg bg-primary justify-content-around" data-bs-theme="dark">
       {% if site.github.is_project_page %}
-        <a id="forkme_banner" href="{{ site.github.repository_url }}">View on GitHub</a>
+        <a id="forkme_banner" class="btn btn-primary" 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">
@@ -33,12 +32,12 @@ <h2 id="project_tagline">{{ site.description | default: site.github.project_tagl
     </header>
 
     <!-- MAIN CONTENT -->
-    <section id="main_content" class="container-fluid mt-sm-2 mt-3">
+    <section id="main_content" class="container mt-sm-2 mt-3">
       {{ content }}
     </section>
 
     <!-- FOOTER  -->
-    <footer class="container-fluid">
+    <footer class="container-fluid pt-1 mt-2">
       {% 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 %}

diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -1,4 +1,16 @@
 
+:root {
+  --bs-primary-rgb: 21,129,158;
+}
+
 .navbar {
   box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
 }
+
+footer {
+  border-top: 1px solid #ddd;
+}
+
+[data-bs-theme="dark"] {
+  --bs-heading-color: var(--bs-body-color);
+}