diff --git a/css/madeleinology.css b/css/madeleinology.css
index a49ef92..990990f 100644
--- a/css/madeleinology.css
+++ b/css/madeleinology.css
@@ -437,23 +437,32 @@ p.clearer {
 
 .c-red {
   color: #f44336;
+  > .line {
+    border-top: solid #f44336 3px;
+  }
 }
 .c-blue {
   color: #2196f3;
+  > .line {
+    border-top: solid #2196f3 3px;
+  }
 }
-.c-red > .line,
-.c-blue > .line {
-  position: relative;
-  top: -5px;
-  display: inline-block;
-  margin-right: 10px;
-  width: 20px;
-}
-.c-red > .line {
-  border-top: solid #f44336 3px;
+.c-yellow {
+  color: #ffb700;
+  > .line {
+    border-top: solid #ffa600 3px;
+  }
 }
-.c-blue > .line {
-  border-top: solid #2196f3 3px;
+.c-red,
+.c-blue,
+.c-yellow {
+  > .line {
+    position: relative;
+    top: -5px;
+    display: inline-block;
+    margin-right: 10px;
+    width: 20px;
+  }
 }
 
 .data-recipe {
diff --git a/madeleine-cupcake-muffin-popularity.html b/madeleine-cupcake-muffin-popularity.html
new file mode 100644
index 0000000..b4edd60
--- /dev/null
+++ b/madeleine-cupcake-muffin-popularity.html
@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <script
+      async
+      src="https://www.googletagmanager.com/gtag/js?id=G-063933E3C2"
+    ></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag() {
+        dataLayer.push(arguments);
+      }
+      gtag("js", new Date());
+      gtag("config", "G-063933E3C2");
+    </script>
+    <title>
+      Madeleinology: Search populatity for Madeleine, Cupcake, and Muffin
+    </title>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta name="viewport" content="width=device-width,initial-scale=1" />
+
+    <link rel="icon" type="image/png" href="favicon.png" />
+    <link href="css/madeleinology.css" rel="stylesheet" />
+
+    <meta
+      name="keywords"
+      content="madeleine, cake, cupcake, muffin, science, google, trend, search"
+    />
+    <meta
+      name="description"
+      content="Popularity contest between Madeleines, cupcakes, and muffins."
+    />
+  </head>
+
+  <body>
+    <ul class="pnav">
+      <li class="idx">
+        <a href="index.html"
+          ><img class="logo" src="m-icon.png" /><span class="mq-no-sl"
+            >Madeleinology</span
+          ></a
+        >
+      </li>
+      <li><a href="madeleines-data-science.html">Data</a></li>
+      <li class="num"><a href="ingredients-top4.html ">1</a></li>
+      <li class="num"><a href="ingredients-top4-d3-radar.html">2</a></li>
+      <li class="num"><a href="ingredients-long-tail.html">3</a></li>
+      <li class="num sel"><a href="madeleine-cupcake-trend.html">4</a></li>
+      <li class="num"><a href="madeleine-correlation.html">5</a></li>
+      <li><a href="madeleines-recipe.html">Recipe</a></li>
+      <li class="rnd-top"><a href="madeleines-sweet.html">Sweet</a></li>
+      <li class="rnd-top"><a href="madeleines-salty.html">Salty</a></li>
+    </ul>
+
+    <section class="s-trends">
+      <h1>
+        Google Trends: <span class="c-blue">Madeleine</span> Vs
+        <span class="c-red">Cupcake</span> Vs
+        <span class="c-yellow">Muffin</span>
+      </h1>
+
+      <p>Let's take a look at search trends for the last 12 months.</p>
+
+      <div>
+        <h2>In the US</h2>
+        <p>
+          Little interest for Madeleines compared to Cupcakes and Muffins in the
+          US.
+        </p>
+
+        <script
+          type="text/javascript"
+          src="https://ssl.gstatic.com/trends_nrtr/3700_RC01/embed_loader.js"
+        ></script>
+        <script type="text/javascript">
+          trends.embed.renderExploreWidget(
+            "TIMESERIES",
+            {
+              comparisonItem: [
+                { keyword: "Madeleine", geo: "US", time: "today 12-m" },
+                { keyword: "/m/03p1r4", geo: "US", time: "today 12-m" },
+                { keyword: "/m/01tcjp", geo: "US", time: "today 12-m" },
+              ],
+              category: 0,
+              property: "",
+            },
+            {
+              exploreQuery:
+                "geo=US&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en&date=today 12-m,today 12-m,today 12-m",
+              guestPath: "https://trends.google.com:443/trends/embed/",
+            }
+          );
+        </script>
+        <a
+          href="https://trends.google.com/trends/explore?geo=US&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en"
+          target="gt"
+          >Latest Trends in the US</a
+        >
+      </div>
+
+      <div>
+        <h2>In France</h2>
+        <p>Madeleines are still the most popular.</p>
+        <script type="text/javascript">
+          trends.embed.renderExploreWidget(
+            "TIMESERIES",
+            {
+              comparisonItem: [
+                { keyword: "Madeleine", geo: "FR", time: "today 12-m" },
+                { keyword: "/m/03p1r4", geo: "FR", time: "today 12-m" },
+                { keyword: "/m/01tcjp", geo: "FR", time: "today 12-m" },
+              ],
+              category: 0,
+              property: "",
+            },
+            {
+              exploreQuery:
+                "geo=FR&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en&date=today 12-m,today 12-m,today 12-m",
+              guestPath: "https://trends.google.com:443/trends/embed/",
+            }
+          );
+        </script>
+        <a
+          href="https://trends.google.com/trends/explore?geo=FR&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en"
+          target="gt"
+          >Latest Trends in France</a
+        >
+      </div>
+    </section>
+
+    <div class="copy">
+      &copy; 2024
+      <a href="https://evoluteur.github.io/">Olivier Giulieri</a>.
+    </div>
+  </body>
+</html>
diff --git a/test.html b/test.html
deleted file mode 100644
index 5590570..0000000
--- a/test.html
+++ /dev/null
@@ -1,70 +0,0 @@
-<html>
-  <body>
-    <p>US</p>
-    <script
-      type="text/javascript"
-      src="https://ssl.gstatic.com/trends_nrtr/3700_RC01/embed_loader.js"
-    ></script>
-    <script type="text/javascript">
-      trends.embed.renderExploreWidget(
-        "TIMESERIES",
-        {
-          comparisonItem: [
-            { keyword: "Madeleine", geo: "US", time: "today 12-m" },
-            { keyword: "/m/03p1r4", geo: "US", time: "today 12-m" },
-            { keyword: "/m/01tcjp", geo: "US", time: "today 12-m" },
-          ],
-          category: 0,
-          property: "",
-        },
-        {
-          exploreQuery:
-            "geo=US&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en&date=today 12-m,today 12-m,today 12-m",
-          guestPath: "https://trends.google.com:443/trends/embed/",
-        }
-      );
-    </script>
-
-    <p>France</p>
-    <script type="text/javascript">
-      trends.embed.renderExploreWidget(
-        "TIMESERIES",
-        {
-          comparisonItem: [
-            { keyword: "Madeleine", geo: "FR", time: "today 12-m" },
-            { keyword: "/m/03p1r4", geo: "FR", time: "today 12-m" },
-            { keyword: "/m/01tcjp", geo: "FR", time: "today 12-m" },
-          ],
-          category: 0,
-          property: "",
-        },
-        {
-          exploreQuery:
-            "geo=FR&q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en&date=today 12-m,today 12-m,today 12-m",
-          guestPath: "https://trends.google.com:443/trends/embed/",
-        }
-      );
-    </script>
-
-    <p>World</p>
-    <script type="text/javascript">
-      trends.embed.renderExploreWidget(
-        "TIMESERIES",
-        {
-          comparisonItem: [
-            { keyword: "Madeleine", geo: "", time: "today 12-m" },
-            { keyword: "/m/03p1r4", geo: "", time: "today 12-m" },
-            { keyword: "/m/01tcjp", geo: "", time: "today 12-m" },
-          ],
-          category: 0,
-          property: "",
-        },
-        {
-          exploreQuery:
-            "q=Madeleine,%2Fm%2F03p1r4,%2Fm%2F01tcjp&hl=en&date=today 12-m,today 12-m,today 12-m",
-          guestPath: "https://trends.google.com:443/trends/embed/",
-        }
-      );
-    </script>
-  </body>
-</html>
