gistfile1.txt

<svg width="600" height="400" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <style>
      .title { font: bold 28px -apple-system, BlinkMacSystemFont, sans-serif; fill: #1a1a1a; }
      .name { font: 24px -apple-system, BlinkMacSystemFont, sans-serif; fill: #1a1a1a; }
      .status { font: 18px -apple-system, BlinkMacSystemFont, sans-serif; fill: #666; }
      .dragging { opacity: 0.8; }
    </style>
  </defs>
  
  <!-- Background -->
  <rect width="600" height="400" fill="white"/>
  
  <!-- Title -->
  <text x="300" y="40" class="title" text-anchor="middle">Guest List</text>
  
  <!-- Javascript - Being dragged -->
  <g class="dragging" transform="rotate(-2 300 100)">
    <rect x="50" y="70" width="500" height="60" rx="8" fill="#e3f2fd" stroke="#2196f3" stroke-width="2"/>
    <text x="75" y="95" class="name">Javascript</text>
    <text x="475" y="95" class="status">attending</text>
    <line x1="25" y1="130" x2="575" y2="130" stroke="#e1e5e9"/>
  </g>
  
  <!-- Drop indicator line -->
  <rect x="50" y="150" width="500" height="3" rx="1" fill="#2196f3" opacity="0.8"/>
  
  <!-- Tommy -->
  <rect x="50" y="160" width="500" height="60" rx="0" fill="white"/>
  <text x="75" y="185" class="name">Tommy</text>
  <text x="500" y="185" class="status">opened</text>
  <line x1="25" y1="220" x2="575" y2="220" stroke="#e1e5e9"/>
  
  <!-- Tara -->
  <rect x="50" y="230" width="500" height="60" rx="0" fill="white"/>
  <text x="75" y="255" class="name">Tara</text>
  <text x="485" y="255" class="status">declined</text>
  <line x1="25" y1="290" x2="575" y2="290" stroke="#e1e5e9"/>
  
  <!-- Bouncy -->
  <rect x="50" y="300" width="500" height="60" rx="0" fill="white"/>
  <text x="75" y="325" class="name">Bouncy</text>
  <text x="475" y="325" class="status">bounced</text>
  
  <!-- Arrow showing drag direction -->
  <path d="M 300 90 L 300 145" stroke="#2196f3" stroke-width="2" marker-end="url(#arrowhead)" opacity="0.7"/>
  
  <defs>
    <marker id="arrowhead" markerWidth="10" markerHeight="7" refX="0" refY="3.5" orient="auto">
      <polygon points="0 0, 10 3.5, 0 7" fill="#2196f3" opacity="0.7"/>
    </marker>
  </defs>
</svg>