| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720"> |
| 2 | <defs> |
| 3 | <pattern id="dotP10" x="0" y="0" width="7" height="7" patternUnits="userSpaceOnUse"> |
| 4 | <circle cx="3.5" cy="3.5" r="0.7" fill="#1A1A1A" fill-opacity="0.1"/> |
| 5 | </pattern> |
| 6 | </defs> |
| 7 | |
| 8 | <rect id="bg" width="1280" height="720" fill="#F5EFE0"/> |
| 9 | <rect id="grain" width="1280" height="720" fill="url(#dotP10)"/> |
| 10 | |
| 11 | <g id="header"> |
| 12 | <rect x="60" y="56" width="14" height="68" fill="#1E4DBC"/> |
| 13 | <rect x="63" y="59" width="14" height="68" fill="#FF5C8A" opacity="0.7"/> |
| 14 | <rect x="60" y="56" width="14" height="68" fill="#1E4DBC"/> |
| 15 | <text x="92" y="98" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="46" fill="#1A1A1A" letter-spacing="-1">三座城市 · 三种姿态</text> |
| 16 | <text x="92" y="128" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#5A5A5A" letter-spacing="3">THREE CITIES · THREE BOOKSTORE TEMPERAMENTS</text> |
| 17 | </g> |
| 18 | |
| 19 | <line x1="60" y1="152" x2="1220" y2="152" stroke="#1A1A1A" stroke-width="3"/> |
| 20 | |
| 21 | <!-- Top triptych banner --> |
| 22 | <g id="triptych"> |
| 23 | <rect x="58" y="172" width="1164" height="160" fill="#FF5C8A"/> |
| 24 | <image href="../images/three_cities_triptych.png" x="60" y="170" width="1160" height="160" preserveAspectRatio="xMidYMid slice"/> |
| 25 | <line x1="60" y1="330" x2="1220" y2="330" stroke="#1A1A1A" stroke-width="3"/> |
| 26 | </g> |
| 27 | |
| 28 | <!-- Three city pillars --> |
| 29 | <g id="pillar-paris"> |
| 30 | <rect x="60" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 31 | <rect x="63" y="353" width="380" height="320" fill="#FF5C8A" opacity="0.5"/> |
| 32 | <rect x="60" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 33 | <!-- top color header band --> |
| 34 | <rect x="60" y="350" width="380" height="68" fill="#1E4DBC"/> |
| 35 | <text x="76" y="394" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="36" fill="#F5EFE0">PARIS</text> |
| 36 | <text x="424" y="394" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#FF5C8A" text-anchor="end" letter-spacing="2">巴黎</text> |
| 37 | <!-- body --> |
| 38 | <text x="80" y="450" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#F5EFE0">Shakespeare and Company</text> |
| 39 | <text x="80" y="476" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#FF5C8A" letter-spacing="2">37 RUE DE LA BÛCHERIE · EST 1951</text> |
| 40 | <line x1="80" y1="488" x2="200" y2="488" stroke="#FF5C8A" stroke-width="2"/> |
| 41 | <text x="80" y="514" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· 原址 12 rue de l'Odéon</text> |
| 42 | <text x="80" y="536" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> Sylvia Beach 1919 创办</text> |
| 43 | <text x="80" y="566" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· 现址 1951 George Whitman</text> |
| 44 | <text x="80" y="588" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 接纳数千 "TUMBLEWEEDS"</text> |
| 45 | <text x="80" y="618" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· 住宿条件：每天读 1 小时</text> |
| 46 | <text x="80" y="640" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 写一页自传 + 帮工</text> |
| 47 | <text x="80" y="660" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" font-weight="900" fill="#FF5C8A">→ 书店 = 写作者收容所</text> |
| 48 | </g> |
| 49 | |
| 50 | <g id="pillar-london"> |
| 51 | <rect x="450" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 52 | <rect x="453" y="353" width="380" height="320" fill="#1E4DBC" opacity="0.5"/> |
| 53 | <rect x="450" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 54 | <rect x="450" y="350" width="380" height="68" fill="#FF5C8A"/> |
| 55 | <text x="466" y="394" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="36" fill="#F5EFE0">LONDON</text> |
| 56 | <text x="814" y="394" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#1E4DBC" text-anchor="end" letter-spacing="2">伦敦</text> |
| 57 | <text x="470" y="450" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#F5EFE0">Daunt + Word on the Water</text> |
| 58 | <text x="470" y="476" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#FF5C8A" letter-spacing="2">MARYLEBONE + REGENT'S CANAL</text> |
| 59 | <line x1="470" y1="488" x2="590" y2="488" stroke="#FF5C8A" stroke-width="2"/> |
| 60 | <text x="470" y="514" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· DAUNT (Marylebone)</text> |
| 61 | <text x="470" y="536" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 爱德华建筑 + 橡木阳台</text> |
| 62 | <text x="470" y="558" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> + 彩色玻璃 + 按国家分类</text> |
| 63 | <text x="470" y="588" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· WORD ON THE WATER</text> |
| 64 | <text x="470" y="610" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 1920s 荷兰运河船</text> |
| 65 | <text x="470" y="632" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 皮椅 / 老打字机 / 火炉</text> |
| 66 | <text x="470" y="660" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" font-weight="900" fill="#FF5C8A">→ 书店 = 场景即体验</text> |
| 67 | </g> |
| 68 | |
| 69 | <g id="pillar-nyc"> |
| 70 | <rect x="840" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 71 | <rect x="843" y="353" width="380" height="320" fill="#E8A02E" opacity="0.5"/> |
| 72 | <rect x="840" y="350" width="380" height="320" fill="#1A1A1A"/> |
| 73 | <rect x="840" y="350" width="380" height="68" fill="#1E4DBC"/> |
| 74 | <text x="856" y="394" font-family="Impact, 'Arial Black', 'Microsoft YaHei', sans-serif" font-size="36" fill="#F5EFE0">NEW YORK</text> |
| 75 | <text x="1204" y="394" font-family="Consolas, 'Courier New', monospace" font-size="13" fill="#FF5C8A" text-anchor="end" letter-spacing="2">纽约</text> |
| 76 | <text x="860" y="450" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="22" font-weight="900" fill="#F5EFE0">Strand + Yu and Me Books</text> |
| 77 | <text x="860" y="476" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#FF5C8A" letter-spacing="2">BROADWAY + CHINATOWN</text> |
| 78 | <line x1="860" y1="488" x2="980" y2="488" stroke="#FF5C8A" stroke-width="2"/> |
| 79 | <text x="860" y="514" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· STRAND (1927)</text> |
| 80 | <text x="860" y="536" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 2,500,000 册藏书</text> |
| 81 | <text x="860" y="558" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 自称 "18 英里书架"</text> |
| 82 | <text x="860" y="588" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0">· YU AND ME BOOKS (2021)</text> |
| 83 | <text x="860" y="610" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 华埠首家亚裔女性书店</text> |
| 84 | <text x="860" y="632" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="14" fill="#F5EFE0"> 2023 火灾后社区众筹重建</text> |
| 85 | <text x="860" y="660" font-family="'Microsoft YaHei', 'PingFang SC', Arial, sans-serif" font-size="13" font-weight="900" fill="#FF5C8A">→ 书店 = 社区基础设施</text> |
| 86 | </g> |
| 87 | |
| 88 | <g id="footer"> |
| 89 | <line x1="60" y1="690" x2="1220" y2="690" stroke="#1A1A1A" stroke-width="1"/> |
| 90 | <text x="60" y="708" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#5A5A5A" letter-spacing="2">P10 · PARIS × LONDON × NEW YORK</text> |
| 91 | <text x="1220" y="708" font-family="Consolas, 'Courier New', monospace" font-size="11" fill="#5A5A5A" text-anchor="end" letter-spacing="2">收容所 / 场景 / 基础设施</text> |
| 92 | </g> |
| 93 | </svg> |
| 94 |