version badge inspired by Plot's documentation

docs/sql.md

@@ -5,7 +5,7 @@ sql:
 
 # SQL
 
-Observable Framework includes built-in support for client-side SQL powered by [DuckDB](./lib/duckdb). You can use SQL to query data from [CSV](./lib/csv), [TSV](./lib/csv), [JSON](./javascript/files#json), [Apache Arrow](./lib/arrow), and [Apache Parquet](./lib/arrow#apache-parquet) files, which can either be static or generated by [data loaders](./loaders).
+Observable Framework includes built-in support for client-side SQL<a href="https://github.com/observablehq/framework/releases/tag/v1.2.0" target="_blank" class="observablehq-version-badge">^1.2.0</a> powered by [DuckDB](./lib/duckdb). You can use SQL to query data from [CSV](./lib/csv), [TSV](./lib/csv), [JSON](./javascript/files#json), [Apache Arrow](./lib/arrow), and [Apache Parquet](./lib/arrow#apache-parquet) files, which can either be static or generated by [data loaders](./loaders).
 
 To use SQL, first register the desired tables in the page’s [front matter](./markdown#front-matter) using the **sql** option. Each key is a table name, and each value is the path to the corresponding data file. For example, to register a table named `gaia` from a Parquet file:
 

docs/style.css

@@ -34,3 +34,17 @@
     display: none;
   }
 }
+
+a.observablehq-version-badge {
+  font-size: 12px;
+  font-family: var(--sans-serif);
+  display: inline-block;
+  transform: translateY(-0.8em);
+  padding: 2px 8px;
+  color: var(--theme-foreground-focus);
+  background: color-mix(in srgb, var(--theme-foreground-focus), transparent 75%);
+  border-radius: 12px;
+  content: attr(data-version-badge);
+  text-decoration: underline;
+  text-underline-offset: 2px;
+}