Skip to content

KerryChia/NFT_html_for_presentation

Repository files navigation

From Bored Apes to Intelligent NFTs

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.

Highlights

  • 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.html at the repository root

Run Locally

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.

Controls

  • Right Arrow, Page Down, Space, or Enter: next slide
  • Left Arrow, Page Up, or Backspace: previous slide
  • Home: first slide
  • End: last slide
  • F: toggle fullscreen
  • On-screen buttons, mouse wheel, and swipe gestures are also supported

Project Files

  • index.html: the HTML presentation
  • RUC-logo.png: cover asset
  • 2.6musd.png, 20.1kusd.png, 20.4kusd.png, 22.6kusd.png: BAYC-related slide assets
  • nft-copy-ledger-illustration.png: generated illustration for copy-versus-ownership storytelling
  • nft-rwa-future-illustration.png: generated illustration for future RWA mapping

Publishing

The repository can be published as a static site with GitHub Pages because the entry page is already named index.html.

Asset Note

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

这是一个关于 NFT 的交互式 HTML 幻灯片项目,内容涵盖数字所有权、区块链稀缺性、无聊猿 BAYC 的案例、iNFT,以及现实资产映射到链上的未来想象。

项目把课程展示做成了可直接在浏览器演示的浅色横屏网页幻灯片,包含翻页动效、键盘控制、进度提示、自绘技术图解和面向演讲场景的视觉排版。

项目亮点

  • 使用原生 HTML、CSS、JavaScript 构建
  • 共 18 页横屏演示内容
  • 支持按钮、键盘、滚轮和触摸滑动翻页
  • 包含 NFT 确权、ERC-721、存储层、交易市场、iNFT 和 RWA 场景图解
  • 仓库根目录以 index.html 作为入口,适合静态网页发布

本地运行

使用现代浏览器打开 index.html 即可演示。

图片文件需要和 index.html 保持在同一文件夹中,因为页面通过相对路径引用这些素材。

操作方式

  • 右方向键Page DownSpaceEnter:下一页
  • 左方向键Page UpBackspace:上一页
  • Home:第一页
  • End:最后一页
  • F:切换全屏
  • 页面按钮、鼠标滚轮和触摸滑动同样可用

文件说明

  • index.html:HTML 演示稿入口
  • RUC-logo.png:封面素材
  • 2.6musd.png20.1kusd.png20.4kusd.png22.6kusd.png:BAYC 相关页面素材
  • nft-copy-ledger-illustration.png:用于“复制与确权”主题的生成插图
  • nft-rwa-future-illustration.png:用于 RWA 未来场景的生成插图

发布

由于入口文件已经命名为 index.html,这个文件夹适合直接作为 GitHub Pages 静态站点发布。

素材说明

本项目用于教学展示。第三方视觉素材仍受其各自权利和使用条款约束;在更大范围传播或商业使用前,请先复核或替换相关素材。

About

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.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages