DEV Community

Query Filter
Query Filter

Posted on

store22

<svg viewBox="0 0 1200 900" xmlns="http://www.w3.org/2000/svg">
  <!-- Background -->
  <rect width="1200" height="900" fill="#f8f9fa"/>

  <!-- Title Section -->
  <rect x="50" y="30" width="1100" height="80" rx="10" fill="#2c3e50"/>
  <text x="600" y="75" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="white" text-anchor="middle">JFrog Artifactory</text>
  <text x="600" y="110" font-family="Arial, sans-serif" font-size="18" fill="#2c3e50" text-anchor="middle">Universal Artifact Repository Manager</text>

  <!-- Central Artifactory Core -->
  <rect x="500" y="300" width="200" height="120" rx="20" fill="#e74c3c" filter="url(#shadow)"/>
  <text x="600" y="360" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">JFrog</text>
  <text x="600" y="390" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="white" text-anchor="middle">ARTIFACTORY</text>

  <!-- Package Format Support - Top Section -->
  <text x="600" y="190" font-family="Arial, sans-serif" font-size="20" font-weight="bold" fill="#2c3e50" text-anchor="middle">Universal Package Format Support</text>

  <!-- Package Format Icons - First Row -->
  <g transform="translate(150, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Docker</text>
  </g>
  <g transform="translate(300, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Maven</text>
  </g>
  <g transform="translate(450, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">npm</text>
  </g>
  <g transform="translate(600, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Gradle</text>
  </g>
  <g transform="translate(750, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">PyPI</text>
  </g>
  <g transform="translate(900, 220)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">NuGet</text>
  </g>

  <!-- Second Row Package Formats -->
  <g transform="translate(225, 270)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Conan</text>
  </g>
  <g transform="translate(375, 270)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Go</text>
  </g>
  <g transform="translate(525, 270)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Helm</text>
  </g>
  <g transform="translate(675, 270)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Conda</text>
  </g>
  <g transform="translate(825, 270)">
    <rect x="0" y="0" width="100" height="40" rx="8" fill="#3498db"/>
    <text x="50" y="25" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">RubyGems</text>
  </g>

  <!-- Left Side - Core Features -->
  <rect x="50" y="350" width="200" height="180" rx="15" fill="#27ae60" opacity="0.9" filter="url(#shadow)"/>
  <text x="150" y="380" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">Repository Types</text>
  <text x="150" y="410" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Local</text>
  <text x="150" y="430" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Remote (Proxy/Cache)</text>
  <text x="150" y="450" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Virtual (Aggregate)</text>
  <text x="150" y="480" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Docker Registry</text>
  <text x="150" y="500" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Helm Charts</text>

  <!-- Right Side - Advanced Features -->
  <rect x="950" y="350" width="200" height="180" rx="15" fill="#f39c12" opacity="0.9" filter="url(#shadow)"/>
  <text x="1050" y="380" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">Security</text>
  <text x="1050" y="410" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• RBAC</text>
  <text x="1050" y="430" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• LDAP/SSO Integration</text>
  <text x="1050" y="450" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Access Tokens</text>
  <text x="1050" y="480" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Xray Integration</text>
  <text x="1050" y="500" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Vulnerability Scanning</text>

  <!-- Bottom Left - Integration -->
  <rect x="50" y="600" width="200" height="180" rx="15" fill="#9b59b6" opacity="0.9" filter="url(#shadow)"/>
  <text x="150" y="630" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">CI/CD Integration</text>
  <text x="150" y="660" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Jenkins</text>
  <text x="150" y="680" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• GitHub Actions</text>
  <text x="150" y="700" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• GitLab CI</text>
  <text x="150" y="730" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• CircleCI</text>
  <text x="150" y="750" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Azure DevOps</text>

  <!-- Bottom Right - Enterprise Features -->
  <rect x="950" y="600" width="200" height="180" rx="15" fill="#e67e22" opacity="0.9" filter="url(#shadow)"/>
  <text x="1050" y="630" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">Enterprise</text>
  <text x="1050" y="660" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• High Availability</text>
  <text x="1050" y="680" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Multi-site Replication</text>
  <text x="1050" y="700" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Disaster Recovery</text>
  <text x="1050" y="730" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• Backup & Restore</text>
  <text x="1050" y="750" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">• SLA Monitoring</text>

  <!-- Bottom Center - Advanced Capabilities -->
  <rect x="300" y="700" width="600" height="80" rx="10" fill="#34495e" opacity="0.9" filter="url(#shadow)"/>
  <text x="600" y="735" font-family="Arial, sans-serif" font-size="18" font-weight="bold" fill="white" text-anchor="middle">Key Capabilities</text>
  <text x="600" y="760" font-family="Arial, sans-serif" font-size="14" fill="white" text-anchor="middle">Checksum-Based Storage • Build Integration • Metadata Management • Artifact Lifecycle Management</text>

  <!-- Connecting Lines -->
  <line x1="500" y1="360" x2="250" y2="440" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
  <line x1="700" y1="360" x2="950" y2="440" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
  <line x1="500" y1="420" x2="250" y2="690" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>
  <line x1="700" y1="420" x2="950" y2="690" stroke="#95a5a6" stroke-width="2" stroke-dasharray="5,5"/>

  <!-- Footer Stats -->
  <rect x="300" y="800" width="600" height="50" rx="10" fill="#2c3e50"/>
  <text x="600" y="830" font-family="Arial, sans-serif" font-size="16" fill="white" text-anchor="middle">Universal Artifact Management • 30+ Package Formats • Millions of Artifacts • Enterprise Scale</text>

  <!-- Shadow Filter Definition -->
  <defs>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="3" dy="3" stdDeviation="5" flood-opacity="0.3"/>
    </filter>
  </defs>
</svg>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)