Update MUA docs for macOS.

USAGE.md

@@ -36,20 +36,20 @@
 ```
 
 * Articles will be ordered automatically, if you want to specify the order,
-  prepend a digit number and `-` in article files, script `convert.sh` will
+  prepend a digit number and `-` in article file name, script `convert.sh` will
   remove this prefix during converting Markdown source file to HTML file. e.g.
   `1-file1.md`, `2-file2.md`.
 * If you don't want to show an article in index page, prepend `0-` in its
-  file name as shown above.
+  file name like below.
 
 ```
 - chapter_name_x/
     |- _title.md
+    |- 0-hidden_article.md  # This article will not be displayed on index page
     |- 1-article-a.md       # This article will be displayed as first one on index page
     |- 2-article-b.md       # 2nd article on index page
     |- 3-article-c.md       # 3rd article on index page
     ...
-    |- 0-hidden_article.md  # This article will not be displayed on index page
 ```
 
 * The first line in article file will be used as article title (string `# `

en_US/mua/3-sogo.macosx.contacts.md

@@ -33,22 +33,25 @@
 
 2: Click `Internet Accounts`:
 
-![](./images/sogo/macosx.internet.accounts.png)
+![](./images/sogo/macosx.internet.accounts.png){: width="700px" }
 
 3: on right panel, click `Add Other Account` at the bottom
 
-![](./images/sogo/macosx.add.other.account.png)
+![](./images/sogo/macosx.add.other.account.png){: width="700px" }
 
 4: choose `Add a CardDAV account` in popup window
 
-![](./images/sogo/macosx.choose.account.type.carddav.png)
+![](./images/sogo/macosx.choose.account.type.carddav.png){: width="700px" }
 
-5: Fill up the form with your server address and email account credential
+5: Choose `Advanced` in the `Account Type` drop-down menu, then fill up the
+   form with your server address and email account credential
 
 * User Name: `your full email address`
 * Password: `password of your email account`
-* Server Address: `https://[server name or IP address]/SOGo/dav/[your full email address]`
+* Server Address: `your server name`. For example, `mail.iredmail.org`.
+* Server Path: `/SOGo/dav/[your full email address]`
+* Port: `443`, check `Use SSL`.
 
-![](./images/sogo/macosx.add.carddav.account.png)
+![](./images/sogo/macosx.add.carddav.account.png){: width="700px" }
 
 That's all.

en_US/mua/3-sogo.macosx.icalendar.md

@@ -37,11 +37,11 @@
 
 3: on right panel, click `Add Other Account` at the bottom
 
-![](./images/sogo/macosx.add.other.account.png)
+![](./images/sogo/macosx.add.other.account.png){: width="700px" }
 
 4: choose `Add a CalDAV account` in popup window
 
-![](./images/sogo/macosx.choose.account.type.caldav.png)
+![](./images/sogo/macosx.choose.account.type.caldav.png){: width="700px" }
 
 5: Fill up the form with your server address and email account credential
 
@@ -53,11 +53,11 @@
 * Port: `443`
 * Use SSL: checked
 
-![](./images/sogo/macosx.add.caldav.account.png)
+![](./images/sogo/macosx.add.caldav.account.png){: width="700px" }
 
 6: Click `Create` button to create account. You can also enable Reminders (task
    service) if you want.
 
-![](./images/sogo/macosx.add.reminder.png)
+![](./images/sogo/macosx.add.reminder.png){: width="700px" }
 
 That's all.

html/sogo.macosx.contacts.html

@@ -49,18 +49,21 @@
 <p>1: Open application <code>System Preferences</code>:</p>
 <p><img alt="" src="./images/sogo/macosx.system.preferences.png" /></p>
 <p>2: Click <code>Internet Accounts</code>:</p>
-<p><img alt="" src="./images/sogo/macosx.internet.accounts.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.internet.accounts.png" width="700px" /></p>
 <p>3: on right panel, click <code>Add Other Account</code> at the bottom</p>
-<p><img alt="" src="./images/sogo/macosx.add.other.account.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.add.other.account.png" width="700px" /></p>
 <p>4: choose <code>Add a CardDAV account</code> in popup window</p>
-<p><img alt="" src="./images/sogo/macosx.choose.account.type.carddav.png" /></p>
-<p>5: Fill up the form with your server address and email account credential</p>
+<p><img alt="" src="./images/sogo/macosx.choose.account.type.carddav.png" width="700px" /></p>
+<p>5: Choose <code>Advanced</code> in the <code>Account Type</code> drop-down menu, then fill up the
+   form with your server address and email account credential</p>
 <ul>
 <li>User Name: <code>your full email address</code></li>
 <li>Password: <code>password of your email account</code></li>
-<li>Server Address: <code>https://[server name or IP address]/SOGo/dav/[your full email address]</code></li>
+<li>Server Address: <code>your server name</code>. For example, <code>mail.iredmail.org</code>.</li>
+<li>Server Path: <code>/SOGo/dav/[your full email address]</code></li>
+<li>Port: <code>443</code>, check <code>Use SSL</code>.</li>
 </ul>
-<p><img alt="" src="./images/sogo/macosx.add.carddav.account.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.add.carddav.account.png" width="700px" /></p>
 <p>That's all.</p><div class="footer">
     <p style="text-align: center; color: grey;">All documents are available in <a href="https://bitbucket.org/zhb/iredmail-docs/src">BitBucket repository</a>, and published under <a href="http://creativecommons.org/licenses/by-nd/3.0/us/" target="_blank">Creative Commons</a> license. You can <a href="https://bitbucket.org/zhb/iredmail-docs/get/tip.tar.bz2">download the latest version</a> for offline reading. If you found something wrong, please do <a href="http://www.iredmail.org/contact.html">contact us</a> to fix it.</p>
 </div>

html/sogo.macosx.icalendar.html

@@ -51,9 +51,9 @@
 <p>2: Click <code>Internet Accounts</code>:</p>
 <p><img alt="" src="./images/sogo/macosx.internet.accounts.png" /></p>
 <p>3: on right panel, click <code>Add Other Account</code> at the bottom</p>
-<p><img alt="" src="./images/sogo/macosx.add.other.account.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.add.other.account.png" width="700px" /></p>
 <p>4: choose <code>Add a CalDAV account</code> in popup window</p>
-<p><img alt="" src="./images/sogo/macosx.choose.account.type.caldav.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.choose.account.type.caldav.png" width="700px" /></p>
 <p>5: Fill up the form with your server address and email account credential</p>
 <ul>
 <li>Account Type: <code>Advanced</code></li>
@@ -64,10 +64,10 @@
 <li>Port: <code>443</code></li>
 <li>Use SSL: checked</li>
 </ul>
-<p><img alt="" src="./images/sogo/macosx.add.caldav.account.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.add.caldav.account.png" width="700px" /></p>
 <p>6: Click <code>Create</code> button to create account. You can also enable Reminders (task
    service) if you want.</p>
-<p><img alt="" src="./images/sogo/macosx.add.reminder.png" /></p>
+<p><img alt="" src="./images/sogo/macosx.add.reminder.png" width="700px" /></p>
 <p>That's all.</p><div class="footer">
     <p style="text-align: center; color: grey;">All documents are available in <a href="https://bitbucket.org/zhb/iredmail-docs/src">BitBucket repository</a>, and published under <a href="http://creativecommons.org/licenses/by-nd/3.0/us/" target="_blank">Creative Commons</a> license. You can <a href="https://bitbucket.org/zhb/iredmail-docs/get/tip.tar.bz2">download the latest version</a> for offline reading. If you found something wrong, please do <a href="http://www.iredmail.org/contact.html">contact us</a> to fix it.</p>
 </div>