SourceSage MCP

assets
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 200">
  <!-- 背景 -->
  <rect width="800" height="200" rx="20" ry="20" fill="#EBEFF2"/>
  
  <!-- グラデーション定義 -->
  <defs>
    <linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#0C1226;stop-opacity:1">
        <animate attributeName="stop-color" values="#0C1226;#6588A6;#0C1226" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="50%" style="stop-color:#6588A6;stop-opacity:1">
        <animate attributeName="stop-color" values="#6588A6;#9CA2A6;#6588A6" dur="8s" repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#9CA2A6;stop-opacity:1">
        <animate attributeName="stop-color" values="#9CA2A6;#0C1226;#9CA2A6" dur="8s" repeatCount="indefinite"/>
      </stop>
    </linearGradient>
    
    <linearGradient id="gradient2" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#0C1226;stop-opacity:0.8"/>
      <stop offset="100%" style="stop-color:#6588A6;stop-opacity:0.8"/>
    </linearGradient>

    <!-- グローエフェクト -->
    <filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
      <feMerge>
        <feMergeNode in="blur"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs>
  
  <!-- マジカルサークル（左） -->
  <g transform="translate(80, 100)" filter="url(#glow)">
    <circle cx="0" cy="0" r="25" fill="none" stroke="url(#gradient1)" stroke-width="1.5">
      <animate attributeName="r" values="23;27;23" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite"/>
    </circle>
    <circle cx="0" cy="0" r="18" fill="none" stroke="url(#gradient1)" stroke-width="1">
      <animate attributeName="r" values="16;20;16" dur="4s" begin="1s" repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- マジカルサークル（右） -->
  <g transform="translate(720, 100)" filter="url(#glow)">
    <circle cx="0" cy="0" r="25" fill="none" stroke="url(#gradient1)" stroke-width="1.5">
      <animate attributeName="r" values="23;27;23" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.8;0.4" dur="4s" repeatCount="indefinite"/>
    </circle>
    <circle cx="0" cy="0" r="18" fill="none" stroke="url(#gradient1)" stroke-width="1">
      <animate attributeName="r" values="16;20;16" dur="4s" begin="1s" repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- メインタイトル -->
  <g filter="url(#glow)">
    <text x="400" y="95" font-family="Inter, Arial, sans-serif" font-size="52" font-weight="bold" fill="url(#gradient1)" text-anchor="middle" letter-spacing="2">
      CHANGELOG
      <animate attributeName="opacity" values="0.9;1;0.9" dur="4s" repeatCount="indefinite"/>
    </text>
  </g>
  
  <!-- サブタイトル -->
  <g>
    <text x="400" y="135" font-family="Inter, Arial, sans-serif" font-size="24" fill="#6588A6" text-anchor="middle" letter-spacing="1">
      Development History and Updates
    </text>
  </g>
  
  <!-- 装飾的な線 -->
  <g stroke="url(#gradient1)" stroke-width="1" fill="none">
    <!-- 左側の線 -->
    <line x1="100" y1="160" x2="350" y2="160" opacity="0.4">
      <animate attributeName="x2" values="350;330;350" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.6;0.4" dur="4s" repeatCount="indefinite"/>
    </line>
    <!-- 右側の線 -->
    <line x1="700" y1="160" x2="450" y2="160" opacity="0.4">
      <animate attributeName="x2" values="450;470;450" dur="4s" repeatCount="indefinite"/>
      <animate attributeName="opacity" values="0.4;0.6;0.4" dur="4s" repeatCount="indefinite"/>
    </line>
  </g>

  <!-- コードブロックを想起させる装飾 -->
  <g transform="translate(150, 40)" fill="url(#gradient1)" opacity="0.2">
    <rect x="0" y="0" width="40" height="4" rx="2"/>
    <rect x="0" y="8" width="60" height="4" rx="2"/>
    <rect x="0" y="16" width="30" height="4" rx="2"/>
  </g>
  
  <g transform="translate(600, 40)" fill="url(#gradient1)" opacity="0.2">
    <rect x="0" y="0" width="40" height="4" rx="2"/>
    <rect x="0" y="8" width="60" height="4" rx="2"/>
    <rect x="0" y="16" width="30" height="4" rx="2"/>
  </g>
</svg>