Re-level non-docs content to top of repo and rename content→docs

docs/_snippets/interactive-tutorials/connect-step.md

@@ -0,0 +1,15 @@
+<!-- Interactive tutorials are hard-coded to Testnet for now due to Redocly 
+     limitations. They'll be replaced with new-style tutorials next anyway. -->
+
+{% interactive-block label=default($label, "Connect") steps=$frontmatter.steps %}
+
+<button id="connect-button" class="btn btn-primary" data-wsurl="wss://s.altnet.rippletest.net:51233" data-explorer="https://testnet.xrpl.org">Connect to Testnet</button>
+<div>
+  <strong>Connection status: </strong>
+  <span id="connection-status">Not connected</span>
+
+  {% loading-icon /%}
+
+</div>
+
+{% /interactive-block %}

docs/_snippets/interactive-tutorials/generate-step.md

@@ -0,0 +1,9 @@
+{% interactive-block label=default($label, "Generate") steps=$frontmatter.steps %}
+
+<button id="generate-creds-button" class="btn btn-primary" data-fauceturl="https://faucet.altnet.rippletest.net/accounts">Get Testnet credentials</button>
+{% loading-icon message="Generating Keys..." /%}
+<div class="output-area"></div>
+
+{% /interactive-block %}
+
+**Caution:** Ripple provides the [Testnet and Devnet](../../concepts/networks-and-servers/parallel-networks.md) for testing purposes only, and sometimes resets the state of these test networks along with all balances. As a precaution, **do not** use the same addresses on Testnet/Devnet and Mainnet.

docs/_snippets/interactive-tutorials/wait-step.md

@@ -0,0 +1,23 @@
+{% interactive-block label=default($label, "Wait") steps=$frontmatter.steps %}
+
+<table class="wait-step" data-explorerurl="https://testnet.xrpl.org"><tbody>
+  <tr>
+    <th>Transaction ID:</th>
+    <td class="waiting-for-tx">(None)</td>
+  <tr>
+    <th>Latest Validated Ledger Index:</th>
+    <td class="validated-ledger-version">(Not connected)</td>
+  </tr>
+  <tr>
+    <th>Ledger Index at Time of Submission:</th>
+    <td class="earliest-ledger-version">(Not submitted)</td>
+  </tr>
+  <tr>
+    <th>Transaction <code>LastLedgerSequence</code>:</th>
+    <td class="lastledgersequence">(Not prepared)</td>
+  </tr>
+  <tr class="tx-validation-status">
+  </tr>
+</tbody></table>
+
+{% /interactive-block %}