DocuMind MCP Server

assets
assets/header.svg
<svg width="800" height="200" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- 強化されたネオングロー効果 -->
    <filter id="enhancedGlow" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="2" result="blur1"/>
      <feGaussianBlur in="SourceGraphic" stdDeviation="4" result="blur2"/>
      <feGaussianBlur in="SourceGraphic" stdDeviation="8" result="blur3"/>
      <feColorMatrix type="matrix" in="blur1"
        values="1 0 0 0 0
                0 0.2 0 0 0
                0 0 1 0 0
                0 0 0 1 0" result="colored1"/>
      <feColorMatrix type="matrix" in="blur2"
        values="0.3 0 0 0 0
                0 0.1 0 0 0
                0 0 0.3 0 0
                0 0 0 0.5 0" result="colored2"/>
      <feMerge>
        <feMergeNode in="colored1"/>
        <feMergeNode in="colored2"/>
        <feMergeNode in="blur3"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
    
    <!-- ダイナミックなグラデーション -->
    <linearGradient id="darkGradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#1a0033;stop-opacity:1">
        <animate attributeName="stop-color" 
                 values="#1a0033;#000066;#330066;#1a0033" 
                 dur="6s" 
                 repeatCount="indefinite"/>
      </stop>
      <stop offset="50%" style="stop-color:#330066;stop-opacity:1">
        <animate attributeName="stop-color" 
                 values="#330066;#4400aa;#1a0033;#330066" 
                 dur="6s" 
                 repeatCount="indefinite"/>
      </stop>
      <stop offset="100%" style="stop-color:#000066;stop-opacity:1">
        <animate attributeName="stop-color" 
                 values="#000066;#330066;#4400aa;#000066" 
                 dur="6s" 
                 repeatCount="indefinite"/>
      </stop>
    </linearGradient>

    <!-- パルス効果のためのフィルター -->
    <filter id="pulse" x="-50%" y="-50%" width="200%" height="200%">
      <feGaussianBlur in="SourceGraphic" stdDeviation="1" result="blur"/>
      <feColorMatrix in="blur" type="matrix"
        values="1 0 0 0 0
                0 1 0 0 0
                0 0 1 0 0
                0 0 0 18 -7" result="glow"/>
      <feMerge>
        <feMergeNode in="glow"/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>

    <!-- エネルギーパターン -->
    <pattern id="energyPattern" x="0" y="0" width="50" height="50" patternUnits="userSpaceOnUse">
      <path d="M0 0 L50 50 M50 0 L0 50" stroke="#4422aa" stroke-width="0.5" opacity="0.1">
        <animate attributeName="stroke-opacity"
                 values="0.1;0.3;0.1"
                 dur="3s"
                 repeatCount="indefinite"/>
      </path>
    </pattern>
  </defs>
  
  <!-- アニメーション付き背景 -->
  <g>
    <rect x="10" y="10" width="780" height="180" rx="20" ry="20" 
          fill="url(#darkGradient)"
          stroke="#6644cc" 
          stroke-width="2">
      <animate attributeName="stroke-opacity"
               values="0.5;1;0.5"
               dur="4s"
               repeatCount="indefinite"/>
    </rect>
    
    <!-- エネルギーパターンレイヤー -->
    <rect x="10" y="10" width="780" height="180" rx="20" ry="20" 
          fill="url(#energyPattern)"
          opacity="0.3">
      <animate attributeName="opacity"
               values="0.2;0.4;0.2"
               dur="5s"
               repeatCount="indefinite"/>
    </rect>
  </g>
  
  <!-- メインテキストグループ -->
  <g filter="url(#enhancedGlow)">
    <!-- メインテキストシャドウ効果 -->
    <text x="402" y="92" 
          font-family="'Courier New', monospace" 
          font-size="40" 
          font-weight="bold" 
          text-anchor="middle" 
          fill="#332277"
          opacity="0.5">
      DocuMind Lite MCP Server
    </text>
    
    <!-- メインテキスト -->
    <text x="400" y="90" 
          font-family="'Courier New', monospace" 
          font-size="40" 
          font-weight="bold" 
          text-anchor="middle" 
          fill="#8866ff">
      DocuMind Lite MCP Server
      <animate attributeName="fill"
               values="#8866ff;#99aaff;#8866ff"
               dur="3s"
               repeatCount="indefinite"/>
      <animateTransform attributeName="transform"
                      type="translate"
                      values="0 0; 0 -2; 0 0"
                      dur="4s"
                      repeatCount="indefinite"/>
    </text>
  </g>
  
  <!-- サブテキストグループ -->
  <g filter="url(#pulse)">
    <!-- サブテキストシャドウ -->
    <text x="400" y="130" 
          font-family="'Courier New', monospace" 
          font-size="20" 
          text-anchor="middle" 
          fill="#4433aa">
      &lt;/&gt; Documentation Quality Analysis System
    </text>
    
    <!-- サブテキストメイン -->
    <text x="400" y="130" 
          font-family="'Courier New', monospace" 
          font-size="20" 
          text-anchor="middle" 
          fill="#99aaff">
      &lt;/&gt; Documentation Quality Analysis System
      <animate attributeName="fill"
               values="#99aaff;#aabbff;#99aaff"
               dur="4s"
               repeatCount="indefinite"/>
      <animate attributeName="opacity"
               values="0.8;1;0.8"
               dur="4s"
               repeatCount="indefinite"/>
    </text>
  </g>

  <!-- デコレーティブな要素 -->
  <g filter="url(#enhancedGlow)">
    <!-- 左上の装飾 -->
    <path d="M40 40 L60 40 M40 40 L40 60" 
          stroke="#6644cc" 
          stroke-width="2" 
          fill="none">
      <animate attributeName="stroke"
               values="#6644cc;#8866ff;#6644cc"
               dur="3s"
               repeatCount="indefinite"/>
      <animate attributeName="stroke-width"
               values="2;3;2"
               dur="2s"
               repeatCount="indefinite"/>
    </path>
    
    <!-- 右下の装飾 -->
    <path d="M740 140 L760 140 M760 140 L760 160" 
          stroke="#6644cc" 
          stroke-width="2" 
          fill="none">
      <animate attributeName="stroke"
               values="#6644cc;#8866ff;#6644cc"
               dur="3s"
               repeatCount="indefinite"
               begin="1.5s"/>
      <animate attributeName="stroke-width"
               values="2;3;2"
               dur="2s"
               repeatCount="indefinite"
               begin="1.5s"/>
    </path>
  </g>

  <!-- エネルギーパルス効果 -->
  <circle cx="400" cy="100" r="100" 
          fill="none" 
          stroke="#6644cc" 
          stroke-width="2"
          opacity="0">
    <animate attributeName="r"
             values="0;200"
             dur="4s"
             repeatCount="indefinite"/>
    <animate attributeName="opacity"
             values="0.5;0"
             dur="4s"
             repeatCount="indefinite"/>
  </circle>
</svg>