New content, also links to versions of index.html

trustoverip · Sep 13, 2024 · 8692f96 · 8692f96
1 parent 0423851
commit 8692f96
Showing 1 changed file with 21 additions and 21 deletions.
diff --git a/docs/spec-up-t-demo-site.mdx b/docs/spec-up-t-demo-site.mdx
@@ -6,38 +6,38 @@ import IframeComponent from '@site/src/components/IframeComponent';
 
 # Spec-Up-T demo
 
-## The Demo
-
-Below is a demo of the Spec-Up-T website in an iFrame.
+## Repo
 
-You can also open the <a target="_blank" rel="noopener" href="https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/" className="button button--sm button--secondary">Spec-Up-T website in a new window</a>. Or go to the <a target="_blank" rel="noopener" href="https://github.com/blockchainbird/spec-up-t-demo-on-documentation-website" className="button button--sm button--secondary">Repo of the demo Spec-Up-T</a>
+First, the [GitHub repo of the demo Spec-Up-T](https://github.com/blockchainbird/spec-up-t-demo-on-documentation-website).
 
-This demo showcases how a Spec-Up-T specification (a single index.html file) can be integrated into other systems.
 
-In this Spec-Up-T demo, you will find:
-1. Examples of definitions and references
-2. Examples of various styles that can be used in Spec-Up-T
-
-Below is the Spec-Up-T website in an iFrame. Open the Spec-Up-T website in a standalone window by clicking [here](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/).
-
-- - -
+## The Demo
 
-### Begin of the Spec-Up-T demo:
+<div className='image-xlarge image-center'>
+[![Alt text](/img/spec-up-t-demo-screenshot.jpg)](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/)
+</div>
 
-- - -
+## Snapshot versions of the demo
 
-{/* <IframeComponent src="/spec-up-t-website/spec-up-t-demo/docs/index.html" width="100%" /> */}
+<div className="center-table">
+|Version|Explanation|View in new tab|
+|-|-|-|
+|`/index.html`|Current version|[LINK](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/)|
+|`/versions/index-v1.html`|Same as current|[LINK](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/versions/index-v1.html)|
+|`/versions/index-v2.html`|Term 5 added|[LINK](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/versions/index-v2.html)|
+|`/versions/index-v3.html`|Term 5 definition changed|[LINK](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/versions/index-v3.html)|
+|`/versions/index-v4.html`|Term 6 added|[LINK](https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/versions/index-v4.html)|
+</div>
 
-:::warning
-The embedding of the demo currently does not work, please open the <a target="_blank" rel="noopener" href="https://blockchainbird.github.io/spec-up-t-demo-on-documentation-website/" className="button button--sm button--secondary">Spec-Up-T website in a new window</a>
-:::
 - - -
 
-### End of the Spec-Up-T demo
+## Demo content
 
-- - -
+In this Spec-Up-T demo, you will find:
+1. Examples of definitions and references
+2. Examples of various styles that can be used in Spec-Up-T. See below.
 
-## The markdown
+## Examples of various styles that can be used in Spec-Up-T
 
 Below is the markdown of the “Demo of example markup in Spec-Up-T and Markdown” section of demo Spec-Up-T above: