_

skrub-data · Aug 1, 2024 · 2816ba9 · 2816ba9
1 parent f9e8461
commit 2816ba9
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 14 deletions.
diff --git a/_includes/example-report.html b/_includes/example-report.html
@@ -15,7 +15,7 @@
     <link rel="icon" href="../skrub.svg">
 </head>
 
-<body>
+<body class="color-links">
     {% include "nav.html" %}
 
     {% include "small-banner.html" %}

diff --git a/_includes/examples-index.html b/_includes/examples-index.html
@@ -15,21 +15,21 @@
     <link rel="icon" href="../skrub.svg">
 </head>
 
-<body>
+<body class="color-links">
     {% include "nav.html" %}
 
     {% include "small-banner.html" %}
 
     <main>
-        <p class="wrapper">
+        <p class="narrow-wrapper">
             Follow one of the links below to see a report computed with
             <a href="https://skrub-data.org/dev/reference/generated/skrub.TableReport.html#" class="table-report"><code>skrub.TableReport</code></a>
             for the corresponding dataset.
         </p>
-        <ul class="examples-index example-dataset-list color-links">
+        <ul class="examples-index example-dataset-list">
             {% for report_name in report_names %}
             <li>
-                <a href="{{ report_name }}.html">{{ report_name }}</a>
+                <a href="{{ report_name }}.html">{{ report_name.replace('_', ' ').capitalize() }}</a>
             </li>
             {% endfor %}
         </ul>

diff --git a/_includes/small-banner.html b/_includes/small-banner.html
@@ -1,4 +1,4 @@
-<div class="small-banner flex color-links padding">
+<div class="small-banner flex padding">
     <a href="https://skrub-data.org/"><img class="skrub" src="../skrub.svg"></a>
     <a href="https://skrub-data.org/dev/reference/generated/skrub.TableReport.html#"
        class="table-report"><code>skrub.TableReport</code></a>

diff --git a/index.html b/index.html
@@ -17,7 +17,7 @@
     <script src="skrub-online-report.js?__skrub_XXXX__" defer></script>
 </head>
 
-<body>
+<body class="color-links">
     {% include "nav.html" %}
     <main class="flow">
         <h1 class="banner"><span class="from">from</span> <a href="https://skrub-data.org/"><img

diff --git a/skrub-online-report.css b/skrub-online-report.css
@@ -133,6 +133,10 @@ details>summary {
     max-width: 100ch;
 }
 
+.narrow-wrapper {
+    max-width: 60ch;
+}
+
 .padding {
     padding: 1rem;
 }
@@ -488,14 +492,8 @@ nav a:hover {
 /* List of datasets */
 
 .example-dataset-list > li {
-    font-family: var(--fontStack-monospace);
     font-size: 1.2rem;
-    line-height: 2.2;
-}
-
-.example-dataset-list a {
-    text-underline-offset: 0.4em;
-    text-decoration-thickness: 2px;
+    margin-bottom: 1rem;
 }
 
 .example-dataset-list li::marker {