_

skrub-data · Aug 1, 2024 · f9e8461 · f9e8461
1 parent 04712e5
commit f9e8461
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 15 deletions.
diff --git a/_includes/example-report.html b/_includes/example-report.html
@@ -18,13 +18,9 @@
 <body>
     {% include "nav.html" %}
 
-    <main>
-        <div class="example-report-abstract flex color-links">
+    {% include "small-banner.html" %}
 
-            <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>
-        </div>
+    <main>
         <div>
             {{ report | safe }}
         </div>

diff --git a/_includes/examples-index.html b/_includes/examples-index.html
@@ -18,8 +18,15 @@
 <body>
     {% include "nav.html" %}
 
-    <main class="examples-index">
-        <ul class="example-dataset-list color-links">
+    {% include "small-banner.html" %}
+
+    <main>
+        <p class="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">
             {% for report_name in report_names %}
             <li>
                 <a href="{{ report_name }}.html">{{ report_name }}</a>

diff --git a/_includes/small-banner.html b/_includes/small-banner.html
@@ -0,0 +1,5 @@
+<div class="small-banner flex color-links 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>
+</div>
diff --git a/build.py b/build.py
@@ -65,7 +65,7 @@ def fetch(name=name):
             return getattr(skrub_data, f"fetch_{name}")().X
 
         datasets.append((name, fetch))
-    sklearn_dataset_names = ["titanic", "iris"]
+    sklearn_dataset_names = ["titanic"]
     for name in sklearn_dataset_names:
 
         def fetch(name=name):

diff --git a/skrub-online-report.css b/skrub-online-report.css
@@ -436,24 +436,24 @@ h1.banner .import {
     transform: rotate(10deg);
 }
 
-/* Example report */
+/* Example reports */
 
-.example-report-abstract {
+.small-banner {
     margin-top: 1rem;
     margin-bottom: 1rem;
     font-size: 1.5rem;
 }
 
-.example-report-abstract .skrub {
+.small-banner .skrub {
     height: 4rem;
 }
 
-.example-report-abstract a {
+.small-banner a {
     text-underline-offset: 0.4em;
     text-decoration-thickness: 2px;
 }
 
-.example-report-abstract :visited {
+.small-banner :visited {
     color: var(--darkblue);
 }
 
@@ -490,14 +490,18 @@ nav a:hover {
 .example-dataset-list > li {
     font-family: var(--fontStack-monospace);
     font-size: 1.2rem;
-    line-height: 2;
+    line-height: 2.2;
 }
 
 .example-dataset-list a {
     text-underline-offset: 0.4em;
     text-decoration-thickness: 2px;
 }
 
+.example-dataset-list li::marker {
+    color: var(--orange);
+}
+
 .examples-index {
     padding-left: 2ch;
     padding-right: 2ch;