Skip to content

SeanWong17/FallacyCards

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FallacyCards (谬误卡片)

License: MIT Version

FallacyCards 是一个轻量级、交互式的逻辑谬误学习工具。它通过精美的卡片化设计,将枯燥的逻辑学知识转化为易于吸收的视觉信息,帮助用户识别常见的逻辑陷阱,提升批判性思维能力。

✨ 项目特性

  • 🧩 卡片化学习:采用 16:9 比例的视觉卡片,核心定义一目了然。
  • 🔍 强大搜索:支持按中文名、英文名、定义、示例或 ID 实时检索。
  • 🏷️ 多维筛选:支持下拉单选或标签多选,快速定位特定类别的谬误。
  • 🎲 随机探索:内置“随机抽一条”功能,增加学习的趣味性。
  • 📱 响应式设计:完美适配手机、平板与桌面端,支持移动端滚动链锁定优化。
  • 📋 一键分享:详情页支持一键复制谬误详情,方便在讨论中引用。
  • 🚀 零依赖:纯原生 HTML/CSS/JS 开发,无需安装任何框架,即开即用。

🛠️ 技术栈

  • HTML5: 语义化结构。
  • CSS3: 现代 Flex/Grid 布局,包含毛玻璃效果(Backdrop Filter)与动态渐变背景。
  • JavaScript (ES6+): 原生 DOM 操作,不依赖 jQuery 或其他框架。
  • JSON-based Data: 易于扩展的数据结构,方便开发者自定义谬误库。

🚀 快速开始

在线查看

在线演示:Live Demo 备用链接:[https://fallacycards.pages.dev/]

本地运行

  1. 克隆或下载本项目到本地。
  2. 直接双击打开 index.html 即可在浏览器中使用。

效果示例

📄 版权说明

本项目代码开源,数据内容整理自网络公开逻辑学资料。

About

FallacyCards 是一个轻量级、交互式的逻辑谬误学习工具。它通过精美的卡片化设计,将枯燥的逻辑学知识转化为易于吸收的视觉信息,帮助用户识别常见的逻辑陷阱,提升批判性思维能力。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Contributors