add a wiki link, shorten the USO link, use https everywhere

_locales/en/messages.json

@@ -493,6 +493,18 @@
     "message": "License",
     "description": "Label for the license"
   },
+  "linkGetStyles": {
+    "message": "Get styles",
+    "description": "Help link text on the manage page e.g. https://userstyles.org"
+  },
+  "linkGetHelp": {
+    "message": "Get help",
+    "description": "Homepage link text on the manage page e.g. https://add0n.com/stylus.html#features with chat/FAQ/intro/info"
+  },
+  "linkStylusWiki": {
+    "message": "Wiki",
+    "description": "Wiki link text on the manage page e.g. https://github.com/openstyles/stylus/wiki"
+  },
   "linterConfigPopupTitle": {
     "message": "Set $linter$ rules configuration",
     "description": "Stylelint or CSSLint popup header",
@@ -620,10 +632,6 @@
     "message": "Number of applies-to items",
     "description": "Label for the numeric input box to limit max number of applies-to targets in the new UI on manage page"
   },
-  "manageText": {
-    "message": "<a href='https://userstyles.org'>Get styles on userstyles.org</a> | <a href='http://add0n.com/stylus.html'>Get help</a>",
-    "description": "Help text on the manage page"
-  },
   "manageTitle": {
     "message": "Stylus",
     "description": "Title for the manage page"

manage.html

@@ -337,7 +337,11 @@
     </p>
   </details>
 
-  <p id="manage-text" i18n-html="manageText"></p>
+  <p id="manage-text">
+    <span><a href="https://userstyles.org" target="_blank" i18n-text="linkGetStyles"></a></span>
+    <span><a href="https://add0n.com/stylus.html#features" target="_blank" i18n-text="linkGetHelp"></a></span>
+    <span><a href="https://github.com/openstyles/stylus/wiki" target="_blank" i18n-text="linkStylusWiki"></a></span>
+  </p>
 
 </div>
 

manage/manage.css

@@ -411,6 +411,15 @@ select {
   margin: -2px 1ex 0 0;
 }
 
+#manage-text {
+  display: flex;
+}
+
+#manage-text > :not(:last-child):after {
+  content: "|";
+  margin: 0 .5em;
+}
+
 .newUI .entry .svg-icon.checked,
 .newUI .entry:hover .svg-icon.checked {
   fill: #000;

manifest.json

@@ -3,7 +3,7 @@
   "version": "1.1.8",
   "minimum_chrome_version": "49",
   "description": "__MSG_description__",
-  "homepage_url": "http://add0n.com/stylus.html",
+  "homepage_url": "https://add0n.com/stylus.html",
   "manifest_version": 2,
   "icons": {
     "16": "/images/icon/16.png",