Integrate local guide panel with subtle Pink Pulse attribution and analytics tracking
This commit is contained in:
Ryan Salazar
BIN
public/partners/pinkpulse-300x250.png
Normal file
BIN
public/partners/pinkpulse-300x250.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 573 KiB |
58
public/partners/pinkpulse-banner.svg
Normal file
58
public/partners/pinkpulse-banner.svg
Normal file
@@ -0,0 +1,58 @@
|
||||
<svg width="100%" viewBox="0 0 2670 1450" xmlns="http://www.w3.org/2000/svg" style="">
|
||||
<defs>
|
||||
<linearGradient id="purpleGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
||||
<stop offset="0%" style="stop-color:#9d4edd;stop-opacity:1"/>
|
||||
<stop offset="100%" style="stop-color:#5a189a;stop-opacity:1"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="rainbowGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
||||
<stop offset="0%" style="stop-color:#ff0000;stop-opacity:1"/>
|
||||
<stop offset="16%" style="stop-color:#ff7f00;stop-opacity:1"/>
|
||||
<stop offset="33%" style="stop-color:#ffff00;stop-opacity:1"/>
|
||||
<stop offset="50%" style="stop-color:#00ff00;stop-opacity:1"/>
|
||||
<stop offset="66%" style="stop-color:#0000ff;stop-opacity:1"/>
|
||||
<stop offset="83%" style="stop-color:#4b0082;stop-opacity:1"/>
|
||||
<stop offset="100%" style="stop-color:#9400d3;stop-opacity:1"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
|
||||
<!-- Background -->
|
||||
<rect width="2560" height="1440" fill="#0a0e27" style="fill:rgb(10, 14, 39);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
|
||||
<!-- Gradient overlay -->
|
||||
<rect width="2560" height="1440" fill="url(#purpleGrad)" opacity="0.4" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.4;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
|
||||
<!-- Decorative circles -->
|
||||
<circle cx="200" cy="300" r="250" fill="#ff006e" opacity="0.1" style="fill:rgb(255, 0, 110);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
<circle cx="2360" cy="1100" r="300" fill="#00d4ff" opacity="0.1" style="fill:rgb(0, 212, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
<circle cx="1280" cy="700" r="200" fill="#9d4edd" opacity="0.08" style="fill:rgb(157, 78, 221);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.08;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
|
||||
<!-- Rainbow stripe -->
|
||||
<rect x="0" y="0" width="2560" height="12" fill="url(#rainbowGrad)" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
|
||||
<!-- Main content area -->
|
||||
<g style="fill:rgb(0, 0, 0);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto">
|
||||
<!-- Logo/Icon placeholder -->
|
||||
<circle cx="400" cy="720" r="150" fill="url(#rainbowGrad)" opacity="0.9" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:0.9;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
<text x="400" y="750" font-size="120" font-weight="bold" text-anchor="middle" fill="white" font-family="Arial, sans-serif" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:120px;font-weight:700;text-anchor:middle;dominant-baseline:auto">🌈</text>
|
||||
|
||||
<!-- Main headline -->
|
||||
<text x="800" y="500" font-size="180" font-weight="bold" fill="white" font-family="Arial, sans-serif" letter-spacing="2" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:180px;font-weight:700;text-anchor:start;dominant-baseline:auto">The Pink Pulse</text>
|
||||
|
||||
<!-- Tagline -->
|
||||
<text x="800" y="680" font-size="72" fill="#ff006e" font-family="Arial, sans-serif" font-weight="500" letter-spacing="1" style="fill:rgb(255, 0, 110);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:72px;font-weight:500;text-anchor:start;dominant-baseline:auto">LGBTQ+ Media Across 141 Cities</text>
|
||||
|
||||
<!-- Descriptive text -->
|
||||
<text x="800" y="870" font-size="52" fill="#b0b0b0" font-family="Arial, sans-serif" style="fill:rgb(176, 176, 176);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:52px;font-weight:400;text-anchor:start;dominant-baseline:auto">Stories • Culture • Pride • Community</text>
|
||||
|
||||
<!-- CTA -->
|
||||
<rect x="800" y="1000" width="600" height="120" fill="url(#rainbowGrad)" rx="20" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
<text x="1100" y="1080" font-size="64" font-weight="bold" fill="white" text-anchor="middle" font-family="Arial, sans-serif" style="fill:rgb(255, 255, 255);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:64px;font-weight:700;text-anchor:middle;dominant-baseline:auto">Subscribe Now</text>
|
||||
|
||||
<!-- Accent line -->
|
||||
<line x1="800" y1="950" x2="1400" y2="950" stroke="url(#rainbowGrad)" stroke-width="6" stroke-linecap="round" style="fill:rgb(0, 0, 0);color:rgb(0, 0, 0);stroke-width:6px;stroke-linecap:round;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
</g>
|
||||
|
||||
<!-- Bottom branding -->
|
||||
<rect x="0" y="1428" width="2560" height="12" fill="url(#rainbowGrad)" style="stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:"Anthropic Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px;font-weight:400;text-anchor:start;dominant-baseline:auto"/>
|
||||
<text x="1280" y="1410" font-size="40" fill="#888888" text-anchor="middle" font-family="Arial, sans-serif" style="fill:rgb(136, 136, 136);stroke:none;color:rgb(0, 0, 0);stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;opacity:1;font-family:Arial, sans-serif;font-size:40px;font-weight:400;text-anchor:middle;dominant-baseline:auto">thepinkpulse.com</text>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 7.4 KiB |
Reference in New Issue
Block a user