2f:T44f,md`And here is the entire \`index.html\` file for that shadoof.github.io site.
Actually it’s the *entire site*.

<!DOCTYPE html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>aDLA Outpost</title>
		<style>
			.trans { color:transparent; }
		</style>
	</head>
	<body>
	<div class="title"></div>
	<div class="bodytext"></div>
	<div class="animateTitle trans"></div>
	<p>Credit: <a href="https://observablehq.com/@dla/adlaoutpost">adlaoutpost by Digital Language Art</a></p>
	</body>
  <script type="module">
    import {Runtime, Inspector} from "https://cdn.jsdelivr.net/npm/@observablehq/runtime@4/dist/runtime.js";
    import define from "https://api.observablehq.com/@dla/adlaoutpost.js?v=3";
    (new Runtime).module(define, name => {
      if (name === "title") return Inspector.into(".title")();
      if (name === "bodytext") return Inspector.into(".bodytext")();
      if (name === "animateTitle") return Inspector.into(".animateTitle")();
    });
  </script>
</html>

`30:[] 2d:{"title":"adlaoutpost","cells":[{"id":0,"value":"title = md`#

adlaoutpost

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"bodytext = md`

Prose is linear. It is read and is said to move. It must by nature, therefore, generate a symbolics of spatial or temporal movement widened by its context beyond the limits of the actual sentence read from left to right in so many seconds. In whatever context, the movement may resemble accumulation or attrition, progress or other process, even stasis, or any one of these interrupted, turned, reversed. In space or time or both, it can go in any direction as continuous or repetitive, accelerated or retarded, smooth, halting, or halted.

Virginia Tufte, Artful Sentences (Graphics Press, 2006, 271), quoted by Renee Gladman in ‘The Sentence as a Space for Living.’ Gladman comments, “This is the most comprehensive description of what prose does that I’ve thus far encountered.” (101 in Tripwire, [no. 15 (2019): 89-109](https://tripwirejournal.files.wordpress.com/2020/03/tripwire15.pdf).’

`","pinned":true,"hidden":false,"mode":"ojs"},{"id":62,"value":"md`**This notebook demonstrates** how simple it is to embed its cells into a website. The notebook, effectively, becomes a tool to edit the website, live. Changes will be more or less immediately reflected on the site.
\n It is also possible to get fine control of what gets updated and when. In the current moment, you might think of this as ‘blogging,’ I suppose, or simply as a way of writing in public with control over the ‘look and feel’ of your site, and without having to learn another ‘platform.’
\n And in so far as Observable *is* a platform, it gives you the option of animating or code-manipulating your site without having to adopt, add-in, import other ‘technologies.’\n\nAppropriate cells (\\`title\\`, \\`bodytext\\`, and optionally \\`animateTitle\\` ) are live at \n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":42,"value":"titles = [\n \"

aDLA Outpost

\",\n \"

DLA Outpost

\",\n \"

aDLA Observer

\",\n \"

DLA Observer

\",\n \"

LA Outpost

\"\n]","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"animateTitle = {\n yield \"Title now animated\";\n while (false) {\n yield Promises.tick(2000).then(\n () => (title.innerHTML = titles[(titles.length * Math.random()) | 0])\n );\n }\n yield \"Not animated at the moment.\";\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"$2f","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}