diff --git a/README.md b/README.md index 382aa41..45a0b40 100644 --- a/README.md +++ b/README.md @@ -8,9 +8,10 @@ ## Download For Windows 10 users, the recommended way of installation is through [Microsoft Store](https://www.microsoft.com/store/apps/9P71FC94LRH8?cid=github). -This enables auto-update and experimental ARM64 support. +This enables auto-update and experimental ARM64 support. +macOS users can also get Fluent Reader from the [Mac App Store](https://apps.apple.com/app/id1520907427). -If you are using macOS, Linux, or an older version of Windows, you can also [get Fluent Reader from GitHub releases](https://github.com/yang991178/fluent-reader/releases). +If you are using Linux or an older version of Windows, you can [get Fluent Reader from GitHub releases](https://github.com/yang991178/fluent-reader/releases). ## Features diff --git a/docs/imgs/mac_store.svg b/docs/imgs/mac_store.svg new file mode 100644 index 0000000..c36a76a --- /dev/null +++ b/docs/imgs/mac_store.svg @@ -0,0 +1,51 @@ + + Download_on_the_Mac_App_Store_Badge_US-UK_RGB_blk_092917 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/index.html b/docs/index.html index b70126c..9444d0c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -70,8 +70,11 @@

Full system-level dark mode support for both UI and reading.

-
-
Download for macOS or older Windows
+
+ + +
+
Download from GitHub Releases
GitHub Privacy diff --git a/docs/styles.css b/docs/styles.css index 0dfbe75..96a5120 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -147,10 +147,22 @@ a:hover, a:active { flex-direction: column; position: relative; } +.stores { + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; +} +.stores > a { + display: inline-block; + margin: 0 16px 16px; +} .ms-get { - width: 142px; + width: 142px; + height: 52px; +} +.mac-get { height: 52px; - margin-bottom: 16px; } .links { display: flex; @@ -191,4 +203,10 @@ a:hover, a:active { .features-container > section:last-of-type { padding-bottom: 36px; } + .stores { + flex-direction: column; + } + .links { + margin-top: calc(50vh - 270px); + } }