129 lines
5.5 KiB
Bash
129 lines
5.5 KiB
Bash
|
#!/bin/bash
|
||
|
|
# Image Placeholder Generator for UK Data Services
|
||
|
|
# This script creates SVG placeholder images
|
||
|
|
|
||
|
|
# Create images directory if it doesn't exist
|
||
|
|
mkdir -p assets/images
|
||
|
|
|
||
|
|
# Logo placeholder
|
||
|
|
cat > assets/images/logo.svg << 'EOF'
|
||
|
|
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect width="200" height="50" fill="url(#logoGrad)" rx="8"/>
|
||
|
|
<text x="100" y="32" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="600" fill="white" text-anchor="middle">UK Data Services</text>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# White logo for footer
|
||
|
|
cat > assets/images/logo-white.svg << 'EOF'
|
||
|
|
<svg width="200" height="50" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<rect width="200" height="50" fill="white" rx="8"/>
|
||
|
|
<text x="100" y="32" font-family="Inter, Arial, sans-serif" font-size="18" font-weight="600" fill="#1a1a1a" text-anchor="middle">UK Data Services</text>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Hero data analytics image
|
||
|
|
cat > assets/images/hero-data-analytics.svg << 'EOF'
|
||
|
|
<svg width="500" height="400" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="heroGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:0.8" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:0.8" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<!-- Dashboard background -->
|
||
|
|
<rect x="50" y="50" width="400" height="300" fill="white" stroke="#e1e5e9" stroke-width="2" rx="16"/>
|
||
|
|
|
||
|
|
<!-- Charts and graphs -->
|
||
|
|
<rect x="80" y="80" width="150" height="100" fill="url(#heroGrad)" rx="8" opacity="0.3"/>
|
||
|
|
<rect x="250" y="80" width="150" height="60" fill="url(#heroGrad)" rx="8" opacity="0.5"/>
|
||
|
|
<rect x="250" y="160" width="150" height="60" fill="url(#heroGrad)" rx="8" opacity="0.4"/>
|
||
|
|
|
||
|
|
<!-- Data points -->
|
||
|
|
<circle cx="120" cy="130" r="4" fill="#667eea"/>
|
||
|
|
<circle cx="160" cy="110" r="4" fill="#764ba2"/>
|
||
|
|
<circle cx="200" cy="140" r="4" fill="#667eea"/>
|
||
|
|
|
||
|
|
<!-- Lines connecting data points -->
|
||
|
|
<line x1="120" y1="130" x2="160" y2="110" stroke="#667eea" stroke-width="2"/>
|
||
|
|
<line x1="160" y1="110" x2="200" y2="140" stroke="#667eea" stroke-width="2"/>
|
||
|
|
|
||
|
|
<!-- Title -->
|
||
|
|
<text x="250" y="30" font-family="Inter, Arial, sans-serif" font-size="24" font-weight="600" fill="#1a1a1a" text-anchor="middle">Data Analytics</text>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Service icons
|
||
|
|
# Web Scraping Icon
|
||
|
|
cat > assets/images/icon-web-scraping.svg << 'EOF'
|
||
|
|
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect x="10" y="15" width="40" height="30" fill="none" stroke="url(#grad1)" stroke-width="3" rx="4"/>
|
||
|
|
<line x1="15" y1="25" x2="35" y2="25" stroke="url(#grad1)" stroke-width="2"/>
|
||
|
|
<line x1="15" y1="30" x2="45" y2="30" stroke="url(#grad1)" stroke-width="2"/>
|
||
|
|
<line x1="15" y1="35" x2="40" y2="35" stroke="url(#grad1)" stroke-width="2"/>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Business Intelligence Icon
|
||
|
|
cat > assets/images/icon-business-intelligence.svg << 'EOF'
|
||
|
|
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<rect x="15" y="35" width="8" height="15" fill="url(#grad2)"/>
|
||
|
|
<rect x="25" y="25" width="8" height="25" fill="url(#grad2)"/>
|
||
|
|
<rect x="35" y="20" width="8" height="30" fill="url(#grad2)"/>
|
||
|
|
<circle cx="30" cy="15" r="3" fill="url(#grad2)"/>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Data Processing Icon
|
||
|
|
cat > assets/images/icon-data-processing.svg << 'EOF'
|
||
|
|
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="grad3" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<circle cx="20" cy="30" r="8" fill="none" stroke="url(#grad3)" stroke-width="3"/>
|
||
|
|
<circle cx="40" cy="30" r="8" fill="none" stroke="url(#grad3)" stroke-width="3"/>
|
||
|
|
<line x1="28" y1="30" x2="32" y2="30" stroke="url(#grad3)" stroke-width="3"/>
|
||
|
|
<polygon points="35,25 40,30 35,35" fill="url(#grad3)"/>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
|
||
|
|
# Create additional service icons
|
||
|
|
for icon in automation compliance consulting accuracy speed security scalability support compliance-check phone email location linkedin twitter; do
|
||
|
|
cat > assets/images/icon-${icon}.svg << EOF
|
||
|
|
<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg">
|
||
|
|
<defs>
|
||
|
|
<linearGradient id="grad${icon}" x1="0%" y1="0%" x2="100%" y2="100%">
|
||
|
|
<stop offset="0%" style="stop-color:#667eea;stop-opacity:1" />
|
||
|
|
<stop offset="100%" style="stop-color:#764ba2;stop-opacity:1" />
|
||
|
|
</linearGradient>
|
||
|
|
</defs>
|
||
|
|
<circle cx="30" cy="30" r="25" fill="url(#grad${icon})" opacity="0.1"/>
|
||
|
|
<circle cx="30" cy="30" r="15" fill="url(#grad${icon})"/>
|
||
|
|
<text x="30" y="35" font-family="Arial" font-size="10" fill="white" text-anchor="middle">${icon^^}</text>
|
||
|
|
</svg>
|
||
|
|
EOF
|
||
|
|
done
|
||
|
|
|
||
|
|
echo "SVG placeholder images created in assets/images/"
|
||
|
|
echo "Replace these with your actual professional images and icons."
|