Add batched EVM transaction walkthrough (#983)

* add batched evm txn walkthrough & update doc ordering * complete batched EVM txn tutorial * add supporting images * update MaybeMintERC721 deployment address * add screenshots for batched evm transaction walkthrough * fix formatting * update walkthrough verbiage * Apply suggestions from code review Co-authored-by: Brian Doyle <[email protected]> * update doc to use reference links * update flowscan warning * format button callouts in walkthrough doc * clarify point on conditional EVM execution * expand on Cadence transactions used for batched EVM walkthrough * fix typos * update example transactions * update embedded evm address query * resize portrait screenshot images * resize embeded script iframes --------- Co-authored-by: Brian Doyle <[email protected]>
onflow · Nov 26, 2024 · 0860f99 · 0860f99
1 parent 37c46cb
commit 0860f99
Show file tree

Hide file tree

Showing 12 changed files with 744 additions and 1 deletion.
diff --git a/docs/evm/cadence/batched-evm-transactions.md b/docs/evm/cadence/batched-evm-transactions.md
diff --git a/docs/evm/cadence/cadence-embedded-evm-txns.png b/docs/evm/cadence/cadence-embedded-evm-txns.png
diff --git a/docs/evm/cadence/evm-embed-flowscan.png b/docs/evm/cadence/evm-embed-flowscan.png
diff --git a/docs/evm/cadence/flow-runner-successful-output.png b/docs/evm/cadence/flow-runner-successful-output.png
diff --git a/docs/evm/cadence/flowscan-connect.png b/docs/evm/cadence/flowscan-connect.png
diff --git a/docs/evm/cadence/maybe-mint-in-metamask.png b/docs/evm/cadence/maybe-mint-in-metamask.png
diff --git a/docs/evm/cadence/vm-bridge.md b/docs/evm/cadence/vm-bridge.md
@@ -1,7 +1,7 @@
 ---
 title: Cross-VM Bridge
 sidebar_label: Cross-VM Bridge
-sidebar_position: 6
+sidebar_position: 7
 ---
 
 # Cross-VM Bridge

diff --git a/docs/evm/cadence/wflow-approve.png b/docs/evm/cadence/wflow-approve.png
diff --git a/docs/evm/cadence/wflow-deposit-confirm.png b/docs/evm/cadence/wflow-deposit-confirm.png
diff --git a/docs/evm/cadence/wflow-deposit.png b/docs/evm/cadence/wflow-deposit.png
diff --git a/docs/evm/cadence/wflow-in-metamask-tokens.png b/docs/evm/cadence/wflow-in-metamask-tokens.png
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -114,4 +114,10 @@
 .markdown h1 {
   --ifm-h1-font-size: 3rem;
   margin-bottom: calc(var(--ifm-h1-vertical-rhythm-bottom)*var(--ifm-leading));
+}
+
+.portrait-screenshot-wrapper img {
+  width: 300px;
+  display: block;
+  margin: 0 auto;
 }