Add header

content/tskit.ipynb

@@ -1,5 +1,20 @@
 {
  "cells": [
+  {
+   "cell_type": "markdown",
+   "id": "4df88319-4951-4846-80ea-b8026c0eb096",
+   "metadata": {},
+   "source": [
+    "<div style=\"color: white; background-color: #03303e; display: flex; align-items: flex-start; margin-bottom: 1em\">\n",
+    "    <figure style=\"text-align: center; margin: 0 1em 0.5em 0.5em\">\n",
+    "    <img src=\"tskit_logo.svg\" style=\"height: 3em;\" />\n",
+    "    <figcaption style=\"font-size: 0.6em; line-height: 1em\">Interactive workbooks</figcaption>\n",
+    "</figure>\n",
+    "    <h1 style=\"margin: auto\">An interactive tour of <em>tskit</em></span></h1></div>\n",
+    "\n",
+    "<div class=\"alert alert-block alert-info\"><b>Note:</b> This uses the <em>tskit</em> <a href=\"https://tskit.dev/tskit/docs/stable/python-api.html\">Python interface</a>. Press \"shift-enter\" (or click the toolbar \"run\" button, &#9654;) to run a notebook cell and move to the next one. Repeat this from the top of the workbook to work gradually through the demonstration code.</div>"
+   ]
+  },
   {
    "cell_type": "markdown",
    "id": "19a48cc0-ae22-4840-a9dd-2a73b665f32a",
@@ -718,7 +733,7 @@
        "    "
       ],
       "text/plain": [
-       "<tskit.trees.TreeSequence at 0x108f1ae40>"
+       "<tskit.trees.TreeSequence at 0x104760a70>"
       ]
      },
      "execution_count": 3,