An interactive HTML slide deck about NFT ownership, blockchain scarcity, the rise of Bored Ape Yacht Club, and the possible future of intelligent NFTs and real-world asset mapping.
This project turns a course presentation into a fullscreen, light-themed web experience with animated transitions, keyboard navigation, progress indicators, custom diagrams, and presentation-ready visual storytelling.
- Fullscreen widescreen slide deck built with plain HTML, CSS, and JavaScript
- 18 presentation slides with animated page transitions
- Keyboard, button, wheel, and touch navigation
- Visual explainers for NFT ownership, ERC-721 structure, storage layers, marketplaces, iNFTs, and RWA scenarios
- Static-site friendly structure with
index.htmlat the repository root
Open index.html in a modern browser.
Keep the image files in the same folder as index.html, because the slide deck references them with relative paths.
Right Arrow,Page Down,Space, orEnter: next slideLeft Arrow,Page Up, orBackspace: previous slideHome: first slideEnd: last slideF: toggle fullscreen- On-screen buttons, mouse wheel, and swipe gestures are also supported
index.html: the HTML presentationRUC-logo.png: cover asset2.6musd.png,20.1kusd.png,20.4kusd.png,22.6kusd.png: BAYC-related slide assetsnft-copy-ledger-illustration.png: generated illustration for copy-versus-ownership storytellingnft-rwa-future-illustration.png: generated illustration for future RWA mapping
The repository can be published as a static site with GitHub Pages because the entry page is already named index.html.
This deck was prepared for educational presentation purposes. Third-party visual materials remain subject to their respective rights and usage terms. Review or replace assets before broader redistribution or commercial reuse.
这是一个关于 NFT 的交互式 HTML 幻灯片项目,内容涵盖数字所有权、区块链稀缺性、无聊猿 BAYC 的案例、iNFT,以及现实资产映射到链上的未来想象。
项目把课程展示做成了可直接在浏览器演示的浅色横屏网页幻灯片,包含翻页动效、键盘控制、进度提示、自绘技术图解和面向演讲场景的视觉排版。
- 使用原生 HTML、CSS、JavaScript 构建
- 共 18 页横屏演示内容
- 支持按钮、键盘、滚轮和触摸滑动翻页
- 包含 NFT 确权、ERC-721、存储层、交易市场、iNFT 和 RWA 场景图解
- 仓库根目录以
index.html作为入口,适合静态网页发布
使用现代浏览器打开 index.html 即可演示。
图片文件需要和 index.html 保持在同一文件夹中,因为页面通过相对路径引用这些素材。
右方向键、Page Down、Space、Enter:下一页左方向键、Page Up、Backspace:上一页Home:第一页End:最后一页F:切换全屏- 页面按钮、鼠标滚轮和触摸滑动同样可用
index.html:HTML 演示稿入口RUC-logo.png:封面素材2.6musd.png、20.1kusd.png、20.4kusd.png、22.6kusd.png:BAYC 相关页面素材nft-copy-ledger-illustration.png:用于“复制与确权”主题的生成插图nft-rwa-future-illustration.png:用于 RWA 未来场景的生成插图
由于入口文件已经命名为 index.html,这个文件夹适合直接作为 GitHub Pages 静态站点发布。
本项目用于教学展示。第三方视觉素材仍受其各自权利和使用条款约束;在更大范围传播或商业使用前,请先复核或替换相关素材。