kiwix / web

Bugs, enhancements, ideas for our Web presence
https://kiwix.org
6 stars 6 forks source link

www.kiwix.org Design Revamp - Applications Page #213

Closed ghost closed 1 year ago

ghost commented 1 year ago

Here is the Figma URL: https://www.figma.com/file/atKBgNfsDz5MvmsOGHY2ls/kiwix?node-id=126-244&t=E2Opi57AQX4IqwRa-0. You should be referring to "For Developers" tab from the left hand navigation.

Meta Data Description to be considered during the development of page as below (this is only a recommendation, but if you have any alternative data then feel free to use them.)

Title: Download Kiwix - Your Offline Wikipedia Reader Description: Kiwix is a free offline reader that allows you to access the entirety of Wikipedia, as well as other educational content, without an internet connection. Download Kiwix now and start exploring knowledge offline. Keywords: Kiwix, download, offline Wikipedia reader, educational content, knowledge, free, open-source software, internet connectivity, encyclopedia, offline reader.

Here are some guidelines for Dev -

The page title ( banner title ) should be formatted as an H1 tag. for listing card it's container should be a ul tag and the listing card should be wrap inside li tag Card heading should be h2 tag it should also be clickable h2>a app store link should be anchor tag and it should have following attribute target="_blank" rel="noopener noreferrer" download button should be an anchor tag and download attribute should be used When clicked on kiwix and custom app button the url should be changed eg: example.com/?app-type="kiwix" and below data should be changed using ajax.