Possible prep for more SVGs (#1682)

* Few titles that were incorrect but now removed since placed offset
* Offset uses HTML... exception made for this parsing
* Since CSS is quite specific to these views leaving in there instead of common.css
* Show documentation license on every page.
* Scale a few things down even further

Post #1678

Auto-merge

Author: Martii

controllers/document.js

@@ -84,6 +84,7 @@ exports.view = function (aReq, aRes, aNext) {
         var lines = null;
         var matches = null;
         var heading = null;
+        var icon = null;
         var content = null;
 
         if (aErr) {
@@ -99,12 +100,18 @@ exports.view = function (aReq, aRes, aNext) {
         } else {
           heading = document;
         }
+        matches = lines[0].match(/^\<img src\=\"(.*?)\"/);
+        if (matches) {
+          icon = matches[1];
+          lines.shift();
+        }
         content = lines.join('\n');
 
         // Page metadata
         pageMetadata(options, [heading, 'About']);
 
         options.pageHeading = heading;
+        options.pageIcon = icon;
         options.pageData = renderMd(content);
 
         aCallback(null);

views/includes/documents/Android.md

@@ -1,6 +1,5 @@
 ## Android
-
-![Android icon][androidIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/android_icon.png" width="128" height="128">
 
 Android is an operating system on many portable devices.
 
@@ -9,6 +8,5 @@ Android is an operating system on many portable devices.
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[androidIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/android_icon.png
 [wikipediaAndroidOS]: https://www.wikipedia.org/wiki/Android_%28operating_system%29
 [TampermonkeyForAndroid]: Tampermonkey-for-Android

views/includes/documents/Chrome.md

@@ -1,6 +1,5 @@
 ## Chrome
-
-![Chrome icon][chromeIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/chrome_icon.png" width="128" height="128">
 
 Chrome is a free web browser developed by Google. Most of its code draws from the open-source [Chromium][] project. Chrome's selling points are security, speed, simplicity and stability. The desktop version runs on Windows, Linux and OS X, and there are mobile versions for Android and iOS.
 
@@ -14,7 +13,6 @@ To run userscripts on Chrome, you normally need a manager extension.
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[chromeIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/chrome_icon.png "Chrome"
 [chromeBrowser]: https://www.google.com/chrome/browser/
 [wikipediaChrome]: https://www.wikipedia.org/wiki/Google_Chrome
 [chromeSupport]: https://support.google.com/chrome/

views/includes/documents/Chromium.md

@@ -1,6 +1,5 @@
 ## Chromium
-
-![Chromium icon][chromiumIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/chromium_icon.png" width="128" height="128">
 
 Chromium is a free open-source web browser. Chromium's selling points are security, speed, simplicity and stability. The desktop version runs on Windows, Linux and OS X, and there are mobile versions for Android and iOS.
 
@@ -14,7 +13,6 @@ To run userscripts on Chromium, you normally need a manager extension such as Ta
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[chromiumIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/chromium_icon.png "Chromium"
 [chromiumBrowser]: http://dev.chromium.org/Home
 [wikipediaChromium]: https://www.wikipedia.org/wiki/Chromium_%28web_browser%29
 [chromiumSupport]: https://bugs.chromium.org/p/chromium/issues/list

views/includes/documents/Edge.md

@@ -1,6 +1,5 @@
 ## Edge
-
-![Edge icon][edgeIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/edge_icon.png" width="128" height="128">
 
 Edge is a web browser integrated into Microsoft Windows 10.
 
@@ -9,7 +8,6 @@ Edge is a web browser integrated into Microsoft Windows 10.
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[edgeIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/edge_icon.png
 [wikipediaEdge]: https://www.wikipedia.org/wiki/Microsoft_Edge
 [wikipediaWindows10]: https://www.wikipedia.org/wiki/Windows_10
 [TampermonkeyForEdge]: Tampermonkey-for-Edge

views/includes/documents/Falkon.md

@@ -1,6 +1,5 @@
 ## Falkon
-
-![Falkon icon][falkonIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/falkon_icon.png" width="128" height="128">
 
 Falkon is very fast Qt based browser. It is actively developed and uses open standards *(so it's easier for programmers to work with it)*. It aims to be a lightweight web browser available through most major platforms. Previously it was called QupZilla.
 
@@ -92,7 +91,6 @@ Patches are usually submitted by using `$ git diff > mypatch.diff` to KDE.
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[falkonIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/falkon_icon.png "Falkon"
 [falkonExtensionsScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/falkon1.gif "Enabling the GreaseMonkey Extension"
 [oujsScriptPageScreenshot1]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/openuserjs_script.gif "Ready to install a script"
 [falkonScreenshot3]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/falkon3.png "Falkon start page with GreaseMoneky enabled"

views/includes/documents/Firefox.md

@@ -1,6 +1,5 @@
 ## Firefox
-
-![Firefox icon][firefoxIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/firefox_icon.png" width="128" height="128">
 
 Firefox is the browser portion of SeaMonkey as a free, open source web browser developed by the Mozilla community.  It is actively developed and uses open standards *(so it's easier for programmers to work with it)*.  This means that there are scripts and add-ons available for Firefox, and few compatibility issues with websites. Firefox is available for Windows, Mac OS X and Linux.  There is also a [mobile version][firefoxBrowserForAndroid] that runs on Android.
 
@@ -14,7 +13,6 @@ SeaMonkey and Firefox were the first web browsers to support userscripts, thanks
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[firefoxIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/firefox_icon.png "Firefox"
 [firefoxBrowserForAndroid]: https://play.google.com/store/apps/details?id=org.mozilla.firefox&utm_source=mozilla&utm_medium=Referral&utm_campaign=mozilla-org
 [firefoxBrowser]: https://www.getfirefox.com/
 [wikipediaMozilla]: https://www.wikipedia.org/wiki/Mozilla

views/includes/documents/Greasemonkey-Port-for-SeaMonkey.md

@@ -1,5 +1,5 @@
 ## Greasemonkey Port for SeaMonkey
-![Greasemonkey icon][greasemonkeyPortIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkeyport_icon.png" width="128" height="128">
 
 Greasemonkey Port is a userscript manager for SeaMonkey, originally written by Aaron Boodman and currently SeaMonkey front-end maintained by Marti, Ratty and/or Farby with some backend support from Anthony Lieuallen and Johan Sundström. It is the first extension to allow userscripts to be run in a web browser and is a near parallel branch of Greasemonkey itself. Originally Greasemonkey contained SeaMonkey support and is now split off.
 
@@ -61,7 +61,6 @@ Sometimes, when you use more than one userscript on the same web page, they need
 [aomUserScriptsScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkeyport5.png "Userscript management in SeaMonkey"
 [greasespot]: http://www.greasespot.net/
 [greasemonkeyPortWiki]: https://sourceforge.net/p/greasemonkey/wiki/Main_Page/
-[greasemonkeyPortIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkeyport_icon.png "Greasemonkey Port"
 [greasemonkeyPortSFscreenshot1]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkeyport1.gif "Greasemonkey Port on SourceForge"
 [oujsScriptPageScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/openuserjs_script.gif "Ready to install a script"
 [greasemonkeyInstallationScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkeyport4.gif "Greasemonkey Port script installation warning"

views/includes/documents/Greasemonkey-for-Firefox.md

@@ -1,5 +1,5 @@
 ## Greasemonkey for Firefox
-![Greasemonkey icon][greasemonkeyIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkey_icon.min.svg?sanitize=true" width="128" height="128">
 
 Greasemonkey is a userscript manager for Firefox, originally written by Aaron Boodman and currently Firefox front-end and back-end maintained by Anthony Lieuallen and Johan Sundström. It is the first extension to allow userscripts to be run in a web browser.
 
@@ -59,7 +59,6 @@ Sometimes, usually on a portable device, it may look like the userscript manager
 [aboutAddons]: about:addons
 [aomUserScriptsScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkey5.gif "Userscript management in Firefox"
 [greasespot]: https://www.greasespot.net/
-[greasemonkeyIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkey_icon.png "Greasemonkey"
 [greasemonkeyAMOscreenshot1]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkey1.gif "Greasemonkey at Mozilla Add-Ons"
 [oujsScriptPageScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/openuserjs_script.gif "Ready to install a script"
 [greasemonkeyInstallationScreenshot]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/greasemonkey4.gif "Greasemonkey script installation warning"

views/includes/documents/Linux.md

@@ -1,12 +1,10 @@
 ## Linux
-
-![Linux icon][LinuxIcon]
+<img src="https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/tux_icon.png" width="128" height="128">
 
 Linux is a free operating system and available from many distributions.
 
 * [Linux on Wikipedia][wikipediaLinuxOS]
 
 [githubFavicon]: https://assets-cdn.github.com/favicon.ico
 [oujsFavicon]: https://github.com/raw/OpenUserJs/OpenUserJS.org/master/public/images/favicon16.png
-[LinuxIcon]: https://github.com/raw/wiki/OpenUserJS/OpenUserJS.org/images/tux_icon.png
 [wikipediaLinuxOS]: https://www.wikipedia.org/wiki/Linux