Glama
Command Executor MCP Server

<svg width="800" height="200" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- ターミナル風のグロー効果 -->
    <filter id="terminalGlow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1.5" result="blur"/>
      <feColorMatrix in="blur" type="matrix"
        values="0 1.5 0 0 0
                0 1.5 0 0 0
                0 0.8 0 0 0
                0 0 0 2 -0.5"/>
    </filter>

    <!-- 暗めの端末風グラデーション -->
    <linearGradient id="terminalBg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#1a1b26;stop-opacity:1">
        <animate attributeName="stop-color" 
                 values="#1a1b26;#24283b;#1a1b26" 
                 dur="8s" 
                 repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#24283b;stop-opacity:1">
        <animate attributeName="stop-color" 
                 values="#24283b;#1a1b26;#24283b" 
                 dur="8s" 
                 repeatCount="indefinite"/>
      </stop>
    </linearGradient>

    <!-- タイピングアニメーション用のマスク -->
    <mask id="typingMask">
      <rect width="100%" height="100%" fill="white"/>
      <rect width="2" height="20" fill="black">
        <animate attributeName="x"
                 values="40;380;380"
                 dur="4s"
                 repeatCount="indefinite"/>
        <animate attributeName="opacity"
                 values="1;1;0"
                 dur="4s"
                 repeatCount="indefinite"/>
      </rect>
    </mask>
  </defs>

  <!-- 端末背景 -->
  <rect x="10" y="10" width="780" height="180" rx="8" ry="8"
        fill="url(#terminalBg)"
        stroke="#7aa2f7"
        stroke-width="2"
        filter="url(#terminalGlow)">
    <animate attributeName="stroke-opacity"
             values="0.6;1;0.6"
             dur="4s"
             repeatCount="indefinite"/>
  </rect>

  <!-- ウィンドウコントロール -->
  <circle cx="35" cy="35" r="6" fill="#f7768e"/>
  <circle cx="60" cy="35" r="6" fill="#e0af68"/>
  <circle cx="85" cy="35" r="6" fill="#9ece6a"/>

  <!-- コマンドライン装飾 -->
  <text x="40" y="90" 
        font-family="'Courier New', monospace" 
        font-size="18" 
        fill="#9ece6a"
        mask="url(#typingMask)">
    $ execute_command --server mcp --mode secure
  </text>

  <!-- メインテキスト -->
  <g filter="url(#terminalGlow)">
    <text x="400" y="130" 
          font-family="'Courier New', monospace" 
          font-size="32" 
          font-weight="bold" 
          text-anchor="middle" 
          fill="#7aa2f7">
      Command Executor MCP Server
      <animate attributeName="fill"
               values="#7aa2f7;#bb9af7;#7aa2f7"
               dur="4s"
               repeatCount="indefinite"/>
    </text>
  </g>

  <!-- サブテキスト -->
  <text x="400" y="160" 
        font-family="'Courier New', monospace" 
        font-size="16" 
        text-anchor="middle" 
        fill="#9ece6a">
    Secure Command Execution System
  </text>

  <!-- 実行状態表示 -->
  <g transform="translate(710, 90)">
    <circle r="8" fill="none" stroke="#9ece6a" stroke-width="2">
      <animate attributeName="stroke-dasharray"
               values="0 50;50 50"
               dur="2s"
               repeatCount="indefinite"/>
      <animate attributeName="stroke-dashoffset"
               values="0;-50"
               dur="2s"
               repeatCount="indefinite"/>
    </circle>
  </g>

  <!-- グリッドパターン -->
  <g stroke="#565f89" stroke-width="0.5" opacity="0.1">
    <path d="M50 180 L50 10 M150 180 L150 10 M250 180 L250 10 M350 180 L350 10 
             M450 180 L450 10 M550 180 L550 10 M650 180 L650 10 M750 180 L750 10">
      <animate attributeName="opacity"
               values="0.1;0.2;0.1"
               dur="4s"
               repeatCount="indefinite"/>
    </path>
  </g>
</svg>