buildHtml
baseUrl https://idk.scroll.pub
metaTags
editButton /edit.html
title IDK - The Simple Knowledge Base
style.css
header
 class hero
 nav
  div IDK
   class logo
  div
   class nav-links
   a Features
    href #features
   a Examples
    href #examples
   a Edit
    href edit.html
 div
  class hero-content
  h1 I Don't Know
  p The simplest way to capture and share what you don't know yet
  a Get Started
   class primary-button
   href edit.html
main
 section
  id features
  class features
  h2 Why IDK?
  div
   class feature-grid
   div
    class feature-card
    div ❓
     class feature-icon
    h3 Capture Questions
    p Quickly jot down things you want to learn or remember.
   div
    class feature-card
    div 🔍
     class feature-icon
    h3 Find Answers
    p Organize your knowledge gaps for easy reference.
   div
    class feature-card
    div 🤝
     class feature-icon
    h3 Share Knowledge
    p Collaborate with others to fill knowledge gaps.
   div
    class feature-card
    div 🎯
     class feature-icon
    h3 Track Progress
    p Mark questions as answered when you learn something new.
 section
  id examples
  class code-demo
  h2 Example IDK Notes
  div
   class example-container
   pre
    class example-note
    | How does photosynthesis work?
    | What's the capital of Bhutan?
    | Why is the sky blue?
    | How do I center a div?
   div
    class example-output
    div
     class note-card
     h3 How does photosynthesis work?
     p Status: Unanswered
    div
     class note-card
     h3 What's the capital of Bhutan?
     p Status: Answered
     p Answer: Thimphu
    div
     class note-card
     h3 Why is the sky blue?
     p Status: Researching
    div
     class note-card
     h3 How do I center a div?
     p Status: Answered
     p Answer: Use margin: 0 auto;
footer
 div
  class footer-content
  div
   class footer-links
   a Documentation
    href /docs
   a Community
    href /community
   a Blog
    href /blog
  p A simple knowledge tracking system for curious minds.

script.js