Merge pull request #33 from lawrencerowland/codex/display-picture-in-top-right-of-app

lawrencerowland · web-flow · commit 6444fa49f689 · 2025-07-04T14:04:59.000-07:00
Add natural transformations diagram to fifth app
diff --git a/apps/functors-models-natural-transformations/index.html b/apps/functors-models-natural-transformations/index.html
@@ -7,6 +7,11 @@
     <link rel="stylesheet" href="../../common.css" />
   </head>
   <body>
+    <img
+      src="../../pics/other/NTs_between_models_extract.webp"
+      alt="Natural transformations"
+      class="top-right-image"
+    />
     <div id="root"></div>
     <p><a href="../../index.html">Back to app index</a></p>
     <script type="module" src="./src/index.jsx"></script>
diff --git a/apps/functors-models-natural-transformations/src/App.css b/apps/functors-models-natural-transformations/src/App.css
@@ -1,3 +1,11 @@
 .app-container {
   padding: 1rem;
 }
+
+.top-right-image {
+  position: fixed;
+  top: 0;
+  right: 0;
+  width: 200px;
+  z-index: 10;
+}
