109 lines
7.1 KiB
XML
109 lines
7.1 KiB
XML
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
<!-- Play Store feature graphic: 1024x500 -->
|
|
<svg width="1024" height="500" viewBox="0 0 1024 500" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
<defs>
|
|
<!-- Background gradient -->
|
|
<linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#0d2535"/>
|
|
<stop offset="60%" stop-color="#1a4a66"/>
|
|
<stop offset="100%" stop-color="#0a1e2c"/>
|
|
</linearGradient>
|
|
<!-- Accent glow -->
|
|
<radialGradient id="glow" cx="72%" cy="50%" r="40%">
|
|
<stop offset="0%" stop-color="#3a82a6" stop-opacity="0.4"/>
|
|
<stop offset="100%" stop-color="#3a82a6" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<!-- Book defs -->
|
|
<filter id="bookshadow" x="-15%" y="-10%" width="140%" height="130%">
|
|
<feDropShadow dx="8" dy="12" stdDeviation="14" flood-color="#00000088"/>
|
|
</filter>
|
|
<linearGradient id="pageGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#f0ede3"/>
|
|
<stop offset="100%" stop-color="#e8e4d8"/>
|
|
</linearGradient>
|
|
<linearGradient id="coverGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#3a82a6"/>
|
|
<stop offset="100%" stop-color="#1a3d52"/>
|
|
</linearGradient>
|
|
<linearGradient id="spineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
|
|
<stop offset="0%" stop-color="#122c3c"/>
|
|
<stop offset="100%" stop-color="#2e6b8a"/>
|
|
</linearGradient>
|
|
<linearGradient id="coverShine" x1="0%" y1="0%" x2="30%" y2="100%">
|
|
<stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/>
|
|
<stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
|
|
</linearGradient>
|
|
<!-- Subtle divider gradient -->
|
|
<linearGradient id="divider" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#aaccdd" stop-opacity="0"/>
|
|
<stop offset="50%" stop-color="#aaccdd" stop-opacity="0.6"/>
|
|
<stop offset="100%" stop-color="#aaccdd" stop-opacity="0"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<!-- Background -->
|
|
<rect width="1024" height="500" fill="url(#bg)"/>
|
|
<!-- Radial glow on right where book sits -->
|
|
<rect width="1024" height="500" fill="url(#glow)"/>
|
|
|
|
<!-- Decorative circles (faint) -->
|
|
<circle cx="780" cy="250" r="280" fill="none" stroke="#3a82a6" stroke-width="0.6" opacity="0.15"/>
|
|
<circle cx="780" cy="250" r="210" fill="none" stroke="#3a82a6" stroke-width="0.6" opacity="0.15"/>
|
|
<circle cx="780" cy="250" r="140" fill="none" stroke="#3a82a6" stroke-width="0.6" opacity="0.15"/>
|
|
|
|
<!-- Left panel: branding -->
|
|
<!-- Large star symbol, centered left area -->
|
|
<!-- star viewBox 81x81, scale to 110x110 at position (70, 100) -->
|
|
<!-- scale=110/81=1.358, translate(70,100) -->
|
|
<g transform="translate(70, 120) scale(1.358)" opacity="0.85">
|
|
<path d="m 32.120065,25.957965 -15.0296,-9.2912 c -0.3066,-0.187 -0.6532,0.1603 -0.4666,0.4676 l 8.9112,14.4745 c 0.2399,0.3874 0.5665,0.7013 0.9597,0.9284 l 14.0032,8.0555 V 0.34209525 c 0,-0.394094 -0.5532,-0.474248 -0.6665,-0.1002 z" fill="#6197b4"/>
|
|
<path d="m 25.901665,48.988865 -9.271,15.0556 c -0.1866,0.3073 0.16,0.6546 0.4665,0.4676 l 14.4431,-8.9305 c 0.3866,-0.2405 0.6999,-0.5678 0.9265,-0.9619 l 8.038,-14.0336 H 0.34134532 c -0.393231,0 -0.473212,0.5544 -0.09997,0.6679 z" fill="#bdccd6"/>
|
|
<path d="m 55.101065,32.189965 9.2711,-15.0623 c 0.1866,-0.3072 -0.16,-0.6546 -0.4666,-0.4675 l -14.4431,8.9371 c -0.3865,0.2405 -0.6998,0.5678 -0.9264,0.9619 l -8.038,14.027 h 40.1634 c 0.3932,0 0.4732,-0.5544 0.1,-0.668 z" fill="#94bfcf"/>
|
|
<path d="m 54.507965,48.641565 -14.0099,-8.0555 v 40.2507 c 0,0.3941 0.5532,0.4742 0.6665,0.1002 l 7.7181,-25.7094 15.0296,9.2912 c 0.3066,0.187 0.6532,-0.1603 0.4665,-0.4676 l -8.9177,-14.4812 c -0.2333,-0.3807 -0.5666,-0.7013 -0.9531,-0.9284 z" fill="#eee9d9"/>
|
|
</g>
|
|
|
|
<!-- App name -->
|
|
<text x="215" y="175" font-family="Georgia, serif" font-size="88" font-weight="bold" fill="#ffffff" letter-spacing="4">TOREAD</text>
|
|
|
|
<!-- Tagline -->
|
|
<text x="218" y="224" font-family="Georgia, serif" font-size="26" fill="#aaccdd" letter-spacing="3">Your e-reading companion</text>
|
|
|
|
<!-- Feature bullets -->
|
|
<text x="218" y="282" font-family="Georgia, serif" font-size="18" fill="#7baabf">· EPUB & FB2 support</text>
|
|
<text x="218" y="312" font-family="Georgia, serif" font-size="18" fill="#7baabf">· Clean reader, smart library</text>
|
|
<text x="218" y="342" font-family="Georgia, serif" font-size="18" fill="#7baabf">· Read aloud & offline</text>
|
|
|
|
<!-- Vertical divider line -->
|
|
<line x1="600" y1="40" x2="600" y2="460" stroke="url(#divider)" stroke-width="1"/>
|
|
|
|
<!-- Book on the right, scale to fit 420px height -->
|
|
<!-- scale=420/260=1.615, width=200*1.615=323 -->
|
|
<!-- x: 600 + (424-323)/2 = 600+50 = 650, y: (500-420)/2=40 -->
|
|
<g transform="translate(652, 38) scale(1.615)">
|
|
<!-- Pages -->
|
|
<rect x="36" y="18" width="142" height="230" rx="2" fill="url(#pageGrad)" filter="url(#bookshadow)"/>
|
|
<rect x="34" y="16" width="142" height="230" rx="2" fill="#ece9df"/>
|
|
<rect x="32" y="14" width="142" height="230" rx="2" fill="#f0ede3"/>
|
|
<!-- Spine -->
|
|
<rect x="18" y="14" width="18" height="230" rx="2" fill="url(#spineGrad)"/>
|
|
<line x1="35" y1="14" x2="35" y2="244" stroke="#00000030" stroke-width="1"/>
|
|
<!-- Cover -->
|
|
<rect x="32" y="14" width="142" height="230" rx="2" fill="url(#coverGrad)"/>
|
|
<rect x="32" y="14" width="142" height="230" rx="2" fill="url(#coverShine)"/>
|
|
<!-- Cover border -->
|
|
<rect x="40" y="22" width="126" height="214" rx="1" fill="none" stroke="#ffffff30" stroke-width="1.5"/>
|
|
<!-- Star on cover -->
|
|
<g transform="translate(67, 59) scale(0.888)">
|
|
<path d="m 32.120065,25.957965 -15.0296,-9.2912 c -0.3066,-0.187 -0.6532,0.1603 -0.4666,0.4676 l 8.9112,14.4745 c 0.2399,0.3874 0.5665,0.7013 0.9597,0.9284 l 14.0032,8.0555 V 0.34209525 c 0,-0.394094 -0.5532,-0.474248 -0.6665,-0.1002 z" fill="#6197b4"/>
|
|
<path d="m 25.901665,48.988865 -9.271,15.0556 c -0.1866,0.3073 0.16,0.6546 0.4665,0.4676 l 14.4431,-8.9305 c 0.3866,-0.2405 0.6999,-0.5678 0.9265,-0.9619 l 8.038,-14.0336 H 0.34134532 c -0.393231,0 -0.473212,0.5544 -0.09997,0.6679 z" fill="#bdccd6"/>
|
|
<path d="m 55.101065,32.189965 9.2711,-15.0623 c 0.1866,-0.3072 -0.16,-0.6546 -0.4666,-0.4675 l -14.4431,8.9371 c -0.3865,0.2405 -0.6998,0.5678 -0.9264,0.9619 l -8.038,14.027 h 40.1634 c 0.3932,0 0.4732,-0.5544 0.1,-0.668 z" fill="#94bfcf"/>
|
|
<path d="m 54.507965,48.641565 -14.0099,-8.0555 v 40.2507 c 0,0.3941 0.5532,0.4742 0.6665,0.1002 l 7.7181,-25.7094 15.0296,9.2912 c 0.3066,0.187 0.6532,-0.1603 0.4665,-0.4676 l -8.9177,-14.4812 c -0.2333,-0.3807 -0.5666,-0.7013 -0.9531,-0.9284 z" fill="#eee9d9"/>
|
|
</g>
|
|
<!-- Title -->
|
|
<text x="103" y="180" text-anchor="middle" font-family="Georgia, serif" font-size="15" font-weight="bold" fill="#ffffff" letter-spacing="1">TOREAD</text>
|
|
<line x1="55" y1="188" x2="151" y2="188" stroke="#ffffff50" stroke-width="0.8"/>
|
|
<text x="103" y="202" text-anchor="middle" font-family="Georgia, serif" font-size="9" fill="#aaccdd" letter-spacing="2">E-READER</text>
|
|
<rect x="18" y="228" width="18" height="16" fill="#0e2030"/>
|
|
</g>
|
|
</svg>
|
