New startup window.

This commit is contained in:
Burak Kaan Köse
2026-03-05 10:12:03 +01:00
parent d45d3faa89
commit db5ecd60e4
46 changed files with 1857 additions and 234 deletions
@@ -0,0 +1,54 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="cal-body" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#EFF6FF"/>
<stop offset="100%" stop-color="#DBEAFE"/>
</linearGradient>
<linearGradient id="cal-header" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#60A5FA"/>
<stop offset="100%" stop-color="#2563EB"/>
</linearGradient>
<linearGradient id="cal-today" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#818CF8"/>
<stop offset="100%" stop-color="#4F46E5"/>
</linearGradient>
<filter id="cal-shadow" x="-10%" y="-10%" width="120%" height="130%">
<feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#2563EB" flood-opacity="0.18"/>
</filter>
</defs>
<!-- Body -->
<rect x="10" y="22" width="108" height="96" rx="14" fill="url(#cal-body)" filter="url(#cal-shadow)"/>
<!-- Header band -->
<rect x="10" y="22" width="108" height="34" rx="14" fill="url(#cal-header)"/>
<rect x="10" y="42" width="108" height="14" fill="url(#cal-header)"/>
<!-- Ring binders -->
<rect x="37" y="12" width="10" height="24" rx="5" fill="#93C5FD"/>
<rect x="81" y="12" width="10" height="24" rx="5" fill="#93C5FD"/>
<rect x="39" y="14" width="6" height="20" rx="3" fill="#1D4ED8"/>
<rect x="83" y="14" width="6" height="20" rx="3" fill="#1D4ED8"/>
<!-- Month label -->
<text x="64" y="43" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="13" font-weight="600" fill="white" opacity="0.95">MARCH</text>
<!-- Grid: row 1 -->
<rect x="18" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="40" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="62" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="84" y="64" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="106" y="64" width="12" height="14" rx="5" fill="white" opacity="0.55"/>
<!-- Grid: row 2 (today highlighted) -->
<rect x="18" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="40" y="84" width="16" height="14" rx="5" fill="url(#cal-today)"/>
<rect x="62" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="84" y="84" width="16" height="14" rx="5" fill="white" opacity="0.55"/>
<rect x="106" y="84" width="12" height="14" rx="5" fill="white" opacity="0.55"/>
<!-- Grid: row 3 (partial) -->
<rect x="18" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
<rect x="40" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
<rect x="62" y="104" width="16" height="10" rx="5" fill="white" opacity="0.35"/>
</svg>

After

Width:  |  Height:  |  Size: 2.7 KiB

@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="cu-palette" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#FDF4FF"/>
<stop offset="100%" stop-color="#F3E8FF"/>
</linearGradient>
<linearGradient id="cu-handle" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#A78BFA"/>
<stop offset="100%" stop-color="#7C3AED"/>
</linearGradient>
<filter id="cu-shadow" x="-10%" y="-10%" width="130%" height="130%">
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#7C3AED" flood-opacity="0.2"/>
</filter>
</defs>
<!-- Palette body -->
<path d="M64 12 C38 12 18 30 18 54 C18 68 26 76 36 80 C46 84 46 92 50 98 C54 104 60 108 68 106 C82 104 110 88 110 60 C110 34 90 12 64 12 Z"
fill="url(#cu-palette)" filter="url(#cu-shadow)"/>
<!-- Palette thumb hole -->
<circle cx="78" cy="96" r="10" fill="#E9D5FF"/>
<circle cx="78" cy="96" r="6" fill="white" opacity="0.6"/>
<!-- Color swatches -->
<!-- Red -->
<circle cx="38" cy="44" r="11" fill="#F87171"/>
<circle cx="38" cy="44" r="11" fill="white" opacity="0.15"/>
<!-- Orange -->
<circle cx="62" cy="28" r="11" fill="#FB923C"/>
<circle cx="62" cy="28" r="11" fill="white" opacity="0.15"/>
<!-- Blue -->
<circle cx="87" cy="34" r="11" fill="#60A5FA"/>
<circle cx="87" cy="34" r="11" fill="white" opacity="0.15"/>
<!-- Green -->
<circle cx="100" cy="56" r="11" fill="#4ADE80"/>
<circle cx="100" cy="56" r="11" fill="white" opacity="0.15"/>
<!-- Purple -->
<circle cx="92" cy="80" r="11" fill="#A78BFA"/>
<circle cx="92" cy="80" r="11" fill="white" opacity="0.15"/>
<!-- Brush -->
<rect x="22" y="72" width="8" height="36" rx="4" fill="url(#cu-handle)" transform="rotate(-40 26 90)"/>
<path d="M8 110 C8 110 14 106 18 112 C16 116 10 116 8 110 Z" fill="#F87171"/>
<path d="M10 112 C10 112 14 109 17 113" fill="none" stroke="#FCA5A5" stroke-width="1.5" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

@@ -0,0 +1,51 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="ml-env" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#F0F9FF"/>
<stop offset="100%" stop-color="#BAE6FD"/>
</linearGradient>
<linearGradient id="ml-flap" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#38BDF8"/>
<stop offset="100%" stop-color="#0284C7"/>
</linearGradient>
<linearGradient id="ml-dot1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#4ADE80"/>
<stop offset="100%" stop-color="#16A34A"/>
</linearGradient>
<linearGradient id="ml-dot2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#F87171"/>
<stop offset="100%" stop-color="#DC2626"/>
</linearGradient>
<linearGradient id="ml-dot3" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#A78BFA"/>
<stop offset="100%" stop-color="#7C3AED"/>
</linearGradient>
<filter id="ml-shadow" x="-10%" y="-10%" width="130%" height="130%">
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#0284C7" flood-opacity="0.2"/>
</filter>
</defs>
<!-- Envelope body -->
<rect x="14" y="30" width="100" height="70" rx="12" fill="url(#ml-env)" filter="url(#ml-shadow)"/>
<!-- Envelope flap (closed) -->
<path d="M14 42 L64 68 L114 42 L114 38 A12 12 0 0 0 102 26 L26 26 A12 12 0 0 0 14 38 Z"
fill="url(#ml-flap)"/>
<!-- Fold line on front -->
<path d="M14 46 L64 71 L114 46" fill="none" stroke="#7DD3FC" stroke-width="1.2" opacity="0.6"/>
<!-- Body content lines -->
<rect x="28" y="76" width="50" height="5" rx="2.5" fill="#0EA5E9" opacity="0.3"/>
<rect x="28" y="86" width="36" height="5" rx="2.5" fill="#0EA5E9" opacity="0.2"/>
<!-- Provider dots (Outlook=blue, Gmail=red, IMAP=purple) -->
<circle cx="90" cy="81" r="11" fill="url(#ml-dot1)" stroke="white" stroke-width="2"/>
<text x="90" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="11" font-weight="700" fill="white">G</text>
<circle cx="90" cy="81" r="11" fill="url(#ml-dot2)" stroke="white" stroke-width="2" transform="translate(-26,0)"/>
<text x="64" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">O</text>
<circle cx="90" cy="81" r="11" fill="url(#ml-dot3)" stroke="white" stroke-width="2" transform="translate(-52,0)"/>
<text x="38" y="86" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="10" font-weight="700" fill="white">@</text>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@@ -0,0 +1,48 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="mo-star1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#FCD34D"/>
<stop offset="100%" stop-color="#F59E0B"/>
</linearGradient>
<linearGradient id="mo-star2" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#93C5FD"/>
<stop offset="100%" stop-color="#3B82F6"/>
</linearGradient>
<linearGradient id="mo-star3" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#C4B5FD"/>
<stop offset="100%" stop-color="#7C3AED"/>
</linearGradient>
<filter id="mo-glow1" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="3" stdDeviation="5" flood-color="#F59E0B" flood-opacity="0.4"/>
</filter>
<filter id="mo-glow2" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#3B82F6" flood-opacity="0.35"/>
</filter>
<filter id="mo-glow3" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#7C3AED" flood-opacity="0.35"/>
</filter>
</defs>
<!-- Large center star -->
<polygon points="64,14 70,50 106,56 70,62 64,98 58,62 22,56 58,50"
fill="url(#mo-star1)" filter="url(#mo-glow1)"/>
<!-- Star highlight -->
<polygon points="64,20 68.5,48 92,52 68.5,56 64,84 59.5,56 36,52 59.5,48"
fill="white" opacity="0.18"/>
<!-- Small star top-right -->
<polygon points="98,18 100.5,28 110,30 100.5,32 98,42 95.5,32 86,30 95.5,28"
fill="url(#mo-star2)" filter="url(#mo-glow2)"/>
<!-- Small star bottom-left -->
<polygon points="28,82 30,90 38,92 30,94 28,102 26,94 18,92 26,90"
fill="url(#mo-star3)" filter="url(#mo-glow3)"/>
<!-- Tiny sparkle dots -->
<circle cx="104" cy="66" r="3" fill="#FCD34D" opacity="0.8"/>
<circle cx="22" cy="44" r="2.5" fill="#93C5FD" opacity="0.8"/>
<circle cx="110" cy="90" r="2" fill="#C4B5FD" opacity="0.7"/>
<circle cx="18" cy="106" r="2" fill="#FCD34D" opacity="0.6"/>
<circle cx="64" cy="108" r="2.5" fill="#93C5FD" opacity="0.6"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

@@ -0,0 +1,45 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="nb-bell" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#FCD34D"/>
<stop offset="100%" stop-color="#D97706"/>
</linearGradient>
<linearGradient id="nb-badge" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#F87171"/>
<stop offset="100%" stop-color="#DC2626"/>
</linearGradient>
<linearGradient id="nb-action" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#60A5FA"/>
<stop offset="100%" stop-color="#2563EB"/>
</linearGradient>
<filter id="nb-glow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="4" stdDeviation="7" flood-color="#D97706" flood-opacity="0.3"/>
</filter>
</defs>
<!-- Bell body -->
<path d="M64 14 C64 14 40 18 38 52 L34 80 L94 80 L90 52 C88 18 64 14 64 14 Z"
fill="url(#nb-bell)" filter="url(#nb-glow)"/>
<!-- Bell highlight -->
<path d="M64 18 C64 18 52 22 50 46 L48 64 L72 64 C72 46 66 24 64 18 Z"
fill="white" opacity="0.2"/>
<!-- Bell base / clapper mount -->
<rect x="30" y="78" width="68" height="10" rx="5" fill="#B45309"/>
<!-- Clapper -->
<circle cx="64" cy="100" r="8" fill="#92400E"/>
<rect x="61" y="88" width="6" height="14" rx="3" fill="#B45309"/>
<!-- Notification badge -->
<circle cx="92" cy="26" r="13" fill="url(#nb-badge)"/>
<text x="92" y="31" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="13" font-weight="700" fill="white">3</text>
<!-- Action buttons (toast-like) -->
<rect x="20" y="98" width="38" height="18" rx="7" fill="url(#nb-action)"/>
<text x="39" y="111" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="9" font-weight="600" fill="white">Archive</text>
<rect x="64" y="98" width="38" height="18" rx="7" fill="white" stroke="#E5E7EB" stroke-width="1"/>
<text x="83" y="111" text-anchor="middle" font-family="Segoe UI Variable, Segoe UI, sans-serif" font-size="9" font-weight="600" fill="#374151">Delete</text>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

@@ -0,0 +1,43 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="sh-outer" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#6EE7B7"/>
<stop offset="100%" stop-color="#059669"/>
</linearGradient>
<linearGradient id="sh-inner" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#A7F3D0" stop-opacity="0.9"/>
<stop offset="100%" stop-color="#34D399" stop-opacity="0.6"/>
</linearGradient>
<linearGradient id="sh-lock" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ECFDF5"/>
<stop offset="100%" stop-color="#D1FAE5"/>
</linearGradient>
<filter id="sh-glow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="4" stdDeviation="8" flood-color="#059669" flood-opacity="0.25"/>
</filter>
</defs>
<!-- Shield outer -->
<path d="M64 10 L106 28 L106 68 C106 92 86 112 64 118 C42 112 22 92 22 68 L22 28 Z"
fill="url(#sh-outer)" filter="url(#sh-glow)"/>
<!-- Shield inner highlight -->
<path d="M64 18 L100 34 L100 68 C100 88 83 106 64 112 C45 106 28 88 28 68 L28 34 Z"
fill="url(#sh-inner)" opacity="0.6"/>
<!-- Lock body -->
<rect x="50" y="62" width="28" height="22" rx="6" fill="url(#sh-lock)"/>
<!-- Lock shackle -->
<path d="M56 62 L56 54 A8 8 0 0 1 72 54 L72 62"
fill="none" stroke="white" stroke-width="5" stroke-linecap="round"/>
<!-- Keyhole -->
<circle cx="64" cy="71" r="4" fill="#059669"/>
<rect x="62" y="72" width="4" height="7" rx="2" fill="#059669"/>
<!-- Check sparkles -->
<circle cx="94" cy="28" r="3" fill="white" opacity="0.7"/>
<circle cx="106" cy="44" r="2" fill="white" opacity="0.5"/>
<circle cx="34" cy="44" r="2" fill="white" opacity="0.5"/>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

@@ -0,0 +1,49 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128" width="128" height="128">
<defs>
<linearGradient id="th-env3" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#E0E7FF"/>
<stop offset="100%" stop-color="#C7D2FE"/>
</linearGradient>
<linearGradient id="th-env2" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#EDE9FE"/>
<stop offset="100%" stop-color="#DDD6FE"/>
</linearGradient>
<linearGradient id="th-env1" x1="0" y1="0" x2="1" y2="1">
<stop offset="0%" stop-color="#818CF8"/>
<stop offset="100%" stop-color="#4F46E5"/>
</linearGradient>
<linearGradient id="th-flap" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#6366F1"/>
<stop offset="100%" stop-color="#4338CA"/>
</linearGradient>
<filter id="th-shadow" x="-10%" y="-10%" width="130%" height="130%">
<feDropShadow dx="0" dy="4" stdDeviation="6" flood-color="#4F46E5" flood-opacity="0.2"/>
</filter>
</defs>
<!-- Back envelope (bottom-most) -->
<rect x="18" y="38" width="80" height="52" rx="8" fill="url(#th-env3)" opacity="0.8"/>
<path d="M18 46 L58 66 L98 46" fill="none" stroke="#A5B4FC" stroke-width="1.5" stroke-linejoin="round"/>
<!-- Middle envelope -->
<rect x="24" y="30" width="80" height="52" rx="8" fill="url(#th-env2)" opacity="0.9"/>
<path d="M24 38 L64 58 L104 38" fill="none" stroke="#C4B5FD" stroke-width="1.5" stroke-linejoin="round"/>
<!-- Front envelope -->
<rect x="30" y="22" width="80" height="52" rx="10" fill="url(#th-env1)" filter="url(#th-shadow)"/>
<!-- Front flap (triangle) -->
<path d="M30 32 L70 52 L110 32 L110 30 A10 10 0 0 0 100 22 L40 22 A10 10 0 0 0 30 30 Z"
fill="url(#th-flap)"/>
<!-- Dividing line on front -->
<path d="M30 38 L70 57 L110 38" fill="none" stroke="#818CF8" stroke-width="1" opacity="0.5"/>
<!-- Lines in body -->
<rect x="42" y="56" width="40" height="4" rx="2" fill="white" opacity="0.35"/>
<rect x="42" y="64" width="28" height="4" rx="2" fill="white" opacity="0.25"/>
<!-- Reply indicator dot -->
<circle cx="100" cy="84" r="12" fill="#4F46E5"/>
<path d="M95 84 L101 78 M101 78 L101 90 M101 78 L107 84" fill="none" stroke="white" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 2.3 KiB

@@ -0,0 +1,44 @@
[
{
"title": "# Outlook, Gmail & IMAP/SMTP",
"description": "Connect all your email accounts in one place. Wino supports Microsoft Outlook (Office 365), Gmail, and any standard IMAP/SMTP server — giving you a unified inbox experience.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Mail.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Calendar with CalDAV Support",
"description": "Manage your schedule alongside your emails. Create local calendars or connect to remote CalDAV-compatible servers. View, create, and respond to events and invitations.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Calendar.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# S/MIME Signing & Encryption",
"description": "Keep your communications secure. Sign and encrypt emails with personal certificates to ensure your messages are authentic and private.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Security.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Conversation Threading",
"description": "Follow discussions with ease. Emails are grouped by conversation thread so you never lose context in long email chains.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Thread.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Actionable Notifications",
"description": "Stay productive without switching apps. Mark as read, delete, or archive emails directly from Windows toast notifications.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Notification.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Rich Customization",
"description": "Make Wino yours. Choose from built-in themes, create custom themes with your own wallpapers and accent colors, configure swipe actions, and set keyboard shortcuts.",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Customize.svg",
"imageWidth": 128,
"imageHeight": 128
}
]
+10 -6
View File
@@ -1,38 +1,42 @@
{
"hasMigrations": false,
"hasPendingMigrations": true,
"migration": {
"titleKey": "WhatIsNew_MigrationPreparing_Title",
"descriptionKey": "WhatIsNew_MigrationPreparing_Description"
},
"sections": [
{
"title": "# Wino Calendar is here!",
"description": "You can now create local or remote CalDAV-compatible calendars, manage recurring events, and respond to invitations — all from within Wino.",
"imageUrl": "ms-appx:///Assets/AboutPageTile.png",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Calendar.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# S/MIME Signing & Encryption",
"description": "Wino now supports signing and encrypting your emails with personal certificates. Keep your communications secure and verifiable.",
"imageUrl": "ms-appx:///Assets/AboutPageTile.png",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Security.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Threaded Mail View",
"description": "Emails are now grouped by conversation, making it easier to follow long discussions without losing context.",
"imageUrl": "ms-appx:///Assets/AboutPageTile.png",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Thread.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# Smarter Notifications",
"description": "Act on your emails directly from toast notifications — mark as read, delete, or archive without opening the app.",
"imageUrl": "ms-appx:///Assets/AboutPageTile.png",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/Notification.svg",
"imageWidth": 128,
"imageHeight": 128
},
{
"title": "# And much more...",
"description": "Folder management, swipe actions, keyboard shortcuts, a custom print dialog, and significant performance improvements are all included in this release.\n\nThank you for using Wino Mail!",
"imageUrl": "ms-appx:///Assets/AboutPageTile.png",
"imageUrl": "ms-appx:///Assets/UpdateNotes/Images/More.svg",
"imageWidth": 128,
"imageHeight": 128
}