Add Flatpak assets and update metainfo (#9932)

* Add some screenshots and an SVG logo
* Set logo and brand colors
* Expand the product description
* Add more screenshots and set metainfo screenshot URLs
* Set app requires element and add help URL too
* Update active screenshot to show a longer duration

README.md

@@ -7,6 +7,8 @@ security, we will always put your privacy first._
 
 See: https://vpn.mozilla.org
 
+![Mozilla VPN Connected to New York](docs/screenshots/linux-screenshot-home-active.png) ![Mozilla VPN Server Selection](docs/screenshots/linux-screenshot-selection-multihop.png)
+
 ## Getting Involved
 
 We encourage you to participate in this open source project. We love Pull

linux/flatpak/org.mozilla.vpn.metainfo.xml

@@ -13,23 +13,70 @@
  <name>Mozilla Corporation</name>
  </developer>
 
+ <icon type="remote">https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/src/ui/resources/logo-generic.svg</icon>
+ <branding>
+ <color type="primary" scheme_preference="light">#f9f9fa</color>
+ <color type="primary" scheme_preference="dark">#38383d</color>
+ </branding>
+
  <releases type="external" url="https://mozilla.github.io/mozillavpn-product-details/org.mozilla.vpn.releases.xml" />
 
  <url type="homepage">https://vpn.mozilla.org</url>
  <url type="vcs-browser">https://github.com/mozilla-mobile/mozilla-vpn-client</url>
+ <url type="help">https://support.mozilla.org/en-US/products/firefox-private-network-vpn</url>
 
  <supports>
  <control>pointing</control>
  <control>keyboard</control>
  <control>touch</control>
  </supports>
-
+ <requires>
+ <display_length compare="gt">640</display_length>
+ <internet>always</internet>
+ </requires>
+
  <description>
- <p>
- A virtual private network protects your connection to the internet, keeping your location and what you do online more private across your devices.
- </p>
+ <p>A virtual private network protects your connection to the internet, keeping your location and what you do online more private across your devices.</p>
+ <p><em>Keeps your data safe on public Wi-Fi</em></p>
+ <p>Log in to your bank or doctor's office from the airport, cafe or anywhere, with peace of mind.</p>
+ <p><em>Blocks advertisers from targeting you</em></p>
+ <p>Hide your activity from trackers and malware so you can shop without being watched.</p>
+ <p><em>Helps you access global content</em></p>
+ <p>Check out streaming media, websites and live-streams from other countries while you're traveling or at home.</p>
+ <p><em>Features that protect your life online</em></p>
+ <ul>
+ <li>Connect up to 5 devices</li>
+ <li>More than 500 servers in 30+ countries</li>
+ <li>Fast network speeds even while gaming</li>
+ <li>No logging, tracking or sharing of network data</li>
+ <li>No bandwidth restrictions or throttling</li>
+ <li>Extra security: whole device protection, multi-hop routing and more</li>
+ </ul>
  </description>
  <project_group>Mozilla</project_group>
-
+
+ <screenshots>
+ <screenshot type="default">
+ <caption>Mozilla VPN home screen</caption>
+ <image>https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/docs/screenshots/linux-screenshot-home-inactive.png</image>
+ </screenshot>
+ <screenshot>
+ <caption>Recommended servers selection screen</caption>
+ <image>https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/docs/screenshots/linux-screenshot-selection-recommended.png</image>
+ </screenshot>
+ <screenshot>
+ <caption>Server selection screen</caption>
+ <image>https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/docs/screenshots/linux-screenshot-selection-multihop.png</image>
+ </screenshot>
+ <screenshot>
+ <caption>Mozilla VPN connected to Toronto</caption>
+ <image>https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/docs/screenshots/linux-screenshot-home-active.png</image>
+ </screenshot>
+ <screenshot>
+ <caption>Privacy settings screen</caption>
+ <image>https://raw.githubusercontent.com/mozilla-mobile/mozilla-vpn-client/refs/heads/main/docs/screenshots/linux-screenshot-privacy.png</image>
+ </screenshot>
+ </screenshots>
+
  <launchable type="desktop-id">org.mozilla.vpn.desktop</launchable>
 </component>