buildHtml
baseUrl https://glslplayground.scroll.pub
metaTags
editButton /edit.html
title GLSL Playground - Realtime Shader Editor
style.css
header
 class hero
 nav
  div GLSL Playground
   class logo
  div
   class nav-links
   a Docs
    href #docs
   a Examples
    href #examples
   a Edit
    href edit.html
   a GitHub
    class cta-button
    href https://github.com/glsl-playground
 div
  class hero-content
  h1 GLSL Playground
  p Write, edit, and preview GLSL shaders in realtime
  a Start Coding
   class primary-button
   href #editor
main
 section
  id editor
  class editor-section
  div
   class editor-grid
   div
    class code-editor
    textarea
     id glsl-code
     placeholder Write your GLSL code here...
   div
    class preview-canvas
    canvas
     id shader-canvas
 section
  id examples
  class examples-section
  h2 Example Shaders
  div
   class example-grid
   div
    class example-card
    h3 Gradient
    pre
     class example-code
   div
    class example-card
    h3 Noise
    pre
     class example-code
   div
    class example-card
    h3 Fractal
    pre
     class example-code
 section
  id docs
  class docs-section
  h2 Documentation
  div
   class docs-content
   h3 Getting Started
   p Write GLSL code in the editor and see realtime results in the preview canvas.
   h3 Built-in Uniforms
   p The following uniforms are automatically provided:
   pre
    class docs-code
footer
 div
  class footer-content
  div
   class footer-links
   a Docs
    href #docs
   a Examples
    href #examples
   a GitHub
    href https://github.com/glsl-playground
  p Created with ❤️ by the GLSL community
script.js