commit c6f543cb4d56b6f372f0a62591a1f59ac863a72c Author: polynom.me CI system Date: Thu Jan 11 12:26:22 2024 +0000 Deploy new version bf9eadd3f6c1ba596cecbdcfa0b93532b059110b diff --git a/404.html b/404.html new file mode 100644 index 0000000..f8414f0 --- /dev/null +++ b/404.html @@ -0,0 +1,3 @@ + +404 Not Found +

404 Not Found

diff --git a/About-Logging.html b/About-Logging.html new file mode 100644 index 0000000..738ce43 --- /dev/null +++ b/About-Logging.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Android-Yubikey-Signing.html b/Android-Yubikey-Signing.html new file mode 100644 index 0000000..abfe6d1 --- /dev/null +++ b/Android-Yubikey-Signing.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/CNAME b/CNAME new file mode 100644 index 0000000..685dc4a --- /dev/null +++ b/CNAME @@ -0,0 +1 @@ +blog.polynom.me \ No newline at end of file diff --git a/How-I-Play-Games.html b/How-I-Play-Games.html new file mode 100644 index 0000000..f5463cd --- /dev/null +++ b/How-I-Play-Games.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Mainline-Hero-1.html b/Mainline-Hero-1.html new file mode 100644 index 0000000..791558e --- /dev/null +++ b/Mainline-Hero-1.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Mainline-Hero.html b/Mainline-Hero.html new file mode 100644 index 0000000..67ab881 --- /dev/null +++ b/Mainline-Hero.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Road-to-Foss.html b/Road-to-Foss.html new file mode 100644 index 0000000..5cafb4b --- /dev/null +++ b/Road-to-Foss.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Running-Prosody-traefik.html b/Running-Prosody-traefik.html new file mode 100644 index 0000000..8ed1a38 --- /dev/null +++ b/Running-Prosody-traefik.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Selfhosting-Lessons.html b/Selfhosting-Lessons.html new file mode 100644 index 0000000..5700fdd --- /dev/null +++ b/Selfhosting-Lessons.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/Static-Site-Generator.html b/Static-Site-Generator.html new file mode 100644 index 0000000..b6ac991 --- /dev/null +++ b/Static-Site-Generator.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/about-logging/index.html b/about-logging/index.html new file mode 100644 index 0000000..2eb4cda --- /dev/null +++ b/about-logging/index.html @@ -0,0 +1,166 @@ + + + + + + + + + + + + + + + About Logging + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

About Logging

+ + Posted on 2021-04-16 + + + + +
+

TL;DR: This post also talks about the problems I faced while working on my logging. To log to +syslog from within my containers that do not support configuring a remote syslog server, I had +syslog-ng expose a unix domain socket and mounted it into the container to /dev/log.

+

Introduction

+

I have written a lot of blog posts about the lessons I have learned while setting up and +maintaining my server. But now that I started to rework my infrastructure a bit, I had to +inevitably look at something I may have overlooked in the past: logging!

+

Previously, I had Docker kind of manage my logs: If I needed something, I would just +call docker-compose logs <service> and it would spit out logs. Then, I started to +configure my services to log to files in various locations: my prosody server would +log to /etc/prosody/logs/info.log, my nginx to /etc/nginx/logs/error.log, etc. +This, however, turned out to be problematic +as, in my case, prosody stopped logging into the file if I rotated it with logrotate. It was +also a bit impractical, as the logs were not all in the same place, but distributed across multiple +directories. +Moreover, prosody was logging things that I did not want in my logs but I could not turn off, +like when a client connected or authenticated itself. For me, this is a problem from two perspectives: +On the one hand, it is metadata that does not help me debug an hypothetical issue I have with my +prosody installation, on the other hand, it is metadata I straight-up do not want to store.

+

My solution was using a syslog daemon to process the logs, so that I could remove logs that I do not +want or need, and drop them all off at /var/log. However, there was a problem that I faced almost +immediately: Not all software I can configure to log to syslog, I can configure to log to a specific +syslog server. Why is this a problem? Well, syslog does not work inside a Docker container out of the +box, so I would have to have my syslog daemon expose a TCP/UDP (unix domain) socket that logs can be sent to. To +see this issue you can try to run logger -t SomeTag Hello World inside one of your containers +and try to find it, e.g. in your host's journal.

+

Today, I found my solution to both syslog logging within the containers and filtering out unneeded logs.

+

Syslog inside Containers

+

The first step was getting the logs out of my containers without using files. To this end, I configured +my syslog daemon - syslog-ng - to expose a unix domain socket to, for example, /var/run/syslog and +mount it into all containers to /dev/log:

+
source s_src {
+       system();
+       internal();
+       unix-dgram("/var/run/syslog");
+};
+
+

If you now try and run logger -t SomeTag Hello World inside the container, you should be able +to find "Hello World" inside the host's logs or journals.

+

Ignoring Certain Logs

+

The next step was ignoring logs that I do not need or care about. For this, I set up two logs within +syslog-ng: One that was going into my actual log file and one that was dropped:

+
destination d_prosody {
+    file("/var/log/prosody.log");
+};
+filter f_prosody {
+    program("prosody");
+};
+filter f_prosody_drop {
+    program("prosody")
+	and message("(Client connected|Client disconnected|Authenticated as .*|Stream encrypted .*)$");
+};
+
+# Drop
+log {
+    source(s_src);
+    filter(f_prosody_drop);
+    flags(final);
+};
+# Log
+log {
+    source(s_src);
+    filter(f_prosody);
+    destination(d_prosody);
+    flags(final);
+};
+
+
+

This example would log all things that prosody logs to the prosody location d_prosody and drop all +lines that match the given regular expression, which, in my case, matches all lines that relate to a client +connecting, disconnecting or authenticating.

+

Important is the flags(final); in the drop rule to indicate that a log line that matches the rule should +not be processed any further. That log also defines no destination, which tells syslog-ng in combination with +the final flag that the log +should be dropped.

+

Additionally, I moved the log rule that matches everything sent to the configured source to the bottom +of the configuration to prevent any of the logs to also land in the "everything" log.

+

Since I also host a Nextcloud server, I was also interested in getting rid of HTTP access logs. But I would +also like to know when someone is trying to scan my webserver for vulnerable wordpress installations.

+

So I again defined rules similar to those above, but added a twist:

+
filter f_nextcloud_drop {
+    program("nextcloud")
+	and match("200" value(".nextcloud.response"));
+};
+log {
+    source(s_src);
+    parser { apache-accesslog-parser(prefix(".nextcloud.")); };
+    filter(f_nextcloud_drop);
+    flags(final);
+};
+
+
+

As you can see, the rule for my Nextcloud is quite similar, except that I added a parser. With this, I can +make syslog-ng understand the HTTP access log and expose its parts as variables to my filter rule. There, +I say that my drop rule should match all access log lines that indicate a HTTP response code of 200, since +those are locations on my server that I expect to be accessed and thus do not care about.

+

Conclusion

+

With this setup, I feel much better about the logs I produce. I also have done other things not mentioned, like +configure logrotate to rotate my logs daily so that my logs don't grow too large and get removed after a day.

+

Please note that I am not an expert in syslog-ng. It just happend to be what I first got to do what I want. And +the example rules I showed are also the first thing that I wrote and filtered out what I wanted.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/android-yubikey-signing/index.html b/android-yubikey-signing/index.html new file mode 100644 index 0000000..a849163 --- /dev/null +++ b/android-yubikey-signing/index.html @@ -0,0 +1,152 @@ + + + + + + + + + + + + + + + Signing Android Apps Using a YubiKey (on NixOS) + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Signing Android Apps Using a YubiKey (on NixOS)

+ + Posted on 2023-07-24 + + + + +
+

In my spare time, I currently develop two Android apps using Flutter: AniTrack, a +simple anime and manga tracker based on my own needs, and Moxxy, a modern XMPP +client. While I don't provide release builds for AniTrack, I do for Moxxy. Those +are signed using the key-pair that Flutter generates. I thought to myself: "Wouldn't it be cool if I could keep +the key-pair on a separate device which does the signing for me?". The consequence +of this thought is that I bought a YubiKey 5c. However, as always, using it for my +purposes did not go without issues.

+ +

The first issue is that the official Android documentation +says to use the apksigner tool for creating the signature. The YubiKey documentation, however, +uses jarsigner. While I, at first, did not think much of it, Android has +different versions of the signature algorithm: v1 (what jarsigner does), v2, v3, v3.1 and +v4. While it seems like it would be no problem to just use v1 signatures, Flutter, by default, +generates v1 and v2 signatures, so I thought that I should keep it like that.

+

So, the solution is to just use apksigner instead of jarsigner, like another person on the Internet did. +But that did not work for me. Running apksigner like that makes it complain that apksigner cannot +access the required sun.security.pkcs11.SunPKCS11 Java class.

+
> /nix/store/ib27l0593bi4ybff06ndhpb8gyhx5zfv-android-sdk-env/share/android-sdk/build-tools/34.0.0/apksigner sign \ 
+      --ks NONE \
+      --ks-pass "pass:<YubiKey PIN>" \
+      --provider-class sun.security.pkcs11.SunPKCS11 \
+      --provider-arg ./provider.cfg \
+      --ks-type PKCS11 \
+      --min-sdk-version 24 \
+      --max-sdk-version 34 \
+      --in unsigned.apk \
+      --out signed.apk
+
+Exception in thread "main" java.lang.IllegalAccessException: class com.android.apksigner.ApkSignerTool$ProviderInstallSpec cannot access class sun.security.pkcs11.SunPKCS11 (in module jdk.crypto.cryptoki) because module jdk.crypto.cryptoki does not export sun.security.pkcs11 to unnamed module @75640fdb
+        at java.base/jdk.internal.reflect.Reflection.newIllegalAccessException(Reflection.java:392)
+        at java.base/java.lang.reflect.AccessibleObject.checkAccess(AccessibleObject.java:674)
+        at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:489)
+        at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:480)
+        at com.android.apksigner.ApkSignerTool$ProviderInstallSpec.installProvider(ApkSignerTool.java:1233)
+        at com.android.apksigner.ApkSignerTool$ProviderInstallSpec.access$200(ApkSignerTool.java:1201)
+        at com.android.apksigner.ApkSignerTool.sign(ApkSignerTool.java:343)
+        at com.android.apksigner.ApkSignerTool.main(ApkSignerTool.java:92)
+
+

It may only be an issue because I use NixOS, as I +cannot find another instance of someone else having this issue. But I still want my APK signed using the key-pair +on my YubiKey. After a lot of trial and error, I found out that I can force Java to export certain classes +using the --add-exports flag. Since apksigner complained that the security classes are not exported to its +unnamed class, I had to specify --add-exports sun.security.pkcs11.SunPKCS11=ALL-UNNAMED.

+

My Setup

+

TL;DR: I wrapped this entire setup (minus the Gradle config as that's a per-project thing) into a fancy script.

+

My provider configuration for the signature is exactly like the one provided in previously mentioned blog post, +with the difference that I cannot use the specified path to the opensc-pkcs11.so as I am on NixOS, where such +paths are not used. So in my setup, I either use the Nix REPL to build the derivation for opensc and then +use its lib/opensc-pkcs11.so path (/nix/store/h2bn9iz4zqzmkmmjw9b43v30vhgillw4-opensc-0.22.0 in this case) for testing or, as +used in AniTrack, let Nix figure out the path by building +the config file from within my Nix Flake:

+
{
+  # ...
+  providerArg = pkgs.writeText "provider-arg.cfg" ''
+    name = OpenSC-PKCS11
+    description = SunPKCS11 via OpenSC
+    library = ${pkgs.opensc}/lib/opensc-pkcs11.so
+    slotListIndex = 0
+  '';
+  # ...
+}
+
+

Next, to force Java to export the sun.security.pkcs11.SunPKCS11 class to apksigner's unnamed class, I added --add-exports sun.security.pkcs11.SunPKCS11 +to the Java command line. There are two ways of doing this:

+
    +
  1. Since apksigner is just a wrapper script around calling apksigner.jar, we could patch the wrapper script to include this parameter.
  2. +
  3. Use the wrapper script's built-in mechanism to pass arguments to the java command.
  4. +
+

While option 1 would work, it would require, in my case, to override the derivation that builds my Android SDK environment, which I am not that fond of. +Using apksigner's way of specifying Java arguments (-J) is much easier. However, there is a little trick to it: When you pass -Jsomething to apksigner, +the wrapper scripts transforms it to java -something. As such, we cannot pass -Jadd-exports sun.security.pkcs11.SunPKCS11 because it would get transformed +to java -add-exports sun.security.[...], which is not what we want. To work around this, I quote the entire parameter to trick Bash into thinking that I'm +passing a single argument: -J"-add-exports sun.security.pkcs11.SunPKCS11". This makes the wrapper append --add-exports sun.security.pkcs11.SunPKCS11 to the +Java command line, ultimately allowing me to sign unsigned Android APKs with the key-pair on my YubiKey.

+

Since signing a signed APK makes little sense, we also need to tell Gradle to not sign the APK. In the case of Flutter apps, I modified the android/app/build.gradle +file to use a null signing config:

+
android {
+    // ...
+    buildTypes {
+        release {
+            // This prevents Gradle from signing release builds.
+            // I don't care what happens to debug builds as I'm not distributing them.
+            signingConfig null
+        }
+    }
+}
+
+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/atom.xml b/atom.xml new file mode 100644 index 0000000..d926d42 --- /dev/null +++ b/atom.xml @@ -0,0 +1,1381 @@ + + + + PapaTutuWawa's Blog + https://blog.polynom.me + PapaTutuWawa's blog. Mainly tech stuff... + Zola + en + + Mon, 24 Jul 2023 00:00:00 +0000 + + Signing Android Apps Using a YubiKey (on NixOS) + Mon, 24 Jul 2023 00:00:00 +0000 + Unknown + https://blog.polynom.me/android-yubikey-signing/ + https://blog.polynom.me/android-yubikey-signing/ + <p>In my spare time, I currently develop two Android apps using <em>Flutter</em>: <a href="https://codeberg.org/PapaTutuWawa/anitrack">AniTrack</a>, a +simple anime and manga tracker based on my own needs, and <a href="https://moxxy.org">Moxxy</a>, a modern XMPP +client. While I don't provide release builds for AniTrack, I do for Moxxy. Those +are signed using the key-pair that Flutter generates. I thought to myself: &quot;Wouldn't it be cool if I could keep +the key-pair on a separate device which does the signing for me?&quot;. The consequence +of this thought is that I bought a <em>YubiKey 5c</em>. However, as always, using it for my +purposes did not go without issues.</p> +<span id="continue-reading"></span> +<p>The first issue is that the official <a href="https://developer.android.com/build/building-cmdline#deploy_from_bundle"><em>Android</em> documentation</a> +says to use the <code>apksigner</code> tool for creating the signature. <a href="https://developers.yubico.com/PIV/Guides/Android_code_signing.html">The <em>YubiKey</em> documentation</a>, however, +uses <code>jarsigner</code>. While I, at first, did not think much of it, <em>Android</em> has +<a href="https://source.android.com/docs/security/features/apksigning/">different versions of the signature algorithm</a>: <code>v1</code> (what <code>jarsigner</code> does), <code>v2</code>, <code>v3</code>, <code>v3.1</code> and +<code>v4</code>. While it seems like it would be no problem to just use <code>v1</code> signatures, <em>Flutter</em>, by default, +generates <code>v1</code> and <code>v2</code> signatures, so I thought that I should keep it like that.</p> +<p>So, the solution is to just use <code>apksigner</code> instead of <code>jarsigner</code>, like <a href="https://geoffreymetais.github.io/code/key-signing/">another person on the Internet</a> did. +But that did not work for me. Running <code>apksigner</code> like that makes it complain that <code>apksigner</code> cannot +access the required <code>sun.security.pkcs11.SunPKCS11</code> Java class.</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>&gt; /nix/store/ib27l0593bi4ybff06ndhpb8gyhx5zfv-android-sdk-env/share/android-sdk/build-tools/34.0.0/apksigner sign \ +</span><span> --ks NONE \ +</span><span> --ks-pass &quot;pass:&lt;YubiKey PIN&gt;&quot; \ +</span><span> --provider-class sun.security.pkcs11.SunPKCS11 \ +</span><span> --provider-arg ./provider.cfg \ +</span><span> --ks-type PKCS11 \ +</span><span> --min-sdk-version 24 \ +</span><span> --max-sdk-version 34 \ +</span><span> --in unsigned.apk \ +</span><span> --out signed.apk +</span><span> +</span><span>Exception in thread &quot;main&quot; java.lang.IllegalAccessException: class com.android.apksigner.ApkSignerTool$ProviderInstallSpec cannot access class sun.security.pkcs11.SunPKCS11 (in module jdk.crypto.cryptoki) because module jdk.crypto.cryptoki does not export sun.security.pkcs11 to unnamed module @75640fdb +</span><span> at java.base/jdk.internal.reflect.Reflection.newIllegalAccessException(Reflection.java:392) +</span><span> at java.base/java.lang.reflect.AccessibleObject.checkAccess(AccessibleObject.java:674) +</span><span> at java.base/java.lang.reflect.Constructor.newInstanceWithCaller(Constructor.java:489) +</span><span> at java.base/java.lang.reflect.Constructor.newInstance(Constructor.java:480) +</span><span> at com.android.apksigner.ApkSignerTool$ProviderInstallSpec.installProvider(ApkSignerTool.java:1233) +</span><span> at com.android.apksigner.ApkSignerTool$ProviderInstallSpec.access$200(ApkSignerTool.java:1201) +</span><span> at com.android.apksigner.ApkSignerTool.sign(ApkSignerTool.java:343) +</span><span> at com.android.apksigner.ApkSignerTool.main(ApkSignerTool.java:92) +</span></code></pre> +<p>It may only be an issue because I use NixOS, as I +cannot find another instance of someone else having this issue. But I still want my APK signed using the key-pair +on my <em>YubiKey</em>. After a lot of trial and error, I found out that I can force Java to export certain classes +using the <code>--add-exports</code> flag. Since <code>apksigner</code> complained that the security classes are not exported to its +unnamed class, I had to specify <code>--add-exports sun.security.pkcs11.SunPKCS11=ALL-UNNAMED</code>.</p> +<h2 id="my-setup">My Setup</h2> +<p>TL;DR: I wrapped this entire setup (minus the Gradle config as that's a per-project thing) into a fancy <a href="https://codeberg.org/PapaTutuWawa/bits-and-bytes/src/branch/master/src/flutter/build.sh">script</a>.</p> +<p>My provider configuration for the signature is exactly like the one provided in <a href="https://geoffreymetais.github.io/code/key-signing/#set-up-your-own-management-key">previously mentioned blog post</a>, +with the difference that I cannot use the specified path to the <code>opensc-pkcs11.so</code> as I am on NixOS, where such +paths are not used. So in my setup, I either use the Nix REPL to build the derivation for <code>opensc</code> and then +use its <code>lib/opensc-pkcs11.so</code> path (<code>/nix/store/h2bn9iz4zqzmkmmjw9b43v30vhgillw4-opensc-0.22.0</code> in this case) for testing or, as +used in <a href="https://codeberg.org/PapaTutuWawa/anitrack/src/branch/master/flake.nix">AniTrack</a>, let Nix figure out the path by building +the config file from within my Nix Flake:</p> +<pre data-lang="nix" style="background-color:#2b303b;color:#c0c5ce;" class="language-nix "><code class="language-nix" data-lang="nix"><span>{ +</span><span> </span><span style="color:#65737e;"># ... +</span><span> </span><span style="color:#d08770;">providerArg </span><span>= </span><span style="color:#bf616a;">pkgs</span><span>.</span><span style="color:#bf616a;">writeText </span><span>&quot;</span><span style="color:#a3be8c;">provider-arg.cfg</span><span>&quot; &#39;&#39; +</span><span style="color:#a3be8c;"> name = OpenSC-PKCS11 +</span><span style="color:#a3be8c;"> description = SunPKCS11 via OpenSC +</span><span style="color:#a3be8c;"> library = </span><span style="font-style:italic;color:#ab7967;">${</span><span style="font-style:italic;color:#bf616a;">pkgs</span><span style="font-style:italic;color:#c0c5ce;">.</span><span style="font-style:italic;color:#bf616a;">opensc</span><span style="font-style:italic;color:#ab7967;">}</span><span style="color:#a3be8c;">/lib/opensc-pkcs11.so +</span><span style="color:#a3be8c;"> slotListIndex = 0 +</span><span style="color:#a3be8c;"> </span><span>&#39;&#39;; +</span><span> </span><span style="color:#65737e;"># ... +</span><span>} +</span></code></pre> +<p>Next, to force Java to export the <code>sun.security.pkcs11.SunPKCS11</code> class to <code>apksigner</code>'s unnamed class, I added <code>--add-exports sun.security.pkcs11.SunPKCS11</code> +to the Java command line. There are two ways of doing this:</p> +<ol> +<li>Since <code>apksigner</code> is just a wrapper script around calling <code>apksigner.jar</code>, we could patch the wrapper script to include this parameter.</li> +<li>Use the wrapper script's built-in mechanism to pass arguments to the <code>java</code> command.</li> +</ol> +<p>While option 1 would work, it would require, in my case, to override the derivation that builds my Android SDK environment, which I am not that fond of. +Using <code>apksigner</code>'s way of specifying Java arguments (<code>-J</code>) is much easier. However, there is a little trick to it: When you pass <code>-Jsomething</code> to <code>apksigner</code>, +the wrapper scripts transforms it to <code>java -something</code>. As such, we cannot pass <code>-Jadd-exports sun.security.pkcs11.SunPKCS11</code> because it would get transformed +to <code>java -add-exports sun.security.[...]</code>, which is not what we want. To work around this, I quote the entire parameter to trick Bash into thinking that I'm +passing a single argument: <code>-J&quot;-add-exports sun.security.pkcs11.SunPKCS11&quot;</code>. This makes the wrapper append <code>--add-exports sun.security.pkcs11.SunPKCS11</code> to the +Java command line, ultimately allowing me to sign unsigned Android APKs with the key-pair on my <em>YubiKey</em>.</p> +<p>Since signing a signed APK makes little sense, we also need to tell Gradle to <em>not</em> sign the APK. In the case of Flutter apps, I modified the <code>android/app/build.gradle</code> +file to use a null signing config:</p> +<pre data-lang="gradle" style="background-color:#2b303b;color:#c0c5ce;" class="language-gradle "><code class="language-gradle" data-lang="gradle"><span>android { +</span><span> </span><span style="color:#65737e;">// ... +</span><span> buildTypes { +</span><span> release { +</span><span> </span><span style="color:#65737e;">// This prevents Gradle from signing release builds. +</span><span> </span><span style="color:#65737e;">// I don&#39;t care what happens to debug builds as I&#39;m not distributing them. +</span><span> signingConfig </span><span style="color:#d08770;">null +</span><span> } +</span><span> } +</span><span>} +</span></code></pre> + + + + Running Prosody on Port 443 Behind traefik 2: Electric ALPN + Sat, 15 Jul 2023 00:00:00 +0000 + Unknown + https://blog.polynom.me/prosody-traefik-2/ + https://blog.polynom.me/prosody-traefik-2/ + <p>Hello everyone. Long time, no read.</p> +<p>In 2020, I published a post titled &quot;<a href="https://blog.polynom.me/Running-Prosody-traefik.html">Running Prosody on Port 443 Behind traefik</a>&quot;, where I described how I run my XMPP server +behind the &quot;application proxy&quot; <a href="https://github.com/traefik/traefik"><em>traefik</em></a>. +I did this because I wanted to run my XMPP server <em>prosody</em> on port 443, so that the clients connected +to my server can bypass firewalls that only allow web traffic. While that approach worked, +over the last three years I changed my setup dramatically.</p> +<span id="continue-reading"></span> +<p>While migrating my old server from <em>Debian</em> to <em>NixOS</em>, I decided that I wanted a website +hosted at the same domain I host my XMPP server at. This, however, was not possible with +<em>traefik</em> back then because it only allowed the <code>HostSNI</code> rule, which differentiates TLS +connections using the sent <em>Server Name Indication</em>. This is a problem, because a connection +to <code>polynom.me</code> the website and <code>polynom.me</code> the XMPP server both result in the same SNI being +sent by a connecting client.</p> +<p>Some time later, I stumbled upon <a href="https://github.com/yrutschle/sslh"><em>sslh</em></a>, which is a +tool similar to <em>traefik</em> in that it allows hosting multiple services on the same port, all +differentiated by the SNI <strong>and</strong> the ALPN set by the connecting client. ALPN, or <em>Application-Layer Protocol Negotiation</em>, is an extension +to TLS which allows a connecting client to advertise the protocol(s) it would like to use +inside the encrypted session <a href="https://en.wikipedia.org/wiki/Application-Layer_Protocol_Negotiation">(source)</a>. As such, I put +<em>sslh</em> in front of my <em>traefik</em> and told it to route XMPP traffic (identified with an ALPN +of <code>xmpp-client</code>) to my prosody server and everything else to my <em>traefik</em> server. While this +worked well, there were two issues:</p> +<ol> +<li>I was not running <em>sslh</em> in its <a href="https://github.com/yrutschle/sslh/blob/master/doc/config.md#transparent-proxy-support">&quot;transparent mode&quot;</a>, which uses some fancy iptable rules to allow the services behind it to see a connecting client's real IP address instead of just <code>127.0.0.1</code>. However, this requires more setup to work. This is an issue for services which enforce rate limits, like <em>NextCloud</em> and <em>Akkoma</em>. If one of theses services gets hit by many requests, all the services see are requests from <code>127.0.0.1</code> and may thus rate limit (or ban) <code>127.0.0.1</code>, meaning that all - even legitimate - requests are rate limited. Additionally, I was not sure if I could just use this to route an incoming IPv6 request to <code>127.0.0.1</code>, which is an IPv4 address.</li> +<li>One day, as I was updating my server, I noticed that all my web services were responding very slowly. After some looking around, it turned out that <em>sslh</em> took about 5 seconds to route IPv6 requests, but not IPv4 requests. As I did not change anything (besides update the server), to this day I am not sure what happened.</li> +</ol> +<p>Due to these two issues, I decided to revisit the idea I described in my old post.</p> +<h2 id="the-prosody-setup">The Prosody Setup</h2> +<p>On the prosody-side of things, I did not change a lot compared to the old post. I did, however, +migrate from the <code>legacy_ssl_*</code> options to the newer <code>c2s_direct_tls_*</code> options, which +<a href="https://hg.prosody.im/trunk/file/tip/doc/doap.xml#l758">replace the former</a>.</p> +<p>Thus, my prosody configuration regarding direct TLS connections now looks like this:</p> +<pre data-lang="lua" style="background-color:#2b303b;color:#c0c5ce;" class="language-lua "><code class="language-lua" data-lang="lua"><span style="color:#bf616a;">c2s_direct_tls_ports </span><span>= { </span><span style="color:#d08770;">5223 </span><span>} +</span><span style="color:#bf616a;">c2s_direct_tls_ssl </span><span>= { +</span><span> [</span><span style="color:#d08770;">5223</span><span>] = { +</span><span> </span><span style="color:#a3be8c;">key </span><span>= &quot;</span><span style="color:#a3be8c;">/etc/prosody/certs/polynom.me.key</span><span>&quot;; +</span><span> </span><span style="color:#a3be8c;">certificate </span><span>= &quot;</span><span style="color:#a3be8c;">/etc/prosody/certs/polynom.me.crt</span><span>&quot;; +</span><span> }; +</span><span>} +</span></code></pre> +<h2 id="the-traefik-setup">The <em>Traefik</em> Setup</h2> +<p>On <em>traefik</em>-side of things, only one thing really changed: Instead of just having a rule using +<code>HostSNI</code>, I now also require that the connection with the XMPP server advertises an ALPN +of <code>xmpp-client</code>, which is specified in the +<a href="https://xmpp.org/extensions/xep-0368.html">appropriate XMPP spec</a>. From my deployment +experience, all clients I tested (<em>Conversations</em>, <em>Blabber</em>, <em>Gajim</em>, <em>Dino</em>, <em>Monal</em>, <a href="https://moxxy.org">Moxxy</a>) +correctly set the ALPN when connecting via a direct TLS connection.</p> +<p>So my <em>traefik</em> configuration now looks something like this (Not really, because I let NixOS +generate the actual config, but it is very similar):</p> +<pre data-lang="yaml" style="background-color:#2b303b;color:#c0c5ce;" class="language-yaml "><code class="language-yaml" data-lang="yaml"><span style="color:#bf616a;">tcp</span><span>: +</span><span> </span><span style="color:#bf616a;">routers</span><span>: +</span><span> </span><span style="color:#bf616a;">xmpps</span><span>: +</span><span> </span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">https</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">rule</span><span>: &quot;</span><span style="color:#a3be8c;">HostSNI(`polynom.me`) &amp;&amp; ALPN(`xmpp-client`)</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">service</span><span>: </span><span style="color:#a3be8c;">prosody +</span><span> </span><span style="color:#bf616a;">tls</span><span>: +</span><span> </span><span style="color:#bf616a;">passthrough</span><span>: </span><span style="color:#d08770;">true +</span><span> </span><span style="color:#65737e;"># [...] +</span><span> </span><span style="color:#bf616a;">services</span><span>: +</span><span> </span><span style="color:#bf616a;">prosody</span><span>: +</span><span> </span><span style="color:#bf616a;">loadBalancer</span><span>: +</span><span> </span><span style="color:#bf616a;">servers</span><span>: +</span><span> - </span><span style="color:#bf616a;">address</span><span>: &quot;</span><span style="color:#a3be8c;">127.0.0.1:5223</span><span>&quot; +</span><span> +</span><span style="color:#bf616a;">http</span><span>: +</span><span> </span><span style="color:#bf616a;">routers</span><span>: +</span><span> </span><span style="color:#bf616a;">web-secure</span><span>: +</span><span> </span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">https</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">rule</span><span>: &quot;</span><span style="color:#a3be8c;">Host(`polynom.me`)</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">service</span><span>: </span><span style="color:#a3be8c;">webserver +</span><span> </span><span style="color:#bf616a;">tls</span><span>: +</span></code></pre> +<p>The entrypoint <code>https</code> is just set to listen on <code>:443</code>. This way, I can route IPv4 and IPv6 +requests. Also note the <code>passthrough: true</code> in the XMPP router's <code>tls</code> settings. If this is +not set to <code>true</code>, then <em>traefik</em> would terminate the connection's TLS session before passing +the data to the XMPP server.</p> +<p>However, this config has one really big issue: In order +to have the website hosted at <code>polynom.me</code> be served using TLS, I have to set the +router's <code>tls</code> attribute. The <em>traefik</em> +documentation says that &quot;<em>If both HTTP routers and TCP routers listen to the +same entry points, the TCP routers will apply before the HTTP routers. If no matching route +is found for the TCP routers, then the HTTP routers will take over.</em>&quot; +<a href="https://doc.traefik.io/traefik/routing/routers/#general_1">(source)</a>.</p> +<p>This, however, does not seem to be the case if a HTTP router (in my example with <code>Host(`polynom.me`)</code>) and a TCP router (in my example with <code>HostSNI(`polynom.me`)</code>) respond to the same +SNI <strong>and</strong> the HTTP router has its <code>tls</code> attribute set. In that case, the HTTP router appears +to be checked first and will complain, if the sent ALPN is not one of the +<a href="https://developer.mozilla.org/en-US/docs/Glossary/ALPN">HTTP ALPNs</a>, for example when +connecting using XMPP. As such we can connect to the HTTP server but not to the +XMPP server.</p> +<p>It appears to be an issue that <a href="https://github.com/traefik/traefik/issues/9922">I am not alone with</a>, but also +one that is not fixed. So I tried digging around in <em>traefik</em>'s code and tried a couple of +things. So for my setup to work, I have to apply <a href="https://github.com/PapaTutuWawa/traefik/commit/36f0e3c805ca4e645f3313f667a6b3ff5e2fe4a9">this patch</a> to <em>traefik</em>. With that, the issue <em>appears</em> +to be gone, and I can access both my website and my XMPP server on the same domain and on the +same port. Do note that this patch is not upstreamed and may break things. For me, it +works. But I haven't run extensive tests or <em>traefik</em>'s integration and unit tests.</p> +<h2 id="conclusion">Conclusion</h2> +<p>This approach solves problem 2 fully and problem 1 partially. <em>Traefik</em> is able to route +the connections correctly with no delay, compared to <em>sslh</em>. It also provides my web services +with the connecting clients' IP addresses using HTTP headers. It does not, however, provide +my XMPP server with a connecting client's IP address. This could be solved with some clever +trickery, like telling <em>traefik</em> to use the <a href="https://doc.traefik.io/traefik/routing/services/#proxy-protocol"><em>PROXY</em> protocol</a> when connecting to prosody, +and enabling the <a href="https://modules.prosody.im/mod_net_proxy.html"><code>net_proxy</code></a> module. However, +I have not yet tried such a setup, though I am very curious and may try that out.</p> + + + + About Logging + Fri, 16 Apr 2021 00:00:00 +0000 + Unknown + https://blog.polynom.me/about-logging/ + https://blog.polynom.me/about-logging/ + <p><em>TL;DR</em>: This post also talks about the problems I faced while working on my logging. To log to +syslog from within my containers that do not support configuring a remote syslog server, I had +<em>syslog-ng</em> expose a unix domain socket and mounted it into the container to <code>/dev/log</code>.</p> +<span id="continue-reading"></span><h2 id="introduction">Introduction</h2> +<p>I have written a lot of blog posts about the lessons I have learned while setting up and +maintaining my server. But now that I started to rework my infrastructure a bit, I had to +inevitably look at something I may have overlooked in the past: logging!</p> +<p>Previously, I had <em>Docker</em> <em>kind of</em> manage my logs: If I needed something, I would just +call <code>docker-compose logs &lt;service&gt;</code> and it would spit out logs. Then, I started to +configure my services to log to files in various locations: my <em>prosody</em> server would +log to <code>/etc/prosody/logs/info.log</code>, my <em>nginx</em> to <code>/etc/nginx/logs/error.log</code>, etc. +This, however, turned out to be problematic +as, in my case, <em>prosody</em> stopped logging into the file if I rotated it with <em>logrotate</em>. It was +also a bit impractical, as the logs were not all in the same place, but distributed across multiple +directories. +Moreover, <em>prosody</em> was logging things that I did not want in my logs but I could not turn off, +like when a client connected or authenticated itself. For me, this is a problem from two perspectives: +On the one hand, it is metadata that does not help me debug an hypothetical issue I have with my +<em>prosody</em> installation, on the other hand, it is metadata I straight-up do not want to store.</p> +<p>My solution was using a syslog daemon to process the logs, so that I could remove logs that I do not +want or need, and drop them all off at <code>/var/log</code>. However, there was a problem that I faced almost +immediately: Not all software I can configure to log to syslog, I can configure to log to a specific +syslog server. Why is this a problem? Well, syslog does not work inside a <em>Docker</em> container out of the +box, so I would have to have my syslog daemon expose a TCP/UDP (unix domain) socket that logs can be sent to. To +see this issue you can try to run <code>logger -t SomeTag Hello World</code> inside one of your containers +and try to find it, e.g. in your host's journal.</p> +<p>Today, I found my solution to both syslog logging within the containers and filtering out unneeded logs.</p> +<h2 id="syslog-inside-containers">Syslog inside Containers</h2> +<p>The first step was getting the logs out of my containers without using files. To this end, I configured +my syslog daemon - <em>syslog-ng</em> - to expose a unix domain socket to, for example, <code>/var/run/syslog</code> and +mount it into all containers to <code>/dev/log</code>:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>source s_src { +</span><span> system(); +</span><span> internal(); +</span><span> unix-dgram(&quot;/var/run/syslog&quot;); +</span><span>}; +</span></code></pre> +<p>If you now try and run <code>logger -t SomeTag Hello World</code> inside the container, you should be able +to find &quot;Hello World&quot; inside the host's logs or journals.</p> +<h2 id="ignoring-certain-logs">Ignoring Certain Logs</h2> +<p>The next step was ignoring logs that I do not need or care about. For this, I set up two logs within +<em>syslog-ng</em>: One that was going into my actual log file and one that was dropped:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>destination d_prosody { +</span><span> file(&quot;/var/log/prosody.log&quot;); +</span><span>}; +</span><span>filter f_prosody { +</span><span> program(&quot;prosody&quot;); +</span><span>}; +</span><span>filter f_prosody_drop { +</span><span> program(&quot;prosody&quot;) +</span><span> and message(&quot;(Client connected|Client disconnected|Authenticated as .*|Stream encrypted .*)$&quot;); +</span><span>}; +</span><span> +</span><span># Drop +</span><span>log { +</span><span> source(s_src); +</span><span> filter(f_prosody_drop); +</span><span> flags(final); +</span><span>}; +</span><span># Log +</span><span>log { +</span><span> source(s_src); +</span><span> filter(f_prosody); +</span><span> destination(d_prosody); +</span><span> flags(final); +</span><span>}; +</span><span> +</span></code></pre> +<p>This example would log all things that <em>prosody</em> logs to the <em>prosody</em> location <code>d_prosody</code> and drop all +lines that match the given regular expression, which, in my case, matches all lines that relate to a client +connecting, disconnecting or authenticating.</p> +<p>Important is the <code>flags(final);</code> in the drop rule to indicate that a log line that matches the rule should +not be processed any further. That log also defines no destination, which tells <em>syslog-ng</em> in combination with +the <code>final</code> flag that the log +should be dropped.</p> +<p>Additionally, I moved the log rule that matches everything sent to the configured source to the bottom +of the configuration to prevent any of the logs to <em>also</em> land in the &quot;everything&quot; log.</p> +<p>Since I also host a <em>Nextcloud</em> server, I was also interested in getting rid of HTTP access logs. But I would +also like to know when someone is trying to scan my webserver for vulnerable <em>wordpress</em> installations.</p> +<p>So I again defined rules similar to those above, but added a twist:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>filter f_nextcloud_drop { +</span><span> program(&quot;nextcloud&quot;) +</span><span> and match(&quot;200&quot; value(&quot;.nextcloud.response&quot;)); +</span><span>}; +</span><span>log { +</span><span> source(s_src); +</span><span> parser { apache-accesslog-parser(prefix(&quot;.nextcloud.&quot;)); }; +</span><span> filter(f_nextcloud_drop); +</span><span> flags(final); +</span><span>}; +</span><span> +</span></code></pre> +<p>As you can see, the rule for my <em>Nextcloud</em> is quite similar, except that I added a parser. With this, I can +make <em>syslog-ng</em> understand the HTTP access log and expose its parts as variables to my filter rule. There, +I say that my drop rule should match all access log lines that indicate a HTTP response code of 200, since +those are locations on my server that I expect to be accessed and thus do not care about.</p> +<h2 id="conclusion">Conclusion</h2> +<p>With this setup, I feel much better about the logs I produce. I also have done other things not mentioned, like +configure <em>logrotate</em> to rotate my logs daily so that my logs don't grow too large and get removed after a day.</p> +<p>Please note that I am not an expert in <em>syslog-ng</em>. It just happend to be what I first got to do what I want. And +the example rules I showed are also the first thing that I wrote and filtered out what I wanted.</p> + + + + Jekyll Is Cool, But... + Tue, 29 Sep 2020 00:00:00 +0000 + Unknown + https://blog.polynom.me/static-site-generator/ + https://blog.polynom.me/static-site-generator/ + <p>I love static site generators. They are really cool pieces of software. +Give them some configuration files, maybe a bit of text and you receive +a blog or a homepage. Neat!</p> +<span id="continue-reading"></span> +<p>For a long time, I have been using <a href="https://github.com/jekyll/jekyll"><em>Jekyll</em></a> +as my static site generator of choice. Mostly, because it is one of the +most famous ones out there and thus there are tons of plugins, documentation +and templates to get started. It was nice, until I wished it would do +a bit more...</p> +<p>During some time off, I wanted to do an overhaul of my infrastructure. Make +things cleaner, document more things and finally do those tasks that I have +been pushing aside for quite some time. One of those things is to make all +my webpages, which today only include <a href="https://git.polynom.me/PapaTutuWawa/blog.polynom.me">this blog</a> +and my <a href="https://git.polynom.me/polynom.me/xmpp-invite-web">XMPP invite page</a>, +share common assets. This got started after I wrote the invitation page +and thought that it looked pretty good.</p> +<p>So off I went to create a subdomain for my own &quot;CDN&quot;, generate a TLS +certificate and... I got stuck. I wanted to have <em>Jekyll</em> generate two +seperate versions of my pages for me depending on what I wanted to do: +One with local assets for local previewing and testing and one with my +&quot;CDN&quot; attached. As such I would have liked to have three files: <code>_config.dev.yml</code>, +<code>_config.deploy.yml</code> and <code>_config.common.yml</code>, where <code>_config.common.yml</code> +contained data shared between both the deployed and the locally developed +version and the other two just contain a variable that either points to a local +folder or my &quot;CDN&quot;. However, I have not found a way to do this. Looking back, I perhaps +would have been able to just specify the common config first and then specify another +config file to acomplish this, but now I am in love with another piece of software.</p> +<p>Additionally, I would have liked to integrate the entire webpage building process +more with my favourite build system, <em>GNU Make</em>. But <em>Jekyll</em> feels like it attempts +to do everything by itself. And this may be true: <em>Jekyll</em> tries to do as much as +possible to cater to as many people as possible. As such, <em>Jekyll</em> is pretty powerful, until +you want to change things.</p> +<h2 id="introducing-makesite">Introducing makesite</h2> +<p>While casually browsing the Internet, I came across a small +<a href="https://github.com/sunainapai/makesite"><em>Github</em> repository</a> for a +static page generator. But this one was different. The entire repository was just +a Python script and some files to demonstrate how it works. The script itself was just +232 lines of code. The Readme stated that it did one thing and that the author was not +going to just add features. If someone wanted a new feature, he or she was free to just +add it by themself. Why am I telling you all this? Because this is the - in my opinion - +best static site generator I have ever used.</p> +<h3 id="simplicity">Simplicity</h3> +<p><em>makesite</em> is very simple. In its upstream version, it just generates user defined pages, +renders a blog from Markdown to HTML and generates a RSS feed. It does templating, but without +using heavy and fancy frameworks like <em>Jinja2</em>. The &quot;<em>Getting Started</em>&quot; section of <em>makesite</em> is +shorter than the ones of other static site generators, like <em>Jekyll</em> and <em>Hugo</em>.</p> +<p>This may seem like a bad thing. If it does not do thing X, then I cannot use it. But that is where +<em>makesite</em>'s beauty comes in. You can just add it. The code is very short, well documented and +extensible. It follows the <a href="https://suckless.org/philosophy/">&quot;<em>suckless philosophy</em>&quot;</a>. In my case, +I added support for loading different variables based on the file <em>makesite</em> is currently compiling, +copying and merging different asset folders - and ignoring certain files - and specifying variables +on the command line. Would I upstream those changes? Probably not as they are pretty much unique to +my own needs and my own usecase. And that is why <em>makesite</em> is so nice: Because it is not <em>a</em> static +site generator, it is <strong>your</strong> static site generator.</p> +<h3 id="speed">Speed</h3> +<p><em>makesite</em> is fast... Really fast. In the time my Makefile has compiled my page and tar-balled it, +ready for deployment, <em>Jekyll</em> is still building it. And that makes sense, <em>Jekyll</em> is pretty powerful +and does a lot. But for me, I do not need all this power. This blog is not so difficult to generate, +my invite page is not difficult to generate, so why would I need all this power?</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span># Jekyll version +</span><span>&gt; time make build +</span><span># [...] +</span><span>make build 1.45s user 0.32s system 96% cpu 1.835 total +</span><span> +</span><span># makesite version +</span><span>&gt; time make build +</span><span># [...] +</span><span>make build 0.35s user 0.06s system 100% cpu 0.406 total +</span></code></pre> +<h3 id="buildsystem-integration">Buildsystem Integration</h3> +<p>In case of <em>Jekyll</em>, <em>Jekyll</em> pretty much <em>is</em> your buildsystem. This is not so great, if you already +have a favourite buildsystem that you would prefer to use, since it does not integrate well. <em>makesite</em>, on +the other hand, does just the bare minimum and thus gives the buildsystem much more to work with. In my case, +<em>makesite</em> just builds my blog or my other pages. If I want to preview them, then my Makefile just starts a +local webserver with <code>python -m http.server 8080</code>. If I want to deploy, then my Makefile tar-balls the resulting +directory.</p> +<pre data-lang="makefile" style="background-color:#2b303b;color:#c0c5ce;" class="language-makefile "><code class="language-makefile" data-lang="makefile"><span style="color:#65737e;"># [...] +</span><span> +</span><span style="color:#8fa1b3;">serve</span><span>: </span><span style="color:#b48ead;">${</span><span style="color:#bf616a;">OPTIMIZED_IMAGES</span><span style="color:#b48ead;">} +</span><span> </span><span style="color:#bf616a;">python</span><span> ../shared-assets/makesite.py \ +</span><span style="color:#bf616a;"> -p</span><span> params.json \ +</span><span style="color:#bf616a;"> -v</span><span> page_assets=/assets \ +</span><span style="color:#bf616a;"> -v</span><span> build_time=&quot;</span><span style="color:#b48ead;">${</span><span style="color:#bf616a;">BUILD_DATE</span><span style="color:#b48ead;">}</span><span>&quot; \ +</span><span style="color:#bf616a;"> --assets</span><span> ../shared-assets/assets \ +</span><span style="color:#bf616a;"> --assets</span><span> ./assets \ +</span><span style="color:#bf616a;"> --copy-assets </span><span>\ +</span><span style="color:#bf616a;"> --ignore</span><span> ../shared-assets/assets/img \ +</span><span style="color:#bf616a;"> --ignore</span><span> assets/img/raw \ +</span><span style="color:#bf616a;"> --include</span><span> robots.txt \ +</span><span style="color:#bf616a;"> --blog </span><span>\ +</span><span style="color:#bf616a;"> --rss +</span><span> </span><span style="color:#96b5b4;">cd</span><span> _site/ &amp;&amp; </span><span style="color:#bf616a;">python -m</span><span> http.server 8080 +</span><span> +</span><span style="color:#8fa1b3;">build</span><span>: </span><span style="color:#b48ead;">${</span><span style="color:#bf616a;">OPTIMIZED_IMAGES</span><span style="color:#b48ead;">} +</span><span> </span><span style="color:#bf616a;">python</span><span> ../shared-assets/makesite.py \ +</span><span style="color:#bf616a;"> -p</span><span> params.json \ +</span><span style="color:#bf616a;"> -v</span><span> page_assets=https://cdn.polynom.me \ +</span><span style="color:#bf616a;"> -v</span><span> build_time=&quot;</span><span style="color:#b48ead;">${</span><span style="color:#bf616a;">BUILD_DATE</span><span style="color:#b48ead;">}</span><span>&quot; \ +</span><span style="color:#bf616a;"> --assets</span><span> ./assets \ +</span><span style="color:#bf616a;"> --copy-assets </span><span>\ +</span><span style="color:#bf616a;"> --ignore</span><span> assets/img/raw \ +</span><span style="color:#bf616a;"> --include</span><span> robots.txt \ +</span><span style="color:#bf616a;"> --blog </span><span>\ +</span><span style="color:#bf616a;"> --rss +</span><span> </span><span style="color:#bf616a;">tar -czf</span><span> blog.tar.gz _site +</span></code></pre> +<p>This is an excerpt from the Makefile of this blog. It may seem verbose when <em>Jekyll</em> does all this +for you, but it gives me quite a lot of power. For example:</p> +<ul> +<li><code>-v page_assets=...</code> (only in my version) gives me the ability to either use local assets or my &quot;CDN&quot; for deploying;</li> +<li><code>--copy-assets --assets ./assets</code> (only in my version) allows me to copy my static assets over, so that everything is ready for deployment. If I want to use all assets, including the shared ones, then I just add another <code>--assets ../shared-assets/assets</code> and change the <code>page_assets</code> variable;</li> +<li>conditionally decide if I want a blog and/or an RSS feed with <code>--blog</code> and <code>--rss</code></li> +<li><code>-v</code> allows me to pass variables directly from the commandline so that I can inject build-time data, like e.g. the build date</li> +</ul> +<p>If I wanted to, I could now also add a minifier on the build target or page signing with <a href="https://github.com/tasn/webext-signed-pages">Signed Pages</a>. +It would be more difficult with <em>Jekyll</em>, while it is just adding a command to my Makefile.</p> +<p>Another great thing here is the usage of <code>${OPTIMIZED_IMAGES}</code>: In my blog I sometimes use images. Those images have to be loaded and, especially if +they are large, take some time until you can fully see them. I could implement something using JavaScript and make the browser load the images +lazily, but this comes with three drawbacks:</p> +<ol> +<li>It requires JavaScript for loading an image, which is a task that the browser is already good at;</li> +<li>Implementing it with JavaScript may lead to content moving around as the images are loaded in, which results in a terrible user experience;</li> +<li>Some people may block JavaScript for security and privacy, which would break the site if I were to, for example, write a post that is filled with images for explanations.</li> +</ol> +<p>The target <code>${OPTIMIZED_IMAGES}</code> in my Makefile automatically converts my raw images into progressive JPEGs, if new images are added. However, this +rebuild does not happen every time. It only happens when images are changed or added. Progressive JPEGs are a kind of JPEG where the data can be +continously loaded in from the server, first showing the user a low quality version which progressively gets higher quality. With <em>Jekyll</em> I probably +would have had to install a plugin that I can only use with <em>Jekyll</em>, while now I can use <em>imagemagick</em>, which I have already installed for other +use cases.</p> +<h2 id="conclusion">Conclusion</h2> +<p>Is <em>makesite</em> easy? It depends. If you want to generate a website with blog +that fits exactly the way upstream wrote the script, yes. If you want to do +something different, it becomes more difficult as you then have to patch +<em>makesite</em> yourself.</p> +<p>Per default, <em>makesite</em> is more limited than other static site generators out +there, but that is, in my opinion, where <em>makesite</em>'s versatility and +customizability comes from. From now on, I will only use <em>makesite</em> for my +static pages.</p> + + + + Running Prosody on Port 443 Behind traefik + Thu, 13 Feb 2020 00:00:00 +0000 + Unknown + https://blog.polynom.me/running-prosody-traefik/ + https://blog.polynom.me/running-prosody-traefik/ + <p><em>TL;DR: This post is about running prosody with HTTPS services both on port 443. If you only care about the how, then jump to</em> +<strong>Considerations</strong> <em>and read from there.</em></p> +<span id="continue-reading"></span><h1 id="introduction">Introduction</h1> +<p>As part of my <a href="https://blog.polynom.me/Road-to-Foss.html"><em>&quot;road to FOSS&quot;</em></a> I +set up my own XMPP server using <em>prosody</em>. While it has been running fine for +quite some time, I noticed, while connected to a public Wifi, that my +server was unreachable. At that time I was panicing because I thought prosody +kept crashing for some reason. After using my mobile data, however, I saw +that I <strong>could</strong> connect to my server. The only possible explanation I came +up with is that the provider of the public Wifi is blocking anything that +is not port 53, 80 or 443. <em>(Other ports I did not try)</em></p> +<p>My solution: Move <em>prosody</em>'s C2S - <em>Client to Server</em> - port from 5222 to +either port 53, 80 or 443. Port 53 did not seem like a good choice as I +want to keep myself the possibilty of hosting a DNS server. So the only +choice was between 80 and 443.</p> +<h1 id="considerations">Considerations</h1> +<p>Initially I went with port 80 because it would be the safest bet: You cannot +block port 80 while still allowing customers to access the web. This would +have probably worked out, but I changed it to port 443 later-on. The reason +being that I need port 80 for Let's Encrypt challenges. Since I use nginx +as a reverse proxy for most of my services, I thought that I can multiplex +port 80 between LE and <em>prosody</em>. This was not possible with nginx.</p> +<p>So I discoverd traefik since it allows such a feat. The only problem is that +it can only route TCP connections based on the +<a href="https://github.com/containous/traefik/blob/master/docs/content/routing/routers/index.md#rule-1">SNI</a>. This requires the +XMPP connection to be encrypted entirely, not after STARTTLS negotiation, +which means that I would have to configure <em>prosody</em> to allow such a +connection and not offer STARTTLS.</p> +<h1 id="prosody">Prosody</h1> +<p>Prosody has in its documentation no mentions of <em>direct TLS</em> which made me +guess that there is no support for it in <em>prosody</em>. After, however, asking +in the support group, I was told that this feature is called <em>legacy_ssl</em>.</p> +<p>As such, one only has to add</p> +<pre data-lang="lua" style="background-color:#2b303b;color:#c0c5ce;" class="language-lua "><code class="language-lua" data-lang="lua"><span style="color:#65737e;">-- [...] +</span><span> +</span><span style="color:#bf616a;">legacy_ssl_ports </span><span>= { </span><span style="color:#d08770;">5223 </span><span>} +</span><span style="color:#bf616a;">legacy_ssl_ssl </span><span>= { +</span><span> [</span><span style="color:#d08770;">5223</span><span>] = { +</span><span> </span><span style="color:#a3be8c;">key </span><span>= &quot;</span><span style="color:#a3be8c;">/path/to/keyfile</span><span>&quot;; +</span><span> </span><span style="color:#a3be8c;">certificate </span><span>= &quot;</span><span style="color:#a3be8c;">/path/to/certificate</span><span>&quot;; +</span><span> } +</span><span>} +</span><span> +</span><span style="color:#65737e;">-- [...] +</span></code></pre> +<p><em>Note:</em> In my testing, <em>prosody</em> would not enable <em>legacy_ssl</em> unless I +explicitly set <code>legacy_ssl_ports</code>.</p> +<p>When <em>prosody</em> tells you that it enabled <code>legacy_ssl</code> on the specified +ports, then you can test the connection by using OpenSSL to connect to it: +<code>openssl s_client -connect your.domain.example:5223</code>. OpenSSL should tell +you the data it can get from your certificate.</p> +<h1 id="traefik">traefik</h1> +<p>In my configuration, I run <em>prosody</em> in an internal <em>Docker</em> network. In +order to connect it, in my case port 5223, to the world via port 443, I +configured my traefik to distinguish between HTTPS and XMPPS connections +based on the set SNI of the connection.</p> +<p>To do so, I firstly configured the static configuration to have +port 443 as an entrypoint:</p> +<pre data-lang="yaml" style="background-color:#2b303b;color:#c0c5ce;" class="language-yaml "><code class="language-yaml" data-lang="yaml"><span style="color:#65737e;"># [...] +</span><span> +</span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> </span><span style="color:#bf616a;">https</span><span>: +</span><span> </span><span style="color:#bf616a;">address</span><span>: &quot;</span><span style="color:#a3be8c;">:443</span><span>&quot; +</span><span> +</span><span style="color:#65737e;"># [...] +</span></code></pre> +<p>For the dynamic configuration, I add two routers - one for TCP, one for +HTTPS - that both listen on the entrypoint <code>https</code>. As the documentation +<a href="https://github.com/containous/traefik/blob/master/docs/content/routing/routers/index.md#general-1">says</a>, +<em>&quot;If both HTTP routers and TCP routers listen to the same entry points, the TCP routers will apply before the HTTP routers.&quot;</em>. This means that traefik has +to distinguish the two somehow.</p> +<p>We do this by using the <code>Host</code> rule for the HTTP router and <code>HostSNI</code> for +the TCP router.</p> +<p>As such, the dynamic configuration looks like this:</p> +<pre data-lang="yaml" style="background-color:#2b303b;color:#c0c5ce;" class="language-yaml "><code class="language-yaml" data-lang="yaml"><span style="color:#bf616a;">tcp</span><span>: +</span><span> </span><span style="color:#bf616a;">routers</span><span>: +</span><span> </span><span style="color:#bf616a;">xmpps</span><span>: +</span><span> </span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">https</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">rule</span><span>: &quot;</span><span style="color:#a3be8c;">HostSNI(`xmpps.your.domain.example`)</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">service</span><span>: </span><span style="color:#a3be8c;">prosody-dtls +</span><span> </span><span style="color:#bf616a;">tls</span><span>: +</span><span> </span><span style="color:#bf616a;">passthrough</span><span>: </span><span style="color:#d08770;">true +</span><span> </span><span style="color:#65737e;"># [...] +</span><span> </span><span style="color:#bf616a;">services</span><span>: +</span><span> </span><span style="color:#bf616a;">prosody-dtls</span><span>: +</span><span> </span><span style="color:#bf616a;">loadBalancer</span><span>: +</span><span> </span><span style="color:#bf616a;">servers</span><span>: +</span><span> - </span><span style="color:#bf616a;">address</span><span>: &quot;</span><span style="color:#a3be8c;">&lt;IP&gt;:5223</span><span>&quot; +</span><span> +</span><span style="color:#bf616a;">http</span><span>: +</span><span> </span><span style="color:#bf616a;">routers</span><span>: +</span><span> </span><span style="color:#bf616a;">web-secure</span><span>: +</span><span> </span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">https</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">rule</span><span>: &quot;</span><span style="color:#a3be8c;">Host(`web.your.domain.example`)</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">service</span><span>: </span><span style="color:#a3be8c;">webserver +</span></code></pre> +<p>It is important to note here, that the option <code>passthrough</code> has to be <code>true</code> +for the TCP router as otherwise the TLS connection would be terminated by +traefik.</p> +<p>Of course, you can instruct prosody to use port 443 directly, but I prefer +to keep it like this so I can easily see which connection goes to where.</p> +<h1 id="http-upload">HTTP Upload</h1> +<p>HTTP Upload was a very simple to implement this way. Just add another HTTPS +route in the dynamic traefik configuration to either the HTTP port of +prosody, which would terminate the TLS connection from traefik onwards, or +the HTTPS port, which - if running traefik and prosody on the same host - +would lead to a possible unnecessary re-encryption of the data.</p> +<p>This means that prosody's configuration looks like this:</p> +<pre data-lang="lua" style="background-color:#2b303b;color:#c0c5ce;" class="language-lua "><code class="language-lua" data-lang="lua"><span>[</span><span style="color:#d08770;">...</span><span>] +</span><span style="color:#65737e;">-- Perhaps just one is enough +</span><span style="color:#bf616a;">http_ports </span><span>= { </span><span style="color:#d08770;">5280 </span><span>} +</span><span style="color:#bf616a;">https_ports </span><span>= { </span><span style="color:#d08770;">5281 </span><span>} +</span><span> +</span><span style="color:#bf616a;">Component </span><span>&quot;</span><span style="color:#a3be8c;">your.domain</span><span>&quot; +</span><span> </span><span style="color:#65737e;">-- Perhaps just one is required, but I prefer to play it safe +</span><span> </span><span style="color:#bf616a;">http_external_url </span><span>= &quot;</span><span style="color:#a3be8c;">https://http.xmpp.your.domain</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">http_host </span><span>= &quot;</span><span style="color:#a3be8c;">http.xmpp.your.domain</span><span>&quot; +</span><span>[</span><span style="color:#d08770;">...</span><span>] +</span></code></pre> +<p>And traefik's like this:</p> +<pre data-lang="yaml" style="background-color:#2b303b;color:#c0c5ce;" class="language-yaml "><code class="language-yaml" data-lang="yaml"><span>[</span><span style="color:#d08770;">...</span><span>] +</span><span style="color:#bf616a;">http</span><span>: +</span><span> </span><span style="color:#bf616a;">routers</span><span>: +</span><span> </span><span style="color:#bf616a;">prosody-https</span><span>: +</span><span> </span><span style="color:#bf616a;">entrypoints</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">https</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">rule</span><span>: &quot;</span><span style="color:#a3be8c;">Host(`http.xmpp.your.domain`)</span><span>&quot; +</span><span> </span><span style="color:#bf616a;">service</span><span>: </span><span style="color:#a3be8c;">prosody-http +</span><span> +</span><span> </span><span style="color:#bf616a;">services</span><span>: +</span><span> </span><span style="color:#bf616a;">prosody-http</span><span>: +</span><span> </span><span style="color:#bf616a;">loadBalancer</span><span>: +</span><span> </span><span style="color:#bf616a;">servers</span><span>: +</span><span> - &quot;</span><span style="color:#a3be8c;">http://prosody-ip:5280</span><span>&quot; +</span><span>[</span><span style="color:#d08770;">...</span><span>] +</span></code></pre> +<h1 id="dns">DNS</h1> +<p>In order for clients to pick this change up, one has to create a DNS SRV +record conforming to <a href="https://xmpp.org/extensions/xep-0368.html">XEP-0368</a>.</p> +<p>This change takes some time until it reaches the clients, so it would be wise +to keep the regular STARTTLS port 5222 open and connected to prosody until +the DNS entry has propagated to all DNS servers.</p> +<h1 id="caveats">Caveats</h1> +<p>Of course, there is nothing without some caveats; some do apply here.</p> +<p>This change does not neccessarilly get applied to all clients automatically. +Clients like <em>Conversations</em> and its derivatives, however, do that when they +are reconnecting. Note that there may be clients that do not support XEP-0368 +which will not apply this change automatically, like - at least in my +testing - <em>profanity</em>.</p> +<p>Also there may be some clients that do not support <em>direct TLS</em> and thus +cannot connect to the server. In my case, <em>matterbridge</em> was unable to +connect as it, without further investigation, can only connect with either +no TLS or with STARTTLS.</p> +<h1 id="conclusion">Conclusion</h1> +<p>In my case, I run my <em>prosody</em> server like this:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span> &lt;&lt;WORLD&gt;&gt;-------------+ +</span><span> | | +</span><span> [traefik]-------------/|/--------------+ +</span><span> | | | +</span><span> {xmpp.your.domain} [5269] {other.your.domain} +</span><span> [443 -&gt; 5223] | [443 -&gt; 80] +</span><span>{http.xmpp.your.domain} | | +</span><span> [443 -&gt; 5280] | | +</span><span> | | | +</span><span> [prosody]-------------+ [nginx] +</span></code></pre> +<p>As I had a different port for <em>prosody</em> initially (80), I had to wait until +the DNS records are no longer cached by other DNS servers or clients. This +meant waiting for the TTL of the record, which in my case were 18000 seconds, +or 5 hours.</p> +<p>The port 5222 is, in my case, not reachable from the outside world but via my +internal <em>Docker</em> compose network so that my <em>matterbridge</em> bridges still work.</p> + + + + Lessons Learned From Self-Hosting + Fri, 03 Jan 2020 00:00:00 +0000 + Unknown + https://blog.polynom.me/selfhosting-lessons/ + https://blog.polynom.me/selfhosting-lessons/ + <p>Roughly eight months ago, according to my hosting provider, I spun up my VM which +I use to this day to self-host my chat, my mail, my git and so on. At the beginning, I thought that +it would allow me both to get away from proprietary software and to learn Linux administration. While +my first goal was met without any problems, the second one I achieved in ways I did not anticipate.</p> +<span id="continue-reading"></span> +<p>During these eight months, I learned quite a lot. Not by reading documentation, but by messing up +deployments. So this post is my telling of how I messed up and what lessons I learned from it.</p> +<h1 id="lesson-1-document-everything">Lesson 1: Document everything</h1> +<p>I always tell people that you should document your code. When asked why I answer that you won't +remember what that line does when you have not looked at your codebase for weeks or months.</p> +<p>What I did not realise is that this also applies to administration. I only wrote basic documentation +like a howto for certificate generation or a small troubleshooting guide. This, however, missed the most +important thing to document: the entire infrastructure.</p> +<p>Whenever I needed to look up my port mapping, what did I do? I opened up my <em>Docker compose</em> configuration +and search for the port mappings. What did I do when I wanted to know what services I have? Open my +<em>nginx</em> configuration and search for <code>server</code> directives.</p> +<p>This is a very slow process since I have to remember what services I have behind a reverse proxy and which +ones I have simply exposed. This lead me in the end to creating a folder - called <code>docs</code> - in which +I document everything. What certificates are used by what and where they are, port mappings, a graph +showing the dependencies of my services, ... While it may be tedious to create at first, it will really +help.</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[World] +</span><span>+ +</span><span>| +</span><span>+-[443]-[nginx]-+-(blog.polynom.me) +</span><span> +-(git.polynom.me)-[gitea] +</span></code></pre> +<p>Above, you can see an excerpt from my <em>&quot;network graph&quot;</em>.</p> +<h1 id="lesson-2-version-control-everything">Lesson 2: Version Control everything</h1> +<p>Version Control Systems are a great thing. Want to try something out? Branch, try out and then either +merge back or roll back. Want to find out what changes broke something? Diff the last revisions and narrow +down your &quot;search space&quot;. Want to know what you did? View the log.</p> +<p>While it might seem unneccessary, it helps me keep my cool, knowing that if I ever mess up my configuration, I +can just roll back the configuration from within git.</p> +<h1 id="lesson-3-have-a-test-environment">Lesson 3: Have a test environment</h1> +<p>While I was out once, I connected to a public Wifi. There, however, I could not connect to my VPN. It simply +did not work. A bit later, my Jabber client <em>Conversations</em> told me that it could not find my server. After +some thinking, I came to the conclusion that the provider of said public Wifi was probably blocking port <code>5222</code> +<em>(XMPP Client-to-Server)</em> and whatever port the VPN is using. As such, I wanted to change the port my +Jabber server uses. Since I do not have a failover server I tried testing things out locally, but gave up +after some time and just went and &quot;tested in production&quot;. Needless to say that this was a bad idea. At first, +<em>Conversations</em> did not do a DNS lookup to see the changed XMPP port, which lead me to removing the DNS entry. +However, after some time - probably after the DNS change propagated far enough - <em>Conversations</em> said that it +could not find the server, even though it was listening on port <code>5222</code>. Testing with the new port yieled +success.</p> +<p>This experience was terrible for me. Not only was it possible that I broke my Jabber server, but it would +annoy everyone I got to install a Jabber client to talk to me as it would display <em>&quot;Cannot connect to...&quot;</em>. +If I had tested this locally, I probably would have been much calmer. In the end, I nervously watched as everyone +gradually reconnected...</p> +<h1 id="lesson-4-use-tools-and-write-scripts">Lesson 4: Use tools and write scripts</h1> +<p>The first server I ever got I provisioned manually. I mean, back then it made sense: It was a one-time provisioning and nothing should +change after the initial deployment. But now that I have a continually evolving server, I somehow need to document every step in case +I ever need to provision the same server again.</p> +<p>In my case it is <em>Ansible</em>. In my playbook I keep all the roles, e.g. <em>nginx</em>, <em>matterbridge</em>, <em>prosody</em>, separate and apply them to my one +server. In there I also made <strong>heavy</strong> use of templates. The reason for it is that before I started my <a href="https://blog.polynom.me/Road-to-Foss.html"><em>&quot;Road to FOSS&quot;</em></a> +I used a different domain that I had lying around. Changing the domain name manually would have been a very tedious process, so I decided to use +templates from the get-go. To make my life easier in case I ever change domains again, I defined all my domain names based on my <code>domain</code> variable. +The domain for git is defined as {% raw %}<code>git.{{ domain }}</code>{% endraw %}, the blog one as {% raw %}<code>blog.{{ domain }}</code>{% endraw %}. +Additionally, I make use of <em>Ansible Vaults</em>, allowing me to have encrypted secrets in my playbook.</p> +<p>During another project, I also set up an <em>Ansible</em> playbook. There, however, I did not use templates. I templated the configuration files using a Makefile +that was calling <code>sed</code> to replace the patterns. Not only was that a fragile method, it was also unneeded as <em>Ansible</em> was already providing +this functionality for me. I was just wasting my own time.</p> +<p>What I also learned was that one <em>Ansible</em> playbook is not enough. While it is nice to automatically provision a server using <em>Ansible</em>, there are other things +that need to be done. Certificates don't rotate themselves. From that, I derived a rule stating that if a task needs to be done more than once, then it is +time to write a script for it.</p> +<h1 id="lesson-4-1-automate">Lesson 4.1: Automate</h1> +<p>Closely tied to the last point: If a task needs to be performed, then you should consider creating a cronjob, or a systemd timer if that is more your thing, +to automatically run it. You don't want to enjoy your day, only for it to be ruined by an expired certificate causing issues.</p> +<p>Since automated cronjobs can cause trouble aswell, I decided to run all automated tasks on days at a time during which I am like to be able to react. As such, it is very +important to notify yourself of those automated actions. My certificate rotation, for example, sends me an eMail at the end, telling me if the certificates +were successfully rotated and if not, which ones failed. For those cases, I also keep a log of the rotation process somewhere else so that I can review it.</p> +<h1 id="lesson-5-unexpected-things-happen">Lesson 5: Unexpected things happen</h1> +<p>After having my shiny server run for some time, I was happy. It was basically running itself. Until <em>Conversations</em> was unable to contact my server, +connected to a public Wifi. This is something that I did not anticipate, but happened nevertheless.</p> +<p>This means that my deployment was not a run-and-forget solution but a constantly evolving system, where small improvements are periodically added.</p> +<h1 id="conclusion">Conclusion</h1> +<p>I thought I would just write down my thoughts on all the things that went wrong over the course of my self-hosting adventure. They may not +be best practices, but things that really helped me a lot.</p> +<p>Was the entire process difficult? At first. Was the experience an opportunity to learn? Absolutely! Was it fun? Definitely.</p> + + + + Road2FOSS - My Journey to Privacy by Self-Hosting + Sun, 06 Oct 2019 00:00:00 +0000 + Unknown + https://blog.polynom.me/road-to-foss/ + https://blog.polynom.me/road-to-foss/ + <p>About one year ago, I made plans to ditch many of the proprietary services that I used +on a daily basis and replace them with FOSS alternatives. Now it is a year later and +while my project is not done, I really did quite a lot.</p> +<span id="continue-reading"></span><h2 id="history">History</h2> +<p>But why do all this?</p> +<p>The answer consists of three main points, though they are weighed differently:</p> +<ol> +<li>Privacy: The inspiration for this project came from the fact that I did not trust my messaging application back then. It was proprietary and probably collecting all the data it could, thus I wanted to get away from it.</li> +<li>Learning: I really enjoy tinkering with computer hardware, software and am quite interested in server administration. Hence, I thought it would be a greate learning opportunity for me.</li> +<li>Fun: I do enjoy this kind of work, so I thought it would be a fun, but quite major, side project.</li> +</ol> +<p>I knew that it would be a major undertaking but I still wanted to give it a try.</p> +<h2 id="instant-messaging">Instant Messaging</h2> +<p>Judging by the amount of personal data I leak when texting people I know I wanted to switch IM services +as quickly as possible.</p> +<p>At this stage, there were three candidates for me:</p> +<ul> +<li><em>Signal</em></li> +<li><em>Matrix</em> with Riot</li> +<li><em>Jabber/XMPP</em></li> +</ul> +<p>Originally, <em>Signal</em> was my preferred choice since I really liked its interface. But the problem with Signal, +and I do not blame the developers for this one, is that the service only works with a mobile device running +the app. If I wanted to run <em>Signal</em> on my computer because, for example, my phone is broken or the battery +is empty, then I just could not since it requires my phone to be online. Also, which I learned only just recently, +<em>Signal</em>'s <em>Android</em> app has a bug which <a href="https://github.com/signalapp/Signal-Android/issues/8658">drains the phone's battery</a> +when one does not have <em>Google services</em> installed on their phone.</p> +<p><em>Matrix</em> in combination with Riot was another idea of mine. But here the problem was the mobile app. It +seemed to me more like the interface of messengers like <em>Slack</em> and <em>Discord</em>, which I personally do not like +for mobile Instant Messaging. When I last looked at the entire <em>Matrix</em> ecosystem, there was only one +well-working client for mobile, which was Riot. Additionally, the homeserver was difficult to set up; at least much more than +<em>Prosody</em>, to which I will come in the next paragraph. Moreover, I read in the the <a href="https://web.archive.org/web/20190921180013/https://disroot.org/en/blog/donating_floss"><em>Disroot blog</em></a> that they have +quite some problems with their <em>Matrix</em> homeserver as <em>&quot;[...] [k]eeping room history and all metadata connected to them forever +is a terrible idea, in our opinion, and not sustainable at all. One year of history is way too much already [...]&quot;</em>. This +was the end for the idea of self-hosting a <em>Matrix</em> server.</p> +<p><em>Jabber/XMPP</em> being something I saw only once way back when browsing a linux forum, I became interested. It +checked all my requirements: It is cross-platform, as it is only a protocol, allows self-hosting with FOSS +software and, the most important factor, includes End-to-End-Encryption using <em>OMEMO</em>. I also started to +appreciate federated software solutions, which made <em>Jabber</em> the clear winner for me. Tehe <em>Jabber</em> clients +that I now use on a daily basis are also very fine pieces of opensource software: <em>Conversations</em>' interface +is simple, works without draining my battery and it just works. <em>Gajim</em>, after some configuration and tweaking, +works really well, looks clean and simple and I would really love to replace <em>Discord</em> on the desktop with +<em>Gajim</em>.</p> +<p>Recently, I also started to use <em>Profanity</em>, which seems a bit rough around the edges and sometimes does not +work, but maybe I am just doing something wrong.</p> +<p>In terms of server software I initially wanted to go with <em>ejabberd</em>. But after seeing its amount of +documentation, I just chose <em>Prosody</em>. It is the software that was the least painful to set up with all +requirements for modern messaging being covered by it internal or external modules. It also never crashed; +only when I messed the configuration up with syntax errors.</p> +<p>Since I use <em>Discord</em> and it is more difficult to bring people over from there, I went with a compromise +and started to bridge the channels I use the most to a <em>Jabber MUC</em> using <a href="https://github.com/42wim/matterbridge"><em>matterbridge</em></a>. +Thus I can use those channels without having to have the <em>Discord</em> app installed on my devices.</p> +<p>Another use I got out of <em>Jabber</em> is the fact that I can create as many bot accounts on my server as I want. While this +sounds like I use those bots for bad things it is the opposite: I use them to tell me when something is wrong +using <em>netdata</em> or for the already mentioned bridge between <em>Discord</em> and <em>Jabber</em>.</p> +<h2 id="voip">VoIP</h2> +<p>VoIP is something that I use even more than plain Instant Messaging, which is why I wanted to self-host +a FOSS VoIP-solution. The most commonly used one is <em>Mumble</em>, which was a run-and-forget experience. Especially +when not using the full server but a smaller one like <em>umurmur</em>.</p> +<h2 id="code">Code</h2> +<p>At first, I used <em>Github</em>. But after <em>Microsoft</em> bought it, I was a bit sceptical and switched to <em>Gitlab</em>, which +worked really well. It was even opensource so I started using it. But after some time, I found that +there are some things that annoy me with <em>Gitlab</em>. This includes it automatically enabling &quot;Pipelines&quot; when I +just created a repository even though I never enabled those.</p> +<p>That was when I came across <em>gogs</em> and <em>gitea</em>; the latter being my current solution. I wanted a simple +software that I can just run and has a somewhat nice interface. Why the nice interface? I want that if people +look at my code that it feels familiar to browse it in the browser. Also, I can invite friends to use it if +they also want to get away from proprietary services and software.</p> +<p>My instance has registrations disabled as I do not have the time to moderate it, but I have seen that federation +of some sorts, in the context of <em>ForgeFed</em>, is being discussed on the issue tracker, though you should not quote +me on this one.</p> +<p><em>Gitea</em> was mostly a run-and-forget experience for me and is working very well.</p> +<h2 id="personal-information-management">Personal Information Management</h2> +<p>Since I've started to use calendars more, I wanted a solution to sync those across my devices. Before this entire +project I was using <em>Google</em>'s own calendar service. Then I started using <em>Disroot</em>'s NextCloud to synchronize +calendar data. However, it not being encrypted at rest was a concern for me as my calendar does contain some +events that I would not like an attacker to know as this would put the attacker in a position where sensitve +information can be deduced about me.</p> +<p>After some looking around, I found <a href="https://github.com/etesync"><em>EteSync</em></a>. This software works really great, given that the server is just +a simple django app that stores data and does user management and authentication. The <em>Android</em> app, in my case, +does most of the work and works really well. The only problem I had was the fact that <em>EteSync</em> has no desktop +client. They provide a web app and a server that bridges between regular DAV and <em>EteSync</em> but nothing like +a regular client.</p> +<p>Since I used regular WebDAV services, like the <em>Disroot</em> one I mentioned earlier, I have <a href="https://github.com/pimutils/vdirsyncer"><em>vdirsyncer</em></a> +installed and configured only to find out that they dropper support for <em>EteSync</em> in the last version. +Wanting a tool like <em>vdirsyncer</em> but for <em>EteSync</em> I went to work and created <a href="https://git.polynom.me/PapaTutuWawa/etesyncer"><em>etesyncer</em></a>.</p> +<h2 id="email">EMail</h2> +<p>Most of my online life I used proprietary EMail-services. Most of that time I used <em>GMail</em>. Since I bought a +domain for this project and have a server running, I thought: <em>&quot;Why not self-host EMail?&quot;</em>. This is exactly +what I did!</p> +<p>I use the &quot;traditional&quot; combination of <em>postfix</em> and <em>dovecot</em> to handle incoming, outgoing EMail and IMAP +access. Since I use <a href="https://web.archive.org/web/20190921054652/http://www.djcbsoftware.nl/code/mu/mu4e.html"><em>mu4e</em></a> in combination with <em>msmtp</em> and <em>mbsync</em> for working with email, I did not +install a webmail client.</p> +<p>This was the most difficult part to get working as the configuration sometimes worked and sometimes not. +The main culprit here was <em>DKIM</em> because it changed the permissions of its files at startup to something else +which made <em>openDKIM</em> crash. Now it stopped doing this but I am not sure why. +What made the EMail-server so difficult was also the fact that so much goes into hosting an EMail-server I never +thought about, like <em>DKIM</em>, <em>SPF</em> or having a <em>FQDN</em>.</p> +<p>At this point, it pretty much runs itself. It works, it receives EMails, it sends EMails and it allows +me to view my EMails via IMAP.</p> +<p>Coming from <em>Protonmail</em>, the only thing that I am missing is encryption of my EMails. Since not every person +I contact using EMail uses or knows <em>PGP</em>, I would like to encrypt incoming EMails. While there are solutions +to do this, they all involve encrypting the EMail after they are put in the queue by <em>postfix</em>, which puts +them on disk. Hence, the mail was once written in plaintext. While I would like to avoid this, I have not +found a way of doing this without digging into <em>postfix</em>'s code and adding support for this.</p> +<h2 id="blog">Blog</h2> +<p>I wanted a blog for a long time and since I had a spare domain lying around, I decided to create one. While +I could have gone with a solution like <em>Wordpress</em> and the like, they were too complicated for my needs. +So I just went with the simplest solution which is using a static site generator: <em>jekyll</em> in my case.</p> +<p>This is one of the points where decentralization was a huge factor directly from the start, as this is exactly +what the web was made for, so I was actively avoiding any non-selfhost solutions. While I could have gone with +a federated solution like <em>write freely</em>, I chose the staic page generator as it was much simpler. And because +I love writing in Markdown.</p> +<h2 id="webserver">Webserver</h2> +<p>Since I now use <em>GPG</em> to sign any emails that I send, I needed a way of exposing these keys to the public. While +I could have gone with a keyserver, I decided against it. Admittedly, I did not look into self-hosting a +keyserver but this was not my plan. I want to keep everything simple and prevent myself from installing too many +services on my server. This led me to just putting my public keys on the server and pointing my +webserver to them.</p> +<p>Since I run multiple services that are accessible via the browser, I needed the webserver as a reverse proxy, +pointing my different domain names to the correct services. This way, all services can run on their own ports while +the reverse proxy &quot;unifies&quot; them on port 443.</p> +<h2 id="conclusion">Conclusion</h2> +<p>All in all I am very happy with my setup. It allows me to host my own instances privacy-respecting software the way I like +to. It gives me something to do and allows me to learn about system administration and different tools like <em>Docker</em> +or <em>Ansible</em>. So all in all, although the project has no real end, I would say that it was and is a huge success for me.</p> +<p>During the course of this project, I also switched services like my search engine or the software with which I watch videos +but as I do not self-host these, I did not mention them.</p> + + + + Mainline Hero Part 1 - First Attempts At Porting + Wed, 21 Aug 2019 00:00:00 +0000 + Unknown + https://blog.polynom.me/mainlin-hero-2/ + https://blog.polynom.me/mainlin-hero-2/ + <p>In the first post of the series, I showed what information I gathered and what tricks can be used +to debug our mainline port of the <em>herolte</em> kernel. While I learned a lot just by preparing for +the actual porting, I was not able to actually get as close as to booting the kernel. I would have +liked to write about what I did to <em>actually</em> boot a <em>5.X.X</em> kernel on the device, but instead I will tell you +about the journey I completed thus far.</p> +<span id="continue-reading"></span> +<p>If you are curious about the progress I made, you can find the patches [here]({{ site.social.git_url}}/herolte-mainline). The first patches I produced are in the <code>patches/</code> directory, while the ones I created with lower +expectations are in the <code>patches_v2/</code> directory. Both &quot;patchsets&quot; are based on the <code>linux-next</code> source.</p> +<h2 id="starting-out">Starting Out</h2> +<p>My initial expectations about mainlining were simple: <em>The kernel should at least boot and then perhaps +crash in some way I can debug</em>.</p> +<p>This, however, was my first mistake: Nothing is that easy! Ignoring this, I immeditately began writing +up a <em>Device Tree</em> based on the original downstream source. This was the first big challenge as the amount of +downstream <em>Device Tree</em> files is overwhelming:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>$ wc -l exynos* | awk -F\ &#39;{print $1}&#39; | awk &#39;{sum += $1} END {print sum}&#39; +</span><span>54952 +</span></code></pre> +<p>But I chewed through most of them by just looking for interesting nodes like <code>cpu</code> or <code>memory</code>, after which +I transfered them into a new simple <em>Device Tree</em>. At this point I learned that the <em>Github</em> search does not +work as well as I thought it does. It <strong>does</strong> find what I searched for. But only sometimes. So how to we find +what we are looking for? By <em>grep</em>-ping through the files. Using <code>grep -i -r cpu .</code> we are able to search +a directory tree for the keyword <code>cpu</code>. But while <em>grep</em> does a wonderful job, it is kind of slow. So at that +point I switched over to a tool called <code>ripgrep</code> which does these searches a lot faster than plain-old grep.</p> +<p>At some point, I found it very tiring to search for nodes; The reason being that I had to search for specific +nodes without knowing their names or locations. This led to the creation of a script which parses a <em>Device Tree</em> +while following includes of other <em>Device Tree</em> files, allowing me to search for nodes which have, for example, a +certain attribute set. This script is also included in the &quot;patch repository&quot;, however, it does not work perfectly. +It finds most of the nodes but not all of them but was sufficient for my searches.</p> +<p>After finally having the basic nodes in my <em>Device Tree</em>, I started to port over all of the required nodes +to enable the serial interface on the SoC. This was the next big mistake I made: I tried to do too much +without verifiying that the kernel even boots. This was also the point where I learned that the <em>Device Tree</em> +by itself doesn't really do anything. It just tells the kernel how the SoC looks like so that the correct +drivers can be loaded and initialized. So I knew that I had to port drivers from the downstream kernel into the +mainline kernel. The kernel identifies the corresponding driver by looking at the data that the drivers +expose.</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[...] +</span><span>static struct of_device_id ext_clk_match[] __initdata = { +</span><span> { .compatible = &quot;samsung,exynos8890-oscclk&quot;, .data = (void *)0, }, +</span><span>}; +</span><span>[...] +</span></code></pre> +<p>This is an example from the <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/drivers/clk/samsung/clk-exynos8890.c#L122">clock driver</a> of the downstream kernel. +When the kernel is processing a node of the <em>Device Tree</em> it looks for a driver that exposes the same +compatible attribute. In this case, it would be the <em>Samsung</em> clock driver.</p> +<p>So at this point I was wildly copying over driver code into the mainline kernel. As I forgot this during the +porting attempt, I am +mentioning my mistake again: I never thought about the possibility that the kernel would not boot at all.</p> +<p>After having &quot;ported&quot; the driver code for the clock and some other devices I decided to try and boot the +kernel. Having my phone plugged into the serial adapter made my terminal show nothing. So I went into the +<em>S-Boot</em> console to poke around. There I tried some commands in the hope that the bootloader would initialize +the hardware for me so that it magically makes the kernel boot and give me serial output. One was especially +interesting at that time: The name made it look like it would test whether the processor can do <strong>SMP</strong> - +<strong>S</strong>ymmetric <strong>M</strong>ulti<strong>p</strong>rocessing; <em>ARM</em>'s version of <em>Intel</em>'s <em>Hyper Threading</em> or <em>AMD</em>'s <em>SMT</em>. +By continuing to boot, I got some output via the serial interface! It was garbage data, but it was data. This +gave me some hope. However, it was just some data that was pushed by something other than the kernel. I checked +this hypothesis by installing the downstream kernel, issuing the same commands and booting the kernel.</p> +<h2 id="back-to-the-drawing-board">Back To The Drawing Board</h2> +<p>At this point I was kind of frustrated. I knew that this endeavour was going to be difficult, but I immensely +underestimated it.</p> +<p>After taking a break, I went back to my computer with a new tactic: Port as few things as possible, confirm that +it boots and then port the rest. This was inspired by the way the <em>Galaxy Nexus</em> was mainlined in +<a href="https://postmarketos.org/blog/2019/06/23/two-years/">this</a> blog post.</p> +<p>What did I do this time? The first step was a minimal <em>Device Tree</em>. No clock nodes. No serial nodes. No +GPIO nodes. Just the CPU, the memory and a <em>chosen</em> node. Setting the <code>CONFIG_PANIC_TIMEOUT</code> +<a href="https://cateee.net/lkddb/web-lkddb/PANIC_TIMEOUT.html">option</a> to 5, waiting at least 15 seconds and seeing +no reboot, I was thinking that the phone did boot the mainline kernel. But before getting too excited, as I +kept in mind that it was a hugely difficult endeavour, I asked in <em>postmarketOS</em>' mainline Matrix channel whether it could happen that the phone panics and still does not reboot. The answer I got +was that it could, indeed, happen. It seems like the CPU does not know how to shut itself off. On the x86 platform, this +is the task of <em>ACPI</em>, while on <em>ARM</em> <a href="https://linux-sunxi.org/PSCI"><em>PSCI</em></a>, the <strong>P</strong>ower <strong>S</strong>tate +<strong>C</strong>oordination <strong>I</strong>nterface, is responsible for it. Since the mainline kernel knows about <em>PSCI</em>, I wondered +why my phone did not reboot. As the result of some thinking I thought up 3 possibilities:</p> +<ol> +<li>The kernel boots just fine and does not panic. Hence no reboot.</li> +<li>The kernel panics and wants to reboot but the <em>PSCI</em> implementation in the downstream kernel differs from the mainline code.</li> +<li>The kernel just does not boot.</li> +</ol> +<p>The first possibility I threw out of the window immeditately. It was just too easy. As such, I began +investigating the <em>PSCI</em> code. Out of curiosity, I looked at the implementation of the <code>emergency_restart</code> +function of the kernel and discovered that the function <code>arm_pm_restart</code> is used on <em>arm64</em>. Looking deeper, I +found out that this function is only set when the <em>Device Tree</em> contains a <em>PSCI</em> node of a supported version. +The downstream node is compatible with version <code>0.1</code>, which does not support the <code>SYSTEM_RESET</code> functionality +of <em>PSCI</em>. Since I could just turn off or restart the phone when using <em>Android</em> or <em>postmarketOS</em>, I knew +that there is something that just works around old firmware.</p> +<p>The downstream <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/arch/arm64/boot/dts/exynos8890.dtsi#L316"><em>PSCI</em> node</a> just specifies that it is compatible with <code>arm,psci</code>, so +how do I know that it is only firmware version <code>0.1</code> and how do I know of this <code>SYSTEM_RESET</code>?</p> +<p>If we grep for the compatible attribute <code>arm,psci</code> we find it as the value of the <code>compatible</code> field in the +source file <code>arch/arm64/kernel/psci.c</code>. It <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/arch/arm64/kernel/psci.c#L381">specifies</a> that the exact attribute of <code>arm,psci</code> +results in a call to the function <code>psci_0_1_init</code>. This indicates a version of <em>PSCI</em>. If we take a look +at <em>ARM</em>'s <a href="http://infocenter.arm.com/help/topic/com.arm.doc.den0022d/Power_State_Coordination_Interface_PDD_v1_1_DEN0022D.pdf"><em>PSCI</em> documentation</a> +we find a section called <em>&quot;Changes in PSCIv0.2 from first proposal&quot;</em> which contains the information that, +compared to version 0.2, the call <code>SYSTEM_RESET</code> was added. Hence we can guess that the <em>Exynos8890</em> SoC +comes with firmware which only supports this version 0.1 of <em>PSCI</em>.</p> +<p>After a lot of searching, I found a node called <code>reboot</code> in the <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/arch/arm64/boot/dts/exynos8890.dtsi#L116">downstream source</a>. +The compatible driver for it is within the <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/drivers/soc/samsung/exynos-reboot.c"><em>Samsung</em> SoC</a> driver code.</p> +<p>Effectively, the way this code reboots the SoC, is by mapping the address of the PMU, which I guess stands for +<em>Power Management Unit</em>, into memory and writing some value +to it. This value is probably the command which tells the PMU to reset the SoC. +In my &quot;patchset&quot; <em>patches_v2</em> I have ported this code. Testing it with the downstream kernel, it +made the device do something. Although it crashed the kernel, it was enough to debug.</p> +<p>To test the mainline kernel, I added an <code>emergency_restart</code> at the beginning of the <code>start_kernel</code> function. +The result was that the device did not do anything. The only option I had left was 3; the kernel does not even +boot.</p> +<p>At this point I began investigating the <code>arch/arm64/</code> code of the downstream kernel more closely. However, I +noticed something unrelated during a kernel build: The downstream kernel logs something with <em>FIPS</em> at the +end of the build. Grepping for it resulted in some code at <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/scripts/link-vmlinux.sh#L253">the end</a> of the <code>link-vmlinuz.sh</code> script. I thought +that it was signing the kernel with a key in the repo, but it probably is doing something else. I tested +whether the downstream kernel boots without these crypto scripts and it did.</p> +<p>The only thing I did not test was whether the kernel boots without +<a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/scripts/link-vmlinux.sh#L270">&quot;double-checking [the] jopp magic&quot;</a>. But by looking at this script, I noticed another interesting thing: +<code>CONFIG_RELOCATABLE_KERNEL</code>. By having just a rough idea of what this config option enables, I removed it +from the downstream kernel and tried to boot. But the kernel did not boot. This meant that this option +was required for booting the kernel. This was the only success I can report.</p> +<p>By grepping for this config option I found the file <code>arch/arm64/kernel/head.S</code>. I did not know what it was +for so I searched the internet and found a <a href="https://unix.stackexchange.com/questions/139297/what-are-the-two-head-s-files-in-linux-source">thread</a> +on <em>StackOverflow</em> that explained that the file +is prepended onto the kernel and executed before <code>start_kernel</code>. I mainly investigated this file, but in +hindsight I should have also looked more at the other occurences of the <code>CONFIG_RELOCATABLE_KERNEL</code> option.</p> +<p>So what I did was try and port over code from the downstream <code>head.S</code> into the mainline <code>head.S</code>. This is +the point where I am at now. I did not progress any further as I am not used to assembly code or <em>ARM</em> +assembly, but I still got some more hypotheses as to why the kernel does not boot.</p> +<ol> +<li>For some reason the CPU never reaches the instruction to jump to <code>start_kernel</code>.</li> +<li>The CPU fails to initialize the MMU or some other low-level component and thus cannot jump into <code>start_kernel</code>.</li> +</ol> +<p>At the moment, option 2 seems the most likely as the code from the downstream kernel and the mainline kernel +do differ some and I expect that <em>Samsung</em> added some code as their MMU might have some quirks that the +mainline kernel does not address. However, I did not have the chance to either confirm or deny any of these +assumptions.</p> +<p>As a bottom line, I can say that the most useful, but in my case most ignored, thing I learned is patience. +During the entire porting process I tried to do as much as I can in the shortest amount of time possible. +However, I quickly realized that I got the best ideas when I was doing something completely different. As +such, I also learned that it is incredibly useful to always have a piece of paper or a text editor handy +to write down any ideas you might have. You never know what might be useful and what not.</p> +<p>I also want to mention that I used the <a href="https://elixir.bootlin.com/linux/latest/source"><em>Bootlin Elixir Cross Referencer</em></a> +a lot. It is a very useful tool to use when exploring the kernel source tree. However, I would still +recommend to have a local copy so that you can very easily grep through the code and find things that +neither <em>Github</em> nor <em>Elixir</em> can find.</p> + + + + Mainline Hero Part 0 - Modern Linux For My Galaxy S7 + Mon, 01 Jul 2019 00:00:00 +0000 + Unknown + https://blog.polynom.me/mainline-hero/ + https://blog.polynom.me/mainline-hero/ + <p>Ever heard of <a href="https://postmarketos.org/">PostmarketOS</a>? If not, then here's a short summary: +PostmarketOS aims to bring <em>&quot;[a] real Linux distribution for phones and other mobile devices [...]&quot;</em> to, +well, phones and other mobile devices.</p> +<span id="continue-reading"></span> +<p>Ever since reading about it, I've been intrigued by the idea of running a real Linux distro +with my UI of choice, be it <em>Plasma</em> or <em>Unity</em>, on my phone. Perhaps even running the device +without any proprietary firmware blobs. So, I tried my best at contributing to PostmarketOS, which +resulted in 3 MRs that have been accepted into master (Sorry for forgetting to bump the pkgver...).</p> +<p>With this series - if I manage to not break my phone - I want to document what I, someone +who has absolutely no idea what he is doing, learned about all this stuff, how I went about it +and what the results are.</p> +<h2 id="mainline-hero-0-preparations">Mainline Hero #0 - Preparations</h2> +<p>Before I can even think about trying to make mainline Linux run on my <em>Galaxy S7</em>, we should think +about how we can diagnose any issues that the kernel or the bootloader might have. And how do +professionals debug? Exactly! With <strong>a lot</strong> of <code>printf()</code> statements. But how can we retrieve those +from the device?</p> +<h3 id="getting-output">Getting Output</h3> +<p>While preparing myself for this task, I learned that there are a couple of ways.</p> +<p>One is called <a href="https://wiki.postmarketos.org/wiki/Mainlining_FAQ#Writing_dmesg_to_RAM_and_reading_it_out_after_reboot"><em>RAM console</em></a>. What it does is just dump everything that the kernel prints into a +reserved region of memory, which can later be retrieved by reading from <code>/proc/last_kmsg</code> with a +downstream kernel. </p> +<p>The other one is via a <a href="https://wiki.postmarketos.org/wiki/Serial_debugging">serial cable</a>. This sounded +pretty difficult at first, the reason being that I have no idea about hardware, besides the occasional +<strong>PC</strong> hardware talk. I imagined a cable coming out of a box, packed to the brim with electronics +doing some black magic.</p> +<p>The reality is - thankfully - much simpler. It is, basically, just a normal USB cable. I mean: <em>USB</em> literally +stands for <a href="https://en.wikipedia.org/wiki/USB"><em>Universal Serial Bus</em></a>. But how come my PC does not +read those kernel logs when I plug in my phone?</p> +<p>As it turns out, there is a component built into my phone which decides exactly what data flows from my +phone to the PC. Reading the <a href="https://forum.xda-developers.com/galaxy-s7/how-to/guide-samsung-galaxy-s7-uart-t3743895">XDA post</a> which the PostmarketOS Wiki linked helped understand that my +device contains a <em>MUIC</em>, a chip which multiplexes the data lines of the USB cable towards different +&quot;subsystems&quot;. As I later learned, the USB standard for connectors of type Micro Type B requires 5 pins: +power, ground, RX, TX and ID. Power and ground should be self-explanatory if you know anything +about electronics (I don't). RX and TX are the two data lines that USB uses. As USB is just a serial +connection, only <strong>one</strong> line is used for sending and one for receiving data. The ID line is the interesting +one: it tells the MUIC what subsystem it should multiplex the data lines to.</p> +<p><a href="https://web.archive.org/web/20190120234321/https://pinouts.ru/PortableDevices/micro_usb_pinout.shtml">Pinout diagram</a> of the Micro Type B connector:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span> _______________ +</span><span> / \ +</span><span>| 1 2 3 4 5 | +</span><span>+--|--|--|--|--|--+ +</span><span> | | | | +-o Ground +</span><span> | | | +----o ID +</span><span> | | +-------o D+ (Data) +</span><span> | +----------o D- (Data) +</span><span> +-------------o VCC (Power) +</span></code></pre> +<p>According to the XDA post, the MUIC switches to serial - used for dumping output of the bootloader and the +kernel - if it measures a resistance of 619kOhm attached to the ID pin. So, according to the diagram in the +post, I built a serial cable.</p> +<p>But how did the author of the XDA post know of the exact resistance that would tell the MUIC to switch to +serial? If you <code>grep</code> the +<a href="https://raw.githubusercontent.com/ivanmeler/android_kernel_samsung_herolte/lineage-15.1/arch/arm64/configs/exynos8890-herolte_defconfig"><em>S7</em>'s defconfig</a>, +for <code>MUIC</code>, then one of the results is the KConfig flag <code>CONFIG_MUIC_UNIVERSAL_MAX77854</code>. +If we then search the kernel tree for the keyword <code>max77854</code>, we find multiple files; one being +<code>drivers/mfd/max77854.c</code>. This file's copyright header tells us that we deal with a <em>Maxim 77854</em> chip. Judging +from the different files we find, it seems as if this chip is not only responsible for switching between serial +and regular USB, but also for e.g. charging (<code>drivers/battery_v2/include/charger/max77854_charger.h</code>).</p> +<p>However, the really interesting file is <code>drivers/muic/max77854.c</code>, since there we can find an array of structs +that contain strings. Sounds pretty normal until you look at the strings more closely: One of the strings is +the value <code>&quot;Jig UART On&quot;</code>:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[...] +</span><span>#if defined(CONFIG_SEC_FACTORY) +</span><span> { +</span><span> .adc1k = 0x00, +</span><span> .adcerr = 0x00, +</span><span> .adc = ADC_JIG_UART_ON, +</span><span> .vbvolt = VB_LOW, +</span><span> .chgdetrun = CHGDETRUN_FALSE, +</span><span> .chgtyp = CHGTYP_NO_VOLTAGE, +</span><span> .control1 = CTRL1_UART, +</span><span> .vps_name = &quot;Jig UART On&quot;, +</span><span> .attached_dev = ATTACHED_DEV_JIG_UART_ON_MUIC, +</span><span> }, +</span><span>#endif /* CONFIG_SEC_FACTORY */ +</span><span>[...] +</span></code></pre> +<p>The keyword <code>ADC_JIG_UART_ON</code> seems especially interesting. Why? Well, the driver has to know what to do +with each measured resistance. It would make sense that we call the constant which contains the resistance +something like that. Additionally, it is the only constant name that does not immediately hint at its +value or function.</p> +<p>So we search the kernel source for this keyword. Most occurences are just +drivers using this constant. But one hit shows its definition: <code>include/linux/muic/muic.h</code>. There we +find on <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/b51cf88008606ebac535785ff549b9f55e5660b4/include/linux/muic/muic.h#L106">line 106</a> +a comment which states that this constant represents a resistance of 619kOhm.</p> +<p>To actually build the serial cable, we need to have a USB Type B male connector that we can solder our cables to. +My first thought was to buy a simple and cheap USB Type B cable, cut it, remove the isolation and solder my +connectors to it. I, however, failed to notice that the Type A part of the cable - the one you plug into e.g. +your PC - only has 4 pins, while the Type B part has 5. After stumbling upon some random diagram, I learned that +for regular USB connectivity, such as connecting your phone to your PC, the ID pin is not needed, so it is left +disconnected. As this plan failed, I proceeded to buy a USB Type B male connector. Since I bought it on the +Internet and the seller did not provide a diagram of what pad on the connector connects to what pin, I also +ordered a USB Type B female breakout board.</p> +<p>After all parts arrived, I used a digital multimeter to measure the resistance between each pad on the connector +and on the breakout board. Since I have no idea about electronics, let me explain: Resistance is defined as +$R = \frac{U}{I}$, where $R$ is the resistance, $U$ the voltage and $I$ the current. This means that we should +measure - practically speaking - infinite resistance when no current is flowing and some resistance $R \gt 0$ +when we have a flowing current, meaning that we can test for continuity by attempting to measure resistance.</p> +<p>After some poking around, I got the following diagram:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span> +---------o VCC +</span><span> | +-----o D+ +</span><span> | | +-o GND +</span><span> ___|___|___|___ +</span><span> / ? ? ? \ +</span><span>| ? ? | +</span><span>+------|---|------+ +</span><span> | +---o ID +</span><span> +-------o D- +</span></code></pre> +<p><img src="/img/serial-cable.jpg" alt="The &quot;Serial Cable&quot;" /></p> +<p>Since the data that the serial port inside the phone is coming in using a certain protocol, which also includes +timing, bit order and error correcting codes, we need something to convert this data into something that is +usable on the host. Since the USB specification for data may differ from what we actually receive, we can't just +connect the phone's D- and D+ lines to the host USB's D- and D+. Hence the need for a device which does this +conversion for us and also deals with the timing of the data: The tiny board to which all cables lead to +basically just contains an <em>FT232RL</em> chip from <em>FTDI</em>. It is what does all the conversion and timing magic.</p> +<p>Since I don't want to accidentally brick by phone by frying it with 3.3V or 5V - though I think that damaging +the hardware with 5V is pretty difficult - I did not connect the USB's 5V to the <em>FT232</em>'s VCC port.</p> +<p>Booting up the device, we start to see data being sent via serial!</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[...] +</span><span>CP Mailbox Debug +</span><span>0x10540180 : 0xdca7b414 0x 804f99f +</span><span>0x10540184 : 0xdeb36080 0x8112566f +</span><span>0x10540188 : 0xf4bf0800 0x2534862d +</span><span>0x1054018C : 0x61ff350e 0x1208fd27 +</span><span>0x10540190 : 0x17e60624 0x18121baf +</span><span>0x105C0038 : 0x3bd58404 0x5674fb39 +</span><span>CP BL flow +</span><span>0x10920014 : 0x79dab841 0x9b01b3fd +</span><span>0x10800028 : 0xffbd34b1 0x9fd118cc +</span><span>Resume el3 flow +</span><span>EL3_VAL : 0xdcfee785 0xfbb6b0a2 0xccf99641 +</span><span>muic_register_max77854_apis +</span><span>muic_is_max77854 chip_id:0x54 muic_id:0xb5 -&gt; matched. +</span><span>[MUIC] print_init_regs +</span><span> INT:01 00 00 ST:1d 00 00 IM:00 00 00 CDET:2d 0c CTRL:1b 3b 09 b2 HVCT:00 00 LDO0:47 +</span><span> +</span><span>MUIC rev = MAX77854(181) +</span><span>init_multi_microusb_ic Active MUIC 0xb5 +</span><span>[...] +</span></code></pre> +<p>Nice! We can see what <em>SBOOT</em>, the bootloader that <em>Samsung</em> uses, tells us. But for some reason, I wasn't +able to get into the <em>SBOOT</em> prompt to tell the kernel to dump everything via serial. While the XDA post +used the programm <code>minicom</code>, which I could use to get <em>SBOOT</em> output, it never seemed to send the carriage +returns while I was pressing the return key like crazy. So what I did was try to use a different tool to +interact with the serial converter: <code>picocom</code>. And it worked! </p> +<p>Although I set the kernel parameters to output to the TTY device <code>ttySAC4</code>, just like the XDA post said, +I did not receive any data.</p> +<h3 id="device-tree">Device Tree</h3> +<p>So we can just try and boot mainline on the phone then, yes? With a very high probability: no. The reason being +that the kernel has no idea about the actual hardware inside the phone.</p> +<p>This may seem weird as you don't have to tell your kernel about your shiny new GPU or about your RAM. The reason +is that your PC is designed to be modular: You can swap the CPU, the RAM and even the attached devices, like +your GPU. This means that on X86, the CPU is able to discover its hardware since there is only one bus for +attaching devices (ignoring RAM and the CPU): the PCI bus. How does the CPU know about its RAM? +The RAM-modules are swappable, which means that the CPU cannot anticipate just how much RAM you +have in your system. These information get relayed, perhaps via the MMU, to the CPU.</p> +<p>Can't we just probe the available memory in an ARM SoC? Technically yes, but it would take a lot +of time if we have a modern 64 bit CPU. Moreover, how do you know that a probed memory location +is not a memory mapped device? Wouldn't it make sense to bake this data into the SoC then? Here +again: not really. The reason is that the SoCs are vendor specific. This means that the vendor +basically just buys the rights to put the CPU into their SoC. The rest is up to the vendor. They +can add as much RAM as they want, without the CPU designer having much input. This means that the +data must not be <strong>hardcoded</strong> into the CPU.</p> +<p>On ARM and probably most other microprocessors devices can be memory mapped, which means that they respond to +a certain region of memory being written to or read from. This makes auto-discovering devices quite difficult +as you would have to probe <strong>a lot</strong> of memory regions.</p> +<p>As an example: Imagine we can access 4 different locations in memory, each holding 1 byte of data. These regions +are at the memory addresses <code>0x1</code> to <code>0x4</code>. This means that we would have to probe 4 memory locations. Easy, +right? +Not exactly. We would have to probe 4 times to discover 4 possible memory mapped areas with a width of 1 byte. +If we allow a width of 2 bytes, then we would have to probe 3 different regions: <code>0x1</code>-<code>0x2</code>, <code>0x2</code>-<code>0x3</code> and +<code>0x3</code>-<code>0x4</code>. +This assumes that memory maps need to be directly next to each other. Otherwise we would need to use the +binomial coefficient.</p> +<p>This results in 10 (4x 1 byte, 3x 2 bytes, 2x 3 bytes and 1x 4 bytes) different probing attempts to discover +possible memory mapped devices. This does not seem much when we only have a 2 bit CPU, but in the case of the +<em>S7</em>, we have a 64 bit CPU; so we would have to probe about $\sum_{n=1}^{2^{64}} n$ times. This finite sum +is equal (<a href="https://de.wikipedia.org/wiki/Gau%C3%9Fsche_Summenformel">German Wikipedia</a>) to +$\frac{1}{2} 2^{64} {(2^{64} + 1)} = 1.7014 \cdot 10^{38}$. Quite a lot! Keep in mind that this +calculation does not factor in any other busses that the SoC might use; they can, probably, use their own +address space.</p> +<p>So, long story short: We need to tell the kernel about all the hardware beforehand. This is where the so-called +Device Tree comes into play. It is a structured way of describing the attached hardware. You can find examples +in the kernel tree under <code>arch/arm{,64}/boot/dts/</code>. The problem that arises for my phone is that it +uses the Exynos SoC from Samsung. While Exynos 7 or older would just require an addition to the already existing +Device Tree files, the <em>S7</em> uses the Exynos 8890 SoC. This one is not in mainline, which mean that it is +required to port it from the <a href="https://github.com/ivanmeler/android_kernel_samsung_universal8890/">downstream kernel</a> into mainline.</p> +<h3 id="device-support">Device Support</h3> +<p>The challenge that follows, provided I don't brick my phone, is the kernel support for the SoC's hardware.</p> +<h4 id="gpu">GPU</h4> +<p>The GPU of the Exynos 8890 SoC is a Mali-T880 from ARM. While there is no &quot;official&quot; FOSS-driver for it, one +is in development: <a href="https://gitlab.freedesktop.org/panfrost/linux">Panfrost</a>. One of the developers once +mentioned in PostmarketOS' Matrix channel that the driver is not ready for day-to-day use. But hopefully it +will be in the forseeable future.</p> +<h4 id="wifi">Wifi</h4> +<p>While I found no data on the Exynos 8890's Wifi-chip, I managed to allow the downstream kernel to use it, albeit +with its proprietary firmware (<a href="https://gitlab.com/postmarketOS/pmaports/merge_requests/309">MR</a>).</p> +<p>This patch requires a patch which changes the path of the firmware in the file <code>drivers/net/wireless/bcmdhd4359/dhd.h</code>. +The license header of <a href="https://github.com/ivanmeler/android_kernel_samsung_universal8890/blob/lineage-15.0/drivers/net/wireless/bcmdhd4359/dhd.h">said file</a> +hints at a chip from Broadcom. The model of the chip appears to be 4359. What the <em>dhd</em> stand for? I don't know.</p> +<p>Looking at the compatibility of the <a href="https://wireless.wiki.kernel.org/en/users/drivers/brcm80211">kernel modules</a> for Broadcom wireless chips, we can find +that the <em>BCM4359</em> chip is compatible. But is that the same as the module folder's name specifies? Again, I don't know. +Hopefully it is...</p> +<h4 id="other-components">Other Components</h4> +<p>At the time of writing this post, it has been a &quot;long time&quot; since I last flashed PostmarketOS on +my phone to look at what the kernel is saying. All of this device data I gathered by looking at +spec sheets by Samsung or the kernel. So I don't really know what other hardware is inside my +<em>S7</em>.</p> +<h2 id="next-steps">Next Steps</h2> +<p>The next steps are actually testing things out and playing around with values and settings and all kinds of things.</p> +<h2 id="other-devices-i-have-lying-around">Other Devices I Have Lying Around</h2> +<p>This may be off-topic for the &quot;<em>Mainline Hero</em>&quot; series but I recently tried to find out whether another device +I have lying around - a <em>Samsung Galaxy Note 8.0</em> - also uses such a MUIC to multiplex its USB port. While +at first I somehow found out, which I now know is wrong, that the <em>Note 8.0</em> uses the same <em>Maxim 77854</em> as my +<em>S7</em>, I discovered that the <em>Note 8.0</em> does use a MUIC, just not the <em>77854</em>. Since I found no other links +talking about this, I am not sure until I test it, but what I will do is tell you about how I reached this +conclusion!</p> +<p>If you <code>grep</code> the <a href="https://github.com/ivanmeler/android_kernel_samsung_herolte/blob/lineage-15.1/arch/arm64/configs/exynos8890-herolte_defconfig">defconfig for the herolte</a> for +&quot;<em>77854</em>&quot;, then one of the results is the flag <code>CONFIG_MUIC_UNIVERSAL_MAX77854</code>. The prefix <code>CONFIG_MUIC</code> makes +sense since this enables kernel support for the <em>Maxim 77854</em> <strong>MUIC</strong>. As such, we should be able to find +an enabled MUIC in the <em>Note 8.0</em>'s <a href="https://github.com/LineageOS/android_kernel_samsung_smdk4412/blob/lineage-16.0/arch/arm/configs/lineageos_n5110_defconfig">defconfig</a>.</p> +<p>If we grep for <code>CONFIG_MUIC</code>, then we indeed get results. While the results do not look like the one for +the <em>77854</em>, we get ones like <code>CONFIG_MUIC_MAX77693_SUPPORT_OTG_AUDIO_DOCK</code>. This indicates that the <em>Note 8.0</em> +has a <em>Maxim 77693</em> MUIC built in. But it's not a very strong indicator. Since the <a href="https://github.com/LineageOS/android_kernel_samsung_smdk4412/">kernel source</a> is available +on Github, we can just search the repo for the keyword &quot;<em>MAX77693</em>&quot;. One of the results hints at the file +<code>drivers/misc/max77693-muic.c</code>. Looking at the Makefile of the <code>drivers/misc</code> directory, we find that this +source file is only compiled with the KConfig flag <code>CONFIG_MFD_MAX77693</code>. Grepping the <em>Note 8.0</em>'s defconfig +for this flag yields the result that this kernel module is enabled, hence hinting at the existence of a MUIC +in the <em>Note 8.0</em>.</p> +<p>If we take a closer look at the source file at <code>drivers/misc/max77693-muic.c</code>, we can find an interesting part +at <a href="https://github.com/LineageOS/android_kernel_samsung_smdk4412/blob/b7ffe7f2aea2391737cdeac2a33217ee0ea4f2ba/drivers/misc/max77693-muic.c#L102">line 102</a>:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[...] +</span><span> ADC_JIG_UART_ON = 0x1d, /* 0x11101 619K ohm */ +</span><span>[...] +</span></code></pre> +<p>This means that, as the <em>Maxim 77854</em> requires a 619kOhm resistor to enable UART, we can debug +the <em>Note 8.0</em> with the same serial cable as the <em>S7</em>.</p> +<p>Plugging it into the DIY serial cable and booting it up, we also get some output:</p> +<pre style="background-color:#2b303b;color:#c0c5ce;"><code><span>[...] +</span><span>BUCK1OUT(vdd_mif) = 0x05 +</span><span>BUCK3DVS1(vdd_int) = 0x20 +</span><span>cardtype: 0x00000007 +</span><span>SB_MMC_HS_52MHZ_1_8V_3V_IO +</span><span>mmc-&gt;card_caps: 0x00000311 +</span><span>mmc-&gt;host_caps: 0x00000311 +</span><span>[mmc] capacity = 30777344 +</span></code></pre> +<p>Theory proven! We <strong>can</strong> also serial debug the <em>Note 8.0</em> using the same cable.</p> +<h2 id="some-closing-words">Some Closing Words</h2> +<p>I want to emphasize that just very few of the things I mentioned were discovered or implemented by me. I just collected +all these information to tell you about what I learned. The only thing that I can truly say I discovered is the MR for +the Wifi firmware...</p> +<p>Additionally, I want to make it clear that I have no idea about microelectronics, electronics or ARM in general. All the +things I wrote that are about ARM or electronic - especially everything in the <em>Device Tree</em> section - is pure speculation +on my side. I never really looked into these things, but all the statements I made make sense to me. You can't just probe +$2^{64}$ different memory addresses just to figure out how much RAM you have, can you?</p> + + + + How I Play Games on My Linux PC + Sat, 08 Jun 2019 00:00:00 +0000 + Unknown + https://blog.polynom.me/how-i-play-games/ + https://blog.polynom.me/how-i-play-games/ + <p>I love Linux. In fact, I love it so much that it runs on every computer I use, except for my phone but that +can be changed. It always amazes me how much control Linux gives me about my computer and how easy it is +to create a script that just does everything that I was doing manually before.</p> +<span id="continue-reading"></span> +<p>Since Septemper of 2018, I decided to stop dual booting Windows and Linux and only use Linux. I mean, I could +play my most played games under Linux: <em>CS:GO, Split/Second Velocity (Wine), NieR: Automata (Wine).</em> But there +were still some games that I could not play as either have no Linux port or refuse to run with Wine. I love +playing <em>Tom Clancy's The Division</em> and <em>The Division 2</em>. I really enjoyed playing <em>Tom Clancy's Rainbow Six Siege</em> and +<em>Wildlands</em> was much fun. Except for <em>The Division</em>, none of these games runs under Wine. So what do?</p> +<h1 id="gpu-passthrough">GPU Passthrough</h1> +<p>Before even having the thought of switching to Linux &quot;full-time&quot;, I stumbled across <a href="https://invidio.us/watch?v=16dbAUrtMX4">this video</a> by Level1Linux. +It introduced me to the concept of hardware passthrough and I wanted to do it ever since. Now that my mainboard +has an IOMMU and my CPU supports all needed virtualization extensions, I was ready.</p> +<p>At that time I was using a AMD Ryzen 2400G and a Nvidia Geforce GTX 1060. I chose this particular CPU +as it contains an iGPU, allowing me to have video output of my host even when I pass the 1060 through +to my VM.</p> +<!-- There are many great tutorials out there that teach you to do this thing but I was amazed at how well --> +<!-- the games run. It should have come to no suprise but it still did. --> +<p>The only thing that I did not like was the fact that the Nvidia driver refuses to run in a Virtual Machine, so +I had to configure my VM via libvirt in a way that hides the fact that the driver is run inside a VM.</p> +<h1 id="dynamic-gpu-passthrough">Dynamic GPU Passthrough</h1> +<p>While this allowed me to play <em>The Division</em>, it was tedious to reboot to not have the GPU bound to the +vfio-pci module so that I could use it on my host. Most guides expect you to have a second powerful GPU +so that you don't have to worry about the unavailable GPU but to me it seemed like a waste.</p> +<p>So I wrote myself a script which...</p> +<ul> +<li>unloaded all Nvidia kernel modules;</li> +<li>started libvirt and loaded the vfio-pci module;</li> +<li>bound the GPU to the vfio-pci module;</li> +<li>started the VM.</li> +</ul> +<p>The only problem with this was that the Nvidia modules kept being loaded by the X server. This was annoying +since I had to blacklist the modules, which prevented me from using the GPU on my host. The solution, albeit +very hacky, was a custom package which installed the kernel modules into a new folder from where the modules +were manually inserted using <code>insmod</code> by another script.</p> +<p>My host's video output comes from my Ryzen's iGPU. It is not powerful enough to run games like <em>Split/Second Velocity</em> +or <em>CS:GO</em> at an acceptable framerate, so what do?</p> +<p>Since the Nvidia driver for Linux is proprietary <a href="https://wiki.archlinux.org/index.php/PRIME#PRIME_GPU_offloading">PRIME offloading</a> was not an option. I, however, discovered +a library which allowed the offloading of an application's rendering - if it uses GLX - onto another GPU: <a href="https://github.com/amonakov/primus">primus</a>.</p> +<p>It worked well enough for games that used OpenGL, like <em>CS:GO</em>. But when I tried launching <em>Split/Second Velocity</em> +using Wine, it crashed. Vulkan offloading was not possible with primus, but with <a href="https://github.com/felixdoerre/primus_vk">primus_vk</a>. This library I never got to work so I cannot say anything about it.</p> +<p>The only solution to that, from my point-of-view, was to create another script with launched a second X server +on the Nvidia GPU, start Openbox as a WM on that X server and create a seamless transition from my iGPU- to my +Nvidia-X-server using <a href="https://github.com/debauchee/barrier">barrier</a>. I then could start applications like +Steam on the Nvidia X server and use the GPU's full potential.</p> +<p>Since I was using barrier for the second X server I tried doing the same with barrier inside my VM and all I can +say is that it works very well. It made the entire &quot;workflow&quot; with the VM much less painful as I could just take +control of the host if I ever needed to without the need for a second keyboard.</p> +<h1 id="gpu-changes">GPU Changes</h1> +<p>Today, my PC runs the same AMD CPU. However, the Nvidia GPU got replaced with an AMD RX 590. This allowed me to +use the opensource amdgpu driver, which was and still is a huge plus for me. It complicated some things for me +though.</p> +<p>While I can now use PRIME offloading on any application I want, I cannot simply unbind the RX 590 from the amdgpu +driver while in X for use in my VM. While the driver exposes this functionality, it crashes the kernel as soon +as I try to suspend or shutdown my computer.</p> +<p>The only solution for this is to blacklist the amdgpu module when starting the kernel, bind the GPU to the vfio-pci +driver and pass it through. Then I can load the amdgpu module again and have it attach itself to my iGPU. When I am +done with using the VM, I can re-attach the GPU to the amdgpu driver and use it there.</p> +<p>There are some issues with this entire setup though:</p> +<ul> +<li>sometimes after re-attaching, the GPU does not run with full speed. While I can normally play <em>CS:GO</em> with ~80 FPS, it can be as low as ~55 FPS after re-attachment.</li> +<li>the GPU cannot be reset by the Linux kernel. This means that the GPU has to be disabled inside Windows before shutting down the VM. Otherwise, the amdgpu module cannot bind to the GPU which even crashed my kernel.</li> +</ul> +<h1 id="some-freezes">Some Freezes</h1> +<p>Ignoring the GPU issue, since around Linux kernel 4.1x I experienced another issue: My computer would sometimes freeze +up when opening <em>Steam</em>. In even newer versions, it even freezed by PC when I gave my VM 10GB of RAM, but did not when +I gave my VM only 8GB.</p> +<p>By running htop with a really small refresh interval I was lucky to observe the probable cause of these freezes: The +kernel tried to swap as much as he could, thus making everything grind to a halt. The solution to this, even though +it <em>feels</em> hacky, is to just tell the kernel to swap less aggressively by setting <code>vm.swappiness</code> to either a much +lower value to swap later to to 0 to stop swapping.</p> +<h1 id="audio">Audio</h1> +<p>QEMU, which I used as libvirt's backend, allows you to &quot;pass through&quot; audio from inside the VM to your PulseAudio socket +on the host. This worked okay-ish at first, but now - presumably because something got updated inside QEMU - it +works well enough to play games. I get the occasional crackling but it is not distracting at all.</p> +<p>I also tried a software called <a href="https://github.com/duncanthrax/scream">scream</a> which streamed the audio from a +virtual audio device inside the VM to the network. As the only network interface attached to my VM was going directly +to my host, I just set up the receiver application to listen only on this specific interface. This worked remarkebly +well as I never heard any crackling.</p> +<p>The only issue that I had with scream was that, for some reason, <em>Tom Clancy's The Division 2</em> would crash every 5 +minutes when I was using scream. Without it, <em>The Division 2</em> never crashed.</p> +<h1 id="conclusion">Conclusion</h1> +<p>My solutions are probably not the most elegant or the most practical but</p> +<p><img src="/img/as-long-as-it-works.jpg" alt="" /></p> + + + + \ No newline at end of file diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..ccb1ab3 --- /dev/null +++ b/css/index.css @@ -0,0 +1 @@ +/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}article>p>a,h1,h2,h3,h4,h5,h6{--tw-text-opacity:1!important;color:rgb(129 140 248/var(--tw-text-opacity))!important}article>p>strong,code{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}article>h1,h2,h3,h4,h5,h6{--tw-text-opacity:1!important;color:rgb(129 140 248/var(--tw-text-opacity))!important}body{background-color:#212121}html{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}a{--tw-text-opacity:1!important;color:rgb(129 140 248/var(--tw-text-opacity))!important}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-left-width:.25rem;border-left-color:var(--tw-prose-quote-borders);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);font-size:.875em;border-radius:.3125rem;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:initial;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:initial}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:#00000080;--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding:.2222222em .4444444em}.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding:1em 1.5em}.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-left:1.5555556em}.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.mx-auto{margin-left:auto;margin-right:auto}.ml-4{margin-left:1rem}.mr-8{margin-right:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-12{height:3rem}.w-12{width:3rem}.w-full{width:100%}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.self-center{align-self:center}.rounded-lg{border-radius:.5rem}.p-2{padding:.5rem}.pt-4{padding-top:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media (min-width:1024px){.lg\:prose-lg{font-size:1.125rem;line-height:1.7777778}.lg\:prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-top:1.0909091em;margin-bottom:1.0909091em}.lg\:prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.6666667em;margin-bottom:1.6666667em;padding-left:1em}.lg\:prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;margin-top:0;margin-bottom:.8333333em;line-height:1}.lg\:prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;margin-top:1.8666667em;margin-bottom:1.0666667em;line-height:1.3333333}.lg\:prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;margin-top:1.6666667em;margin-bottom:.6666667em;line-height:1.5}.lg\:prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:.4444444em;line-height:1.5555556}.lg\:prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;border-radius:.3125rem;padding:.2222222em .4444444em}.lg\:prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.lg\:prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.lg\:prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.lg\:prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.75;margin-top:2em;margin-bottom:2em;border-radius:.375rem;padding:1em 1.5em}.lg\:prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.lg\:prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em;padding-left:1.5555556em}.lg\:prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;margin-bottom:.6666667em}.lg\:prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.lg\:prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.lg\:prose-lg :where(.lg\:prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\:prose-lg :where(.lg\:prose-lg>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\:prose-lg :where(.lg\:prose-lg>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.lg\:prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.8888889em;margin-bottom:.8888889em}.lg\:prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em;margin-bottom:1.3333333em}.lg\:prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.lg\:prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-left:1.5555556em}.lg\:prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:3.1111111em;margin-bottom:3.1111111em}.lg\:prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.lg\:prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:.75em;padding-bottom:.75em;padding-left:.75em}.lg\:prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.lg\:prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.lg\:prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.75em}.lg\:prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.lg\:prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.lg\:prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.7777778em;margin-bottom:1.7777778em}.lg\:prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.lg\:prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.lg\:prose-lg :where(.lg\:prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.lg\:prose-lg :where(.lg\:prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}}@media (min-width:768px){.md\:h-24{height:6rem}.md\:w-24{width:6rem}.md\:w-4\/5{width:80%}.md\:max-w-prose{max-width:65ch}.md\:p-8{padding:2rem}} \ No newline at end of file diff --git a/how-i-play-games/index.html b/how-i-play-games/index.html new file mode 100644 index 0000000..73e9a41 --- /dev/null +++ b/how-i-play-games/index.html @@ -0,0 +1,149 @@ + + + + + + + + + + + + + + + How I Play Games on My Linux PC + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

How I Play Games on My Linux PC

+ + Posted on 2019-06-08 + + + + +
+

I love Linux. In fact, I love it so much that it runs on every computer I use, except for my phone but that +can be changed. It always amazes me how much control Linux gives me about my computer and how easy it is +to create a script that just does everything that I was doing manually before.

+ +

Since Septemper of 2018, I decided to stop dual booting Windows and Linux and only use Linux. I mean, I could +play my most played games under Linux: CS:GO, Split/Second Velocity (Wine), NieR: Automata (Wine). But there +were still some games that I could not play as either have no Linux port or refuse to run with Wine. I love +playing Tom Clancy's The Division and The Division 2. I really enjoyed playing Tom Clancy's Rainbow Six Siege and +Wildlands was much fun. Except for The Division, none of these games runs under Wine. So what do?

+

GPU Passthrough

+

Before even having the thought of switching to Linux "full-time", I stumbled across this video by Level1Linux. +It introduced me to the concept of hardware passthrough and I wanted to do it ever since. Now that my mainboard +has an IOMMU and my CPU supports all needed virtualization extensions, I was ready.

+

At that time I was using a AMD Ryzen 2400G and a Nvidia Geforce GTX 1060. I chose this particular CPU +as it contains an iGPU, allowing me to have video output of my host even when I pass the 1060 through +to my VM.

+ + +

The only thing that I did not like was the fact that the Nvidia driver refuses to run in a Virtual Machine, so +I had to configure my VM via libvirt in a way that hides the fact that the driver is run inside a VM.

+

Dynamic GPU Passthrough

+

While this allowed me to play The Division, it was tedious to reboot to not have the GPU bound to the +vfio-pci module so that I could use it on my host. Most guides expect you to have a second powerful GPU +so that you don't have to worry about the unavailable GPU but to me it seemed like a waste.

+

So I wrote myself a script which...

+
    +
  • unloaded all Nvidia kernel modules;
  • +
  • started libvirt and loaded the vfio-pci module;
  • +
  • bound the GPU to the vfio-pci module;
  • +
  • started the VM.
  • +
+

The only problem with this was that the Nvidia modules kept being loaded by the X server. This was annoying +since I had to blacklist the modules, which prevented me from using the GPU on my host. The solution, albeit +very hacky, was a custom package which installed the kernel modules into a new folder from where the modules +were manually inserted using insmod by another script.

+

My host's video output comes from my Ryzen's iGPU. It is not powerful enough to run games like Split/Second Velocity +or CS:GO at an acceptable framerate, so what do?

+

Since the Nvidia driver for Linux is proprietary PRIME offloading was not an option. I, however, discovered +a library which allowed the offloading of an application's rendering - if it uses GLX - onto another GPU: primus.

+

It worked well enough for games that used OpenGL, like CS:GO. But when I tried launching Split/Second Velocity +using Wine, it crashed. Vulkan offloading was not possible with primus, but with primus_vk. This library I never got to work so I cannot say anything about it.

+

The only solution to that, from my point-of-view, was to create another script with launched a second X server +on the Nvidia GPU, start Openbox as a WM on that X server and create a seamless transition from my iGPU- to my +Nvidia-X-server using barrier. I then could start applications like +Steam on the Nvidia X server and use the GPU's full potential.

+

Since I was using barrier for the second X server I tried doing the same with barrier inside my VM and all I can +say is that it works very well. It made the entire "workflow" with the VM much less painful as I could just take +control of the host if I ever needed to without the need for a second keyboard.

+

GPU Changes

+

Today, my PC runs the same AMD CPU. However, the Nvidia GPU got replaced with an AMD RX 590. This allowed me to +use the opensource amdgpu driver, which was and still is a huge plus for me. It complicated some things for me +though.

+

While I can now use PRIME offloading on any application I want, I cannot simply unbind the RX 590 from the amdgpu +driver while in X for use in my VM. While the driver exposes this functionality, it crashes the kernel as soon +as I try to suspend or shutdown my computer.

+

The only solution for this is to blacklist the amdgpu module when starting the kernel, bind the GPU to the vfio-pci +driver and pass it through. Then I can load the amdgpu module again and have it attach itself to my iGPU. When I am +done with using the VM, I can re-attach the GPU to the amdgpu driver and use it there.

+

There are some issues with this entire setup though:

+
    +
  • sometimes after re-attaching, the GPU does not run with full speed. While I can normally play CS:GO with ~80 FPS, it can be as low as ~55 FPS after re-attachment.
  • +
  • the GPU cannot be reset by the Linux kernel. This means that the GPU has to be disabled inside Windows before shutting down the VM. Otherwise, the amdgpu module cannot bind to the GPU which even crashed my kernel.
  • +
+

Some Freezes

+

Ignoring the GPU issue, since around Linux kernel 4.1x I experienced another issue: My computer would sometimes freeze +up when opening Steam. In even newer versions, it even freezed by PC when I gave my VM 10GB of RAM, but did not when +I gave my VM only 8GB.

+

By running htop with a really small refresh interval I was lucky to observe the probable cause of these freezes: The +kernel tried to swap as much as he could, thus making everything grind to a halt. The solution to this, even though +it feels hacky, is to just tell the kernel to swap less aggressively by setting vm.swappiness to either a much +lower value to swap later to to 0 to stop swapping.

+

Audio

+

QEMU, which I used as libvirt's backend, allows you to "pass through" audio from inside the VM to your PulseAudio socket +on the host. This worked okay-ish at first, but now - presumably because something got updated inside QEMU - it +works well enough to play games. I get the occasional crackling but it is not distracting at all.

+

I also tried a software called scream which streamed the audio from a +virtual audio device inside the VM to the network. As the only network interface attached to my VM was going directly +to my host, I just set up the receiver application to listen only on this specific interface. This worked remarkebly +well as I never heard any crackling.

+

The only issue that I had with scream was that, for some reason, Tom Clancy's The Division 2 would crash every 5 +minutes when I was using scream. Without it, The Division 2 never crashed.

+

Conclusion

+

My solutions are probably not the most elegant or the most practical but

+

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/img/as-long-as-it-works.jpg b/img/as-long-as-it-works.jpg new file mode 100644 index 0000000..ee54f7b Binary files /dev/null and b/img/as-long-as-it-works.jpg differ diff --git a/img/avatar.jpg b/img/avatar.jpg new file mode 100644 index 0000000..ab5d437 Binary files /dev/null and b/img/avatar.jpg differ diff --git a/img/serial-cable.jpg b/img/serial-cable.jpg new file mode 100644 index 0000000..c940cf6 Binary files /dev/null and b/img/serial-cable.jpg differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..0a69988 --- /dev/null +++ b/index.html @@ -0,0 +1,194 @@ + + + + + + + + + + + + + + + PapaTutuWawa's Blog + + + + + + +
+ +
+ Profile picture + +
+ + + +
+ + +
+

Signing Android Apps Using a YubiKey (on NixOS)

+ Posted on 2023-07-24 + + + +

In my spare time, I currently develop two Android apps using Flutter: AniTrack, a +simple anime and manga tracker based on my own needs, and Moxxy, a modern XMPP +client. While I don't provide release builds for AniTrack, I do for Moxxy. Those +are signed using the key-pair that Flutter generates. I thought to myself: "Wouldn't it be cool if I could keep +the key-pair on a separate device which does the signing for me?". The consequence +of this thought is that I bought a YubiKey 5c. However, as always, using it for my +purposes did not go without issues.

+ +
+
+ + +
+

Running Prosody on Port 443 Behind traefik 2: Electric ALPN

+ Posted on 2023-07-15 + + + +

Hello everyone. Long time, no read.

+

In 2020, I published a post titled "Running Prosody on Port 443 Behind traefik", where I described how I run my XMPP server +behind the "application proxy" traefik. +I did this because I wanted to run my XMPP server prosody on port 443, so that the clients connected +to my server can bypass firewalls that only allow web traffic. While that approach worked, +over the last three years I changed my setup dramatically.

+ +
+
+ + +
+

About Logging

+ Posted on 2021-04-16 + + + +

TL;DR: This post also talks about the problems I faced while working on my logging. To log to +syslog from within my containers that do not support configuring a remote syslog server, I had +syslog-ng expose a unix domain socket and mounted it into the container to /dev/log.

+ +
+
+ + +
+

Jekyll Is Cool, But...

+ Posted on 2020-09-29 + + + +

I love static site generators. They are really cool pieces of software. +Give them some configuration files, maybe a bit of text and you receive +a blog or a homepage. Neat!

+ +
+
+ + +
+

Running Prosody on Port 443 Behind traefik

+ Posted on 2020-02-13 + + + +

TL;DR: This post is about running prosody with HTTPS services both on port 443. If you only care about the how, then jump to +Considerations and read from there.

+ +
+
+ + +
+

Lessons Learned From Self-Hosting

+ Posted on 2020-01-03 + + + +

Roughly eight months ago, according to my hosting provider, I spun up my VM which +I use to this day to self-host my chat, my mail, my git and so on. At the beginning, I thought that +it would allow me both to get away from proprietary software and to learn Linux administration. While +my first goal was met without any problems, the second one I achieved in ways I did not anticipate.

+ +
+
+ + +
+

Road2FOSS - My Journey to Privacy by Self-Hosting

+ Posted on 2019-10-06 + + + +

About one year ago, I made plans to ditch many of the proprietary services that I used +on a daily basis and replace them with FOSS alternatives. Now it is a year later and +while my project is not done, I really did quite a lot.

+ +
+
+ + +
+

Mainline Hero Part 1 - First Attempts At Porting

+ Posted on 2019-08-21 + + + +

In the first post of the series, I showed what information I gathered and what tricks can be used +to debug our mainline port of the herolte kernel. While I learned a lot just by preparing for +the actual porting, I was not able to actually get as close as to booting the kernel. I would have +liked to write about what I did to actually boot a 5.X.X kernel on the device, but instead I will tell you +about the journey I completed thus far.

+ +
+
+ + +
+

Mainline Hero Part 0 - Modern Linux For My Galaxy S7

+ Posted on 2019-07-01 + + + +

Ever heard of PostmarketOS? If not, then here's a short summary: +PostmarketOS aims to bring "[a] real Linux distribution for phones and other mobile devices [...]" to, +well, phones and other mobile devices.

+ +
+
+ + +
+

How I Play Games on My Linux PC

+ Posted on 2019-06-08 + + + +

I love Linux. In fact, I love it so much that it runs on every computer I use, except for my phone but that +can be changed. It always amazes me how much control Linux gives me about my computer and how easy it is +to create a script that just does everything that I was doing manually before.

+ +
+
+ +
+ +
+ + diff --git a/js/MathJax/MathJax.js b/js/MathJax/MathJax.js new file mode 100644 index 0000000..c54a1ed --- /dev/null +++ b/js/MathJax/MathJax.js @@ -0,0 +1,19 @@ +/* + * /MathJax.js + * + * Copyright (c) 2009-2018 The MathJax Consortium + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +if(document.getElementById&&document.childNodes&&document.createElement){if(!(window.MathJax&&MathJax.Hub)){if(window.MathJax){window.MathJax={AuthorConfig:window.MathJax}}else{window.MathJax={}}MathJax.isPacked=true;MathJax.version="2.7.5";MathJax.fileversion="2.7.5";MathJax.cdnVersion="2.7.5";MathJax.cdnFileVersions={};(function(d){var b=window[d];if(!b){b=window[d]={}}var e=[];var c=function(f){var g=f.constructor;if(!g){g=function(){}}for(var h in f){if(h!=="constructor"&&f.hasOwnProperty(h)){g[h]=f[h]}}return g};var a=function(){return function(){return arguments.callee.Init.call(this,arguments)}};b.Object=c({constructor:a(),Subclass:function(f,h){var g=a();g.SUPER=this;g.Init=this.Init;g.Subclass=this.Subclass;g.Augment=this.Augment;g.protoFunction=this.protoFunction;g.can=this.can;g.has=this.has;g.isa=this.isa;g.prototype=new this(e);g.prototype.constructor=g;g.Augment(f,h);return g},Init:function(f){var g=this;if(f.length===1&&f[0]===e){return g}if(!(g instanceof f.callee)){g=new f.callee(e)}return g.Init.apply(g,f)||g},Augment:function(f,g){var h;if(f!=null){for(h in f){if(f.hasOwnProperty(h)){this.protoFunction(h,f[h])}}if(f.toString!==this.prototype.toString&&f.toString!=={}.toString){this.protoFunction("toString",f.toString)}}if(g!=null){for(h in g){if(g.hasOwnProperty(h)){this[h]=g[h]}}}return this},protoFunction:function(g,f){this.prototype[g]=f;if(typeof f==="function"){f.SUPER=this.SUPER.prototype}},prototype:{Init:function(){},SUPER:function(f){return f.callee.SUPER},can:function(f){return typeof(this[f])==="function"},has:function(f){return typeof(this[f])!=="undefined"},isa:function(f){return(f instanceof Object)&&(this instanceof f)}},can:function(f){return this.prototype.can.call(this,f)},has:function(f){return this.prototype.has.call(this,f)},isa:function(g){var f=this;while(f){if(f===g){return true}else{f=f.SUPER}}return false},SimpleSUPER:c({constructor:function(f){return this.SimpleSUPER.define(f)},define:function(f){var h={};if(f!=null){for(var g in f){if(f.hasOwnProperty(g)){h[g]=this.wrap(g,f[g])}}if(f.toString!==this.prototype.toString&&f.toString!=={}.toString){h.toString=this.wrap("toString",f.toString)}}return h},wrap:function(i,h){if(typeof(h)!=="function"||!h.toString().match(/\.\s*SUPER\s*\(/)){return h}var g=function(){this.SUPER=g.SUPER[i];try{var f=h.apply(this,arguments)}catch(j){delete this.SUPER;throw j}delete this.SUPER;return f};g.toString=function(){return h.toString.apply(h,arguments)};return g}})});b.Object.isArray=Array.isArray||function(f){return Object.prototype.toString.call(f)==="[object Array]"};b.Object.Array=Array})("MathJax");(function(BASENAME){var BASE=window[BASENAME];if(!BASE){BASE=window[BASENAME]={}}var isArray=BASE.Object.isArray;var CALLBACK=function(data){var cb=function(){return arguments.callee.execute.apply(arguments.callee,arguments)};for(var id in CALLBACK.prototype){if(CALLBACK.prototype.hasOwnProperty(id)){if(typeof(data[id])!=="undefined"){cb[id]=data[id]}else{cb[id]=CALLBACK.prototype[id]}}}cb.toString=CALLBACK.prototype.toString;return cb};CALLBACK.prototype={isCallback:true,hook:function(){},data:[],object:window,execute:function(){if(!this.called||this.autoReset){this.called=!this.autoReset;return this.hook.apply(this.object,this.data.concat([].slice.call(arguments,0)))}},reset:function(){delete this.called},toString:function(){return this.hook.toString.apply(this.hook,arguments)}};var ISCALLBACK=function(f){return(typeof(f)==="function"&&f.isCallback)};var EVAL=function(code){return eval.call(window,code)};var TESTEVAL=function(){EVAL("var __TeSt_VaR__ = 1");if(window.__TeSt_VaR__){try{delete window.__TeSt_VaR__}catch(error){window.__TeSt_VaR__=null}}else{if(window.execScript){EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";window.execScript(code);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}else{EVAL=function(code){BASE.__code=code;code="try {"+BASENAME+".__result = eval("+BASENAME+".__code)} catch(err) {"+BASENAME+".__result = err}";var head=(document.getElementsByTagName("head"))[0];if(!head){head=document.body}var script=document.createElement("script");script.appendChild(document.createTextNode(code));head.appendChild(script);head.removeChild(script);var result=BASE.__result;delete BASE.__result;delete BASE.__code;if(result instanceof Error){throw result}return result}}}TESTEVAL=null};var USING=function(args,i){if(arguments.length>1){if(arguments.length===2&&!(typeof arguments[0]==="function")&&arguments[0] instanceof Object&&typeof arguments[1]==="number"){args=[].slice.call(args,i)}else{args=[].slice.call(arguments,0)}}if(isArray(args)&&args.length===1&&typeof(args[0])==="function"){args=args[0]}if(typeof args==="function"){if(args.execute===CALLBACK.prototype.execute){return args}return CALLBACK({hook:args})}else{if(isArray(args)){if(typeof(args[0])==="string"&&args[1] instanceof Object&&typeof args[1][args[0]]==="function"){return CALLBACK({hook:args[1][args[0]],object:args[1],data:args.slice(2)})}else{if(typeof args[0]==="function"){return CALLBACK({hook:args[0],data:args.slice(1)})}else{if(typeof args[1]==="function"){return CALLBACK({hook:args[1],object:args[0],data:args.slice(2)})}}}}else{if(typeof(args)==="string"){if(TESTEVAL){TESTEVAL()}return CALLBACK({hook:EVAL,data:[args]})}else{if(args instanceof Object){return CALLBACK(args)}else{if(typeof(args)==="undefined"){return CALLBACK({})}}}}}throw Error("Can't make callback from given data")};var DELAY=function(time,callback){callback=USING(callback);callback.timeout=setTimeout(callback,time);return callback};var WAITFOR=function(callback,signal){callback=USING(callback);if(!callback.called){WAITSIGNAL(callback,signal);signal.pending++}};var WAITEXECUTE=function(){var signals=this.signal;delete this.signal;this.execute=this.oldExecute;delete this.oldExecute;var result=this.execute.apply(this,arguments);if(ISCALLBACK(result)&&!result.called){WAITSIGNAL(result,signals)}else{for(var i=0,m=signals.length;i0&&priority=0;i--){this.hooks.splice(i,1)}this.remove=[]}});var EXECUTEHOOKS=function(hooks,data,reset){if(!hooks){return null}if(!isArray(hooks)){hooks=[hooks]}if(!isArray(data)){data=(data==null?[]:[data])}var handler=HOOKS(reset);for(var i=0,m=hooks.length;ig){g=document.styleSheets.length}if(!i){i=document.head||((document.getElementsByTagName("head"))[0]);if(!i){i=document.body}}return i};var f=[];var c=function(){for(var k=0,j=f.length;k=this.timeout){i(this.STATUS.ERROR);return 1}return 0},file:function(j,i){if(i<0){a.Ajax.loadTimeout(j)}else{a.Ajax.loadComplete(j)}},execute:function(){this.hook.call(this.object,this,this.data[0],this.data[1])},checkSafari2:function(i,j,k){if(i.time(k)){return}if(document.styleSheets.length>j&&document.styleSheets[j].cssRules&&document.styleSheets[j].cssRules.length){k(i.STATUS.OK)}else{setTimeout(i,i.delay)}},checkLength:function(i,l,n){if(i.time(n)){return}var m=0;var j=(l.sheet||l.styleSheet);try{if((j.cssRules||j.rules||[]).length>0){m=1}}catch(k){if(k.message.match(/protected variable|restricted URI/)){m=1}else{if(k.message.match(/Security error/)){m=1}}}if(m){setTimeout(a.Callback([n,i.STATUS.OK]),0)}else{setTimeout(i,i.delay)}}},loadComplete:function(i){i=this.fileURL(i);var j=this.loading[i];if(j&&!j.preloaded){a.Message.Clear(j.message);clearTimeout(j.timeout);if(j.script){if(f.length===0){setTimeout(c,0)}f.push(j.script)}this.loaded[i]=j.status;delete this.loading[i];this.addHook(i,j.callback)}else{if(j){delete this.loading[i]}this.loaded[i]=this.STATUS.OK;j={status:this.STATUS.OK}}if(!this.loadHooks[i]){return null}return this.loadHooks[i].Execute(j.status)},loadTimeout:function(i){if(this.loading[i].timeout){clearTimeout(this.loading[i].timeout)}this.loading[i].status=this.STATUS.ERROR;this.loadError(i);this.loadComplete(i)},loadError:function(i){a.Message.Set(["LoadFailed","File failed to load: %1",i],null,2000);a.Hub.signal.Post(["file load error",i])},Styles:function(k,l){var i=this.StyleString(k);if(i===""){l=a.Callback(l);l()}else{var j=document.createElement("style");j.type="text/css";this.head=h(this.head);this.head.appendChild(j);if(j.styleSheet&&typeof(j.styleSheet.cssText)!=="undefined"){j.styleSheet.cssText=i}else{j.appendChild(document.createTextNode(i))}l=this.timer.create.call(this,l,j)}return l},StyleString:function(n){if(typeof(n)==="string"){return n}var k="",o,m;for(o in n){if(n.hasOwnProperty(o)){if(typeof n[o]==="string"){k+=o+" {"+n[o]+"}\n"}else{if(a.Object.isArray(n[o])){for(var l=0;l="0"&&q<="9"){f[j]=p[f[j]-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{if(q==="{"){q=f[j].substr(1);if(q>="0"&&q<="9"){f[j]=p[f[j].substr(1,f[j].length-2)-1];if(typeof f[j]==="number"){f[j]=this.number(f[j])}}else{var k=f[j].match(/^\{([a-z]+):%(\d+)\|(.*)\}$/);if(k){if(k[1]==="plural"){var d=p[k[2]-1];if(typeof d==="undefined"){f[j]="???"}else{d=this.plural(d)-1;var h=k[3].replace(/(^|[^%])(%%)*%\|/g,"$1$2%\uEFEF").split(/\|/);if(d>=0&&d=3){c.push([f[0],f[1],this.processSnippet(g,f[2])])}else{c.push(e[d])}}}}else{c.push(e[d])}}return c},markdownPattern:/(%.)|(\*{1,3})((?:%.|.)+?)\2|(`+)((?:%.|.)+?)\4|\[((?:%.|.)+?)\]\(([^\s\)]+)\)/,processMarkdown:function(b,h,d){var j=[],e;var c=b.split(this.markdownPattern);var g=c[0];for(var f=1,a=c.length;f1?d[1]:""));f=null}if(e&&(!b.preJax||d)){c.nodeValue=c.nodeValue.replace(b.postJax,(e.length>1?e[1]:""))}if(f&&!f.nodeValue.match(/\S/)){f=f.previousSibling}}if(b.preRemoveClass&&f&&f.className===b.preRemoveClass){a.MathJax.preview=f}a.MathJax.checked=1},processInput:function(a){var b,i=MathJax.ElementJax.STATE;var h,e,d=a.scripts.length;try{while(a.ithis.processUpdateTime&&a.i1){d.jax[a.outputJax].push(b)}b.MathJax.state=c.OUTPUT},prepareOutput:function(c,f){while(c.jthis.processUpdateTime&&h.i=0;q--){if((b[q].src||"").match(f)){s.script=b[q].innerHTML;if(RegExp.$2){var t=RegExp.$2.substr(1).split(/\&/);for(var p=0,l=t.length;p=parseInt(y[z])}}return true},Select:function(j){var i=j[d.Browser];if(i){return i(d.Browser)}return null}};var e=k.replace(/^Mozilla\/(\d+\.)+\d+ /,"").replace(/[a-z][-a-z0-9._: ]+\/\d+[^ ]*-[^ ]*\.([a-z][a-z])?\d+ /i,"").replace(/Gentoo |Ubuntu\/(\d+\.)*\d+ (\([^)]*\) )?/,"");d.Browser=d.Insert(d.Insert(new String("Unknown"),{version:"0.0"}),a);for(var v in a){if(a.hasOwnProperty(v)){if(a[v]&&v.substr(0,2)==="is"){v=v.slice(2);if(v==="Mac"||v==="PC"){continue}d.Browser=d.Insert(new String(v),a);var r=new RegExp(".*(Version/| Trident/.*; rv:)((?:\\d+\\.)+\\d+)|.*("+v+")"+(v=="MSIE"?" ":"/")+"((?:\\d+\\.)*\\d+)|(?:^|\\(| )([a-z][-a-z0-9._: ]+|(?:Apple)?WebKit)/((?:\\d+\\.)+\\d+)");var u=r.exec(e)||["","","","unknown","0.0"];d.Browser.name=(u[1]!=""?v:(u[3]||u[5]));d.Browser.version=u[2]||u[4]||u[6];break}}}try{d.Browser.Select({Safari:function(j){var i=parseInt((String(j.version).split("."))[0]);if(i>85){j.webkit=j.version}if(i>=538){j.version="8.0"}else{if(i>=537){j.version="7.0"}else{if(i>=536){j.version="6.0"}else{if(i>=534){j.version="5.1"}else{if(i>=533){j.version="5.0"}else{if(i>=526){j.version="4.0"}else{if(i>=525){j.version="3.1"}else{if(i>500){j.version="3.0"}else{if(i>400){j.version="2.0"}else{if(i>85){j.version="1.0"}}}}}}}}}}j.webkit=(navigator.appVersion.match(/WebKit\/(\d+)\./))[1];j.isMobile=(navigator.appVersion.match(/Mobile/i)!=null);j.noContextMenu=j.isMobile},Firefox:function(j){if((j.version==="0.0"||k.match(/Firefox/)==null)&&navigator.product==="Gecko"){var m=k.match(/[\/ ]rv:(\d+\.\d.*?)[\) ]/);if(m){j.version=m[1]}else{var i=(navigator.buildID||navigator.productSub||"0").substr(0,8);if(i>="20111220"){j.version="9.0"}else{if(i>="20111120"){j.version="8.0"}else{if(i>="20110927"){j.version="7.0"}else{if(i>="20110816"){j.version="6.0"}else{if(i>="20110621"){j.version="5.0"}else{if(i>="20110320"){j.version="4.0"}else{if(i>="20100121"){j.version="3.6"}else{if(i>="20090630"){j.version="3.5"}else{if(i>="20080617"){j.version="3.0"}else{if(i>="20061024"){j.version="2.0"}}}}}}}}}}}}j.isMobile=(navigator.appVersion.match(/Android/i)!=null||k.match(/ Fennec\//)!=null||k.match(/Mobile/)!=null)},Chrome:function(i){i.noContextMenu=i.isMobile=!!navigator.userAgent.match(/ Mobile[ \/]/)},Opera:function(i){i.version=opera.version()},Edge:function(i){i.isMobile=!!navigator.userAgent.match(/ Phone/)},MSIE:function(j){j.isMobile=!!navigator.userAgent.match(/ Phone/);j.isIE9=!!(document.documentMode&&(window.performance||window.msPerformance));MathJax.HTML.setScriptBug=!j.isIE9||document.documentMode<9;MathJax.Hub.msieHTMLCollectionBug=(document.documentMode<9);if(document.documentMode<10&&!s.params.NoMathPlayer){try{new ActiveXObject("MathPlayer.Factory.1");j.hasMathPlayer=true}catch(m){}try{if(j.hasMathPlayer){var i=document.createElement("object");i.id="mathplayer";i.classid="clsid:32F66A20-7614-11D4-BD11-00104BD3F987";g.appendChild(i);document.namespaces.add("m","http://www.w3.org/1998/Math/MathML");j.mpNamespace=true;if(document.readyState&&(document.readyState==="loading"||document.readyState==="interactive")){document.write('');j.mpImported=true}}else{document.namespaces.add("mjx_IE_fix","http://www.w3.org/1999/xlink")}}catch(m){}}}})}catch(c){console.error(c.message)}d.Browser.Select(MathJax.Message.browsers);if(h.AuthorConfig&&typeof h.AuthorConfig.AuthorInit==="function"){h.AuthorConfig.AuthorInit()}d.queue=h.Callback.Queue();d.queue.Push(["Post",s.signal,"Begin"],["Config",s],["Cookie",s],["Styles",s],["Message",s],function(){var i=h.Callback.Queue(s.Jax(),s.Extensions());return i.Push({})},["Menu",s],s.onLoad(),function(){MathJax.isReady=true},["Typeset",s],["Hash",s],["MenuZoom",s],["Post",s.signal,"End"])})("MathJax")}}; diff --git a/js/MathJax/config/TeX-AMS_CHTML.js b/js/MathJax/config/TeX-AMS_CHTML.js new file mode 100644 index 0000000..d531549 --- /dev/null +++ b/js/MathJax/config/TeX-AMS_CHTML.js @@ -0,0 +1,57 @@ +/* + * /MathJax/config/TeX-AMS_CHTML.js + * + * Copyright (c) 2010-2018 The MathJax Consortium + * + * Part of the MathJax library. + * See http://www.mathjax.org for details. + * + * Licensed under the Apache License, Version 2.0; + * you may not use this file except in compliance with the License. + * + * http://www.apache.org/licenses/LICENSE-2.0 + */ + +MathJax.Ajax.Preloading( + "[MathJax]/jax/input/TeX/config.js", + "[MathJax]/jax/output/CommonHTML/config.js", + "[MathJax]/jax/output/PreviewHTML/config.js", + "[MathJax]/extensions/tex2jax.js", + "[MathJax]/extensions/MathEvents.js", + "[MathJax]/extensions/MathZoom.js", + "[MathJax]/extensions/MathMenu.js", + "[MathJax]/jax/element/mml/jax.js", + "[MathJax]/extensions/toMathML.js", + "[MathJax]/extensions/TeX/noErrors.js", + "[MathJax]/extensions/TeX/noUndefined.js", + "[MathJax]/jax/input/TeX/jax.js", + "[MathJax]/extensions/TeX/AMSmath.js", + "[MathJax]/extensions/TeX/AMSsymbols.js", + "[MathJax]/jax/output/PreviewHTML/jax.js", + "[MathJax]/extensions/fast-preview.js", + "[MathJax]/extensions/AssistiveMML.js", + "[MathJax]/extensions/a11y/accessibility-menu.js" +); + +MathJax.Hub.Config({ + extensions: ['[a11y]/accessibility-menu.js'] +}); + +MathJax.InputJax.TeX=MathJax.InputJax({id:"TeX",version:"2.7.5",directory:MathJax.InputJax.directory+"/TeX",extensionDir:MathJax.InputJax.extensionDir+"/TeX",config:{TagSide:"right",TagIndent:"0.8em",MultLineWidth:"85%",equationNumbers:{autoNumber:"none",formatNumber:function(a){return a},formatTag:function(a){return"("+a+")"},formatID:function(a){return"mjx-eqn-"+String(a).replace(/\s/g,"_")},formatURL:function(b,a){return a+"#"+encodeURIComponent(b)},useLabelIds:true}},resetEquationNumbers:function(){}});MathJax.InputJax.TeX.Register("math/tex");MathJax.InputJax.TeX.loadComplete("config.js"); +MathJax.OutputJax.CommonHTML=MathJax.OutputJax({id:"CommonHTML",version:"2.7.5",directory:MathJax.OutputJax.directory+"/CommonHTML",extensionDir:MathJax.OutputJax.extensionDir+"/CommonHTML",autoloadDir:MathJax.OutputJax.directory+"/CommonHTML/autoload",fontDir:MathJax.OutputJax.directory+"/CommonHTML/fonts",webfontDir:MathJax.OutputJax.fontDir+"/HTML-CSS",config:{matchFontHeight:true,scale:100,minScaleAdjust:50,mtextFontInherit:false,undefinedFamily:"STIXGeneral,'Cambria Math','Arial Unicode MS',serif",EqnChunk:(MathJax.Hub.Browser.isMobile?20:100),EqnChunkFactor:1.5,EqnChunkDelay:100,linebreaks:{automatic:false,width:"container"}}});if(!MathJax.Hub.config.delayJaxRegistration){MathJax.OutputJax.CommonHTML.Register("jax/mml")}MathJax.OutputJax.CommonHTML.loadComplete("config.js"); +MathJax.OutputJax.PreviewHTML=MathJax.OutputJax({id:"PreviewHTML",version:"2.7.5",directory:MathJax.OutputJax.directory+"/PreviewHTML",extensionDir:MathJax.OutputJax.extensionDir+"/PreviewHTML",noFastPreview:true,config:{scale:100,minScaleAdjust:50,mtextFontInherit:false,linebreaks:{automatic:false,width:"container"}}});if(!MathJax.Hub.config.delayJaxRegistration){MathJax.OutputJax.PreviewHTML.Register("jax/mml")}MathJax.OutputJax.PreviewHTML.loadComplete("config.js"); +MathJax.Extension.tex2jax={version:"2.7.5",config:{inlineMath:[["\\(","\\)"]],displayMath:[["$$","$$"],["\\[","\\]"]],skipTags:["script","noscript","style","textarea","pre","code","annotation","annotation-xml"],ignoreClass:"tex2jax_ignore",processClass:"tex2jax_process",processEscapes:false,processEnvironments:true,processRefs:true,preview:"TeX"},ignoreTags:{br:(MathJax.Hub.Browser.isMSIE&&document.documentMode<9?"\n":" "),wbr:"","#comment":""},PreProcess:function(a){if(!this.configured){this.config=MathJax.Hub.CombineConfig("tex2jax",this.config);if(this.config.Augment){MathJax.Hub.Insert(this,this.config.Augment)}if(typeof(this.config.previewTeX)!=="undefined"&&!this.config.previewTeX){this.config.preview="none"}this.configured=true}if(typeof(a)==="string"){a=document.getElementById(a)}if(!a){a=document.body}if(this.createPatterns()){this.scanElement(a,a.nextSibling)}},createPatterns:function(){var d=[],e=[],c,a,b=this.config;this.match={};for(c=0,a=b.inlineMath.length;c0)},patternQuote:function(a){return a.replace(/([\^$(){}+*?\-|\[\]\:\\])/g,"\\$1")},endPattern:function(a){return new RegExp(this.patternQuote(a)+"|\\\\.|[{}]","g")},sortLength:function(d,c){if(d.length!==c.length){return c.length-d.length}return(d==c?0:(d0){this.HoverFadeTimer(q,q.hover.inc);return}s.parentNode.removeChild(s);if(r){r.parentNode.removeChild(r)}if(q.hover.remove){clearTimeout(q.hover.remove)}delete q.hover},HoverFadeTimer:function(q,s,r){q.hover.inc=s;if(!q.hover.timer){q.hover.timer=setTimeout(g(["HoverFade",this,q]),(r||o.fadeDelay))}},HoverMenu:function(q){if(!q){q=window.event}return b[this.jax].ContextMenu(q,this.math,true)},ClearHover:function(q){if(q.hover.remove){clearTimeout(q.hover.remove)}if(q.hover.timer){clearTimeout(q.hover.timer)}f.ClearHoverTimer();delete q.hover},Px:function(q){if(Math.abs(q)<0.006){return"0px"}return q.toFixed(2).replace(/\.?0+$/,"")+"px"},getImages:function(){if(k.discoverable){var q=new Image();q.src=o.button.src}}};var a=c.Touch={last:0,delay:500,start:function(r){var q=new Date().getTime();var s=(q-a.lastt){z.style.height=t+"px";z.style.width=(x.zW+this.scrollSize)+"px"}if(z.offsetWidth>l){z.style.width=l+"px";z.style.height=(x.zH+this.scrollSize)+"px"}}if(this.operaPositionBug){z.style.width=Math.min(l,x.zW)+"px"}if(z.offsetWidth>m&&z.offsetWidth-m=9);h.msiePositionBug=!m;h.msieSizeBug=l.versionAtLeast("7.0")&&(!document.documentMode||n===7||n===8);h.msieZIndexBug=(n<=7);h.msieInlineBlockAlignBug=(n<=7);h.msieTrapEventBug=!window.addEventListener;if(document.compatMode==="BackCompat"){h.scrollSize=52}if(m){delete i.styles["#MathJax_Zoom"].filter}},Opera:function(l){h.operaPositionBug=true;h.operaRefreshBug=true}});h.topImg=(h.msieInlineBlockAlignBug?d.Element("img",{style:{width:0,height:0,position:"relative"},src:"about:blank"}):d.Element("span",{style:{width:0,height:0,display:"inline-block"}}));if(h.operaPositionBug||h.msieTopBug){h.topImg.style.border="1px solid"}MathJax.Callback.Queue(["StartupHook",MathJax.Hub.Register,"Begin Styles",{}],["Styles",f,i.styles],["Post",a.Startup.signal,"MathZoom Ready"],["loadComplete",f,"[MathJax]/extensions/MathZoom.js"])})(MathJax.Hub,MathJax.HTML,MathJax.Ajax,MathJax.OutputJax["HTML-CSS"],MathJax.OutputJax.NativeMML); +(function(f,o,q,e,r){var p="2.7.5";var d=MathJax.Callback.Signal("menu");MathJax.Extension.MathMenu={version:p,signal:d};var t=function(u){return MathJax.Localization._.apply(MathJax.Localization,[["MathMenu",u]].concat([].slice.call(arguments,1)))};var i=MathJax.Object.isArray;var a=f.Browser.isPC,l=f.Browser.isMSIE,m=((document.documentMode||0)>8);var j=(a?null:"5px");var s=f.CombineConfig("MathMenu",{delay:150,showRenderer:true,showMathPlayer:true,showFontMenu:false,showContext:false,showDiscoverable:false,showLocale:true,showLocaleURL:false,semanticsAnnotations:{TeX:["TeX","LaTeX","application/x-tex"],StarMath:["StarMath 5.0"],Maple:["Maple"],ContentMathML:["MathML-Content","application/mathml-content+xml"],OpenMath:["OpenMath"]},windowSettings:{status:"no",toolbar:"no",locationbar:"no",menubar:"no",directories:"no",personalbar:"no",resizable:"yes",scrollbars:"yes",width:400,height:300,left:Math.round((screen.width-400)/2),top:Math.round((screen.height-300)/3)},styles:{"#MathJax_About":{position:"fixed",left:"50%",width:"auto","text-align":"center",border:"3px outset",padding:"1em 2em","background-color":"#DDDDDD",color:"black",cursor:"default","font-family":"message-box","font-size":"120%","font-style":"normal","text-indent":0,"text-transform":"none","line-height":"normal","letter-spacing":"normal","word-spacing":"normal","word-wrap":"normal","white-space":"nowrap","float":"none","z-index":201,"border-radius":"15px","-webkit-border-radius":"15px","-moz-border-radius":"15px","-khtml-border-radius":"15px","box-shadow":"0px 10px 20px #808080","-webkit-box-shadow":"0px 10px 20px #808080","-moz-box-shadow":"0px 10px 20px #808080","-khtml-box-shadow":"0px 10px 20px #808080",filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"},"#MathJax_About.MathJax_MousePost":{outline:"none"},".MathJax_Menu":{position:"absolute","background-color":"white",color:"black",width:"auto",padding:(a?"2px":"5px 0px"),border:"1px solid #CCCCCC",margin:0,cursor:"default",font:"menu","text-align":"left","text-indent":0,"text-transform":"none","line-height":"normal","letter-spacing":"normal","word-spacing":"normal","word-wrap":"normal","white-space":"nowrap","float":"none","z-index":201,"border-radius":j,"-webkit-border-radius":j,"-moz-border-radius":j,"-khtml-border-radius":j,"box-shadow":"0px 10px 20px #808080","-webkit-box-shadow":"0px 10px 20px #808080","-moz-box-shadow":"0px 10px 20px #808080","-khtml-box-shadow":"0px 10px 20px #808080",filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color='gray', Positive='true')"},".MathJax_MenuItem":{padding:(a?"2px 2em":"1px 2em"),background:"transparent"},".MathJax_MenuArrow":{position:"absolute",right:".5em","padding-top":".25em",color:"#666666","font-family":(l?"'Arial unicode MS'":null),"font-size":".75em"},".MathJax_MenuActive .MathJax_MenuArrow":{color:"white"},".MathJax_MenuArrow.RTL":{left:".5em",right:"auto"},".MathJax_MenuCheck":{position:"absolute",left:".7em","font-family":(l?"'Arial unicode MS'":null)},".MathJax_MenuCheck.RTL":{right:".7em",left:"auto"},".MathJax_MenuRadioCheck":{position:"absolute",left:(a?"1em":".7em")},".MathJax_MenuRadioCheck.RTL":{right:(a?"1em":".7em"),left:"auto"},".MathJax_MenuLabel":{padding:(a?"2px 2em 4px 1.33em":"1px 2em 3px 1.33em"),"font-style":"italic"},".MathJax_MenuRule":{"border-top":(a?"1px solid #CCCCCC":"1px solid #DDDDDD"),margin:(a?"4px 1px 0px":"4px 3px")},".MathJax_MenuDisabled":{color:"GrayText"},".MathJax_MenuActive":{"background-color":(a?"Highlight":"#606872"),color:(a?"HighlightText":"white")},".MathJax_MenuDisabled:focus, .MathJax_MenuLabel:focus":{"background-color":"#E8E8E8"},".MathJax_ContextMenu:focus":{outline:"none"},".MathJax_ContextMenu .MathJax_MenuItem:focus":{outline:"none"},"#MathJax_AboutClose":{top:".2em",right:".2em"},".MathJax_Menu .MathJax_MenuClose":{top:"-10px",left:"-10px"},".MathJax_MenuClose":{position:"absolute",cursor:"pointer",display:"inline-block",border:"2px solid #AAA","border-radius":"18px","-webkit-border-radius":"18px","-moz-border-radius":"18px","-khtml-border-radius":"18px","font-family":"'Courier New',Courier","font-size":"24px",color:"#F0F0F0"},".MathJax_MenuClose span":{display:"block","background-color":"#AAA",border:"1.5px solid","border-radius":"18px","-webkit-border-radius":"18px","-moz-border-radius":"18px","-khtml-border-radius":"18px","line-height":0,padding:"8px 0 6px"},".MathJax_MenuClose:hover":{color:"white!important",border:"2px solid #CCC!important"},".MathJax_MenuClose:hover span":{"background-color":"#CCC!important"},".MathJax_MenuClose:hover:focus":{outline:"none"}}});var n,k,b;f.Register.StartupHook("MathEvents Ready",function(){n=MathJax.Extension.MathEvents.Event.False;k=MathJax.Extension.MathEvents.Hover;b=MathJax.Extension.MathEvents.Event.KEY});var h=MathJax.Object.Subclass({Keydown:function(u,v){switch(u.keyCode){case b.ESCAPE:this.Remove(u,v);break;case b.RIGHT:this.Right(u,v);break;case b.LEFT:this.Left(u,v);break;case b.UP:this.Up(u,v);break;case b.DOWN:this.Down(u,v);break;case b.RETURN:case b.SPACE:this.Space(u,v);break;default:return;break}return n(u)},Escape:function(u,v){},Right:function(u,v){},Left:function(u,v){},Up:function(u,v){},Down:function(u,v){},Space:function(u,v){}},{});var g=MathJax.Menu=h.Subclass({version:p,items:[],posted:false,title:null,margin:5,Init:function(u){this.items=[].slice.call(arguments,0)},With:function(u){if(u){f.Insert(this,u)}return this},Post:function(M,E,B){if(!M){M=window.event||{}}var I=document.getElementById("MathJax_MenuFrame");if(!I){I=g.Background(this);delete c.lastItem;delete c.lastMenu;delete g.skipUp;d.Post(["post",g.jax]);g.isRTL=(MathJax.Localization.fontDirection()==="rtl")}var v=o.Element("div",{onmouseup:g.Mouseup,ondblclick:n,ondragstart:n,onselectstart:n,oncontextmenu:n,menuItem:this,className:"MathJax_Menu",onkeydown:g.Keydown,role:"menu"});if(M.type==="contextmenu"||M.type==="mouseover"){v.className+=" MathJax_ContextMenu"}if(!B){MathJax.Localization.setCSS(v)}for(var N=0,K=this.items.length;NA-this.margin){H=A-v.offsetWidth-this.margin}if(g.isMobile){H=Math.max(5,H-Math.floor(v.offsetWidth/2));F-=20}g.skipUp=M.isContextMenu}else{var z="left",J=E.offsetWidth;H=(g.isMobile?30:J-2);F=0;while(E&&E!==I){H+=E.offsetLeft;F+=E.offsetTop;E=E.parentNode}if(!g.isMobile){if((g.isRTL&&H-J-v.offsetWidth>this.margin)||(!g.isRTL&&H+v.offsetWidth>A-this.margin)){z="right";H=Math.max(this.margin,H-J-v.offsetWidth+6)}}if(!a){v.style["borderRadiusTop"+z]=0;v.style["WebkitBorderRadiusTop"+z]=0;v.style["MozBorderRadiusTop"+z]=0;v.style["KhtmlBorderRadiusTop"+z]=0}}v.style.left=H+"px";v.style.top=F+"px";if(document.selection&&document.selection.empty){document.selection.empty()}var G=window.pageXOffset||document.documentElement.scrollLeft;var D=window.pageYOffset||document.documentElement.scrollTop;g.Focus(v);if(M.type==="keydown"){g.skipMouseoverFromKey=true;setTimeout(function(){delete g.skipMouseoverFromKey},s.delay)}window.scrollTo(G,D);return n(M)},Remove:function(u,v){d.Post(["unpost",g.jax]);var w=document.getElementById("MathJax_MenuFrame");if(w){w.parentNode.removeChild(w);if(this.msieFixedPositionBug){detachEvent("onresize",g.Resize)}}if(g.jax.hover){delete g.jax.hover.nofade;k.UnHover(g.jax)}g.Unfocus(v);if(u.type==="mousedown"){g.CurrentNode().blur()}return n(u)},Find:function(u){return this.FindN(1,u,[].slice.call(arguments,1))},FindId:function(u){return this.FindN(0,u,[].slice.call(arguments,1))},FindN:function(y,v,x){for(var w=0,u=this.items.length;w0){u.oldTabIndex=u.tabIndex}u.tabIndex=-1}},SetTabIndex:function(){var v=g.AllNodes();for(var w=0,u;u=v[w];w++){if(u.oldTabIndex!==undefined){u.tabIndex=u.oldTabIndex;delete u.oldTabIndex}else{u.tabIndex=f.getTabOrder(u)}}},Mod:function(u,v){return((u%v)+v)%v},IndexOf:(Array.prototype.indexOf?function(u,v,w){return u.indexOf(v,w)}:function(u,x,y){for(var w=(y||0),v=u.length;w=0&&c.GetMenuNode(w).menuItem!==v[u].menuItem){v[u].menuItem.posted=false;v[u].parentNode.removeChild(v[u]);u--}},Touchstart:function(u,v){return this.TouchEvent(u,v,"Mousedown")},Touchend:function(u,v){return this.TouchEvent(u,v,"Mouseup")},TouchEvent:function(v,w,u){if(this!==c.lastItem){if(c.lastMenu){g.Event(v,c.lastMenu,"Mouseout")}g.Event(v,w,"Mouseover",true);c.lastItem=this;c.lastMenu=w}if(this.nativeTouch){return null}g.Event(v,w,u);return false},Remove:function(u,v){v=v.parentNode.menuItem;return v.Remove(u,v)},With:function(u){if(u){f.Insert(this,u)}return this},isRTL:function(){return g.isRTL},rtlClass:function(){return(this.isRTL()?" RTL":"")}},{GetMenuNode:function(u){return u.parentNode}});g.ENTRY=g.ITEM.Subclass({role:"menuitem",Attributes:function(u){u=f.Insert({onmouseover:g.Mouseover,onmouseout:g.Mouseout,onmousedown:g.Mousedown,onkeydown:g.Keydown,"aria-disabled":!!this.disabled},u);u=this.SUPER(arguments).Attributes.call(this,u);if(this.disabled){u.className+=" MathJax_MenuDisabled"}return u},MoveVertical:function(u,E,w){var x=c.GetMenuNode(E);var D=[];for(var z=0,C=x.menuItem.items,y;y=C[z];z++){if(!y.hidden){D.push(y)}}var B=g.IndexOf(D,this);if(B===-1){return}var A=D.length;var v=x.childNodes;do{B=g.Mod(w(B),A)}while(D[B].hidden||!v[B].role||v[B].role==="separator");this.Deactivate(E);D[B].Activate(u,v[B])},Up:function(v,u){this.MoveVertical(v,u,function(w){return w-1})},Down:function(v,u){this.MoveVertical(v,u,function(w){return w+1})},Right:function(v,u){this.MoveHorizontal(v,u,g.Right,!this.isRTL())},Left:function(v,u){this.MoveHorizontal(v,u,g.Left,this.isRTL())},MoveHorizontal:function(A,z,u,B){var x=c.GetMenuNode(z);if(x.menuItem===g.menu&&A.shiftKey){u(A,z)}if(B){return}if(x.menuItem!==g.menu){this.Deactivate(z)}var v=x.previousSibling.childNodes;var y=v.length;while(y--){var w=v[y];if(w.menuItem.submenu&&w.menuItem.submenu===x.menuItem){g.Focus(w);break}}this.RemoveSubmenus(z)},Space:function(u,v){this.Mouseup(u,v)},Activate:function(u,v){this.Deactivate(v);if(!this.disabled){v.className+=" MathJax_MenuActive"}this.DeactivateSubmenus(v);g.Focus(v)},Deactivate:function(u){u.className=u.className.replace(/ MathJax_MenuActive/,"")}});g.ITEM.COMMAND=g.ENTRY.Subclass({action:function(){},Init:function(u,w,v){if(!i(u)){u=[u,u]}this.name=u;this.action=w;this.With(v)},Label:function(u,v){return[this.Name()]},Mouseup:function(u,v){if(!this.disabled){this.Remove(u,v);d.Post(["command",this]);this.action.call(this,u)}return n(u)}});g.ITEM.SUBMENU=g.ENTRY.Subclass({submenu:null,marker:"\u25BA",markerRTL:"\u25C4",Attributes:function(u){u=f.Insert({"aria-haspopup":"true"},u);u=this.SUPER(arguments).Attributes.call(this,u);return u},Init:function(u,w){if(!i(u)){u=[u,u]}this.name=u;var v=1;if(!(w instanceof g.ITEM)){this.With(w),v++}this.submenu=g.apply(g,[].slice.call(arguments,v))},Label:function(u,v){this.submenu.posted=false;return[this.Name()+" ",["span",{className:"MathJax_MenuArrow"+this.rtlClass()},[this.isRTL()?this.markerRTL:this.marker]]]},Timer:function(u,v){this.ClearTimer();u={type:u.type,clientX:u.clientX,clientY:u.clientY};this.timer=setTimeout(e(["Mouseup",this,u,v]),s.delay)},ClearTimer:function(){if(this.timer){clearTimeout(this.timer)}},Touchend:function(v,x){var w=this.submenu.posted;var u=this.SUPER(arguments).Touchend.apply(this,arguments);if(w){this.Deactivate(x);delete c.lastItem;delete c.lastMenu}return u},Mouseout:function(u,v){if(!this.submenu.posted){this.Deactivate(v)}this.ClearTimer()},Mouseover:function(u,v){this.Activate(u,v)},Mouseup:function(u,v){if(!this.disabled){if(!this.submenu.posted){this.ClearTimer();this.submenu.Post(u,v,this.ltr);g.Focus(v)}else{this.DeactivateSubmenus(v)}}return n(u)},Activate:function(u,v){if(!this.disabled){this.Deactivate(v);v.className+=" MathJax_MenuActive"}if(!this.submenu.posted){this.DeactivateSubmenus(v);if(!g.isMobile){this.Timer(u,v)}}g.Focus(v)},MoveVertical:function(w,v,u){this.ClearTimer();this.SUPER(arguments).MoveVertical.apply(this,arguments)},MoveHorizontal:function(w,y,v,x){if(!x){this.SUPER(arguments).MoveHorizontal.apply(this,arguments);return}if(this.disabled){return}if(!this.submenu.posted){this.Activate(w,y);return}var u=c.GetMenuNode(y).nextSibling.childNodes;if(u.length>0){this.submenu.items[0].Activate(w,u[0])}}});g.ITEM.RADIO=g.ENTRY.Subclass({variable:null,marker:(a?"\u25CF":"\u2713"),role:"menuitemradio",Attributes:function(v){var u=s.settings[this.variable]===this.value?"true":"false";v=f.Insert({"aria-checked":u},v);v=this.SUPER(arguments).Attributes.call(this,v);return v},Init:function(v,u,w){if(!i(v)){v=[v,v]}this.name=v;this.variable=u;this.With(w);if(this.value==null){this.value=this.name[0]}},Label:function(v,w){var u={className:"MathJax_MenuRadioCheck"+this.rtlClass()};if(s.settings[this.variable]!==this.value){u={style:{display:"none"}}}return[["span",u,[this.marker]]," "+this.Name()]},Mouseup:function(x,y){if(!this.disabled){var z=y.parentNode.childNodes;for(var v=0,u=z.length;v/g,">");var y=t("EqSource","MathJax Equation Source");if(g.isMobile){u.document.open();u.document.write(""+y+"");u.document.write("
"+z+"
");u.document.write("
");u.document.write("");u.document.close()}else{u.document.open();u.document.write(""+y+"");u.document.write("
"+z+"
");u.document.write("");u.document.close();var v=u.document.body.firstChild;setTimeout(function(){var B=(u.outerHeight-u.innerHeight)||30,A=(u.outerWidth-u.innerWidth)||30,w,E;A=Math.max(140,Math.min(Math.floor(0.5*screen.width),v.offsetWidth+A+25));B=Math.max(40,Math.min(Math.floor(0.5*screen.height),v.offsetHeight+B+25));if(g.prototype.msieHeightBug){B+=35}u.resizeTo(A,B);var D;try{D=x.screenX}catch(C){}if(x&&D!=null){w=Math.max(0,Math.min(x.screenX-Math.floor(A/2),screen.width-A-20));E=Math.max(0,Math.min(x.screenY-Math.floor(B/2),screen.height-B-20));u.moveTo(w,E)}},50)}};g.Scale=function(){var z=["CommonHTML","HTML-CSS","SVG","NativeMML","PreviewHTML"],u=z.length,y=100,w,v;for(w=0;w7;g.Augment({margin:20,msieBackgroundBug:((document.documentMode||0)<9),msieFixedPositionBug:(v||!w),msieAboutBug:v,msieHeightBug:((document.documentMode||0)<9)});if(m){delete s.styles["#MathJax_About"].filter;delete s.styles[".MathJax_Menu"].filter}},Firefox:function(u){g.skipMouseover=u.isMobile&&u.versionAtLeast("6.0");g.skipMousedown=u.isMobile}});g.isMobile=f.Browser.isMobile;g.noContextMenu=f.Browser.noContextMenu;g.CreateLocaleMenu=function(){if(!g.menu){return}var z=g.menu.Find("Language").submenu,w=z.items;var v=[],B=MathJax.Localization.strings;for(var A in B){if(B.hasOwnProperty(A)){v.push(A)}}v=v.sort();z.items=[];for(var x=0,u=v.length;x0||this.Get("scriptlevel")>0)&&g>=0){return""}return this.TEXSPACELENGTH[Math.abs(g)]},TEXSPACELENGTH:["",a.LENGTH.THINMATHSPACE,a.LENGTH.MEDIUMMATHSPACE,a.LENGTH.THICKMATHSPACE],TEXSPACE:[[0,-1,2,3,0,0,0,1],[-1,-1,0,3,0,0,0,1],[2,2,0,0,2,0,0,2],[3,3,0,0,3,0,0,3],[0,0,0,0,0,0,0,0],[0,-1,2,3,0,0,0,1],[1,1,0,1,1,1,1,1],[1,-1,2,3,1,0,1,1]],autoDefault:function(e){return""},isSpacelike:function(){return false},isEmbellished:function(){return false},Core:function(){return this},CoreMO:function(){return this},childIndex:function(g){if(g==null){return}for(var f=0,e=this.data.length;f=55296&&e.charCodeAt(0)<56320)?a.VARIANT.ITALIC:a.VARIANT.NORMAL)}return""},setTeXclass:function(f){this.getPrevClass(f);var e=this.data.join("");if(e.length>1&&e.match(/^[a-z][a-z0-9]*$/i)&&this.texClass===a.TEXCLASS.ORD){this.texClass=a.TEXCLASS.OP;this.autoOP=true}return this}});a.mn=a.mbase.Subclass({type:"mn",isToken:true,texClass:a.TEXCLASS.ORD,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT}});a.mo=a.mbase.Subclass({type:"mo",isToken:true,defaults:{mathvariant:a.INHERIT,mathsize:a.INHERIT,mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT,form:a.AUTO,fence:a.AUTO,separator:a.AUTO,lspace:a.AUTO,rspace:a.AUTO,stretchy:a.AUTO,symmetric:a.AUTO,maxsize:a.AUTO,minsize:a.AUTO,largeop:a.AUTO,movablelimits:a.AUTO,accent:a.AUTO,linebreak:a.LINEBREAK.AUTO,lineleading:a.INHERIT,linebreakstyle:a.AUTO,linebreakmultchar:a.INHERIT,indentalign:a.INHERIT,indentshift:a.INHERIT,indenttarget:a.INHERIT,indentalignfirst:a.INHERIT,indentshiftfirst:a.INHERIT,indentalignlast:a.INHERIT,indentshiftlast:a.INHERIT,texClass:a.AUTO},defaultDef:{form:a.FORM.INFIX,fence:false,separator:false,lspace:a.LENGTH.THICKMATHSPACE,rspace:a.LENGTH.THICKMATHSPACE,stretchy:false,symmetric:false,maxsize:a.SIZE.INFINITY,minsize:"0em",largeop:false,movablelimits:false,accent:false,linebreak:a.LINEBREAK.AUTO,lineleading:"1ex",linebreakstyle:"before",indentalign:a.INDENTALIGN.AUTO,indentshift:"0",indenttarget:"",indentalignfirst:a.INDENTALIGN.INDENTALIGN,indentshiftfirst:a.INDENTSHIFT.INDENTSHIFT,indentalignlast:a.INDENTALIGN.INDENTALIGN,indentshiftlast:a.INDENTSHIFT.INDENTSHIFT,texClass:a.TEXCLASS.REL},SPACE_ATTR:{lspace:1,rspace:2},useMMLspacing:3,hasMMLspacing:function(){if(this.useMMLspacing){return true}return this.form&&(this.OPTABLE[this.form]||{})[this.data.join("")]},autoDefault:function(g,n){var l=this.def;if(!l){if(g==="form"){return this.getForm()}var k=this.data.join("");var f=[this.Get("form"),a.FORM.INFIX,a.FORM.POSTFIX,a.FORM.PREFIX];for(var h=0,e=f.length;h=55296&&k<56320){k=(((k-55296)<<10)+(j.charCodeAt(1)-56320))+65536}for(var g=0,e=this.RANGES.length;g=0;e--){if(this.data[0]&&!this.data[e].isSpacelike()){return this.data[e]}}return null},Core:function(){if(!(this.isEmbellished())||typeof(this.core)==="undefined"){return this}return this.data[this.core]},CoreMO:function(){if(!(this.isEmbellished())||typeof(this.core)==="undefined"){return this}return this.data[this.core].CoreMO()},toString:function(){if(this.inferred){return"["+this.data.join(",")+"]"}return this.SUPER(arguments).toString.call(this)},setTeXclass:function(g){var f,e=this.data.length;if((this.open||this.close)&&(!g||!g.fnOP)){this.getPrevClass(g);g=null;for(f=0;f0){e++}return e},adjustChild_texprimestyle:function(e){if(e==this.den){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setSeparateTeXclasses});a.msqrt=a.mbase.Subclass({type:"msqrt",inferRow:true,linebreakContainer:true,texClass:a.TEXCLASS.ORD,setTeXclass:a.mbase.setSeparateTeXclasses,adjustChild_texprimestyle:function(e){return true}});a.mroot=a.mbase.Subclass({type:"mroot",linebreakContainer:true,texClass:a.TEXCLASS.ORD,adjustChild_displaystyle:function(e){if(e===1){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(f){var e=this.Get("scriptlevel");if(f===1){e+=2}return e},adjustChild_texprimestyle:function(e){if(e===0){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setSeparateTeXclasses});a.mstyle=a.mbase.Subclass({type:"mstyle",isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,inferRow:true,defaults:{scriptlevel:a.INHERIT,displaystyle:a.INHERIT,scriptsizemultiplier:Math.sqrt(1/2),scriptminsize:"8pt",mathbackground:a.INHERIT,mathcolor:a.INHERIT,dir:a.INHERIT,infixlinebreakstyle:a.LINEBREAKSTYLE.BEFORE,decimalseparator:"."},adjustChild_scriptlevel:function(g){var f=this.scriptlevel;if(f==null){f=this.Get("scriptlevel")}else{if(String(f).match(/^ *[-+]/)){var e=this.Get("scriptlevel",null,true);f=e+parseInt(f)}}return f},inheritFromMe:true,noInherit:{mpadded:{width:true,height:true,depth:true,lspace:true,voffset:true},mtable:{width:true,height:true,depth:true,align:true}},getRemoved:{fontfamily:"fontFamily",fontweight:"fontWeight",fontstyle:"fontStyle",fontsize:"fontSize"},setTeXclass:a.mbase.setChildTeXclass});a.merror=a.mbase.Subclass({type:"merror",inferRow:true,linebreakContainer:true,texClass:a.TEXCLASS.ORD});a.mpadded=a.mbase.Subclass({type:"mpadded",inferRow:true,isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,width:"",height:"",depth:"",lspace:0,voffset:0},setTeXclass:a.mbase.setChildTeXclass});a.mphantom=a.mbase.Subclass({type:"mphantom",texClass:a.TEXCLASS.ORD,inferRow:true,isSpacelike:a.mbase.childrenSpacelike,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,setTeXclass:a.mbase.setChildTeXclass});a.mfenced=a.mbase.Subclass({type:"mfenced",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,open:"(",close:")",separators:","},addFakeNodes:function(){var f=this.getValues("open","close","separators");f.open=f.open.replace(/[ \t\n\r]/g,"");f.close=f.close.replace(/[ \t\n\r]/g,"");f.separators=f.separators.replace(/[ \t\n\r]/g,"");if(f.open!==""){this.SetData("open",a.mo(f.open).With({fence:true,form:a.FORM.PREFIX,texClass:a.TEXCLASS.OPEN}))}if(f.separators!==""){while(f.separators.length0){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(f){var e=this.Get("scriptlevel");if(f>0){e++}return e},adjustChild_texprimestyle:function(e){if(e===this.sub){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setBaseTeXclasses});a.msub=a.msubsup.Subclass({type:"msub"});a.msup=a.msubsup.Subclass({type:"msup",sub:2,sup:1});a.mmultiscripts=a.msubsup.Subclass({type:"mmultiscripts",adjustChild_texprimestyle:function(e){if(e%2===1){return true}return this.Get("texprimestyle")}});a.mprescripts=a.mbase.Subclass({type:"mprescripts"});a.none=a.mbase.Subclass({type:"none"});a.munderover=a.mbase.Subclass({type:"munderover",base:0,under:1,over:2,sub:1,sup:2,ACCENTS:["","accentunder","accent"],linebreakContainer:true,isEmbellished:a.mbase.childEmbellished,Core:a.mbase.childCore,CoreMO:a.mbase.childCoreMO,defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,accent:a.AUTO,accentunder:a.AUTO,align:a.ALIGN.CENTER,texClass:a.AUTO,subscriptshift:"",superscriptshift:""},autoDefault:function(e){if(e==="texClass"){return(this.isEmbellished()?this.CoreMO().Get(e):a.TEXCLASS.ORD)}if(e==="accent"&&this.data[this.over]){return this.data[this.over].CoreMO().Get("accent")}if(e==="accentunder"&&this.data[this.under]){return this.data[this.under].CoreMO().Get("accent")}return false},adjustChild_displaystyle:function(e){if(e>0){return false}return this.Get("displaystyle")},adjustChild_scriptlevel:function(g){var f=this.Get("scriptlevel");var e=(this.data[this.base]&&!this.Get("displaystyle")&&this.data[this.base].CoreMO().Get("movablelimits"));if(g==this.under&&(e||!this.Get("accentunder"))){f++}if(g==this.over&&(e||!this.Get("accent"))){f++}return f},adjustChild_texprimestyle:function(e){if(e===this.base&&this.data[this.over]){return true}return this.Get("texprimestyle")},setTeXclass:a.mbase.setBaseTeXclasses});a.munder=a.munderover.Subclass({type:"munder"});a.mover=a.munderover.Subclass({type:"mover",over:1,under:2,sup:1,sub:2,ACCENTS:["","accent","accentunder"]});a.mtable=a.mbase.Subclass({type:"mtable",defaults:{mathbackground:a.INHERIT,mathcolor:a.INHERIT,align:a.ALIGN.AXIS,rowalign:a.ALIGN.BASELINE,columnalign:a.ALIGN.CENTER,groupalign:"{left}",alignmentscope:true,columnwidth:a.WIDTH.AUTO,width:a.WIDTH.AUTO,rowspacing:"1ex",columnspacing:".8em",rowlines:a.LINES.NONE,columnlines:a.LINES.NONE,frame:a.LINES.NONE,framespacing:"0.4em 0.5ex",equalrows:false,equalcolumns:false,displaystyle:false,side:a.SIDE.RIGHT,minlabelspacing:"0.8em",texClass:a.TEXCLASS.ORD,useHeight:1},adjustChild_displaystyle:function(){return(this.displaystyle!=null?this.displaystyle:this.defaults.displaystyle)},inheritFromMe:true,noInherit:{mover:{align:true},munder:{align:true},munderover:{align:true},mtable:{align:true,rowalign:true,columnalign:true,groupalign:true,alignmentscope:true,columnwidth:true,width:true,rowspacing:true,columnspacing:true,rowlines:true,columnlines:true,frame:true,framespacing:true,equalrows:true,equalcolumns:true,displaystyle:true,side:true,minlabelspacing:true,texClass:true,useHeight:1}},linebreakContainer:true,Append:function(){for(var f=0,e=arguments.length;f>10)+55296)+String.fromCharCode((e&1023)+56320)}});a.xml=a.mbase.Subclass({type:"xml",Init:function(){this.div=document.createElement("div");return this.SUPER(arguments).Init.apply(this,arguments)},Append:function(){for(var f=0,e=arguments.length;f":d.REL,"?":[1,1,b.CLOSE],"\\":d.ORD,"^":d.ORD11,_:d.ORD11,"|":[2,2,b.ORD,{fence:true,stretchy:true,symmetric:true}],"#":d.ORD,"$":d.ORD,"\u002E":[0,3,b.PUNCT,{separator:true}],"\u02B9":d.ORD,"\u0300":d.ACCENT,"\u0301":d.ACCENT,"\u0303":d.WIDEACCENT,"\u0304":d.ACCENT,"\u0306":d.ACCENT,"\u0307":d.ACCENT,"\u0308":d.ACCENT,"\u030C":d.ACCENT,"\u0332":d.WIDEACCENT,"\u0338":d.REL4,"\u2015":[0,0,b.ORD,{stretchy:true}],"\u2017":[0,0,b.ORD,{stretchy:true}],"\u2020":d.BIN3,"\u2021":d.BIN3,"\u20D7":d.ACCENT,"\u2111":d.ORD,"\u2113":d.ORD,"\u2118":d.ORD,"\u211C":d.ORD,"\u2205":d.ORD,"\u221E":d.ORD,"\u2305":d.BIN3,"\u2306":d.BIN3,"\u2322":d.REL4,"\u2323":d.REL4,"\u2329":d.OPEN,"\u232A":d.CLOSE,"\u23AA":d.ORD,"\u23AF":[0,0,b.ORD,{stretchy:true}],"\u23B0":d.OPEN,"\u23B1":d.CLOSE,"\u2500":d.ORD,"\u25EF":d.BIN3,"\u2660":d.ORD,"\u2661":d.ORD,"\u2662":d.ORD,"\u2663":d.ORD,"\u3008":d.OPEN,"\u3009":d.CLOSE,"\uFE37":d.WIDEACCENT,"\uFE38":d.WIDEACCENT}}},{OPTYPES:d});var c=a.mo.prototype.OPTABLE;c.infix["^"]=d.WIDEREL;c.infix._=d.WIDEREL;c.prefix["\u2223"]=d.OPEN;c.prefix["\u2225"]=d.OPEN;c.postfix["\u2223"]=d.CLOSE;c.postfix["\u2225"]=d.CLOSE})(MathJax.ElementJax.mml);MathJax.ElementJax.mml.loadComplete("jax.js"); +MathJax.Hub.Register.LoadHook("[MathJax]/jax/element/mml/jax.js",function(){var c="2.7.5";var a=MathJax.ElementJax.mml,b=MathJax.Hub.config.menuSettings;a.mbase.Augment({toMathML:function(l){var h=(this.inferred&&this.parent.inferRow);if(l==null){l=""}var f=this.type,e=this.toMathMLattributes();if(f==="mspace"){return l+"<"+f+e+" />"}var k=[],j=(this.isToken?"":l+(h?"":" "));for(var g=0,d=this.data.length;g")}}}if(this.isToken||this.isChars){return l+"<"+f+e+">"+k.join("")+""}if(h){return k.join("\n")}if(k.length===0||(k.length===1&&k[0]==="")){return l+"<"+f+e+" />"}return l+"<"+f+e+">\n"+k.join("\n")+"\n"+l+""},toMathMLattributes:function(){var j=(this.type==="mstyle"?a.math.prototype.defaults:this.defaults);var h=(this.attrNames||a.copyAttributeNames),g=a.skipAttributes,l=a.copyAttributes;var e=[];if(this.type==="math"&&(!this.attr||!("xmlns" in this.attr))){e.push('xmlns="http://www.w3.org/1998/Math/MathML"')}if(!this.attrNames){for(var k in j){if(!g[k]&&!l[k]&&j.hasOwnProperty(k)){if(this[k]!=null&&this[k]!==j[k]){if(this.Get(k,null,1)!==this[k]){e.push(k+'="'+this.toMathMLattribute(this[k])+'"')}}}}}for(var f=0,d=h.length;f126||(k<32&&k!==10&&k!==13&&k!==9)){f[g]="&#x"+k.toString(16).toUpperCase()+";"}else{var j={"&":"&","<":"<",">":">",'"':"""}[f[g]];if(j){f[g]=j}}}else{if(g+11);var p=this.type,k=this.toMathMLattributes();var j=[],o=d+(g?" "+(n?" ":""):"")+" ";for(var h=0,f=this.data.length;h")}}if(j.length===0||(j.length===1&&j[0]==="")){if(!g){return"<"+p+k+" />"}j.push(o+"")}if(g){if(n){j.unshift(d+" ");j.push(d+" ")}j.unshift(d+" ");var l=e.originalText.replace(/[&<>]/g,function(i){return{">":">","<":"<","&":"&"}[i]});j.push(d+' '+l+"");j.push(d+" ")}return d+"<"+p+k+">\n"+j.join("\n")+"\n"+d+""}});a.msubsup.Augment({toMathML:function(j){var f=this.type;if(this.data[this.sup]==null){f="msub"}if(this.data[this.sub]==null){f="msup"}var e=this.toMathMLattributes();delete this.data[0].inferred;var h=[];for(var g=0,d=this.data.length;g\n"+h.join("\n")+"\n"+j+""}});a.munderover.Augment({toMathML:function(k){var f=this.type;var j=this.data[this.base];if(j&&j.isa(a.TeXAtom)&&j.movablelimits&&!j.Get("displaystyle")){type="msubsup";if(this.data[this.under]==null){f="msup"}if(this.data[this.over]==null){f="msub"}}else{if(this.data[this.under]==null){f="mover"}if(this.data[this.over]==null){f="munder"}}var e=this.toMathMLattributes();delete this.data[0].inferred;var h=[];for(var g=0,d=this.data.length;g\n"+h.join("\n")+"\n"+k+""}});a.TeXAtom.Augment({toMathML:function(e){var d=this.toMathMLattributes();if(!d&&this.data[0].data.length===1){return e.substr(2)+this.data[0].toMathML(e)}return e+"\n"+this.data[0].toMathML(e+" ")+"\n"+e+""}});a.chars.Augment({toMathML:function(d){return(d||"")+this.toMathMLquote(this.toString())}});a.entity.Augment({toMathML:function(d){return(d||"")+"&"+this.toMathMLquote(this.data[0])+";"}});a.xml.Augment({toMathML:function(d){return(d||"")+this.toString()}});MathJax.Hub.Register.StartupHook("TeX mathchoice Ready",function(){a.TeXmathchoice.Augment({toMathML:function(d){return this.Core().toMathML(d)}})});MathJax.Hub.Startup.signal.Post("toMathML Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/toMathML.js"); +(function(b,e){var d="2.7.5";var a=b.CombineConfig("TeX.noErrors",{disabled:false,multiLine:true,inlineDelimiters:["",""],style:{"font-size":"90%","text-align":"left",color:"black",padding:"1px 3px",border:"1px solid"}});var c="\u00A0";MathJax.Extension["TeX/noErrors"]={version:d,config:a};b.Register.StartupHook("TeX Jax Ready",function(){var f=MathJax.InputJax.TeX.formatError;MathJax.InputJax.TeX.Augment({formatError:function(j,i,k,g){if(a.disabled){return f.apply(this,arguments)}var h=j.message.replace(/\n.*/,"");b.signal.Post(["TeX Jax - parse error",h,i,k,g]);var m=a.inlineDelimiters;var l=(k||a.multiLine);if(!k){i=m[0]+i+m[1]}if(l){i=i.replace(/ /g,c)}else{i=i.replace(/\n/g," ")}return MathJax.ElementJax.mml.merror(i).With({isError:true,multiLine:l})}})});b.Register.StartupHook("HTML-CSS Jax Config",function(){b.Config({"HTML-CSS":{styles:{".MathJax .noError":b.Insert({"vertical-align":(b.Browser.isMSIE&&a.multiLine?"-2px":"")},a.style)}}})});b.Register.StartupHook("HTML-CSS Jax Ready",function(){var g=MathJax.ElementJax.mml;var h=MathJax.OutputJax["HTML-CSS"];var f=g.math.prototype.toHTML,i=g.merror.prototype.toHTML;g.math.Augment({toHTML:function(j,k){var l=this.data[0];if(l&&l.data[0]&&l.data[0].isError){j.style.fontSize="";j=this.HTMLcreateSpan(j);j.bbox=l.data[0].toHTML(j).bbox}else{j=f.apply(this,arguments)}return j}});g.merror.Augment({toHTML:function(p){if(!this.isError){return i.apply(this,arguments)}p=this.HTMLcreateSpan(p);p.className="noError";if(this.multiLine){p.style.display="inline-block"}var r=this.data[0].data[0].data.join("").split(/\n/);for(var o=0,l=r.length;o1){var n=(q.h+q.d)/2,j=h.TeX.x_height/2;p.parentNode.style.verticalAlign=h.Em(q.d+(j-n));q.h=j+n;q.d=n-j}p.bbox={h:q.h,d:q.d,w:k,lw:0,rw:k};return p}})});b.Register.StartupHook("SVG Jax Config",function(){b.Config({SVG:{styles:{".MathJax_SVG .noError":b.Insert({"vertical-align":(b.Browser.isMSIE&&a.multiLine?"-2px":"")},a.style)}}})});b.Register.StartupHook("SVG Jax Ready",function(){var g=MathJax.ElementJax.mml;var f=g.math.prototype.toSVG,h=g.merror.prototype.toSVG;g.math.Augment({toSVG:function(i,j){var k=this.data[0];if(k&&k.data[0]&&k.data[0].isError){i=k.data[0].toSVG(i)}else{i=f.apply(this,arguments)}return i}});g.merror.Augment({toSVG:function(n){if(!this.isError||this.Parent().type!=="math"){return h.apply(this,arguments)}n=e.addElement(n,"span",{className:"noError",isMathJax:true});if(this.multiLine){n.style.display="inline-block"}var o=this.data[0].data[0].data.join("").split(/\n/);for(var l=0,j=o.length;l1){var k=n.offsetHeight/2;n.style.verticalAlign=(-k+(k/j))+"px"}return n}})});b.Register.StartupHook("NativeMML Jax Ready",function(){var h=MathJax.ElementJax.mml;var g=MathJax.Extension["TeX/noErrors"].config;var f=h.math.prototype.toNativeMML,i=h.merror.prototype.toNativeMML;h.math.Augment({toNativeMML:function(j){var k=this.data[0];if(k&&k.data[0]&&k.data[0].isError){j=k.data[0].toNativeMML(j)}else{j=f.apply(this,arguments)}return j}});h.merror.Augment({toNativeMML:function(n){if(!this.isError){return i.apply(this,arguments)}n=n.appendChild(document.createElement("span"));var o=this.data[0].data[0].data.join("").split(/\n/);for(var l=0,k=o.length;l1){n.style.verticalAlign="middle"}}for(var p in g.style){if(g.style.hasOwnProperty(p)){var j=p.replace(/-./g,function(m){return m.charAt(1).toUpperCase()});n.style[j]=g.style[p]}}return n}})});b.Register.StartupHook("PreviewHTML Jax Config",function(){b.Config({PreviewHTML:{styles:{".MathJax_PHTML .noError":b.Insert({"vertical-align":(b.Browser.isMSIE&&a.multiLine?"-2px":"")},a.style)}}})});b.Register.StartupHook("PreviewHTML Jax Ready",function(){var f=MathJax.ElementJax.mml;var h=MathJax.HTML;var g=f.merror.prototype.toPreviewHTML;f.merror.Augment({toPreviewHTML:function(l){if(!this.isError){return g.apply(this,arguments)}l=this.PHTMLcreateSpan(l);l.className="noError";if(this.multiLine){l.style.display="inline-block"}var n=this.data[0].data[0].data.join("").split(/\n/);for(var k=0,j=n.length;k1){var l=1.2*j/2;o.h=l+0.25;o.d=l-0.25;n.style.verticalAlign=g.Em(0.45-l)}else{o.h=1;o.d=0.2+2/g.em}return n}})});b.Startup.signal.Post("TeX noErrors Ready")})(MathJax.Hub,MathJax.HTML);MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/noErrors.js"); +MathJax.Extension["TeX/noUndefined"]={version:"2.7.5",config:MathJax.Hub.CombineConfig("TeX.noUndefined",{disabled:false,attributes:{mathcolor:"red"}})};MathJax.Hub.Register.StartupHook("TeX Jax Ready",function(){var b=MathJax.Extension["TeX/noUndefined"].config;var a=MathJax.ElementJax.mml;var c=MathJax.InputJax.TeX.Parse.prototype.csUndefined;MathJax.InputJax.TeX.Parse.Augment({csUndefined:function(d){if(b.disabled){return c.apply(this,arguments)}MathJax.Hub.signal.Post(["TeX Jax - undefined control sequence",d]);this.Push(a.mtext(d).With(b.attributes))}});MathJax.Hub.Startup.signal.Post("TeX noUndefined Ready")});MathJax.Ajax.loadComplete("[MathJax]/extensions/TeX/noUndefined.js"); +(function(d,c,j){var i,h="\u00A0";var k=function(m){return MathJax.Localization._.apply(MathJax.Localization,[["TeX",m]].concat([].slice.call(arguments,1)))};var f=MathJax.Object.isArray;var e=MathJax.Object.Subclass({Init:function(n,m){this.global={isInner:m};this.data=[b.start(this.global)];if(n){this.data[0].env=n}this.env=this.data[0].env},Push:function(){var o,n,p,q;for(o=0,n=arguments.length;o":"27E9","\\lt":"27E8","\\gt":"27E9","/":"/","|":["|",{texClass:i.TEXCLASS.ORD}],".":"","\\\\":"\\","\\lmoustache":"23B0","\\rmoustache":"23B1","\\lgroup":"27EE","\\rgroup":"27EF","\\arrowvert":"23D0","\\Arrowvert":"2016","\\bracevert":"23AA","\\Vert":["2016",{texClass:i.TEXCLASS.ORD}],"\\|":["2016",{texClass:i.TEXCLASS.ORD}],"\\vert":["|",{texClass:i.TEXCLASS.ORD}],"\\uparrow":"2191","\\downarrow":"2193","\\updownarrow":"2195","\\Uparrow":"21D1","\\Downarrow":"21D3","\\Updownarrow":"21D5","\\backslash":"\\","\\rangle":"27E9","\\langle":"27E8","\\rbrace":"}","\\lbrace":"{","\\}":"}","\\{":"{","\\rceil":"2309","\\lceil":"2308","\\rfloor":"230B","\\lfloor":"230A","\\lbrack":"[","\\rbrack":"]"},macros:{displaystyle:["SetStyle","D",true,0],textstyle:["SetStyle","T",false,0],scriptstyle:["SetStyle","S",false,1],scriptscriptstyle:["SetStyle","SS",false,2],rm:["SetFont",i.VARIANT.NORMAL],mit:["SetFont",i.VARIANT.ITALIC],oldstyle:["SetFont",i.VARIANT.OLDSTYLE],cal:["SetFont",i.VARIANT.CALIGRAPHIC],it:["SetFont","-tex-mathit"],bf:["SetFont",i.VARIANT.BOLD],bbFont:["SetFont",i.VARIANT.DOUBLESTRUCK],scr:["SetFont",i.VARIANT.SCRIPT],frak:["SetFont",i.VARIANT.FRAKTUR],sf:["SetFont",i.VARIANT.SANSSERIF],tt:["SetFont",i.VARIANT.MONOSPACE],tiny:["SetSize",0.5],Tiny:["SetSize",0.6],scriptsize:["SetSize",0.7],small:["SetSize",0.85],normalsize:["SetSize",1],large:["SetSize",1.2],Large:["SetSize",1.44],LARGE:["SetSize",1.73],huge:["SetSize",2.07],Huge:["SetSize",2.49],arcsin:["NamedFn"],arccos:["NamedFn"],arctan:["NamedFn"],arg:["NamedFn"],cos:["NamedFn"],cosh:["NamedFn"],cot:["NamedFn"],coth:["NamedFn"],csc:["NamedFn"],deg:["NamedFn"],det:"NamedOp",dim:["NamedFn"],exp:["NamedFn"],gcd:"NamedOp",hom:["NamedFn"],inf:"NamedOp",ker:["NamedFn"],lg:["NamedFn"],lim:"NamedOp",liminf:["NamedOp","lim inf"],limsup:["NamedOp","lim sup"],ln:["NamedFn"],log:["NamedFn"],max:"NamedOp",min:"NamedOp",Pr:"NamedOp",sec:["NamedFn"],sin:["NamedFn"],sinh:["NamedFn"],sup:"NamedOp",tan:["NamedFn"],tanh:["NamedFn"],limits:["Limits",1],nolimits:["Limits",0],overline:["UnderOver","00AF",null,1],underline:["UnderOver","005F"],overbrace:["UnderOver","23DE",1],underbrace:["UnderOver","23DF",1],overparen:["UnderOver","23DC"],underparen:["UnderOver","23DD"],overrightarrow:["UnderOver","2192"],underrightarrow:["UnderOver","2192"],overleftarrow:["UnderOver","2190"],underleftarrow:["UnderOver","2190"],overleftrightarrow:["UnderOver","2194"],underleftrightarrow:["UnderOver","2194"],overset:"Overset",underset:"Underset",stackrel:["Macro","\\mathrel{\\mathop{#2}\\limits^{#1}}",2],over:"Over",overwithdelims:"Over",atop:"Over",atopwithdelims:"Over",above:"Over",abovewithdelims:"Over",brace:["Over","{","}"],brack:["Over","[","]"],choose:["Over","(",")"],frac:"Frac",sqrt:"Sqrt",root:"Root",uproot:["MoveRoot","upRoot"],leftroot:["MoveRoot","leftRoot"],left:"LeftRight",right:"LeftRight",middle:"Middle",llap:"Lap",rlap:"Lap",raise:"RaiseLower",lower:"RaiseLower",moveleft:"MoveLeftRight",moveright:"MoveLeftRight",",":["Spacer",i.LENGTH.THINMATHSPACE],":":["Spacer",i.LENGTH.MEDIUMMATHSPACE],">":["Spacer",i.LENGTH.MEDIUMMATHSPACE],";":["Spacer",i.LENGTH.THICKMATHSPACE],"!":["Spacer",i.LENGTH.NEGATIVETHINMATHSPACE],enspace:["Spacer",".5em"],quad:["Spacer","1em"],qquad:["Spacer","2em"],thinspace:["Spacer",i.LENGTH.THINMATHSPACE],negthinspace:["Spacer",i.LENGTH.NEGATIVETHINMATHSPACE],hskip:"Hskip",hspace:"Hskip",kern:"Hskip",mskip:"Hskip",mspace:"Hskip",mkern:"Hskip",rule:"rule",Rule:["Rule"],Space:["Rule","blank"],big:["MakeBig",i.TEXCLASS.ORD,0.85],Big:["MakeBig",i.TEXCLASS.ORD,1.15],bigg:["MakeBig",i.TEXCLASS.ORD,1.45],Bigg:["MakeBig",i.TEXCLASS.ORD,1.75],bigl:["MakeBig",i.TEXCLASS.OPEN,0.85],Bigl:["MakeBig",i.TEXCLASS.OPEN,1.15],biggl:["MakeBig",i.TEXCLASS.OPEN,1.45],Biggl:["MakeBig",i.TEXCLASS.OPEN,1.75],bigr:["MakeBig",i.TEXCLASS.CLOSE,0.85],Bigr:["MakeBig",i.TEXCLASS.CLOSE,1.15],biggr:["MakeBig",i.TEXCLASS.CLOSE,1.45],Biggr:["MakeBig",i.TEXCLASS.CLOSE,1.75],bigm:["MakeBig",i.TEXCLASS.REL,0.85],Bigm:["MakeBig",i.TEXCLASS.REL,1.15],biggm:["MakeBig",i.TEXCLASS.REL,1.45],Biggm:["MakeBig",i.TEXCLASS.REL,1.75],mathord:["TeXAtom",i.TEXCLASS.ORD],mathop:["TeXAtom",i.TEXCLASS.OP],mathopen:["TeXAtom",i.TEXCLASS.OPEN],mathclose:["TeXAtom",i.TEXCLASS.CLOSE],mathbin:["TeXAtom",i.TEXCLASS.BIN],mathrel:["TeXAtom",i.TEXCLASS.REL],mathpunct:["TeXAtom",i.TEXCLASS.PUNCT],mathinner:["TeXAtom",i.TEXCLASS.INNER],vcenter:["TeXAtom",i.TEXCLASS.VCENTER],mathchoice:["Extension","mathchoice"],buildrel:"BuildRel",hbox:["HBox",0],text:"HBox",mbox:["HBox",0],fbox:"FBox",strut:"Strut",mathstrut:["Macro","\\vphantom{(}"],phantom:"Phantom",vphantom:["Phantom",1,0],hphantom:["Phantom",0,1],smash:"Smash",acute:["Accent","00B4"],grave:["Accent","0060"],ddot:["Accent","00A8"],tilde:["Accent","007E"],bar:["Accent","00AF"],breve:["Accent","02D8"],check:["Accent","02C7"],hat:["Accent","005E"],vec:["Accent","2192"],dot:["Accent","02D9"],widetilde:["Accent","007E",1],widehat:["Accent","005E",1],matrix:"Matrix",array:"Matrix",pmatrix:["Matrix","(",")"],cases:["Matrix","{","","left left",null,".1em",null,true],eqalign:["Matrix",null,null,"right left",i.LENGTH.THICKMATHSPACE,".5em","D"],displaylines:["Matrix",null,null,"center",null,".5em","D"],cr:"Cr","\\":"CrLaTeX",newline:"Cr",hline:["HLine","solid"],hdashline:["HLine","dashed"],eqalignno:["Matrix",null,null,"right left",i.LENGTH.THICKMATHSPACE,".5em","D",null,"right"],leqalignno:["Matrix",null,null,"right left",i.LENGTH.THICKMATHSPACE,".5em","D",null,"left"],hfill:"HFill",hfil:"HFill",hfilll:"HFill",bmod:["Macro",'\\mmlToken{mo}[lspace="thickmathspace" rspace="thickmathspace"]{mod}'],pmod:["Macro","\\pod{\\mmlToken{mi}{mod}\\kern 6mu #1}",1],mod:["Macro","\\mathchoice{\\kern18mu}{\\kern12mu}{\\kern12mu}{\\kern12mu}\\mmlToken{mi}{mod}\\,\\,#1",1],pod:["Macro","\\mathchoice{\\kern18mu}{\\kern8mu}{\\kern8mu}{\\kern8mu}(#1)",1],iff:["Macro","\\;\\Longleftrightarrow\\;"],skew:["Macro","{{#2{#3\\mkern#1mu}\\mkern-#1mu}{}}",3],mathcal:["Macro","{\\cal #1}",1],mathscr:["Macro","{\\scr #1}",1],mathrm:["Macro","{\\rm #1}",1],mathbf:["Macro","{\\bf #1}",1],mathbb:["Macro","{\\bbFont #1}",1],Bbb:["Macro","{\\bbFont #1}",1],mathit:["Macro","{\\it #1}",1],mathfrak:["Macro","{\\frak #1}",1],mathsf:["Macro","{\\sf #1}",1],mathtt:["Macro","{\\tt #1}",1],textrm:["Macro","\\mathord{\\rm\\text{#1}}",1],textit:["Macro","\\mathord{\\it\\text{#1}}",1],textbf:["Macro","\\mathord{\\bf\\text{#1}}",1],textsf:["Macro","\\mathord{\\sf\\text{#1}}",1],texttt:["Macro","\\mathord{\\tt\\text{#1}}",1],pmb:["Macro","\\rlap{#1}\\kern1px{#1}",1],TeX:["Macro","T\\kern-.14em\\lower.5ex{E}\\kern-.115em X"],LaTeX:["Macro","L\\kern-.325em\\raise.21em{\\scriptstyle{A}}\\kern-.17em\\TeX"]," ":["Macro","\\text{ }"],not:"Not",dots:"Dots",space:"Tilde","\u00A0":"Tilde",begin:"BeginEnd",end:"BeginEnd",newcommand:["Extension","newcommand"],renewcommand:["Extension","newcommand"],newenvironment:["Extension","newcommand"],renewenvironment:["Extension","newcommand"],def:["Extension","newcommand"],let:["Extension","newcommand"],verb:["Extension","verb"],boldsymbol:["Extension","boldsymbol"],tag:["Extension","AMSmath"],notag:["Extension","AMSmath"],label:["Extension","AMSmath"],ref:["Extension","AMSmath"],eqref:["Extension","AMSmath"],nonumber:["Macro","\\notag"],unicode:["Extension","unicode"],color:"Color",href:["Extension","HTML"],"class":["Extension","HTML"],style:["Extension","HTML"],cssId:["Extension","HTML"],bbox:["Extension","bbox"],mmlToken:"MmlToken",require:"Require"},environment:{array:["AlignedArray"],matrix:["Array",null,null,null,"c"],pmatrix:["Array",null,"(",")","c"],bmatrix:["Array",null,"[","]","c"],Bmatrix:["Array",null,"\\{","\\}","c"],vmatrix:["Array",null,"\\vert","\\vert","c"],Vmatrix:["Array",null,"\\Vert","\\Vert","c"],cases:["Array",null,"\\{",".","ll",null,".2em","T"],equation:[null,"Equation"],"equation*":[null,"Equation"],eqnarray:["ExtensionEnv",null,"AMSmath"],"eqnarray*":["ExtensionEnv",null,"AMSmath"],align:["ExtensionEnv",null,"AMSmath"],"align*":["ExtensionEnv",null,"AMSmath"],aligned:["ExtensionEnv",null,"AMSmath"],multline:["ExtensionEnv",null,"AMSmath"],"multline*":["ExtensionEnv",null,"AMSmath"],split:["ExtensionEnv",null,"AMSmath"],gather:["ExtensionEnv",null,"AMSmath"],"gather*":["ExtensionEnv",null,"AMSmath"],gathered:["ExtensionEnv",null,"AMSmath"],alignat:["ExtensionEnv",null,"AMSmath"],"alignat*":["ExtensionEnv",null,"AMSmath"],alignedat:["ExtensionEnv",null,"AMSmath"]},p_height:1.2/0.85});if(this.config.Macros){var m=this.config.Macros;for(var n in m){if(m.hasOwnProperty(n)){if(typeof(m[n])==="string"){g.macros[n]=["Macro",m[n]]}else{g.macros[n]=["Macro"].concat(m[n])}g.macros[n].isUser=true}}}};var a=MathJax.Object.Subclass({Init:function(n,o){this.string=n;this.i=0;this.macroCount=0;var m;if(o){m={};for(var p in o){if(o.hasOwnProperty(p)){m[p]=o[p]}}}this.stack=d.Stack(m,!!o);this.Parse();this.Push(b.stop())},Parse:function(){var o,m;while(this.i=55296&&m<56320){o+=this.string.charAt(this.i++)}if(g.special.hasOwnProperty(o)){this[g.special[o]](o)}else{if(g.letter.test(o)){this.Variable(o)}else{if(g.digit.test(o)){this.Number(o)}else{this.Other(o)}}}}},Push:function(){this.stack.Push.apply(this.stack,arguments)},mml:function(){if(this.stack.Top().type!=="mml"){return null}return this.stack.Top().data[0]},mmlToken:function(m){return m},ControlSequence:function(p){var m=this.GetCS(),o=this.csFindMacro(m);if(o){if(!f(o)){o=[o]}var n=o[0];if(!(n instanceof Function)){n=this[n]}n.apply(this,[p+m].concat(o.slice(1)))}else{if(g.mathchar0mi.hasOwnProperty(m)){this.csMathchar0mi(m,g.mathchar0mi[m])}else{if(g.mathchar0mo.hasOwnProperty(m)){this.csMathchar0mo(m,g.mathchar0mo[m])}else{if(g.mathchar7.hasOwnProperty(m)){this.csMathchar7(m,g.mathchar7[m])}else{if(g.delimiter.hasOwnProperty("\\"+m)){this.csDelimiter(m,g.delimiter["\\"+m])}else{this.csUndefined(p+m)}}}}}},csFindMacro:function(m){return(g.macros.hasOwnProperty(m)?g.macros[m]:null)},csMathchar0mi:function(m,o){var n={mathvariant:i.VARIANT.ITALIC};if(f(o)){n=o[1];o=o[0]}this.Push(this.mmlToken(i.mi(i.entity("#x"+o)).With(n)))},csMathchar0mo:function(m,o){var n={stretchy:false};if(f(o)){n=o[1];n.stretchy=false;o=o[0]}this.Push(this.mmlToken(i.mo(i.entity("#x"+o)).With(n)))},csMathchar7:function(m,o){var n={mathvariant:i.VARIANT.NORMAL};if(f(o)){n=o[1];o=o[0]}if(this.stack.env.font){n.mathvariant=this.stack.env.font}this.Push(this.mmlToken(i.mi(i.entity("#x"+o)).With(n)))},csDelimiter:function(m,o){var n={};if(f(o)){n=o[1];o=o[0]}if(o.length===4){o=i.entity("#x"+o)}else{o=i.chars(o)}this.Push(this.mmlToken(i.mo(o).With({fence:false,stretchy:false}).With(n)))},csUndefined:function(m){d.Error(["UndefinedControlSequence","Undefined control sequence %1",m])},Variable:function(n){var m={};if(this.stack.env.font){m.mathvariant=this.stack.env.font}this.Push(this.mmlToken(i.mi(i.chars(n)).With(m)))},Number:function(p){var m,o=this.string.slice(this.i-1).match(g.number);if(o){m=i.mn(o[0].replace(/[{}]/g,""));this.i+=o[0].length-1}else{m=i.mo(i.chars(p))}if(this.stack.env.font){m.mathvariant=this.stack.env.font}this.Push(this.mmlToken(m))},Open:function(m){this.Push(b.open())},Close:function(m){this.Push(b.close())},Tilde:function(m){this.Push(i.mtext(i.chars(h)))},Space:function(m){},Superscript:function(r){if(this.GetNext().match(/\d/)){this.string=this.string.substr(0,this.i+1)+" "+this.string.substr(this.i+1)}var q,o,p=this.stack.Top();if(p.type==="prime"){o=p.data[0];q=p.data[1];this.stack.Pop()}else{o=this.stack.Prev();if(!o){o=i.mi("")}}if(o.isEmbellishedWrapper){o=o.data[0].data[0]}var n=o.movesupsub,m=o.sup;if((o.type==="msubsup"&&o.data[o.sup])||(o.type==="munderover"&&o.data[o.over]&&!o.subsupOK)){d.Error(["DoubleExponent","Double exponent: use braces to clarify"])}if(o.type!=="msubsup"){if(n){if(o.type!=="munderover"||o.data[o.over]){if(o.movablelimits&&o.isa(i.mi)){o=this.mi2mo(o)}o=i.munderover(o,null,null).With({movesupsub:true})}m=o.over}else{o=i.msubsup(o,null,null);m=o.sup}}this.Push(b.subsup(o).With({position:m,primes:q,movesupsub:n}))},Subscript:function(r){if(this.GetNext().match(/\d/)){this.string=this.string.substr(0,this.i+1)+" "+this.string.substr(this.i+1)}var q,o,p=this.stack.Top();if(p.type==="prime"){o=p.data[0];q=p.data[1];this.stack.Pop()}else{o=this.stack.Prev();if(!o){o=i.mi("")}}if(o.isEmbellishedWrapper){o=o.data[0].data[0]}var n=o.movesupsub,m=o.sub;if((o.type==="msubsup"&&o.data[o.sub])||(o.type==="munderover"&&o.data[o.under]&&!o.subsupOK)){d.Error(["DoubleSubscripts","Double subscripts: use braces to clarify"])}if(o.type!=="msubsup"){if(n){if(o.type!=="munderover"||o.data[o.under]){if(o.movablelimits&&o.isa(i.mi)){o=this.mi2mo(o)}o=i.munderover(o,null,null).With({movesupsub:true})}m=o.under}else{o=i.msubsup(o,null,null);m=o.sub}}this.Push(b.subsup(o).With({position:m,primes:q,movesupsub:n}))},PRIME:"\u2032",SMARTQUOTE:"\u2019",Prime:function(o){var n=this.stack.Prev();if(!n){n=i.mi()}if(n.type==="msubsup"&&n.data[n.sup]){d.Error(["DoubleExponentPrime","Prime causes double exponent: use braces to clarify"])}var m="";this.i--;do{m+=this.PRIME;this.i++,o=this.GetNext()}while(o==="'"||o===this.SMARTQUOTE);m=["","\u2032","\u2033","\u2034","\u2057"][m.length]||m;this.Push(b.prime(n,this.mmlToken(i.mo(m))))},mi2mo:function(m){var n=i.mo();n.Append.apply(n,m.data);var o;for(o in n.defaults){if(n.defaults.hasOwnProperty(o)&&m[o]!=null){n[o]=m[o]}}for(o in i.copyAttributes){if(i.copyAttributes.hasOwnProperty(o)&&m[o]!=null){n[o]=m[o]}}n.lspace=n.rspace="0";n.useMMLspacing&=~(n.SPACE_ATTR.lspace|n.SPACE_ATTR.rspace);return n},Comment:function(m){while(this.id.config.MAXMACROS){d.Error(["MaxMacroSub1","MathJax maximum macro substitution count exceeded; is there a recursive macro call?"])}},Matrix:function(n,p,v,r,u,o,m,w,t){var s=this.GetNext();if(s===""){d.Error(["MissingArgFor","Missing argument for %1",n])}if(s==="{"){this.i++}else{this.string=s+"}"+this.string.slice(this.i+1);this.i=0}var q=b.array().With({requireClose:true,arraydef:{rowspacing:(o||"4pt"),columnspacing:(u||"1em")}});if(w){q.isCases=true}if(t){q.isNumbered=true;q.arraydef.side=t}if(p||v){q.open=p;q.close=v}if(m==="D"){q.arraydef.displaystyle=true}if(r!=null){q.arraydef.columnalign=r}this.Push(q)},Entry:function(p){this.Push(b.cell().With({isEntry:true,name:p}));if(this.stack.Top().isCases){var o=this.string;var t=0,s=-1,q=this.i,n=o.length;while(qd.config.MAXMACROS){d.Error(["MaxMacroSub2","MathJax maximum substitution count exceeded; is there a recursive latex environment?"])}if(q[0]&&this[q[0]]){n=this[q[0]].apply(this,[n].concat(q.slice(2)))}}this.Push(n)},envFindName:function(m){return(g.environment.hasOwnProperty(m)?g.environment[m]:null)},Equation:function(m,n){return n},ExtensionEnv:function(n,m){this.Extension(n.name,m,"environment")},Array:function(n,p,u,s,t,o,m,q){if(!s){s=this.GetArgument("\\begin{"+n.name+"}")}var v=("c"+s).replace(/[^clr|:]/g,"").replace(/[^|:]([|:])+/g,"$1");s=s.replace(/[^clr]/g,"").split("").join(" ");s=s.replace(/l/g,"left").replace(/r/g,"right").replace(/c/g,"center");var r=b.array().With({arraydef:{columnalign:s,columnspacing:(t||"1em"),rowspacing:(o||"4pt")}});if(v.match(/[|:]/)){if(v.charAt(0).match(/[|:]/)){r.frame.push("left");r.frame.dashed=v.charAt(0)===":"}if(v.charAt(v.length-1).match(/[|:]/)){r.frame.push("right")}v=v.substr(1,v.length-2);r.arraydef.columnlines=v.split("").join(" ").replace(/[^|: ]/g,"none").replace(/\|/g,"solid").replace(/:/g,"dashed")}if(p){r.open=this.convertDelimiter(p)}if(u){r.close=this.convertDelimiter(u)}if(m==="D"){r.arraydef.displaystyle=true}else{if(m){r.arraydef.displaystyle=false}}if(m==="S"){r.arraydef.scriptlevel=1}if(q){r.arraydef.useHeight=false}this.Push(n);return r},AlignedArray:function(m){var n=this.GetBrackets("\\begin{"+m.name+"}");return this.setArrayAlign(this.Array.apply(this,arguments),n)},setArrayAlign:function(n,m){m=this.trimSpaces(m||"");if(m==="t"){n.arraydef.align="baseline 1"}else{if(m==="b"){n.arraydef.align="baseline -1"}else{if(m==="c"){n.arraydef.align="center"}else{if(m){n.arraydef.align=m}}}}return n},convertDelimiter:function(m){if(m){m=(g.delimiter.hasOwnProperty(m)?g.delimiter[m]:null)}if(m==null){return null}if(f(m)){m=m[0]}if(m.length===4){m=String.fromCharCode(parseInt(m,16))}return m},trimSpaces:function(n){if(typeof(n)!="string"){return n}var m=n.replace(/^\s+|\s+$/g,"");if(m.match(/\\$/)&&n.match(/ $/)){m+=" "}return m},nextIsSpace:function(){return this.string.charAt(this.i).match(/\s/)},GetNext:function(){while(this.nextIsSpace()){this.i++}return this.string.charAt(this.i)},GetCS:function(){var m=this.string.slice(this.i).match(/^([a-z]+|.) ?/i);if(m){this.i+=m[1].length;return m[1]}else{this.i++;return" "}},GetArgument:function(n,o){switch(this.GetNext()){case"":if(!o){d.Error(["MissingArgFor","Missing argument for %1",n])}return null;case"}":if(!o){d.Error(["ExtraCloseMissingOpen","Extra close brace or missing open brace"])}return null;case"\\":this.i++;return"\\"+this.GetCS();case"{":var m=++this.i,p=1;while(this.i1){n=[i.mrow.apply(i,n)]}}return n},InternalText:function(n,m){n=n.replace(/^\s+/,h).replace(/\s+$/,h);return i.mtext(i.chars(n)).With(m)},setDef:function(m,n){n.isUser=true;g.macros[m]=n},setEnv:function(m,n){n.isUser=true;g.environment[m]=n},SubstituteArgs:function(n,m){var q="";var p="";var r;var o=0;while(on.length){d.Error(["IllegalMacroParam","Illegal macro parameter reference"])}p=this.AddArgs(this.AddArgs(p,q),n[r-1]);q=""}}else{q+=r}}}return this.AddArgs(p,q)},AddArgs:function(n,m){if(m.match(/^[a-z]/i)&&n.match(/(^|[^\\])(\\\\)*\\[a-z]+$/i)){n+=" "}if(n.length+m.length>d.config.MAXBUFFER){d.Error(["MaxBufferSize","MathJax internal buffer size exceeded; is there a recursive macro call?"])}return n+m}});d.Augment({Stack:e,Parse:a,Definitions:g,Startup:l,config:{MAXMACROS:10000,MAXBUFFER:5*1024},sourceMenuTitle:["TeXCommands","TeX Commands"],annotationEncoding:"application/x-tex",prefilterHooks:MathJax.Callback.Hooks(true),postfilterHooks:MathJax.Callback.Hooks(true),Config:function(){this.SUPER(arguments).Config.apply(this,arguments);if(this.config.equationNumbers.autoNumber!=="none"){if(!this.config.extensions){this.config.extensions=[]}this.config.extensions.push("AMSmath.js")}},Translate:function(m){var n,o=false,q=MathJax.HTML.getScript(m);var s=(m.type.replace(/\n/g," ").match(/(;|\s|\n)mode\s*=\s*display(;|\s|\n|$)/)!=null);var r={math:q,display:s,script:m};var t=this.prefilterHooks.Execute(r);if(t){return t}q=r.math;try{n=d.Parse(q).mml()}catch(p){if(!p.texError){throw p}n=this.formatError(p,q,s,m);o=true}if(n.isa(i.mtable)&&n.displaystyle==="inherit"){n.displaystyle=s}if(n.inferred){n=i.apply(MathJax.ElementJax,n.data)}else{n=i(n)}if(s){n.root.display="block"}if(o){n.texError=true}r.math=n;return this.postfilterHooks.Execute(r)||r.math},prefilterMath:function(n,o,m){return n},postfilterMath:function(n,o,m){this.combineRelations(n.root);return n},formatError:function(p,o,q,m){var n=p.message.replace(/\n.*/,"");c.signal.Post(["TeX Jax - parse error",n,o,q,m]);return i.Error(n)},Error:function(m){if(f(m)){m=k.apply(k,m)}throw c.Insert(Error(m),{texError:true})},Macro:function(m,n,o){g.macros[m]=["Macro"].concat([].slice.call(arguments,1));g.macros[m].isUser=true},fenced:function(o,n,p){var m=i.mrow().With({open:o,close:p,texClass:i.TEXCLASS.INNER});m.Append(i.mo(o).With({fence:true,stretchy:true,symmetric:true,texClass:i.TEXCLASS.OPEN}));if(n.type==="mrow"&&n.inferred){m.Append.apply(m,n.data)}else{m.Append(n)}m.Append(i.mo(p).With({fence:true,stretchy:true,symmetric:true,texClass:i.TEXCLASS.CLOSE}));return m},fixedFence:function(o,n,p){var m=i.mrow().With({open:o,close:p,texClass:i.TEXCLASS.ORD});if(o){m.Append(this.mathPalette(o,"l"))}if(n.type==="mrow"){m.Append.apply(m,n.data)}else{m.Append(n)}if(p){m.Append(this.mathPalette(p,"r"))}return m},mathPalette:function(p,n){if(p==="{"||p==="}"){p="\\"+p}var o="{\\bigg"+n+" "+p+"}",m="{\\big"+n+" "+p+"}";return d.Parse("\\mathchoice"+o+m+m+m,{}).mml()},combineRelations:function(q){var r,n,p,o;for(r=0,n=q.data.length;r0){p+="rl";o.push("0em 0em");q--}o=o.join(" ");if(i){return this.AMSarray(l,j,i,p,o)}var m=this.AMSarray(l,j,i,p,o);return this.setArrayAlign(m,k)},EquationBegin:function(i,j){this.checkEqnEnv();this.stack.global.forcetag=(j&&a.autoNumber!=="none");return i},EquationStar:function(i,j){this.stack.global.tagged=true;return j},checkEqnEnv:function(){if(this.stack.global.eqnenv){h.Error(["ErroneousNestingEq","Erroneous nesting of equation structures"])}this.stack.global.eqnenv=true},MultiIntegral:function(j,m){var l=this.GetNext();if(l==="\\"){var k=this.i;l=this.GetArgument(j);this.i=k;if(l==="\\limits"){if(j==="\\idotsint"){m="\\!\\!\\mathop{\\,\\,"+m+"}"}else{m="\\!\\!\\!\\mathop{\\,\\,\\,"+m+"}"}}}this.string=m+" "+this.string.slice(this.i);this.i=0},xArrow:function(k,o,n,i){var m={width:"+"+(n+i)+"mu",lspace:n+"mu"};var p=this.GetBrackets(k),q=this.ParseArg(k);var s=b.mo(b.chars(String.fromCharCode(o))).With({stretchy:true,texClass:b.TEXCLASS.REL});var j=b.munderover(s);j.SetData(j.over,b.mpadded(q).With(m).With({voffset:".15em"}));if(p){p=h.Parse(p,this.stack.env).mml();j.SetData(j.under,b.mpadded(p).With(m).With({voffset:"-.24em"}))}this.Push(j.With({subsupOK:true}))},GetDelimiterArg:function(i){var j=this.trimSpaces(this.GetArgument(i));if(j==""){return null}if(j in d.delimiter){return j}h.Error(["MissingOrUnrecognizedDelim","Missing or unrecognized delimiter for %1",i])},GetStar:function(){var i=(this.GetNext()==="*");if(i){this.i++}return i}});f.Augment({autoTag:function(){var j=this.global;if(!j.notag){g.number++;j.tagID=a.formatNumber(g.number.toString());var i=h.Parse("\\text{"+a.formatTag(j.tagID)+"}",{}).mml();j.tag=b.mtd(i).With({id:a.formatID(j.tagID)})}},getTag:function(){var m=this.global,k=m.tag;m.tagged=true;if(m.label){if(a.useLabelIds){k.id=a.formatID(m.label)}g.eqlabels[m.label]={tag:m.tagID,id:k.id}}if(document.getElementById(k.id)||g.IDs[k.id]||g.eqIDs[k.id]){var l=0,j;do{l++;j=k.id+"_"+l}while(document.getElementById(j)||g.IDs[j]||g.eqIDs[j]);k.id=j;if(m.label){g.eqlabels[m.label].id=j}}g.eqIDs[k.id]=1;this.clearTag();return k},clearTag:function(){var i=this.global;delete i.tag;delete i.tagID;delete i.label},fixInitialMO:function(l){for(var k=0,j=l.length;k *":{display:"table-row!important"},".MJXp-surd":{"vertical-align":"top"},".MJXp-surd > *":{display:"block!important"},".MJXp-script-box > * ":{display:"table!important",height:"50%"},".MJXp-script-box > * > *":{display:"table-cell!important","vertical-align":"top"},".MJXp-script-box > *:last-child > *":{"vertical-align":"bottom"},".MJXp-script-box > * > * > *":{display:"block!important"},".MJXp-mphantom":{visibility:"hidden"},".MJXp-munderover, .MJXp-munder":{display:"inline-table!important"},".MJXp-over":{display:"inline-block!important","text-align":"center"},".MJXp-over > *":{display:"block!important"},".MJXp-munderover > *, .MJXp-munder > *":{display:"table-row!important"},".MJXp-mtable":{"vertical-align":".25em",margin:"0 .125em"},".MJXp-mtable > *":{display:"inline-table!important","vertical-align":"middle"},".MJXp-mtr":{display:"table-row!important"},".MJXp-mtd":{display:"table-cell!important","text-align":"center",padding:".5em 0 0 .5em"},".MJXp-mtr > .MJXp-mtd:first-child":{"padding-left":0},".MJXp-mtr:first-child > .MJXp-mtd":{"padding-top":0},".MJXp-mlabeledtr":{display:"table-row!important"},".MJXp-mlabeledtr > .MJXp-mtd:first-child":{"padding-left":0},".MJXp-mlabeledtr:first-child > .MJXp-mtd":{"padding-top":0},".MJXp-merror":{"background-color":"#FFFF88",color:"#CC0000",border:"1px solid #CC0000",padding:"1px 3px","font-style":"normal","font-size":"90%"}};(function(){for(var n=0;n<10;n++){var o="scaleX(."+n+")";m[".MJXp-scale"+n]={"-webkit-transform":o,"-moz-transform":o,"-ms-transform":o,"-o-transform":o,transform:o}}})();var k=1000000;var c="V",l="H";g.Augment({settings:b.config.menuSettings,config:{styles:m},hideProcessedMath:false,maxStretchyParts:1000,Config:function(){if(!this.require){this.require=[]}this.SUPER(arguments).Config.call(this);var n=this.settings;if(n.scale){this.config.scale=n.scale}this.require.push(MathJax.OutputJax.extensionDir+"/MathEvents.js")},Startup:function(){j=MathJax.Extension.MathEvents.Event;a=MathJax.Extension.MathEvents.Touch;d=MathJax.Extension.MathEvents.Hover;this.ContextMenu=j.ContextMenu;this.Mousedown=j.AltContextMenu;this.Mouseover=d.Mouseover;this.Mouseout=d.Mouseout;this.Mousemove=d.Mousemove;var n=e.addElement(document.body,"div",{style:{width:"5in"}});this.pxPerInch=n.offsetWidth/5;n.parentNode.removeChild(n);return i.Styles(this.config.styles,["InitializePHTML",this])},InitializePHTML:function(){},preTranslate:function(p){var s=p.jax[this.id],t,q=s.length,u,r,v,o,n;for(t=0;tthis.PHTML.h){this.PHTML.h=q.PHTML.h}if(q.PHTML.d>this.PHTML.d){this.PHTML.d=q.PHTML.d}if(q.PHTML.t>this.PHTML.t){this.PHTML.t=q.PHTML.t}if(q.PHTML.b>this.PHTML.b){this.PHTML.b=q.PHTML.b}}}else{if(n.forceChild){e.addElement(p,"span")}}},PHTMLstretchChild:function(q,p,s){var r=this.data[q];if(r&&r.PHTMLcanStretch("Vertical",p,s)){var t=this.PHTML,o=r.PHTML,n=o.w;r.PHTMLstretchV(p,s);t.w+=o.w-n;if(o.h>t.h){t.h=o.h}if(o.d>t.d){t.d=o.d}}},PHTMLcreateSpan:function(n){if(!this.PHTML){this.PHTML={}}this.PHTML={w:0,h:0,d:0,l:0,r:0,t:0,b:0};if(this.inferred){return n}if(this.type==="mo"&&this.data.join("")==="\u222B"){g.lastIsInt=true}else{if(this.type!=="mspace"||this.width!=="negativethinmathspace"){g.lastIsInt=false}}if(!this.PHTMLspanID){this.PHTMLspanID=g.GetID()}var o=(this.id||"MJXp-Span-"+this.PHTMLspanID);return e.addElement(n,"span",{className:"MJXp-"+this.type,id:o})},PHTMLspanElement:function(){if(!this.PHTMLspanID){return null}return document.getElementById(this.id||"MJXp-Span-"+this.PHTMLspanID)},PHTMLhandleToken:function(o){var n=this.getValues("mathvariant");if(n.mathvariant!==h.VARIANT.NORMAL){o.className+=" "+g.VARIANT[n.mathvariant]}},PHTMLhandleStyle:function(n){if(this.style){n.style.cssText=this.style}},PHTMLhandleColor:function(n){if(this.mathcolor){n.style.color=this.mathcolor}if(this.mathbackground){n.style.backgroundColor=this.mathbackground}},PHTMLhandleScriptlevel:function(n){var o=this.Get("scriptlevel");if(o){n.className+=" MJXp-script"}},PHTMLhandleText:function(y,A){var v,p;var z=0,o=0,q=0;for(var s=0,r=A.length;s=55296&&p<56319){s++;p=(((p-55296)<<10)+(A.charCodeAt(s)-56320))+65536}var t=0.7,u=0.22,x=0.5;if(p<127){if(v.match(/[A-Za-ehik-or-xz0-9]/)){u=0}if(v.match(/[A-HK-Z]/)){x=0.67}else{if(v.match(/[IJ]/)){x=0.36}}if(v.match(/[acegm-su-z]/)){t=0.45}else{if(v.match(/[ij]/)){t=0.75}}if(v.match(/[ijlt]/)){x=0.28}}if(g.DELIMITERS[v]){x=g.DELIMITERS[v].w||0.4}if(t>z){z=t}if(u>o){o=u}q+=x}if(!this.CHML){this.PHTML={}}this.PHTML={h:0.9,d:0.3,w:q,l:0,r:0,t:z,b:o};e.addText(y,A)},PHTMLbboxFor:function(o){if(this.data[o]&&this.data[o].PHTML){return this.data[o].PHTML}return{w:0,h:0,d:0,l:0,r:0,t:0,b:0}},PHTMLcanStretch:function(q,o,p){if(this.isEmbellished()){var n=this.Core();if(n&&n!==this){return n.PHTMLcanStretch(q,o,p)}}return false},PHTMLstretchV:function(n,o){},PHTMLstretchH:function(n){},CoreParent:function(){var n=this;while(n&&n.isEmbellished()&&n.CoreMO()===this&&!n.isa(h.math)){n=n.Parent()}return n},CoreText:function(n){if(!n){return""}if(n.isEmbellished()){return n.CoreMO().data.join("")}while((n.isa(h.mrow)||n.isa(h.TeXAtom)||n.isa(h.mstyle)||n.isa(h.mphantom))&&n.data.length===1&&n.data[0]){n=n.data[0]}if(!n.isToken){return""}else{return n.data.join("")}}});h.chars.Augment({toPreviewHTML:function(n){var o=this.toString().replace(/[\u2061-\u2064]/g,"");this.PHTMLhandleText(n,o)}});h.entity.Augment({toPreviewHTML:function(n){var o=this.toString().replace(/[\u2061-\u2064]/g,"");this.PHTMLhandleText(n,o)}});h.math.Augment({toPreviewHTML:function(n){n=this.PHTMLdefaultSpan(n);if(this.Get("display")==="block"){n.className+=" MJXp-display"}return n}});h.mo.Augment({toPreviewHTML:function(o){o=this.PHTMLdefaultSpan(o);this.PHTMLadjustAccent(o);var n=this.getValues("lspace","rspace","scriptlevel","displaystyle","largeop");if(n.scriptlevel===0){this.PHTML.l=g.length2em(n.lspace);this.PHTML.r=g.length2em(n.rspace);o.style.marginLeft=g.Em(this.PHTML.l);o.style.marginRight=g.Em(this.PHTML.r)}else{this.PHTML.l=0.15;this.PHTML.r=0.1}if(n.displaystyle&&n.largeop){var p=e.Element("span",{className:"MJXp-largeop"});p.appendChild(o.firstChild);o.appendChild(p);this.PHTML.h*=1.2;this.PHTML.d*=1.2;if(this.data.join("")==="\u222B"){p.className+=" MJXp-int"}}return o},PHTMLadjustAccent:function(p){var o=this.CoreParent();if(o&&o.isa(h.munderover)&&this.CoreText(o.data[o.base]).length===1){var q=o.data[o.over],n=o.data[o.under];var s=this.data.join(""),r;if(q&&this===q.CoreMO()&&o.Get("accent")){r=g.REMAPACCENT[s]}else{if(n&&this===n.CoreMO()&&o.Get("accentunder")){r=g.REMAPACCENTUNDER[s]}}if(r){s=p.innerHTML=r}if(s.match(/[\u02C6-\u02DC\u00A8]/)){this.PHTML.acc=-0.52}else{if(s==="\u2192"){this.PHTML.acc=-0.15;this.PHTML.vec=true}}}},PHTMLcanStretch:function(q,o,p){if(!this.Get("stretchy")){return false}var r=this.data.join("");if(r.length>1){return false}r=g.DELIMITERS[r];var n=(r&&r.dir===q.substr(0,1));if(n){n=(this.PHTML.h!==o||this.PHTML.d!==p||(this.Get("minsize",true)||this.Get("maxsize",true)))}return n},PHTMLstretchV:function(p,u){var o=this.PHTMLspanElement(),t=this.PHTML;var n=this.getValues("symmetric","maxsize","minsize");if(n.symmetric){l=2*Math.max(p-0.25,u+0.25)}else{l=p+u}n.maxsize=g.length2em(n.maxsize,t.h+t.d);n.minsize=g.length2em(n.minsize,t.h+t.d);l=Math.max(n.minsize,Math.min(n.maxsize,l));var s=l/(t.h+t.d-0.3);var q=e.Element("span",{style:{"font-size":g.Em(s)}});if(s>1.25){var r=Math.ceil(1.25/s*10);q.className="MJXp-right MJXp-scale"+r;q.style.marginLeft=g.Em(t.w*(r/10-1)+0.07);t.w*=s*r/10}q.appendChild(o.firstChild);o.appendChild(q);if(n.symmetric){o.style.verticalAlign=g.Em(0.25*(1-s))}}});h.mspace.Augment({toPreviewHTML:function(q){q=this.PHTMLdefaultSpan(q);var o=this.getValues("height","depth","width");var n=g.length2em(o.width),p=g.length2em(o.height),s=g.length2em(o.depth);var r=this.PHTML;r.w=n;r.h=p;r.d=s;if(n<0){if(!g.lastIsInt){q.style.marginLeft=g.Em(n)}n=0}q.style.width=g.Em(n);q.style.height=g.Em(p+s);if(s){q.style.verticalAlign=g.Em(-s)}return q}});h.mpadded.Augment({toPreviewHTML:function(u){u=this.PHTMLdefaultSpan(u,{childSpans:true,className:"MJXp-box",forceChild:true});var o=u.firstChild;var v=this.getValues("width","height","depth","lspace","voffset");var s=this.PHTMLdimen(v.lspace);var q=0,n=0,t=s.len,r=-s.len,p=0;if(v.width!==""){s=this.PHTMLdimen(v.width,"w",0);if(s.pm){r+=s.len}else{u.style.width=g.Em(s.len)}}if(v.height!==""){s=this.PHTMLdimen(v.height,"h",0);if(!s.pm){q+=-this.PHTMLbboxFor(0).h}q+=s.len}if(v.depth!==""){s=this.PHTMLdimen(v.depth,"d",0);if(!s.pm){n+=-this.PHTMLbboxFor(0).d;p+=-s.len}n+=s.len}if(v.voffset!==""){s=this.PHTMLdimen(v.voffset);q-=s.len;n+=s.len;p+=s.len}if(q){o.style.marginTop=g.Em(q)}if(n){o.style.marginBottom=g.Em(n)}if(t){o.style.marginLeft=g.Em(t)}if(r){o.style.marginRight=g.Em(r)}if(p){u.style.verticalAlign=g.Em(p)}return u},PHTMLdimen:function(q,r,n){if(n==null){n=-k}q=String(q);var o=q.match(/width|height|depth/);var p=(o?this.PHTML[o[0].charAt(0)]:(r?this.PHTML[r]:0));return{len:g.length2em(q,p)||0,pm:!!q.match(/^[-+]/)}}});h.munderover.Augment({toPreviewHTML:function(r){var t=this.getValues("displaystyle","accent","accentunder","align");var n=this.data[this.base];if(!t.displaystyle&&n!=null&&(n.movablelimits||n.CoreMO().Get("movablelimits"))){r=h.msubsup.prototype.toPreviewHTML.call(this,r);r.className=r.className.replace(/munderover/,"msubsup");return r}r=this.PHTMLdefaultSpan(r,{childSpans:true,className:"",noBBox:true});var p=this.PHTMLbboxFor(this.over),v=this.PHTMLbboxFor(this.under),u=this.PHTMLbboxFor(this.base),s=this.PHTML,o=p.acc;if(this.data[this.over]){if(r.lastChild.firstChild){r.lastChild.firstChild.style.marginLeft=p.l=r.lastChild.firstChild.style.marginRight=p.r=0}var q=e.Element("span",{},[["span",{className:"MJXp-over"}]]);q.firstChild.appendChild(r.lastChild);if(r.childNodes.length>(this.data[this.under]?1:0)){q.firstChild.appendChild(r.firstChild)}this.data[this.over].PHTMLhandleScriptlevel(q.firstChild.firstChild);if(o!=null){if(p.vec){q.firstChild.firstChild.firstChild.style.fontSize="60%";p.h*=0.6;p.d*=0.6;p.w*=0.6}o=o-p.d+0.1;if(u.t!=null){o+=u.t-u.h}q.firstChild.firstChild.style.marginBottom=g.Em(o)}if(r.firstChild){r.insertBefore(q,r.firstChild)}else{r.appendChild(q)}}if(this.data[this.under]){if(r.lastChild.firstChild){r.lastChild.firstChild.style.marginLeft=v.l=r.lastChild.firstChild.marginRight=v.r=0}this.data[this.under].PHTMLhandleScriptlevel(r.lastChild)}s.w=Math.max(0.8*p.w,0.8*v.w,u.w);s.h=0.8*(p.h+p.d+(o||0))+u.h;s.d=u.d+0.8*(v.h+v.d);return r}});h.msubsup.Augment({toPreviewHTML:function(q){q=this.PHTMLdefaultSpan(q,{noBBox:true});if(!this.data[this.base]){if(q.firstChild){q.insertBefore(e.Element("span"),q.firstChild)}else{q.appendChild(e.Element("span"))}}var s=this.data[this.base],p=this.data[this.sub],n=this.data[this.sup];if(!s){s={bbox:{h:0.8,d:0.2}}}q.firstChild.style.marginRight=".05em";var o=Math.max(0.4,s.PHTML.h-0.4),u=Math.max(0.2,s.PHTML.d+0.1);var t=this.PHTML;if(n&&p){var r=e.Element("span",{className:"MJXp-script-box",style:{height:g.Em(o+n.PHTML.h*0.8+u+p.PHTML.d*0.8),"vertical-align":g.Em(-u-p.PHTML.d*0.8)}},[["span",{},[["span",{},[["span",{style:{"margin-bottom":g.Em(-(n.PHTML.d-0.05))}}]]]]],["span",{},[["span",{},[["span",{style:{"margin-top":g.Em(-(n.PHTML.h-0.05))}}]]]]]]);p.PHTMLhandleScriptlevel(r.firstChild);n.PHTMLhandleScriptlevel(r.lastChild);r.firstChild.firstChild.firstChild.appendChild(q.lastChild);r.lastChild.firstChild.firstChild.appendChild(q.lastChild);q.appendChild(r);t.h=Math.max(s.PHTML.h,n.PHTML.h*0.8+o);t.d=Math.max(s.PHTML.d,p.PHTML.d*0.8+u);t.w=s.PHTML.w+Math.max(n.PHTML.w,p.PHTML.w)+0.07}else{if(n){q.lastChild.style.verticalAlign=g.Em(o);n.PHTMLhandleScriptlevel(q.lastChild);t.h=Math.max(s.PHTML.h,n.PHTML.h*0.8+o);t.d=Math.max(s.PHTML.d,n.PHTML.d*0.8-o);t.w=s.PHTML.w+n.PHTML.w+0.07}else{if(p){q.lastChild.style.verticalAlign=g.Em(-u);p.PHTMLhandleScriptlevel(q.lastChild);t.h=Math.max(s.PHTML.h,p.PHTML.h*0.8-u);t.d=Math.max(s.PHTML.d,p.PHTML.d*0.8+u);t.w=s.PHTML.w+p.PHTML.w+0.07}}}return q}});h.mfrac.Augment({toPreviewHTML:function(r){r=this.PHTMLdefaultSpan(r,{childSpans:true,className:"MJXp-box",forceChild:true,noBBox:true});var o=this.getValues("linethickness","displaystyle");if(!o.displaystyle){if(this.data[0]){this.data[0].PHTMLhandleScriptlevel(r.firstChild)}if(this.data[1]){this.data[1].PHTMLhandleScriptlevel(r.lastChild)}}var n=e.Element("span",{className:"MJXp-box"},[["span",{className:"MJXp-denom"},[["span",{},[["span",{className:"MJXp-rule",style:{height:"1em"}}]]],["span"]]]]);n.firstChild.lastChild.appendChild(r.lastChild);r.appendChild(n);var s=this.PHTMLbboxFor(0),p=this.PHTMLbboxFor(1),v=this.PHTML;v.w=Math.max(s.w,p.w)*0.8;v.h=s.h+s.d+0.1+0.25;v.d=p.h+p.d-0.25;v.l=v.r=0.125;o.linethickness=Math.max(0,g.length2em(o.linethickness||"0",0));if(o.linethickness){var u=n.firstChild.firstChild.firstChild;var q=g.Em(o.linethickness);u.style.borderTop="none";u.style.borderBottom=(o.linethickness<0.15?"1px":q)+" solid";u.style.margin=q+" 0";q=o.linethickness;n.style.marginTop=g.Em(3*q-1.2);r.style.verticalAlign=g.Em(1.5*q+0.1);v.h+=1.5*q-0.1;v.d+=1.5*q}else{n.style.marginTop="-.7em"}return r}});h.msqrt.Augment({toPreviewHTML:function(n){n=this.PHTMLdefaultSpan(n,{childSpans:true,className:"MJXp-box",forceChild:true,noBBox:true});this.PHTMLlayoutRoot(n,n.firstChild);return n},PHTMLlayoutRoot:function(u,n){var v=this.PHTMLbboxFor(0);var q=Math.ceil((v.h+v.d+0.14)*100),w=g.Em(14/q);var r=e.Element("span",{className:"MJXp-surd"},[["span",{style:{"font-size":q+"%","margin-top":w}},["\u221A"]]]);var s=e.Element("span",{className:"MJXp-root"},[["span",{className:"MJXp-rule",style:{"border-top":".08em solid"}}]]);var p=(1.2/2.2)*q/100;if(q>150){var o=Math.ceil(150/q*10);r.firstChild.className="MJXp-right MJXp-scale"+o;r.firstChild.style.marginLeft=g.Em(p*(o/10-1)/q*100);p=p*o/10;s.firstChild.style.borderTopWidth=g.Em(0.08/Math.sqrt(o/10))}s.appendChild(n);u.appendChild(r);u.appendChild(s);this.PHTML.h=v.h+0.18;this.PHTML.d=v.d;this.PHTML.w=v.w+p;return u}});h.mroot.Augment({toPreviewHTML:function(q){q=this.PHTMLdefaultSpan(q,{childSpans:true,className:"MJXp-box",forceChild:true,noBBox:true});var p=this.PHTMLbboxFor(1),n=q.removeChild(q.lastChild);var t=this.PHTMLlayoutRoot(e.Element("span"),q.firstChild);n.className="MJXp-script";var u=parseInt(t.firstChild.firstChild.style.fontSize);var o=0.55*(u/120)+p.d*0.8,s=-0.6*(u/120);if(u>150){s*=0.95*Math.ceil(150/u*10)/10}n.style.marginRight=g.Em(s);n.style.verticalAlign=g.Em(o);if(-s>p.w*0.8){n.style.marginLeft=g.Em(-s-p.w*0.8)}q.appendChild(n);q.appendChild(t);this.PHTML.w+=Math.max(0,p.w*0.8+s);this.PHTML.h=Math.max(this.PHTML.h,p.h*0.8+o);return q},PHTMLlayoutRoot:h.msqrt.prototype.PHTMLlayoutRoot});h.mfenced.Augment({toPreviewHTML:function(q){q=this.PHTMLcreateSpan(q);this.PHTMLhandleStyle(q);this.PHTMLhandleColor(q);this.addFakeNodes();this.PHTMLaddChild(q,"open",{});for(var p=0,n=this.data.length;ps){s=x.w}}}var o=this.PHTML;o.w=s;o.h=y/2+0.25;o.d=y/2-0.25;o.l=o.r=0.125;return E}});h.mlabeledtr.Augment({PHTMLdefaultSpan:function(q,o){if(!o){o={}}q=this.PHTMLcreateSpan(q);this.PHTMLhandleStyle(q);this.PHTMLhandleColor(q);if(this.isToken){this.PHTMLhandleToken(q)}for(var p=1,n=this.data.length;p/g,"")}catch(k){if(!k.restart){throw k}return MathJax.Callback.After(["HandleMML",this,l],k.restart)}n.setAttribute("data-mathml",i);j=f.addElement(n,"span",{isMathJax:true,unselectable:"on",className:"MJX_Assistive_MathML"+(h.root.Get("display")==="block"?" MJX_Assistive_MathML_Block":"")});try{j.innerHTML=i}catch(k){}n.style.position="relative";n.setAttribute("role","presentation");n.firstChild.setAttribute("aria-hidden","true");j.setAttribute("role","presentation")}l.i++}l.callback()}};b.Startup.signal.Post("AssistiveMML Ready")})(MathJax.Ajax,MathJax.Callback,MathJax.Hub,MathJax.HTML);MathJax.Callback.Queue(["Require",MathJax.Ajax,"[MathJax]/extensions/toMathML.js"],["loadComplete",MathJax.Ajax,"[MathJax]/extensions/AssistiveMML.js"],function(){MathJax.Hub.Register.StartupHook("End Config",["Config",MathJax.Extension.AssistiveMML])}); +!function(a,b){var c,d,e=a.config.menuSettings,f=Function.prototype.bind?function(a,b){return a.bind(b)}:function(a,b){return function(){a.apply(b,arguments)}},g=Object.keys||function(a){var b=[];for(var c in a)a.hasOwnProperty(c)&&b.push(c);return b},h=MathJax.Ajax.config.path;h.a11y||(h.a11y=a.config.root+"/extensions/a11y");var i=b["accessibility-menu"]={version:"1.5.0",prefix:"",defaults:{},modules:[],MakeOption:function(a){return i.prefix+a},GetOption:function(a){return e[i.MakeOption(a)]},AddDefaults:function(){for(var a,b=g(i.defaults),c=0;a=b[c];c++){var d=i.MakeOption(a);void 0===e[d]&&(e[d]=i.defaults[a])}},AddMenu:function(){for(var a,b=Array(this.modules.length),e=0;a=this.modules[e];e++)b[e]=a.placeHolder;var f=d.FindId("Accessibility");if(f)b.unshift(c.RULE()),f.submenu.items.push.apply(f.submenu.items,b);else{var g=(d.FindId("Settings","Renderer")||{}).submenu;g&&(b.unshift(c.RULE()),b.unshift(g.items.pop()),b.unshift(g.items.pop())),b.unshift("Accessibility");var f=c.SUBMENU.apply(c.SUBMENU,b),h=d.IndexOfId("Locale");h?d.items.splice(h,0,f):d.items.push(c.RULE(),f)}},Register:function(a){i.defaults[a.option]=!1,i.modules.push(a)},Startup:function(){c=MathJax.Menu.ITEM,d=MathJax.Menu.menu;for(var a,b=0;a=this.modules[b];b++)a.CreateMenu();this.AddMenu()},LoadExtensions:function(){for(var b,c=[],d=0;b=this.modules[d];d++)e[b.option]&&c.push(b.module);return c.length?a.Startup.loadArray(c):null}},j=MathJax.Extension.ModuleLoader=MathJax.Object.Subclass({option:"",name:["",""],module:"",placeHolder:null,submenu:!1,extension:null,Init:function(a,b,c,d,e){this.option=a,this.name=[b.replace(/ /g,""),b],this.module=c,this.extension=d,this.submenu=e||!1},CreateMenu:function(){var a=f(this.Load,this);this.submenu?this.placeHolder=c.SUBMENU(this.name,c.CHECKBOX(["Activate","Activate"],i.MakeOption(this.option),{action:a}),c.RULE(),c.COMMAND(["OptionsWhenActive","(Options when Active)"],null,{disabled:!0})):this.placeHolder=c.CHECKBOX(this.name,i.MakeOption(this.option),{action:a})},Load:function(){a.Queue(["Require",MathJax.Ajax,this.module,["Enable",this]])},Enable:function(a){var b=MathJax.Extension[this.extension];b&&(b.Enable(!0,!0),MathJax.Menu.saveCookie())}});i.Register(j("collapsible","Collapsible Math","[a11y]/collapsible.js","collapsible")),i.Register(j("autocollapse","Auto Collapse","[a11y]/auto-collapse.js","auto-collapse")),i.Register(j("explorer","Explorer","[a11y]/explorer.js","explorer",!0)),i.AddDefaults(),a.Register.StartupHook("End Extensions",function(){a.Register.StartupHook("MathMenu Ready",function(){i.Startup(),a.Startup.signal.Post("Accessibility Menu Ready")},5)},5),MathJax.Hub.Register.StartupHook("End Cookie",function(){MathJax.Callback.Queue(["LoadExtensions",i],["loadComplete",MathJax.Ajax,"[a11y]/accessibility-menu.js"])})}(MathJax.Hub,MathJax.Extension);MathJax.Ajax.loadComplete("[MathJax]/config/TeX-AMS_CHTML.js"); diff --git a/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_AMS-Regular.woff b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_AMS-Regular.woff new file mode 100644 index 0000000..11516fb Binary files /dev/null and b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_AMS-Regular.woff differ diff --git a/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff new file mode 100644 index 0000000..df9b26d Binary files /dev/null and b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Math-Italic.woff differ diff --git a/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size2-Regular.woff b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size2-Regular.woff new file mode 100644 index 0000000..1e48a25 Binary files /dev/null and b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size2-Regular.woff differ diff --git a/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size3-Regular.woff b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size3-Regular.woff new file mode 100644 index 0000000..bd564c4 Binary files /dev/null and b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size3-Regular.woff differ diff --git a/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size4-Regular.woff b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size4-Regular.woff new file mode 100644 index 0000000..46be3ea Binary files /dev/null and b/js/MathJax/fonts/HTML-CSS/TeX/woff/MathJax_Size4-Regular.woff differ diff --git a/js/MathJax/jax/output/CommonHTML/autoload/mtable.js b/js/MathJax/jax/output/CommonHTML/autoload/mtable.js new file mode 100644 index 0000000..835e9b2 --- /dev/null +++ b/js/MathJax/jax/output/CommonHTML/autoload/mtable.js @@ -0,0 +1,19 @@ +/* + * /MathJax/jax/output/CommonHTML/autoload/mtable.js + * + * Copyright (c) 2009-2018 The MathJax Consortium + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +MathJax.Hub.Register.StartupHook("CommonHTML Jax Ready",function(){var g="2.7.5";var b=MathJax.ElementJax.mml,a=MathJax.Hub.config,e=MathJax.OutputJax.CommonHTML,d=MathJax.Hub.SplitList;var c=-1,f=1000000;b.mtable.Augment({toCommonHTML:function(l){var m={rows:[],labels:[],labeled:false};l=this.CHTMLdefaultNode(l,{noBBox:true,childOptions:m});var k=e.Element("mjx-table");while(l.firstChild){k.appendChild(l.firstChild)}l.appendChild(k);var h=this.getValues("columnalign","rowalign","columnspacing","rowspacing","columnwidth","equalcolumns","equalrows","columnlines","rowlines","frame","framespacing","align","width","side","minlabelspacing","useHeight");var j=e.TEX.min_rule_thickness/e.em;m.t=e.Px(j*this.CHTML.scale,1);this.CHTMLgetBoxSizes(h,m);this.CHTMLgetAttributes(h,m);this.CHTMLadjustCells(h,m);if(h.frame){k.style.border=m.t+" "+h.frame}this.CHTMLalignV(h,m,l);this.CHTMLcolumnWidths(h,m,l);this.CHTMLstretchCells(h,m);if(m.labeled){this.CHTMLaddLabels(h,m,l,k)}var i=this.CHTML;i.w=i.r=m.R;i.h=i.t=m.T-m.B;i.d=i.b=m.B;if(!h.frame&&!i.pwidth){l.style.padding="0 "+e.Em(1/6);i.L=i.R=1/6}this.CHTMLhandleSpace(l);this.CHTMLhandleBBox(l);this.CHTMLhandleColor(l);return l},CHTMLgetBoxSizes:function(z,k){var r=e.FONTDATA.lineH*z.useHeight,t=e.FONTDATA.lineD*z.useHeight;var y=[],h=[],l=[],w=-1,q,n;for(q=0,n=this.data.length;qw){w=p}}var u=B.data[p-A].CHTML;if(u.h>y[q]){y[q]=u.h}if(u.d>h[q]){h[q]=u.d}if(u.w>l[p]){l[p]=u.w}}}if(z.equalrows){k.HD=true;var x=Math.max.apply(Math,y);var o=Math.max.apply(Math,h);for(q=0,n=y.length;qt||m<=0){m=null}}else{w.align=this.defaults.align}var p=0,l=0,u=e.TEX.axis_height;if(w.fspace){p+=k.FSPACE[1]}if(w.frame){p+=2/e.em;l+=1/e.em}for(var q=0;q=m){l+=r+s+x[q]}}}if(!m){l=({top:p,bottom:0,center:p/2,baseline:p/2,axis:p/2-u})[w.align]}if(l){o.style.verticalAlign=e.Em(-l)}k.T=p;k.B=l},CHTMLcolumnWidths:function(l,r,A){var I=r.CWIDTH,K=r.CSPACE,u=r.J,F;var G=0,n=false,y=l.width.match(/%$/);var H,B,v;if(l.width!=="auto"&&!y){G=Math.max(0,this.CHTMLlength2em(l.width,r.R));n=true}if(l.equalcolumns){if(y){var z=e.Percent(1/(u+1));for(F=0;F<=u;F++){I[F]=z}}else{v=Math.max.apply(Math,r.W);if(l.width!=="auto"){var q=(l.fspace?r.FSPACE[0]+(l.frame?2/e.em:0):0);for(F=0;F<=u;F++){q+=K[F]}v=Math.max((G-q)/(u+1),v)}v=e.Em(v);for(F=0;F<=u;F++){I[F]=v}}n=true}var E=0;if(l.fspace){E=r.FSPACE[0]}var s=[],D=[],h=[],o=[];var t=r.rows[0];for(F=0;F<=u;F++){o[F]=r.W[F];if(I[F]==="auto"){s.push(F)}else{if(I[F]==="fit"){D.push(F)}else{if(I[F].match(/%$/)){h.push(F)}else{o[F]=this.CHTMLlength2em(I[F],o[F])}}}E+=o[F]+K[F];if(t[F]){t[F].style.width=e.Em(o[F])}}if(l.frame){E+=2/e.em}var C=(D.length>0);if(n){if(y){for(F=0;F<=u;F++){cell=t[F].style;if(I[F]==="auto"&&!C){cell.width=""}else{if(I[F]==="fit"){cell.width=""}else{if(I[F].match(/%$/)){cell.width=I[F]}else{cell.minWidth=cell.maxWidth=cell.width}}}}}else{if(G>E){var k=0;for(H=0,B=h.length;HE&&D.length){var x=(G-E)/D.length;for(H=0,B=D.length;Ht*z){z=t*p}z+=y;z*=t;D+=z}else{D+=p-t*z+n;z-=t*n;z*=-t}}var o=e.addElement(w,"mjx-box",{style:{width:"100%","text-align":q.indentalign}});o.appendChild(B);var C=e.Element("mjx-itable");B.style.display="inline-table";if(!B.style.width){B.style.width="auto"}C.style.verticalAlign="top";B.style.verticalAlign=e.Em(k.T-k.B-k.H[0]);w.style.verticalAlign="";if(z){if(q.indentalign===b.INDENTALIGN.CENTER){B.style.marginLeft=e.Em(z);B.style.marginRight=e.Em(-z)}else{var u="margin"+(q.indentalign===b.INDENTALIGN.RIGHT?"Right":"Left");B.style[u]=e.Em(z)}}if(k.CALIGN[c]==="left"){w.insertBefore(C,o);C.style.marginRight=e.Em(-k.W[c]-y);if(y){C.style.marginLeft=e.Em(y)}}else{w.appendChild(C);C.style.marginLeft=e.Em(-k.W[c]+y)}var l=k.labels,j=0;if(h.fspace){j=k.FSPACE[0]+(h.frame?1/e.em:0)}for(var x=0,v=l.length;x1){h.h*=k;h.d*=k}}}else{h.w=Math.max(h.w,this.CHTMLlength2em(j,h.w))}}}}return l}});MathJax.Hub.Startup.signal.Post("CommonHTML mtable Ready");MathJax.Ajax.loadComplete(e.autoloadDir+"/mtable.js")}); diff --git a/js/MathJax/jax/output/CommonHTML/fonts/TeX/AMS-Regular.js b/js/MathJax/jax/output/CommonHTML/fonts/TeX/AMS-Regular.js new file mode 100644 index 0000000..f796ec7 --- /dev/null +++ b/js/MathJax/jax/output/CommonHTML/fonts/TeX/AMS-Regular.js @@ -0,0 +1,19 @@ +/* + * /MathJax/jax/output/CommonHTML/fonts/TeX/AMS-Regular.js + * + * Copyright (c) 2009-2018 The MathJax Consortium + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function(b){var a="MathJax_AMS";b.FONTDATA.FONTS[a]={className:b.FONTDATA.familyName(a),centerline:270,ascent:1003,descent:463,32:[0,0,250,0,0],65:[701,1,722,17,703],66:[683,1,667,11,620],67:[702,19,722,39,684],68:[683,1,722,16,688],69:[683,1,667,12,640],70:[683,1,611,12,584],71:[702,19,778,39,749],72:[683,1,778,14,762],73:[683,1,389,20,369],74:[683,77,500,6,478],75:[683,1,778,22,768],76:[683,1,667,12,640],77:[683,1,944,17,926],78:[683,20,722,20,702],79:[701,19,778,34,742],80:[683,1,611,16,597],81:[701,181,778,34,742],82:[683,1,722,16,705],83:[702,12,556,28,528],84:[683,1,667,33,635],85:[683,19,722,16,709],86:[683,20,722,0,719],87:[683,19,1000,5,994],88:[683,1,722,16,705],89:[683,1,722,16,704],90:[683,1,667,29,635],107:[683,1,556,17,534],160:[0,0,250,0,0],165:[683,0,750,11,738],174:[709,175,947,32,915],240:[749,21,556,42,509],295:[695,13,540,42,562],710:[845,-561,2333,-14,2346],732:[899,-628,2333,1,2330],770:[845,-561,0,-2347,13],771:[899,-628,0,-2332,-3],989:[605,85,778,55,719],1008:[434,6,667,37,734],8245:[560,-43,275,12,244],8463:[695,13,540,42,562],8487:[684,22,722,44,675],8498:[695,1,556,55,497],8502:[763,21,667,-22,687],8503:[764,43,444,-22,421],8504:[764,43,667,54,640],8513:[705,23,639,37,577],8592:[437,-64,500,64,422],8594:[437,-64,500,58,417],8602:[437,-60,1000,56,942],8603:[437,-60,1000,54,942],8606:[417,-83,1000,56,944],8608:[417,-83,1000,55,943],8610:[417,-83,1111,56,1031],8611:[417,-83,1111,79,1054],8619:[575,41,1000,56,964],8620:[575,41,1000,35,943],8621:[417,-83,1389,57,1331],8622:[437,-60,1000,56,942],8624:[722,0,500,56,444],8625:[722,0,500,55,443],8630:[461,1,1000,17,950],8631:[460,1,1000,46,982],8634:[650,83,778,56,722],8635:[650,83,778,56,721],8638:[694,194,417,188,375],8639:[694,194,417,41,228],8642:[694,194,417,188,375],8643:[694,194,417,41,228],8644:[667,0,1000,55,944],8646:[667,0,1000,55,944],8647:[583,83,1000,55,944],8648:[694,193,833,83,749],8649:[583,83,1000,55,944],8650:[694,194,833,83,749],8651:[514,14,1000,55,944],8652:[514,14,1000,55,944],8653:[534,35,1000,54,942],8654:[534,37,1000,32,965],8655:[534,35,1000,55,943],8666:[611,111,1000,76,944],8667:[611,111,1000,55,923],8669:[417,-83,1000,56,943],8672:[437,-64,1334,64,1251],8674:[437,-64,1334,84,1251],8705:[846,21,500,56,444],8708:[860,166,556,55,497],8709:[587,3,778,54,720],8717:[440,1,429,102,456],8722:[270,-230,500,84,417],8724:[766,93,778,57,722],8726:[430,23,778,91,685],8733:[472,-28,778,56,722],8736:[694,0,722,55,666],8737:[714,20,722,55,666],8738:[551,51,722,55,666],8739:[430,23,222,91,131],8740:[750,252,278,-21,297],8741:[431,23,389,55,331],8742:[750,250,500,-20,518],8756:[471,82,667,24,643],8757:[471,82,667,23,643],8764:[365,-132,778,55,719],8765:[367,-133,778,56,722],8769:[467,-32,778,55,719],8770:[463,-34,778,55,720],8774:[652,155,778,54,720],8776:[481,-50,778,55,719],8778:[579,39,778,51,725],8782:[492,-8,778,56,722],8783:[492,-133,778,56,722],8785:[609,108,778,56,722],8786:[601,101,778,15,762],8787:[601,102,778,14,762],8790:[367,-133,778,56,722],8791:[721,-133,778,56,722],8796:[859,-133,778,56,723],8806:[753,175,778,83,694],8807:[753,175,778,83,694],8808:[752,286,778,82,693],8809:[752,286,778,82,693],8812:[750,250,500,74,425],8814:[708,209,778,82,693],8815:[708,209,778,82,693],8816:[801,303,778,82,694],8817:[801,303,778,82,694],8818:[732,228,778,56,722],8819:[732,228,778,56,722],8822:[681,253,778,44,734],8823:[681,253,778,83,694],8828:[580,153,778,83,694],8829:[580,154,778,82,694],8830:[732,228,778,56,722],8831:[732,228,778,56,722],8832:[705,208,778,82,693],8833:[705,208,778,82,693],8840:[801,303,778,83,693],8841:[801,303,778,82,691],8842:[635,241,778,84,693],8843:[635,241,778,82,691],8847:[539,41,778,83,694],8848:[539,41,778,64,714],8858:[582,82,778,57,721],8859:[582,82,778,57,721],8861:[582,82,778,57,721],8862:[689,0,778,55,722],8863:[689,0,778,55,722],8864:[689,0,778,55,722],8865:[689,0,778,55,722],8872:[694,0,611,55,555],8873:[694,0,722,55,666],8874:[694,0,889,55,833],8876:[695,1,611,-55,554],8877:[695,1,611,-55,554],8878:[695,1,722,-55,665],8879:[695,1,722,-55,665],8882:[539,41,778,83,694],8883:[539,41,778,83,694],8884:[636,138,778,83,694],8885:[636,138,778,83,694],8888:[408,-92,1111,55,1055],8890:[431,212,556,57,500],8891:[716,0,611,55,555],8892:[716,0,611,55,555],8901:[189,0,278,55,222],8903:[545,44,778,55,720],8905:[492,-8,778,146,628],8906:[492,-8,778,146,628],8907:[694,22,778,55,722],8908:[694,22,778,55,722],8909:[464,-36,778,56,722],8910:[578,21,760,83,676],8911:[578,22,760,83,676],8912:[540,40,778,84,694],8913:[540,40,778,83,693],8914:[598,22,667,55,611],8915:[598,22,667,55,611],8916:[736,22,667,56,611],8918:[541,41,778,82,693],8919:[541,41,778,82,693],8920:[568,67,1333,56,1277],8921:[568,67,1333,55,1277],8922:[886,386,778,83,674],8923:[886,386,778,83,674],8926:[734,0,778,83,694],8927:[734,0,778,82,694],8928:[801,303,778,82,693],8929:[801,303,778,82,694],8934:[730,359,778,55,719],8935:[730,359,778,55,719],8936:[730,359,778,55,719],8937:[730,359,778,55,719],8938:[706,208,778,82,693],8939:[706,208,778,82,693],8940:[802,303,778,82,693],8941:[801,303,778,82,693],8994:[378,-122,778,55,722],8995:[378,-143,778,55,722],9416:[709,175,902,8,894],9484:[694,-306,500,55,444],9488:[694,-306,500,55,444],9492:[366,22,500,55,444],9496:[366,22,500,55,444],9585:[694,195,889,0,860],9586:[694,195,889,0,860],9632:[689,0,778,55,722],9633:[689,0,778,55,722],9650:[575,20,722,84,637],9651:[575,20,722,84,637],9654:[539,41,778,83,694],9660:[576,19,722,84,637],9661:[576,19,722,84,637],9664:[539,41,778,83,694],9674:[716,132,667,56,611],9733:[694,111,944,49,895],10003:[706,34,833,84,749],10016:[716,22,833,48,786],10731:[716,132,667,56,611],10846:[813,97,611,55,555],10877:[636,138,778,83,694],10878:[636,138,778,83,694],10885:[762,290,778,55,722],10886:[762,290,778,55,722],10887:[635,241,778,82,693],10888:[635,241,778,82,693],10889:[761,387,778,57,718],10890:[761,387,778,57,718],10891:[1003,463,778,83,694],10892:[1003,463,778,83,694],10901:[636,138,778,83,694],10902:[636,138,778,83,694],10933:[752,286,778,82,693],10934:[752,286,778,82,693],10935:[761,294,778,57,717],10936:[761,294,778,57,717],10937:[761,337,778,57,718],10938:[761,337,778,57,718],10949:[753,215,778,84,694],10950:[753,215,778,83,694],10955:[783,385,778,82,693],10956:[783,385,778,82,693],57350:[430,23,222,-20,240],57351:[431,24,389,-20,407],57352:[605,85,778,55,719],57353:[434,6,667,37,734],57356:[752,284,778,82,693],57357:[752,284,778,82,693],57358:[919,421,778,82,694],57359:[801,303,778,82,694],57360:[801,303,778,82,694],57361:[919,421,778,82,694],57366:[828,330,778,82,694],57367:[752,332,778,82,694],57368:[828,330,778,82,694],57369:[752,333,778,82,693],57370:[634,255,778,84,693],57371:[634,254,778,82,691]};b.fontLoaded("TeX/"+a.substr(8))})(MathJax.OutputJax.CommonHTML); diff --git a/js/MathJax/jax/output/CommonHTML/fonts/TeX/fontdata.js b/js/MathJax/jax/output/CommonHTML/fonts/TeX/fontdata.js new file mode 100644 index 0000000..a357050 --- /dev/null +++ b/js/MathJax/jax/output/CommonHTML/fonts/TeX/fontdata.js @@ -0,0 +1,19 @@ +/* + * /MathJax/jax/output/CommonHTML/fonts/TeX/fontdata.js + * + * Copyright (c) 2009-2018 The MathJax Consortium + * + * Licensed under the Apache License, Version 2.0 (the "License"); + * you may not use this file except in compliance with the License. + * You may obtain a copy of the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. + * See the License for the specific language governing permissions and + * limitations under the License. + */ + +(function(a,c,r){var q="2.7.5";var m="MathJax_Main",s="MathJax_Main-Bold",o="MathJax_Math-Italic",i="MathJax_AMS",h="MathJax_Size1",g="MathJax_Size2",f="MathJax_Size3",d="MathJax_Size4";var j="H",b="V",l={load:"extra",dir:j},e={load:"extra",dir:b};var k=[8722,m,0,0,0,-0.31,-0.31];var n=[61,m,0,0,0,0,0.1];var p=a.config.undefinedFamily;MathJax.Hub.Insert(a.config.styles,{".MJXc-TeX-unknown-R":{"font-family":p,"font-style":"normal","font-weight":"normal"},".MJXc-TeX-unknown-I":{"font-family":p,"font-style":"italic","font-weight":"normal"},".MJXc-TeX-unknown-B":{"font-family":p,"font-style":"normal","font-weight":"bold"},".MJXc-TeX-unknown-BI":{"font-family":p,"font-style":"italic","font-weight":"bold"}});a.TEX=a.TEXDEF;a.FONTDEF.TeX={version:q,baselineskip:1.2,lineH:0.8,lineD:0.2,FONTS:{MathJax_AMS:"TeX/AMS-Regular.js","MathJax_Caligraphic-Bold":"TeX/Caligraphic-Bold.js",MathJax_Fraktur:"TeX/Fraktur-Regular.js","MathJax_Fraktur-Bold":"TeX/Fraktur-Bold.js","MathJax_Math-BoldItalic":"TeX/Math-BoldItalic.js",MathJax_SansSerif:"TeX/SansSerif-Regular.js","MathJax_SansSerif-Bold":"TeX/SansSerif-Bold.js","MathJax_SansSerif-Italic":"TeX/SansSerif-Italic.js",MathJax_Script:"TeX/Script-Regular.js",MathJax_Typewriter:"TeX/Typewriter-Regular.js"},UNKNOWN:{R:{className:"MJXc-TeX-unknown-R"},I:{className:"MJXc-TeX-unknown-I"},B:{className:"MJXc-TeX-unknown-B"},BI:{className:"MJXc-TeX-unknown-BI"}},VARIANT:{normal:{fonts:[m,h,i],cache:{},offsetG:945,variantG:"italic",remap:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,932:84,935:88,57696:[8594,"-TeX-vec"],8214:8741,8726:[8726,"-TeX-variant",true],8463:[8463,"-TeX-variant",true],8242:[39,"sans-serif-italic"],10744:[47,c.VARIANT.ITALIC]}},bold:{fonts:[s],bold:true,cache:{},chain:"normal",offsetG:945,variantG:"bold-italic",remap:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,932:84,935:88,10744:[47,"bold-italic"],57696:[8594,"-TeX-vec-bold"],8214:8741,8602:"\u2190\u0338",8603:"\u2192\u0338",8622:"\u2194\u0338",8653:"\u21D0\u0338",8654:"\u21D4\u0338",8655:"\u21D2\u0338",8708:"\u2203\u0338",8740:"\u2223\u0338",8742:"\u2225\u0338",8769:"\u223C\u0338",8775:"\u2245\u0338",8814:"<\u0338",8815:">\u0338",8816:"\u2264\u0338",8817:"\u2265\u0338",8832:"\u227A\u0338",8833:"\u227B\u0338",8840:"\u2286\u0338",8841:"\u2287\u0338",8876:"\u22A2\u0338",8877:"\u22A8\u0338",8928:"\u227C\u0338",8929:"\u227D\u0338"}},italic:{fonts:[o,"MathJax_Main-Italic"],italic:true,cache:{},chain:"normal",remap:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,932:84,935:88}},"bold-italic":{fonts:["MathJax_Math-BoldItalic"],bold:true,italic:true,cache:{},chain:"bold",remap:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,932:84,935:88}},"double-struck":{fonts:[i,m,h],cache:{}},fraktur:{fonts:["MathJax_Fraktur"],cache:{},chain:"normal"},"bold-fraktur":{fonts:["MathJax_Fraktur-Bold"],bold:true,cache:{},chain:"bold"},script:{fonts:["MathJax_Script"],cache:{},chain:"normal"},"bold-script":{fonts:["MathJax_Script"],bold:true,cache:{},chain:"bold"},"sans-serif":{fonts:["MathJax_SansSerif"],cache:{},chain:"normal"},"bold-sans-serif":{fonts:["MathJax_SansSerif-Bold"],bold:true,cache:{},chain:"bold"},"sans-serif-italic":{fonts:["MathJax_SansSerif-Italic"],italic:true,cache:{},chain:"italic"},"sans-serif-bold-italic":{fonts:["MathJax_SansSerif-Italic"],bold:true,italic:true,cache:{},chain:"italic"},monospace:{fonts:["MathJax_Typewriter"],cache:{},chain:"normal"},"-tex-caligraphic":{fonts:["MathJax_Caligraphic"],offsetA:65,variantA:"italic",cache:{},chain:"normal"},"-tex-oldstyle":{fonts:["MathJax_Caligraphic"],cache:{},chain:"normal"},"-tex-mathit":{fonts:["MathJax_Main-Italic"],italic:true,noIC:true,cache:{},chain:"normal",remap:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,932:84,935:88}},"-TeX-variant":{fonts:[i,m,h],cache:{},remap:{8808:57356,8809:57357,8816:57361,8817:57358,10887:57360,10888:57359,8740:57350,8742:57351,8840:57366,8841:57368,8842:57370,8843:57371,10955:57367,10956:57369,988:57352,1008:57353,8726:[8726,c.VARIANT.NORMAL,true],8463:[8463,c.VARIANT.NORMAL,true]}},"-TeX-vec":{fonts:["MathJax_Vector"],cache:{}},"-TeX-vec-bold":{fonts:["MathJax_Vector-Bold"],cache:{}},"-largeOp":{fonts:[g,h,m,i],cache:{}},"-smallOp":{fonts:[h,m,i],cache:{}},"-tex-caligraphic-bold":{fonts:["MathJax_Caligraphic-Bold","MathJax_Main-Bold"],bold:true,cache:{},chain:"normal",offsetA:65,variantA:"bold-italic"},"-tex-oldstyle-bold":{fonts:["MathJax_Caligraphic-Bold","MathJax_Main-Bold"],bold:true,cache:{},chain:"normal"}},RANGES:[{name:"alpha",low:97,high:122,offset:"A",add:32},{name:"number",low:48,high:57,offset:"N"},{name:"greek",low:945,high:1014,offset:"G"}],REMAP:{10:32,8254:713,65079:9182,65080:9183,183:8901,697:8242,978:933,8710:916,8213:8212,8215:95,8226:8729,8260:47,8965:8892,8966:10846,9642:9632,9652:9650,9653:9651,9656:9654,9662:9660,9663:9661,9666:9664,9001:10216,9002:10217,12296:10216,12297:10217,10072:8739,10799:215,9723:9633,9724:9632,8450:[67,c.VARIANT.DOUBLESTRUCK],8459:[72,c.VARIANT.SCRIPT],8460:[72,c.VARIANT.FRAKTUR],8461:[72,c.VARIANT.DOUBLESTRUCK],8462:[104,c.VARIANT.ITALIC],8464:[74,c.VARIANT.SCRIPT],8465:[73,c.VARIANT.FRAKTUR],8466:[76,c.VARIANT.SCRIPT],8469:[78,c.VARIANT.DOUBLESTRUCK],8473:[80,c.VARIANT.DOUBLESTRUCK],8474:[81,c.VARIANT.DOUBLESTRUCK],8475:[82,c.VARIANT.SCRIPT],8476:[82,c.VARIANT.FRAKTUR],8477:[82,c.VARIANT.DOUBLESTRUCK],8484:[90,c.VARIANT.DOUBLESTRUCK],8486:[937,c.VARIANT.NORMAL],8488:[90,c.VARIANT.FRAKTUR],8492:[66,c.VARIANT.SCRIPT],8493:[67,c.VARIANT.FRAKTUR],8496:[69,c.VARIANT.SCRIPT],8497:[70,c.VARIANT.SCRIPT],8499:[77,c.VARIANT.SCRIPT],8775:8774,8988:9484,8989:9488,8990:9492,8991:9496,8708:"\u2203\u0338",8716:"\u220B\u0338",8772:"\u2243\u0338",8777:"\u2248\u0338",8802:"\u2261\u0338",8813:"\u224D\u0338",8820:"\u2272\u0338",8821:"\u2273\u0338",8824:"\u2276\u0338",8825:"\u2277\u0338",8836:"\u2282\u0338",8837:"\u2283\u0338",8930:"\u2291\u0338",8931:"\u2292\u0338",10764:"\u222C\u222C",8243:"\u2032\u2032",8244:"\u2032\u2032\u2032",8246:"\u2035\u2035",8247:"\u2035\u2035\u2035",8279:"\u2032\u2032\u2032\u2032",},REMAPACCENT:{"\u0300":"\u02CB","\u0301":"\u02CA","\u0302":"\u02C6","\u0303":"\u02DC","\u0304":"\u02C9","\u0306":"\u02D8","\u0307":"\u02D9","\u0308":"\u00A8","\u030A":"\u02DA","\u030C":"\u02C7","\u20D7":"\uE160","\u2192":"\uE160","\u2032":"'","\u2035":"`","\u20D0":"\u21BC","\u20D1":"\u21C0","\u20D6":"\u2190","\u20E1":"\u2194","\u20F0":"*","\u20DB":"...","\u20DC":"...."},REMAPACCENTUNDER:{"\u20EC":"\u21C1","\u20ED":"\u21BD","\u20EE":"\u2190","\u20EF":"\u2192","\u20DB":"...","\u20DC":"...."},PLANE1MAP:[[119808,119833,65,c.VARIANT.BOLD],[119834,119859,97,c.VARIANT.BOLD],[119860,119885,65,c.VARIANT.ITALIC],[119886,119911,97,c.VARIANT.ITALIC],[119912,119937,65,c.VARIANT.BOLDITALIC],[119938,119963,97,c.VARIANT.BOLDITALIC],[119964,119989,65,c.VARIANT.SCRIPT],[120068,120093,65,c.VARIANT.FRAKTUR],[120094,120119,97,c.VARIANT.FRAKTUR],[120120,120145,65,c.VARIANT.DOUBLESTRUCK],[120172,120197,65,c.VARIANT.BOLDFRAKTUR],[120198,120223,97,c.VARIANT.BOLDFRAKTUR],[120224,120249,65,c.VARIANT.SANSSERIF],[120250,120275,97,c.VARIANT.SANSSERIF],[120276,120301,65,c.VARIANT.BOLDSANSSERIF],[120302,120327,97,c.VARIANT.BOLDSANSSERIF],[120328,120353,65,c.VARIANT.SANSSERIFITALIC],[120354,120379,97,c.VARIANT.SANSSERIFITALIC],[120432,120457,65,c.VARIANT.MONOSPACE],[120458,120483,97,c.VARIANT.MONOSPACE],[120488,120513,913,c.VARIANT.BOLD],[120546,120570,913,c.VARIANT.ITALIC],[120572,120603,945,c.VARIANT.ITALIC],[120604,120628,913,c.VARIANT.BOLDITALIC],[120630,120661,945,c.VARIANT.BOLDITALIC],[120662,120686,913,c.VARIANT.BOLDSANSSERIF],[120720,120744,913,c.VARIANT.SANSSERIFBOLDITALIC],[120782,120791,48,c.VARIANT.BOLD],[120802,120811,48,c.VARIANT.SANSSERIF],[120812,120821,48,c.VARIANT.BOLDSANSSERIF],[120822,120831,48,c.VARIANT.MONOSPACE]],REMAPGREEK:{913:65,914:66,917:69,918:90,919:72,921:73,922:75,924:77,925:78,927:79,929:80,930:920,932:84,935:88,938:8711,970:8706,971:1013,972:977,973:1008,974:981,975:1009,976:982},RemapPlane1:function(w,v){for(var u=0,t=this.PLANE1MAP.length;u *":{position:"absolute"},".MJXc-bevelled > *":{display:"inline-block"},".mjx-stack":{display:"inline-block"},".mjx-op":{display:"block"},".mjx-under":{display:"table-cell"},".mjx-over":{display:"block"},".mjx-over > *":{"padding-left":"0px!important","padding-right":"0px!important"},".mjx-under > *":{"padding-left":"0px!important","padding-right":"0px!important"},".mjx-stack > .mjx-sup":{display:"block"},".mjx-stack > .mjx-sub":{display:"block"},".mjx-prestack > .mjx-presup":{display:"block"},".mjx-prestack > .mjx-presub":{display:"block"},".mjx-delim-h > .mjx-char":{display:"inline-block"},".mjx-surd":{"vertical-align":"top"},".mjx-mphantom *":{visibility:"hidden"},".mjx-merror":{"background-color":"#FFFF88",color:"#CC0000",border:"1px solid #CC0000",padding:"2px 3px","font-style":"normal","font-size":"90%"},".mjx-annotation-xml":{"line-height":"normal"},".mjx-menclose > svg":{fill:"none",stroke:"currentColor"},".mjx-mtr":{display:"table-row"},".mjx-mlabeledtr":{display:"table-row"},".mjx-mtd":{display:"table-cell","text-align":"center"},".mjx-label":{display:"table-row"},".mjx-box":{display:"inline-block"},".mjx-block":{display:"block"},".mjx-span":{display:"inline"},".mjx-char":{display:"block","white-space":"pre"},".mjx-itable":{display:"inline-table",width:"auto"},".mjx-row":{display:"table-row"},".mjx-cell":{display:"table-cell"},".mjx-table":{display:"table",width:"100%"},".mjx-line":{display:"block",height:0},".mjx-strut":{width:0,"padding-top":k+"em"},".mjx-vsize":{width:0},".MJXc-space1":{"margin-left":".167em"},".MJXc-space2":{"margin-left":".222em"},".MJXc-space3":{"margin-left":".278em"},".mjx-chartest":{display:"block",visibility:"hidden",position:"absolute",top:0,"line-height":"normal","font-size":"500%"},".mjx-chartest .mjx-char":{display:"inline"},".mjx-chartest .mjx-box":{"padding-top":"1000px"},".MJXc-processing":{visibility:"hidden",position:"fixed",width:0,height:0,overflow:"hidden"},".MJXc-processed":{display:"none"},".mjx-test":{"font-style":"normal","font-weight":"normal","font-size":"100%","font-size-adjust":"none","text-indent":0,"text-transform":"none","letter-spacing":"normal","word-spacing":"normal",overflow:"hidden",height:"1px"},".mjx-test.mjx-test-display":{display:"table!important"},".mjx-test.mjx-test-inline":{display:"inline!important","margin-right":"-1px"},".mjx-test.mjx-test-default":{display:"block!important",clear:"both"},".mjx-ex-box":{display:"inline-block!important",position:"absolute",overflow:"hidden","min-height":0,"max-height":"none",padding:0,border:0,margin:0,width:"1px",height:"60ex"},".mjx-test-inline .mjx-left-box":{display:"inline-block",width:0,"float":"left"},".mjx-test-inline .mjx-right-box":{display:"inline-block",width:0,"float":"right"},".mjx-test-display .mjx-right-box":{display:"table-cell!important",width:"10000em!important","min-width":0,"max-width":"none",padding:0,border:0,margin:0},"#MathJax_CHTML_Tooltip":{"background-color":"InfoBackground",color:"InfoText",border:"1px solid black","box-shadow":"2px 2px 5px #AAAAAA","-webkit-box-shadow":"2px 2px 5px #AAAAAA","-moz-box-shadow":"2px 2px 5px #AAAAAA","-khtml-box-shadow":"2px 2px 5px #AAAAAA",padding:"3px 4px","z-index":401,position:"absolute",left:0,top:0,width:"auto",height:"auto",display:"none"}};var i=1000000;var n=5;var c={},r=MathJax.Hub.config;a.Augment({settings:f.config.menuSettings,config:{styles:p},Config:function(){if(!this.require){this.require=[]}this.SUPER(arguments).Config.call(this);var s=this.settings;if(s.scale){this.config.scale=s.scale}this.require.push(this.fontDir+"/TeX/fontdata.js");this.require.push(MathJax.OutputJax.extensionDir+"/MathEvents.js");c=this.config.linebreaks},Startup:function(){e=MathJax.Extension.MathEvents.Event;q=MathJax.Extension.MathEvents.Touch;h=MathJax.Extension.MathEvents.Hover;this.ContextMenu=e.ContextMenu;this.Mousedown=e.AltContextMenu;this.Mouseover=h.Mouseover;this.Mouseout=h.Mouseout;this.Mousemove=h.Mousemove;var s=a.addElement(document.body,"mjx-block",{style:{display:"block",width:"5in"}});this.pxPerInch=s.offsetWidth/5;s.parentNode.removeChild(s);this.TestSpan=a.Element("mjx-test",{style:{left:"1em"}},[["mjx-left-box"],["mjx-ex-box"],["mjx-right-box"]]);return o.Styles(this.config.styles,["InitializeCHTML",this])},InitializeCHTML:function(){this.getDefaultExEm();if(this.defaultEm){return}var s=MathJax.Callback();o.timer.start(o,function(t){if(t.time(s)){f.signal.Post(["CommonHTML Jax - no default em size"]);return}a.getDefaultExEm();if(a.defaultEm){s()}else{setTimeout(t,t.delay)}},this.defaultEmDelay,this.defaultEmTimeout);return s},defaultEmDelay:100,defaultEmTimeout:1000,getDefaultExEm:function(){var s=document.body.appendChild(this.TestSpan.cloneNode(true));s.className+=" mjx-test-inline mjx-test-default";this.defaultEm=this.getFontSize(s);this.defaultEx=s.childNodes[1].offsetHeight/60;this.defaultWidth=Math.max(0,s.lastChild.offsetLeft-s.firstChild.offsetLeft-2);document.body.removeChild(s)},getFontSize:(window.getComputedStyle?function(t){var s=window.getComputedStyle(t);return parseFloat(s.fontSize)}:function(s){return s.style.pixelLeft}),getMaxWidth:(window.getComputedStyle?function(t){var s=window.getComputedStyle(t);if(s.maxWidth!=="none"){return parseFloat(s.maxWidth)}return 0}:function(t){var s=t.currentStyle.maxWidth;if(s!=="none"){if(s.match(/\d*px/)){return parseFloat(s)}var u=t.style.left;t.style.left=s;s=t.style.pixelLeft;t.style.left=u;return s}return 0}),loadFont:function(s){f.RestartAfter(o.Require(this.fontDir+"/"+s))},fontLoaded:function(s){if(!s.match(/-|fontdata/)){s+="-Regular"}if(!s.match(/\.js$/)){s+=".js"}MathJax.Callback.Queue(["Post",f.Startup.signal,"CommonHTML - font data loaded for "+s],["loadComplete",o,this.fontDir+"/"+s])},Element:function(s,u,t){if(s.substr(0,4)==="mjx-"){if(!u){u={}}if(u.isMathJax==null){u.isMathJax=true}if(u.className){u.className=s+" "+u.className}else{u.className=s}s="span"}return this.HTMLElement(s,u,t)},addElement:function(u,s,v,t){return u.appendChild(this.Element(s,v,t))},HTMLElement:m.Element,ucMatch:m.ucMatch,setScript:m.setScript,getNode:function(x,w){var u=RegExp("\\b"+w+"\\b");var t=[];while(x){for(var v=0,s=x.childNodes.length;v=x.CHTMLlast+x.CHTMLchunk){this.postTranslate(x);x.CHTMLchunk=Math.floor(x.CHTMLchunk*this.config.EqnChunkFactor);x.CHTMLdelay=true}},initCHTML:function(t,s){},savePreview:function(s){var t=s.MathJax.preview;if(t&&t.parentNode){s.MathJax.tmpPreview=document.createElement("span");t.parentNode.replaceChild(s.MathJax.tmpPreview,t)}},restorePreview:function(s){var t=s.MathJax.tmpPreview;if(t){t.parentNode.replaceChild(s.MathJax.preview,t);delete s.MathJax.tmpPreview}},getMetrics:function(s){var t=s.CHTML;this.jax=s;this.em=t.em;this.outerEm=t.outerEm;this.scale=t.scale;this.cwidth=t.cwidth;this.linebreakWidth=t.lineWidth},postTranslate:function(x){var t=x.jax[this.id];for(var v=x.CHTMLlast,s=x.CHTMLeqn;vC.h){t.marginTop=a.Em(C.t-C.h)}if(C.b>C.d){t.marginBottom=a.Em(C.b-C.d)}if(C.l<0){t.paddingLeft=a.Em(-C.l)}if(C.r>C.w){t.marginRight=a.Em(C.r-C.w)}t.position="absolute";var z=v.offsetWidth,x=v.offsetHeight,D=A.firstChild.offsetHeight,w=A.firstChild.offsetWidth;v.style.position="";return{Y:-e.getBBox(B).h,mW:w,mH:D,zW:z,zH:x}},Remove:function(s){var t=document.getElementById(s.inputID+"-Frame");if(t&&s.CHTML.display){t=t.parentNode}if(t){t.parentNode.removeChild(t)}delete s.CHTML},ID:0,idPostfix:"",GetID:function(){this.ID++;return this.ID},MATHSPACE:{veryverythinmathspace:1/18,verythinmathspace:2/18,thinmathspace:3/18,mediummathspace:4/18,thickmathspace:5/18,verythickmathspace:6/18,veryverythickmathspace:7/18,negativeveryverythinmathspace:-1/18,negativeverythinmathspace:-2/18,negativethinmathspace:-3/18,negativemediummathspace:-4/18,negativethickmathspace:-5/18,negativeverythickmathspace:-6/18,negativeveryverythickmathspace:-7/18,thin:0.04,medium:0.06,thick:0.1,infinity:i},SPACECLASS:{thinmathspace:"MJXc-space1",mediummathspace:"MJXc-space2",thickmathspace:"MJXc-space3"},pxPerInch:96,em:16,maxStretchyParts:1000,FONTDEF:{},TEXDEF:{x_height:0.442,quad:1,num1:0.676508,num2:0.393732,num3:0.44373,denom1:0.685951,denom2:0.344841,sup1:0.412892,sup2:0.362892,sup3:0.288888,sub1:0.15,sub2:0.247217,sup_drop:0.386108,sub_drop:0.05,delim1:2.39,delim2:1,axis_height:0.25,rule_thickness:0.06,big_op_spacing1:0.111111,big_op_spacing2:0.166666,big_op_spacing3:0.2,big_op_spacing4:0.45,big_op_spacing5:0.1,surd_height:0.075,scriptspace:0.05,nulldelimiterspace:0.12,delimiterfactor:901,delimitershortfall:0.3,min_rule_thickness:1.25},isChar:function(s){if(s.length===1){return true}if(s.length!==2){return false}var t=s.charCodeAt(0);return(t>=55296&&t<56319)},unicodeChar:function(s){if(s<65535){return String.fromCharCode(s)}s-=65536;return String.fromCharCode((s>>10)+55296)+String.fromCharCode((s&1023)+56320)},getUnicode:function(s){var t=s.text.charCodeAt(s.i);s.i++;if(t>=55296&&t<56319){t=(((t-55296)<<10)+(s.text.charCodeAt(s.i)-56320))+65536;s.i++}return t},getCharList:function(w,v){var u,z,s=w.cache,B=v;if(s[v]){return s[v]}if(v>65535&&this.FONTDATA.RemapPlane1){var y=this.FONTDATA.RemapPlane1(v,w);v=y.n;w=y.variant}var t=this.FONTDATA.RANGES,A=this.FONTDATA.VARIANT;if(v>=t[0].low&&v<=t[t.length-1].high){for(u=0,z=t.length;u=t[u].low&&v<=t[u].high){if(t[u].remap&&t[u].remap[v]){v=x+t[u].remap[v]}else{v=v-t[u].low+x;if(t[u].add){v+=t[u].add}}if(w["variant"+t[u].offset]){w=A[w["variant"+t[u].offset]]}break}}}s[B]=this.remapChar(w,v,0);return s[B]},remapChar:function(t,y,w){var v=[],x=this.FONTDATA.VARIANT;if(t.remap&&t.remap[y]){y=t.remap[y];if(t.remap.variant){t=x[t.remap.variant]}}else{if(this.FONTDATA.REMAP[y]&&!t.noRemap){y=this.FONTDATA.REMAP[y]}}if(g(y)){if(y[2]){w=n}t=x[y[1]];y=y[0]}if(typeof(y)==="string"){var s={text:y,i:0,length:y.length};while(s.i(B.a||0)){B.a=u.a}u.className=w.className;var t=w[D.n];if(A){var v=w;if(g(A)){v=a.FONTDATA.FONTS[A[1]];A=A[0];if(typeof(v)==="string"){a.loadFont(v)}}if(v[D.n]){a.fixChar(v[D.n],D.n)}t=a.fixChar(v[A],A);u.className=v.className}u.text+=t.c;if(B.hB.w+t[3]){B.l=B.w+t[3]}if(B.rw.a){w.a=u.a}}s=this.flushText(s,u,t.style);if(v[2]<3){s.style.width=a.Em(v[2])}},flushText:function(t,u,s){t=a.addElement(t,"mjx-charbox",{className:u.className,style:s},[u.text]);if(u.a){t.style.paddingBottom=a.Em(u.a)}u.text="";u.className=null;u.a=0;u.flushed=true;return t}},handleText:function(u,x,t,w){if(u.childNodes.length===0){a.addElement(u,"mjx-char");w=a.BBOX.empty(w)}if(typeof(t)==="string"){t=this.FONTDATA.VARIANT[t]}if(!t){t=this.FONTDATA.VARIANT[d.VARIANT.NORMAL]}var s={text:x,i:0,length:x.length},v=[];if(t.style&&s.length){v.push(this.styledText(t,x))}else{while(s.i-w.b){u.firstChild.style.paddingBottom=this.EmRounded(w.d+w.b)}return w},createDelimiter:function(x,s,u,A,v){if(!s){var B=this.BBOX.zero();B.w=B.r=this.TEX.nulldelimiterspace;a.addElement(x,"mjx-box",{style:{width:B.w}});return B}if(!(u instanceof Array)){u=[u,u]}var z=u[1];u=u[0];var t={alias:s};while(t.alias){s=t.alias;t=this.FONTDATA.DELIMITERS[s];if(!t){t={HW:[0,this.FONTDATA.VARIANT[d.VARIANT.NORMAL]]}}}if(t.load){f.RestartAfter(o.Require(this.fontDir+"/TeX/fontdata-"+t.load+".js"))}for(var y=0,w=t.HW.length;y=u-0.01||(y==w-1&&!t.stretch)){if(t.HW[y][3]){s=t.HW[y][3]}B=this.createChar(x,[s,t.HW[y][1]],(t.HW[y][2]||1),v);B.offset=0.6*B.w;if(A){B.scale=A.scale;A.rscale=A.rscale}return B}}if(!t.stretch){return B}return this["extendDelimiter"+t.dir](x,z,t.stretch,A,v)},extendDelimiterV:function(E,x,P,w,C){E=a.addElement(E,"mjx-delim-v");var N=a.Element("span");var B,A,O,v,I,t,F,y,G=1,M;I=this.createChar(N,(P.top||P.ext),1,C);B=N.removeChild(N.firstChild);t=this.createChar(N,(P.bot||P.ext),1,C);A=N.removeChild(N.firstChild);F=y=a.BBOX.zero();var J=I.h+I.d+t.h+t.d-l;E.appendChild(B);if(P.mid){F=this.createChar(N,P.mid,1,C);O=N.removeChild(N.firstChild);J+=F.h+F.d;G=2}if(P.min&&xJ){y=this.createChar(N,P.ext,1,C);v=N.removeChild(N.firstChild);var L=y.h+y.d,u=L-l;var D=Math.min(Math.ceil((x-J)/(G*u)),this.maxStretchyParts);if(P.fullExtenders){x=D*G*u+J}else{u=(x-J)/(G*D)}M=y.d+y.a-L/2;v.style.margin=v.style.padding="";v.style.lineHeight=a.Em(u);v.style.marginBottom=a.Em(M-l/2/G);v.style.marginTop=a.Em(-M-l/2/G);var K=v.textContent,z="\n"+K;while(--D>0){K+=z}v.textContent=K;E.appendChild(v);if(P.mid){E.appendChild(O);E.appendChild(v.cloneNode(true))}}else{M=(x-J-l)/G;B.style.marginBottom=a.Em(M+parseFloat(B.style.marginBottom||"0"));if(P.mid){E.appendChild(O)}A.style.marginTop=a.Em(M+parseFloat(A.style.marginTop||"0"))}E.appendChild(A);var s=a.BBOX({w:Math.max(I.w,y.w,t.w,F.w),l:Math.min(I.l,y.l,t.l,F.l),r:Math.max(I.r,y.r,t.r,F.r),h:x-t.d,d:t.d,t:x-t.d,b:t.d});s.offset=0.5*s.w;if(w){s.scale=w.scale;s.rscale=w.rscale}return s},extendDelimiterH:function(F,s,P,v,D){F=a.addElement(F,"mjx-delim-h");var N=a.Element("span");var t,M,O,u,K,C,x,G,z,H=1;C=this.createChar(N,(P.left||P.rep),1,D);t=N.removeChild(N.firstChild);x=this.createChar(N,(P.right||P.rep),1,D);M=N.removeChild(N.firstChild);z=this.createChar(N,P.rep,1,D);u=N.removeChild(N.firstChild);t.style.marginLeft=a.Em(-C.l);M.style.marginRight=a.Em(x.r-x.w);F.appendChild(t);var Q=a.BBOX.zero();Q.h=Math.max(C.h,x.h,z.h);Q.d=Math.max(C.D||C.d,x.D||x.d,z.D||z.d);var y=(C.r-C.l)+(x.r-x.l)-l;if(P.mid){G=this.createChar(N,P.mid,1,D);O=N.removeChild(N.firstChild);O.style.marginleft=a.Em(-G.l);O.style.marginRight=a.Em(G.r-G.w);y+=G.r-G.l+l;H=2;if(G.h>Q.h){Q.h=G.h}if(G.d>Q.d){Q.d=G.d}}if(P.min&&sy){var B=z.r-z.l,J=B-l;var E=Math.min(Math.ceil((s-y)/(H*J)),this.maxStretchyParts);if(P.fullExtenders){s=E*H*J+y}else{J=(s-y)/(H*E)}var L=(B-J+l/H)/2;u.style.marginLeft=a.Em(-z.l-L);u.style.marginRight=a.Em(z.r-z.w+L);u.style.letterSpacing=a.Em(-(z.w-J));t.style.marginRight=a.Em(C.r-C.w);M.style.marginleft=a.Em(-x.l);var I=u.textContent,A=I;while(--E>0){I+=A}u.textContent=I;F.appendChild(u);if(P.mid){F.appendChild(O);K=F.appendChild(u.cloneNode(true))}}else{L=(s-y-l/H)/2;t.style.marginRight=a.Em(C.r-C.w+L);if(P.mid){F.appendChild(O)}M.style.marginLeft=a.Em(-x.l+L)}F.appendChild(M);this.adjustHeights([t,u,O,K,M],[C,z,G,z,x],Q);if(v){Q.scale=v.scale;Q.rscale=v.rscale}return Q},adjustHeights:function(t,w,x){var u=x.h,y=x.d;if(x.d<0){y=-x.d;x.D=x.d;x.d=0}for(var v=0,s=t.length;v0){delete this.D}},rescale:function(s){this.w*=s;this.h*=s;this.d*=s;this.l*=s;this.r*=s;this.t*=s;this.b*=s;if(this.L){this.L*=s}if(this.R){this.R*=s}if(this.D){this.D*=s}},combine:function(t,s,v){t.X=s;t.Y=v;var u=t.rscale;if(s+u*t.r>this.r){this.r=s+u*t.r}if(s+u*t.lthis.w){this.w=s+u*(t.w+(t.L||0)+(t.R||0))}if(v+u*t.h>this.h){this.h=v+u*t.h}if(t.D&&(this.D==null||u*t.D-v>this.D)&&u*t.D>this.d){this.D=u*t.D-v}else{if(t.D==null&&this.D){delete this.D}}if(u*t.d-v>this.d){this.d=u*t.d-v}if(v+u*t.t>this.t){this.t=v+u*t.t}if(u*t.b-v>this.b){this.b=u*t.b-v}},append:function(t){var u=t.rscale;var s=this.w;if(s+u*t.r>this.r){this.r=s+u*t.r}if(s+u*t.lthis.h){this.h=u*t.h}if(t.D&&(this.D==null||u*t.D>this.D)&&u*t.D>this.d){this.D=u*t.D}else{if(t.D==null&&this.D){delete this.D}}if(u*t.d>this.d){this.d=u*t.d}if(u*t.t>this.t){this.t=u*t.t}if(u*t.b>this.b){this.b=u*t.b}},updateFrom:function(s){this.h=s.h;this.d=s.d;this.w=s.w;this.r=s.r;this.l=s.l;this.t=s.t;this.b=s.b;if(s.pwidth){this.pwidth=s.pwidth}if(s.D){this.D=s.D}else{delete this.D}},adjust:function(t,s,v,u){this[s]+=a.length2em(t,1,this.scale);if(u==null){if(this[s]>this[v]){this[v]=this[s]}}else{if(this[v]z.r){z.r=z.w}if(t.h>z.h){z.h=t.h}if(t.d>z.d){z.d=t.d}if(t.t>z.t){z.t=t.t}if(t.b>z.b){z.b=t.b}}}},CHTMLstretchChildH:function(v,s,x){var y=this.data[v];if(y){var z=this.CHTML,u=y.CHTML;if(u.stretch||(u.stretch==null&&y.CHTMLcanStretch("Horizontal",s))){var t=u.w;u=y.CHTMLstretchH(this.CHTMLchildNode(x,v),s);z.w+=u.w-t;if(z.w>z.r){z.r=z.w}if(u.h>z.h){z.h=u.h}if(u.d>z.d){z.d=u.d}if(u.t>z.t){z.t=u.t}if(u.b>z.b){z.b=u.b}}}},CHTMLupdateFrom:function(s){this.CHTML.updateFrom(s);if(this.inferRow){this.data[0].CHTML.updateFrom(s)}},CHTMLcanStretch:function(w,u,v){var t=false;if(this.isEmbellished()){var s=this.Core();if(s&&s!==this){t=s.CHTMLcanStretch(w,u,v)}}this.CHTML.stretch=t;return t},CHTMLstretchV:function(s,t){this.CHTMLupdateFrom(this.Core().CHTMLstretchV(s,t));return this.CHTML},CHTMLstretchH:function(t,s){this.CHTMLupdateFrom(this.CHTMLstretchCoreH(t,s));return this.CHTML},CHTMLstretchCoreH:function(t,s){return this.Core().CHTMLstretchH(this.CHTMLcoreNode(t),s)},CHTMLcreateNode:function(s){if(!this.CHTML){this.CHTML={}}this.CHTML=a.BBOX.zero();if(this.href){s=a.addElement(s,"a",{href:this.href,isMathJax:true})}if(!this.CHTMLnodeID){this.CHTMLnodeID=a.GetID()}var t=(this.id||"MJXc-Node-"+this.CHTMLnodeID)+a.idPostfix;return this.CHTMLhandleAttributes(a.addElement(s,"mjx-"+this.type,{id:t}))},CHTMLnodeElement:function(){if(!this.CHTMLnodeID){return null}return document.getElementById((this.id||"MJXc-Node-"+this.CHTMLnodeID)+a.idPostfix)},CHTMLlength2em:function(t,s){return a.length2em(t,s,this.CHTML.scale)},CHTMLhandleAttributes:function(v){if(this["class"]){if(v.className){v.className+=" "+this["class"]}else{v.className=this["class"]}}if(this.attrNames){var z=this.attrNames,u=d.nocopyAttributes,y=f.config.ignoreMMLattributes;var w=(this.type==="mstyle"?d.math.prototype.defaults:this.defaults);for(var t=0,s=z.length;t2){s.scriptlevel=2}x=Math.pow(this.Get("scriptsizemultiplier"),s.scriptlevel);s.scriptminsize=a.length2em(this.Get("scriptminsize"),0.8,1);if(x600?"bold":"normal")}var t=s.mathvariant;if(this.variantForm){t="-TeX-variant"}if(s.family&&!s.hasVariant){if(!s.weight&&s.mathvariant.match(/bold/)){s.weight="bold"}if(!s.style&&s.mathvariant.match(/italic/)){s.style="italic"}this.CHTMLvariant={fonts:[],noRemap:true,cache:{},style:{"font-family":s.family,"font-weight":s.weight||"normal","font-style":s.style||"normal"}};return}if(s.weight==="bold"){t={normal:d.VARIANT.BOLD,italic:d.VARIANT.BOLDITALIC,fraktur:d.VARIANT.BOLDFRAKTUR,script:d.VARIANT.BOLDSCRIPT,"sans-serif":d.VARIANT.BOLDSANSSERIF,"sans-serif-italic":d.VARIANT.SANSSERIFBOLDITALIC}[t]||t}else{if(s.weight==="normal"){t={bold:d.VARIANT.normal,"bold-italic":d.VARIANT.ITALIC,"bold-fraktur":d.VARIANT.FRAKTUR,"bold-script":d.VARIANT.SCRIPT,"bold-sans-serif":d.VARIANT.SANSSERIF,"sans-serif-bold-italic":d.VARIANT.SANSSERIFITALIC}[t]||t}}if(s.style==="italic"){t={normal:d.VARIANT.ITALIC,bold:d.VARIANT.BOLDITALIC,"sans-serif":d.VARIANT.SANSSERIFITALIC,"bold-sans-serif":d.VARIANT.SANSSERIFBOLDITALIC}[t]||t}else{if(s.style==="normal"){t={italic:d.VARIANT.NORMAL,"bold-italic":d.VARIANT.BOLD,"sans-serif-italic":d.VARIANT.SANSSERIF,"sans-serif-bold-italic":d.VARIANT.BOLDSANSSERIF}[t]||t}}this.CHTMLvariant=a.FONTDATA.VARIANT[t]||a.FONTDATA.VARIANT[d.VARIANT.NORMAL]},CHTMLbboxFor:function(s){if(this.data[s]&&this.data[s].CHTML){return this.data[s].CHTML}return a.BBOX.zero()},CHTMLdrawBBox:function(t,u){if(!u){u=this.CHTML}var s=a.Element("mjx-box",{style:{opacity:0.25,"margin-left":a.Em(-(u.w+(u.R||0)))}},[["mjx-box",{style:{height:a.Em(u.h),width:a.Em(u.w),"background-color":"red"}}],["mjx-box",{style:{height:a.Em(u.d),width:a.Em(u.w),"margin-left":a.Em(-u.w),"vertical-align":a.Em(-u.d),"background-color":"green"}}]]);if(t.nextSibling){t.parentNode.insertBefore(s,t.nextSibling)}else{t.parentNode.appendChild(s)}},CHTMLnotEmpty:function(s){while(s&&s.data.length<2&&(s.type==="mrow"||s.type==="texatom")){s=s.data[0]}return !!s}},{CHTMLautoload:function(){this.constructor.Augment({toCommonHTML:d.mbase.CHTMLautoloadFail});var s=a.autoloadDir+"/"+this.type+".js";f.RestartAfter(o.Require(s))},CHTMLautoloadFail:function(){throw Error("CommonHTML can't autoload '"+this.type+"'")},CHTMLautoloadList:{},CHTMLautoloadFile:function(s){if(d.mbase.CHTMLautoloadList.hasOwnProperty(s)){throw Error("CommonHTML can't autoload file '"+s+"'")}d.mbase.CHTMLautoloadList[s]=true;var t=a.autoloadDir+"/"+s+".js";f.RestartAfter(o.Require(t))},CHTMLstretchV:function(s,t){this.Core().CHTMLstretchV(s,t);this.toCommonHTML(this.CHTMLnodeElement(),{stretch:true});return this.CHTML},CHTMLstretchH:function(t,s){this.CHTMLupdateFrom(this.CHTMLstretchCoreH(t,s));this.toCommonHTML(t,{stretch:true});return this.CHTML}});d.chars.Augment({toCommonHTML:function(t,s){this.CHTML=null;if(s==null){s={}}var u=this.toString();if(s.remap){u=s.remap(u,s.remapchars)}this.CHTMLhandleText(t,u,s.variant||this.parent.CHTMLvariant)}});d.entity.Augment({toCommonHTML:function(t,s){if(s==null){s={}}var u=this.toString();if(s.remapchars){u=s.remap(u,s.remapchars)}this.CHTMLhandleText(t,u,s.variant||this.parent.CHTMLvariant)}});d.math.Augment({toCommonHTML:function(x){x=this.CHTMLdefaultNode(x);if(this.CHTML.w<0){x.parentNode.style.width="0px";x.parentNode.style.marginRight=a.Em(this.CHTML.w)}var v=this.Get("alttext");if(v&&!x.getAttribute("aria-label")){x.setAttribute("aria-label",v)}if(this.CHTML.pwidth){x.parentNode.style.minWidth=this.CHTML.mwidth||a.Em(this.CHTML.w);x.parentNode.className="mjx-full-width "+x.parentNode.className;x.style.width=this.CHTML.pwidth}else{if(!this.isMultiline&&this.Get("display")==="block"){var u=this.getValues("indentalignfirst","indentshiftfirst","indentalign","indentshift");if(u.indentalignfirst!==d.INDENTALIGN.INDENTALIGN){u.indentalign=u.indentalignfirst}if(u.indentalign===d.INDENTALIGN.AUTO){u.indentalign=r.displayAlign}if(u.indentshiftfirst!==d.INDENTSHIFT.INDENTSHIFT){u.indentshift=u.indentshiftfirst}if(u.indentshift==="auto"){u.indentshift="0"}var t=this.CHTMLlength2em(u.indentshift,a.cwidth);if(r.displayIndent!=="0"){var s=this.CHTMLlength2em(r.displayIndent,a.cwidth);t+=(u.indentalign===d.INDENTALIGN.RIGHT?-s:s)}var w=x.parentNode.parentNode.style;x.parentNode.style.textAlign=w.textAlign=u.indentalign;if(t){t*=a.em/a.outerEm;f.Insert(w,({left:{marginLeft:a.Em(t)},right:{marginRight:a.Em(-t)},center:{marginLeft:a.Em(t),marginRight:a.Em(-t)}})[u.indentalign])}}}return x}});d.mi.Augment({toCommonHTML:function(s){s=this.CHTMLdefaultNode(s);var u=this.CHTML,t=this.data.join("");if(u.skew!=null&&!a.isChar(t)){delete u.skew}if(u.r>u.w&&a.isChar(t)&&!this.CHTMLvariant.noIC){u.ic=u.r-u.w;u.w=u.r;s.lastChild.style.paddingRight=a.Em(u.ic)}return s}});d.mn.Augment({CHTMLremapMinus:function(s){return s.replace(/^-/,"\u2212")},toCommonHTML:function(s){s=this.CHTMLdefaultNode(s,{childOptions:{remap:this.CHTMLremapMinus}});var u=this.CHTML,t=this.data.join("");if(u.skew!=null&&!a.isChar(t)){delete u.skew}if(u.r>u.w&&a.isChar(t)&&!this.CHTMLvariant.noIC){u.ic=u.r-u.w;u.w=u.r;s.lastChild.style.paddingRight=a.Em(u.ic)}return s}});d.mo.Augment({toCommonHTML:function(v){v=this.CHTMLcreateNode(v);this.CHTMLhandleStyle(v);this.CHTMLgetVariant();this.CHTMLhandleScale(v);a.BBOX.empty(this.CHTML);var t=this.getValues("displaystyle","largeop");t.variant=this.CHTMLvariant;t.text=this.data.join("");if(t.text==""){if(this.fence){v.style.width=a.Em(a.TEX.nulldelimiterspace)}}else{this.CHTMLadjustAccent(t);this.CHTMLadjustVariant(t);for(var u=0,s=this.data.length;u0){if(!this.hasValue("lspace")){t.lspace=0.15}if(!this.hasValue("rspace")){t.rspace=0.15}}var s=this,u=this.Parent();while(u&&u.isEmbellished()&&u.Core()===s){s=u;u=u.Parent();v=s.CHTMLnodeElement()}if(t.lspace){v.style.paddingLeft=a.Em(t.lspace)}if(t.rspace){v.style.paddingRight=a.Em(t.rspace)}this.CHTML.L=t.lspace;this.CHTML.R=t.rspace}else{this.SUPER(arguments).CHTMLhandleSpace.apply(this,arguments)}},CHTMLadjustAccent:function(u){var t=this.CoreParent();u.parent=t;if(a.isChar(u.text)&&t&&t.isa(d.munderover)){var v=t.data[t.over],s=t.data[t.under];if(v&&this===v.CoreMO()&&t.Get("accent")){u.remapchars=a.FONTDATA.REMAPACCENT}else{if(s&&this===s.CoreMO()&&t.Get("accentunder")){u.remapchars=a.FONTDATA.REMAPACCENTUNDER}}}},CHTMLadjustVariant:function(t){var s=t.parent,u=(s&&s.isa(d.msubsup)&&this!==s.data[s.base]);if(t.largeop){t.mathvariant=(t.displaystyle?"-largeOp":"-smallOp")}if(u){t.remapchars=this.remapChars;if(t.text.match(/['`"\u00B4\u2032-\u2037\u2057]/)){t.mathvariant="-TeX-variant"}}},CHTMLfixCombiningChar:function(s){s=s.firstChild;var t=a.Element("mjx-box",{style:{width:".25em","margin-left":"-.25em"}});s.insertBefore(t,s.firstChild)},CHTMLcenterOp:function(s){var u=this.CHTML;var t=(u.h-u.d)/2-a.TEX.axis_height;if(Math.abs(t)>0.001){s.style.verticalAlign=a.Em(-t)}u.h-=t;u.d+=t;if(u.r>u.w){u.ic=u.r-u.w;u.w=u.r;s.style.paddingRight=a.Em(u.ic)}},CHTMLcanStretch:function(w,u,v){if(!this.Get("stretchy")){return false}var x=this.data.join("");if(!a.isChar(x)){return false}var t={text:x};this.CHTMLadjustAccent(t);if(t.remapchars){x=t.remapchars[x]||x}x=a.FONTDATA.DELIMITERS[x.charCodeAt(0)];var s=(x&&x.dir===w.substr(0,1));if(s){s=(this.CHTML.h!==u||this.CHTML.d!==v||!!this.Get("minsize",true)||!!this.Get("maxsize",true));if(s){this.CHTML.stretch=true}}return s},CHTMLstretchV:function(v,y){var w=this.CHTMLnodeElement(),x=this.CHTML;var t=this.getValues("symmetric","maxsize","minsize");var u,s=a.TEX.axis_height;if(t.symmetric){u=2*Math.max(v-s,y+s)}else{u=v+y}t.maxsize=this.CHTMLlength2em(t.maxsize,x.h+x.d);t.minsize=this.CHTMLlength2em(t.minsize,x.h+x.d);u=Math.max(t.minsize,Math.min(t.maxsize,u));if(u!==x.sH){if(u!=t.minsize){u=[Math.max(u*a.TEX.delimiterfactor/1000,u-a.TEX.delimitershortfall),u]}while(w.firstChild){w.removeChild(w.firstChild)}this.CHTML=x=a.createDelimiter(w,this.data.join("").charCodeAt(0),u,x);x.sH=(u instanceof Array?u[1]:u);if(t.symmetric){u=(x.h+x.d)/2+s}else{u=(x.h+x.d)*v/(v+y)}u-=x.h;if(Math.abs(u)>0.05){w.style.verticalAlign=a.Em(u);x.h+=u;x.d-=u;x.t+=u;x.b-=u}}return this.CHTML},CHTMLstretchH:function(u,s){var v=this.CHTML;var t=this.getValues("maxsize","minsize","mathvariant","fontweight");if((t.fontweight==="bold"||(this.removedStyles||{}).fontWeight==="bold"||parseInt(t.fontweight)>=600)&&!this.Get("mathvariant",true)){t.mathvariant=d.VARIANT.BOLD}t.maxsize=this.CHTMLlength2em(t.maxsize,v.w);t.minsize=this.CHTMLlength2em(t.minsize,v.w);s=Math.max(t.minsize,Math.min(t.maxsize,s));if(s!==v.sW){while(u.firstChild){u.removeChild(u.firstChild)}this.CHTML=v=a.createDelimiter(u,this.data.join("").charCodeAt(0),s,v,t.mathvariant);v.sW=s}return this.CHTML}});d.mtext.Augment({CHTMLgetVariant:function(){if(a.config.mtextFontInherit||this.Parent().type==="merror"){var u=(a.config.scale/100)/a.scale;var t={cache:{},fonts:[],className:"MJXc-font-inherit",rscale:u,style:{"font-size":a.Percent(u)}};var s=this.Get("mathvariant");if(s.match(/bold/)){t.style["font-weight"]="bold"}if(s.match(/italic|-tex-mathit/)){t.style["font-style"]="italic"}if(s==="monospace"){t.className+=" MJXc-monospace-font"}if(s==="double-struck"){t.className+=" MJXc-double-struck-font"}if(s.match(/fraktur/)){t.className+=" MJXc-fraktur-font"}if(s.match(/sans-serif/)){t.className+=" MJXc-sans-serif-font"}if(s.match(/script/)){t.className+=" MJXc-script-font"}this.CHTMLvariant=t}else{this.SUPER(arguments).CHTMLgetVariant.call(this)}}});d.merror.Augment({toCommonHTML:function(s){s=this.CHTMLdefaultNode(s);var t=this.CHTML;t.rescale(0.9);t.h+=3/a.em;if(t.h>t.t){t.t=t.h}t.d+=3/a.em;if(t.d>t.b){t.b=t.d}t.w+=8/a.em;t.r=t.w;t.l=0;return s}});d.mspace.Augment({toCommonHTML:function(v){v=this.CHTMLcreateNode(v);this.CHTMLhandleStyle(v);this.CHTMLhandleScale(v);var t=this.getValues("height","depth","width");var s=this.CHTMLlength2em(t.width),u=this.CHTMLlength2em(t.height),y=this.CHTMLlength2em(t.depth);var x=this.CHTML;x.w=x.r=s;x.h=x.t=u;x.d=x.b=y;x.l=0;if(s<0){v.style.marginRight=a.Em(s);s=0}v.style.width=a.Em(s);v.style.height=a.Em(Math.max(0,u+y));if(y){v.style.verticalAlign=a.Em(-y)}this.CHTMLhandleBBox(v);this.CHTMLhandleColor(v);return v}});d.mpadded.Augment({toCommonHTML:function(t,F){var s;if(F&&F.stretch){t=t.firstChild;s=t.firstChild}else{t=this.CHTMLdefaultNode(t,{childNodes:"mjx-box",forceChild:true});s=t.firstChild;t=a.addElement(t,"mjx-block");t.appendChild(s);a.addElement(t,"mjx-strut")}var z=this.CHTMLbboxFor(0);var D=this.getValues("width","height","depth","lspace","voffset");var B=0,A=0,C=z.w,u=z.h,v=z.d;s.style.width=0;s.style.margin=a.Em(-u)+" 0 "+a.Em(-v);if(D.width!==""){C=this.CHTMLdimen(D.width,"w",C,0)}if(D.height!==""){u=this.CHTMLdimen(D.height,"h",u,0)}if(D.depth!==""){v=this.CHTMLdimen(D.depth,"d",v,0)}if(D.voffset!==""){A=this.CHTMLdimen(D.voffset);if(A){s.style.position="relative";s.style.top=a.Em(-A)}}if(D.lspace!==""){B=this.CHTMLdimen(D.lspace);if(B){s.style.position="relative";s.style.left=a.Em(B)}}t.style.width=0;t.style.marginTop=a.Em(u-k);t.style.padding="0 "+a.Em(C)+" "+a.Em(v)+" 0";var E=a.BBOX({w:C,h:u,d:v,l:0,r:C,t:u,b:v,scale:this.CHTML.scale,rscale:this.CHTML.rscale});E.combine(z,B,A);E.w=C;E.h=u;E.d=v;this.CHTML=E;return t.parentNode},CHTMLstretchV:d.mbase.CHTMLstretchV,CHTMLstretchH:d.mbase.CHTMLstretchH,CHTMLdimen:function(w,y,x,s){if(s==null){s=-i}w=String(w);var t=w.match(/width|height|depth/);var u=(t?this.CHTML[t[0].charAt(0)]:(y?this.CHTML[y]:0));var v=(this.CHTMLlength2em(w,u)||0);if(w.match(/^[-+]/)&&x!=null){v+=x}if(s!=null){v=Math.max(s,v)}return v}});d.munderover.Augment({toCommonHTML:function(w,G){var E=this.getValues("displaystyle","accent","accentunder","align");var u=this.data[this.base];if(!E.displaystyle&&u!=null&&(u.movablelimits||u.CoreMO().Get("movablelimits"))){return d.msubsup.prototype.toCommonHTML.call(this,w,t)}var B,z,s=[],t=false;if(G&&G.stretch){if(this.data[this.base]){u=a.getNode(w,"mjx-op")}if(this.data[this.under]){B=a.getNode(w,"mjx-under")}if(this.data[this.over]){z=a.getNode(w,"mjx-over")}s[0]=u;s[1]=B||z;s[2]=z;t=true}else{var y=["mjx-op","mjx-under","mjx-over"];if(this.over===1){y[1]=y[2]}w=this.CHTMLdefaultNode(w,{childNodes:y,noBBox:true,forceChild:true,minChildren:2});s[0]=u=w.removeChild(w.firstChild);s[1]=B=z=w.removeChild(w.firstChild);if(w.firstChild){s[2]=z=w.removeChild(w.firstChild)}}var x=[],v=this.CHTMLgetBBoxes(x,s,E);var F=x[this.base],C=this.CHTML;C.w=v;C.h=F.h;C.d=F.d;if(F.h<0.35){u.style.marginTop=a.Em(F.h-0.35)}if(E.accent&&F.hu){u=s}}if(u===-i){u=s}for(y=0;yD.w){D.skew+=(D.w-(A.x+u*A.w))/2}}}else{y=a.TEX.big_op_spacing1;x=a.TEX.big_op_spacing3;v=Math.max(y,x-Math.max(0,u*A.d))}A.x+=E/2;A.y=D.h+v+w+u*A.d;if(v){B.style.paddingBottom=a.Em(v/u)}if(w){B.style.paddingTop=a.Em(w/u)}return C},CHTMLaddUnderscript:function(B,z,E,D,t,A,s){var C=this.CHTML;var y,x,w=a.TEX.big_op_spacing5,v;var F=z[this.under],u=F.rscale;if(!s){a.addElement(t,"mjx-itable",{},[["mjx-row",{},[["mjx-cell"]]],["mjx-row"]]);t.firstChild.firstChild.firstChild.appendChild(A);t.firstChild.lastChild.appendChild(B)}if(F.D){F.d=F.D}if(F.d<0){B.firstChild.style.verticalAlign="top";t.firstChild.style.marginBottom=a.Em(F.d)}if(E.accentunder){v=2*a.TEX.rule_thickness;w=0}else{y=a.TEX.big_op_spacing2;x=a.TEX.big_op_spacing4;v=Math.max(y,x-u*F.h)}F.x=-D/2;F.y=-(C.d+v+w+u*F.h);if(v){B.style.paddingTop=a.Em(v/u)}if(w){B.style.paddingBottom=a.Em(w/u)}},CHTMLplaceBoxes:function(s,B,A,E,z){var t=this.CHTML.w,y,v=z.length,x;var D=a.BBOX.zero();D.scale=this.CHTML.scale;D.rscale=this.CHTML.rscale;z[this.base].x=z[this.base].y=0;var F=i;for(y=0;y0){L+=Q;J-=Q}}L=Math.max(L,A.superscriptshift);J=Math.max(J,A.subscriptshift);H.style.paddingRight=a.Em(N/B);z.style.paddingBottom=a.Em(L/w+J/B-W.d-P.h/B*w);z.style.paddingLeft=a.Em(Y/w);z.style.paddingRight=a.Em(N/w);E.style.verticalAlign=a.Em(-J);G.combine(W,I+Y,L);G.combine(P,I,-J)}}G.clean();return S},CHTMLstretchV:d.mbase.CHTMLstretchV,CHTMLstretchH:d.mbase.CHTMLstretchH,CHTMLchildNode:function(u,t){var s=["mjx-base","mjx-sub","mjx-sup"];if(this.over===1){s[1]=s[2]}return a.getNode(u,s[t])}});d.mfrac.Augment({toCommonHTML:function(N){N=this.CHTMLdefaultNode(N,{childNodes:["mjx-numerator","mjx-denominator"],childOptions:{autowidth:true},forceChild:true,noBBox:true,minChildren:2});var x=this.getValues("linethickness","displaystyle","numalign","denomalign","bevelled");var O=x.displaystyle;var D=N.firstChild,w=N.lastChild;var y=a.addElement(N,"mjx-box");y.appendChild(D);y.appendChild(w);N.appendChild(y);if(x.numalign!=="center"){D.style.textAlign=x.numalign}if(x.denomalign!=="center"){w.style.textAlign=x.denomalign}var P=this.CHTMLbboxFor(0),B=this.CHTMLbboxFor(1),C=a.BBOX.empty(this.CHTML),F=P.rscale,z=B.rscale;x.linethickness=Math.max(0,a.thickness2em(x.linethickness||"0",C.scale));var M=a.TEX.min_rule_thickness/a.em,T=a.TEX.axis_height;var J=x.linethickness,L,K,I,G;if(x.bevelled){y.className+=" MJXc-bevelled";var S=(O?0.4:0.15);var E=Math.max(F*(P.h+P.d),z*(B.h+B.d))+2*S;var R=a.Element("mjx-bevel");y.insertBefore(R,w);var s=a.createDelimiter(R,47,E);I=F*(P.d-P.h)/2+T+S;G=z*(B.d-B.h)/2+T-S;if(I){D.style.verticalAlign=a.Em(I/F)}if(G){w.style.verticalAlign=a.Em(G/z)}R.style.marginLeft=R.style.marginRight=a.Em(-S/2);C.combine(P,0,I);C.combine(s,F*P.w-S/2,0);C.combine(B,F*P.w+s.w-S,G);C.clean()}else{y.className+=" MJXc-stacked";if(O){I=a.TEX.num1;G=a.TEX.denom1}else{I=(J===0?a.TEX.num3:a.TEX.num2);G=a.TEX.denom2}if(J===0){L=Math.max((O?7:3)*a.TEX.rule_thickness,2*M);K=(I-P.d*F)-(B.h*z-G);if(KD){s=((A.h+A.d)-(D-G))/2}D=F.h+s+G;var B=this.CHTMLaddRoot(w,A,A.h+A.d-D);v.style.paddingTop=a.Em(s);v.style.borderTop=a.Px(y*F.scale,1)+" solid";E.style.paddingTop=a.Em(2*G-y);F.h+=s+2*G;C.combine(A,B,D-A.h);C.combine(F,B+A.w,0);C.clean();return w},CHTMLaddRoot:function(){return 0},CHTMLhandleBBox:function(s){var t=this.CHTMLbboxFor(0);delete t.pwidth;this.SUPER(arguments).CHTMLhandleBBox.apply(this,arguments)}});d.mroot.Augment({toCommonHTML:d.msqrt.prototype.toCommonHTML,CHTMLhandleBBox:d.msqrt.prototype.CHTMLhandleBBox,CHTMLaddRoot:function(A,u,v){if(!this.data[1]){return}var z=this.CHTML,B=this.data[1].CHTML,x=A.firstChild;var s=B.rscale;var t=this.CHTMLrootHeight(B,u,s)-v;var y=Math.min(B.w,B.r);var C=Math.max(y,u.offset/s);if(t){x.style.verticalAlign=a.Em(t/s)}if(C>y){x.firstChild.style.paddingLeft=a.Em(C-y)}C-=u.offset/s;x.style.width=a.Em(C);z.combine(B,0,t);return C*s},CHTMLrootHeight:function(u,s,t){return 0.45*(s.h+s.d-0.9)+s.offset+Math.max(0,u.d-0.075)}});d.mfenced.Augment({toCommonHTML:function(v){v=this.CHTMLcreateNode(v);this.CHTMLhandleStyle(v);this.CHTMLhandleScale(v);this.CHTMLaddChild(v,"open",{});for(var u=0,s=this.data.length;ua.linebreakWidth)||this.hasNewline()},CHTMLstretchV:function(s,t){this.CHTMLstretchChildV(this.CoreIndex(),s,t);return this.CHTML},CHTMLstretchH:function(t,s){this.CHTMLstretchChildH(this.CoreIndex(),s,t);return this.CHTML}});d.TeXAtom.Augment({toCommonHTML:function(x,w){if(!w||!w.stretch){x=this.CHTMLdefaultNode(x)}if(this.texClass===d.TEXCLASS.VCENTER){var s=a.TEX.axis_height,u=this.CHTML;var t=s-(u.h+u.d)/2+u.d;if(Math.abs(t)>0.001){x.style.verticalAlign=a.Em(t);u.h+=t;u.t+=t;u.d-=t;u.b-=t}}return x},CHTMLstretchV:function(s,t){this.CHTMLupdateFrom(this.Core().CHTMLstretchV(s,t));this.toCommonHTML(this.CHTMLnodeElement(),{stretch:true});return this.CHTML},CHTMLstretchH:function(t,s){this.CHTMLupdateFrom(this.CHTMLstretchCoreH(t,s));this.toCommonHTML(t,{stretch:true});return this.CHTML}});d.semantics.Augment({toCommonHTML:function(s){s=this.CHTMLcreateNode(s);if(this.data[0]){this.data[0].toCommonHTML(s);this.CHTMLupdateFrom(this.data[0].CHTML);this.CHTMLhandleBBox(s)}return s}});d.annotation.Augment({toCommonHTML:function(s){return this.CHTMLcreateNode(s)}});d["annotation-xml"].Augment({toCommonHTML:d.mbase.CHTMLautoload});d.ms.Augment({toCommonHTML:d.mbase.CHTMLautoload});d.mglyph.Augment({toCommonHTML:d.mbase.CHTMLautoload});d.menclose.Augment({toCommonHTML:d.mbase.CHTMLautoload});d.maction.Augment({toCommonHTML:d.mbase.CHTMLautoload});d.mmultiscripts.Augment({toCommonHTML:d.mbase.CHTMLautoload});d.mtable.Augment({toCommonHTML:d.mbase.CHTMLautoload});MathJax.Hub.Register.StartupHook("onLoad",function(){setTimeout(MathJax.Callback(["loadComplete",a,"jax.js"]),0)})});MathJax.Hub.Register.StartupHook("End Cookie",function(){if(f.config.menuSettings.zoom!=="None"){o.Require("[MathJax]/extensions/MathZoom.js")}})})(MathJax.Ajax,MathJax.Hub,MathJax.HTML,MathJax.OutputJax.CommonHTML); diff --git a/mainlin-hero-2/index.html b/mainlin-hero-2/index.html new file mode 100644 index 0000000..1a21a51 --- /dev/null +++ b/mainlin-hero-2/index.html @@ -0,0 +1,202 @@ + + + + + + + + + + + + + + + Mainline Hero Part 1 - First Attempts At Porting + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Mainline Hero Part 1 - First Attempts At Porting

+ + Posted on 2019-08-21 + + + + +
+

In the first post of the series, I showed what information I gathered and what tricks can be used +to debug our mainline port of the herolte kernel. While I learned a lot just by preparing for +the actual porting, I was not able to actually get as close as to booting the kernel. I would have +liked to write about what I did to actually boot a 5.X.X kernel on the device, but instead I will tell you +about the journey I completed thus far.

+ +

If you are curious about the progress I made, you can find the patches [here]({{ site.social.git_url}}/herolte-mainline). The first patches I produced are in the patches/ directory, while the ones I created with lower +expectations are in the patches_v2/ directory. Both "patchsets" are based on the linux-next source.

+

Starting Out

+

My initial expectations about mainlining were simple: The kernel should at least boot and then perhaps +crash in some way I can debug.

+

This, however, was my first mistake: Nothing is that easy! Ignoring this, I immeditately began writing +up a Device Tree based on the original downstream source. This was the first big challenge as the amount of +downstream Device Tree files is overwhelming:

+
$ wc -l exynos* | awk -F\  '{print $1}' | awk '{sum += $1} END {print sum}'
+54952
+
+

But I chewed through most of them by just looking for interesting nodes like cpu or memory, after which +I transfered them into a new simple Device Tree. At this point I learned that the Github search does not +work as well as I thought it does. It does find what I searched for. But only sometimes. So how to we find +what we are looking for? By grep-ping through the files. Using grep -i -r cpu . we are able to search +a directory tree for the keyword cpu. But while grep does a wonderful job, it is kind of slow. So at that +point I switched over to a tool called ripgrep which does these searches a lot faster than plain-old grep.

+

At some point, I found it very tiring to search for nodes; The reason being that I had to search for specific +nodes without knowing their names or locations. This led to the creation of a script which parses a Device Tree +while following includes of other Device Tree files, allowing me to search for nodes which have, for example, a +certain attribute set. This script is also included in the "patch repository", however, it does not work perfectly. +It finds most of the nodes but not all of them but was sufficient for my searches.

+

After finally having the basic nodes in my Device Tree, I started to port over all of the required nodes +to enable the serial interface on the SoC. This was the next big mistake I made: I tried to do too much +without verifiying that the kernel even boots. This was also the point where I learned that the Device Tree +by itself doesn't really do anything. It just tells the kernel how the SoC looks like so that the correct +drivers can be loaded and initialized. So I knew that I had to port drivers from the downstream kernel into the +mainline kernel. The kernel identifies the corresponding driver by looking at the data that the drivers +expose.

+
[...]
+static struct of_device_id ext_clk_match[] __initdata = {
+        { .compatible = "samsung,exynos8890-oscclk", .data = (void *)0, },
+};
+[...]
+
+

This is an example from the clock driver of the downstream kernel. +When the kernel is processing a node of the Device Tree it looks for a driver that exposes the same +compatible attribute. In this case, it would be the Samsung clock driver.

+

So at this point I was wildly copying over driver code into the mainline kernel. As I forgot this during the +porting attempt, I am +mentioning my mistake again: I never thought about the possibility that the kernel would not boot at all.

+

After having "ported" the driver code for the clock and some other devices I decided to try and boot the +kernel. Having my phone plugged into the serial adapter made my terminal show nothing. So I went into the +S-Boot console to poke around. There I tried some commands in the hope that the bootloader would initialize +the hardware for me so that it magically makes the kernel boot and give me serial output. One was especially +interesting at that time: The name made it look like it would test whether the processor can do SMP - +Symmetric Multiprocessing; ARM's version of Intel's Hyper Threading or AMD's SMT. +By continuing to boot, I got some output via the serial interface! It was garbage data, but it was data. This +gave me some hope. However, it was just some data that was pushed by something other than the kernel. I checked +this hypothesis by installing the downstream kernel, issuing the same commands and booting the kernel.

+

Back To The Drawing Board

+

At this point I was kind of frustrated. I knew that this endeavour was going to be difficult, but I immensely +underestimated it.

+

After taking a break, I went back to my computer with a new tactic: Port as few things as possible, confirm that +it boots and then port the rest. This was inspired by the way the Galaxy Nexus was mainlined in +this blog post.

+

What did I do this time? The first step was a minimal Device Tree. No clock nodes. No serial nodes. No +GPIO nodes. Just the CPU, the memory and a chosen node. Setting the CONFIG_PANIC_TIMEOUT +option to 5, waiting at least 15 seconds and seeing +no reboot, I was thinking that the phone did boot the mainline kernel. But before getting too excited, as I +kept in mind that it was a hugely difficult endeavour, I asked in postmarketOS' mainline Matrix channel whether it could happen that the phone panics and still does not reboot. The answer I got +was that it could, indeed, happen. It seems like the CPU does not know how to shut itself off. On the x86 platform, this +is the task of ACPI, while on ARM PSCI, the Power State +Coordination Interface, is responsible for it. Since the mainline kernel knows about PSCI, I wondered +why my phone did not reboot. As the result of some thinking I thought up 3 possibilities:

+
    +
  1. The kernel boots just fine and does not panic. Hence no reboot.
  2. +
  3. The kernel panics and wants to reboot but the PSCI implementation in the downstream kernel differs from the mainline code.
  4. +
  5. The kernel just does not boot.
  6. +
+

The first possibility I threw out of the window immeditately. It was just too easy. As such, I began +investigating the PSCI code. Out of curiosity, I looked at the implementation of the emergency_restart +function of the kernel and discovered that the function arm_pm_restart is used on arm64. Looking deeper, I +found out that this function is only set when the Device Tree contains a PSCI node of a supported version. +The downstream node is compatible with version 0.1, which does not support the SYSTEM_RESET functionality +of PSCI. Since I could just turn off or restart the phone when using Android or postmarketOS, I knew +that there is something that just works around old firmware.

+

The downstream PSCI node just specifies that it is compatible with arm,psci, so +how do I know that it is only firmware version 0.1 and how do I know of this SYSTEM_RESET?

+

If we grep for the compatible attribute arm,psci we find it as the value of the compatible field in the +source file arch/arm64/kernel/psci.c. It specifies that the exact attribute of arm,psci +results in a call to the function psci_0_1_init. This indicates a version of PSCI. If we take a look +at ARM's PSCI documentation +we find a section called "Changes in PSCIv0.2 from first proposal" which contains the information that, +compared to version 0.2, the call SYSTEM_RESET was added. Hence we can guess that the Exynos8890 SoC +comes with firmware which only supports this version 0.1 of PSCI.

+

After a lot of searching, I found a node called reboot in the downstream source. +The compatible driver for it is within the Samsung SoC driver code.

+

Effectively, the way this code reboots the SoC, is by mapping the address of the PMU, which I guess stands for +Power Management Unit, into memory and writing some value +to it. This value is probably the command which tells the PMU to reset the SoC. +In my "patchset" patches_v2 I have ported this code. Testing it with the downstream kernel, it +made the device do something. Although it crashed the kernel, it was enough to debug.

+

To test the mainline kernel, I added an emergency_restart at the beginning of the start_kernel function. +The result was that the device did not do anything. The only option I had left was 3; the kernel does not even +boot.

+

At this point I began investigating the arch/arm64/ code of the downstream kernel more closely. However, I +noticed something unrelated during a kernel build: The downstream kernel logs something with FIPS at the +end of the build. Grepping for it resulted in some code at the end of the link-vmlinuz.sh script. I thought +that it was signing the kernel with a key in the repo, but it probably is doing something else. I tested +whether the downstream kernel boots without these crypto scripts and it did.

+

The only thing I did not test was whether the kernel boots without +"double-checking [the] jopp magic". But by looking at this script, I noticed another interesting thing: +CONFIG_RELOCATABLE_KERNEL. By having just a rough idea of what this config option enables, I removed it +from the downstream kernel and tried to boot. But the kernel did not boot. This meant that this option +was required for booting the kernel. This was the only success I can report.

+

By grepping for this config option I found the file arch/arm64/kernel/head.S. I did not know what it was +for so I searched the internet and found a thread +on StackOverflow that explained that the file +is prepended onto the kernel and executed before start_kernel. I mainly investigated this file, but in +hindsight I should have also looked more at the other occurences of the CONFIG_RELOCATABLE_KERNEL option.

+

So what I did was try and port over code from the downstream head.S into the mainline head.S. This is +the point where I am at now. I did not progress any further as I am not used to assembly code or ARM +assembly, but I still got some more hypotheses as to why the kernel does not boot.

+
    +
  1. For some reason the CPU never reaches the instruction to jump to start_kernel.
  2. +
  3. The CPU fails to initialize the MMU or some other low-level component and thus cannot jump into start_kernel.
  4. +
+

At the moment, option 2 seems the most likely as the code from the downstream kernel and the mainline kernel +do differ some and I expect that Samsung added some code as their MMU might have some quirks that the +mainline kernel does not address. However, I did not have the chance to either confirm or deny any of these +assumptions.

+

As a bottom line, I can say that the most useful, but in my case most ignored, thing I learned is patience. +During the entire porting process I tried to do as much as I can in the shortest amount of time possible. +However, I quickly realized that I got the best ideas when I was doing something completely different. As +such, I also learned that it is incredibly useful to always have a piece of paper or a text editor handy +to write down any ideas you might have. You never know what might be useful and what not.

+

I also want to mention that I used the Bootlin Elixir Cross Referencer +a lot. It is a very useful tool to use when exploring the kernel source tree. However, I would still +recommend to have a local copy so that you can very easily grep through the code and find things that +neither Github nor Elixir can find.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/mainline-hero/index.html b/mainline-hero/index.html new file mode 100644 index 0000000..24fdb5a --- /dev/null +++ b/mainline-hero/index.html @@ -0,0 +1,329 @@ + + + + + + + + + + + + + + + Mainline Hero Part 0 - Modern Linux For My Galaxy S7 + + + + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Mainline Hero Part 0 - Modern Linux For My Galaxy S7

+ + Posted on 2019-07-01 + + +
+
NOTE: This post uses the JavaScript library MathJax to render math equations
+
+ + + +
+

Ever heard of PostmarketOS? If not, then here's a short summary: +PostmarketOS aims to bring "[a] real Linux distribution for phones and other mobile devices [...]" to, +well, phones and other mobile devices.

+ +

Ever since reading about it, I've been intrigued by the idea of running a real Linux distro +with my UI of choice, be it Plasma or Unity, on my phone. Perhaps even running the device +without any proprietary firmware blobs. So, I tried my best at contributing to PostmarketOS, which +resulted in 3 MRs that have been accepted into master (Sorry for forgetting to bump the pkgver...).

+

With this series - if I manage to not break my phone - I want to document what I, someone +who has absolutely no idea what he is doing, learned about all this stuff, how I went about it +and what the results are.

+

Mainline Hero #0 - Preparations

+

Before I can even think about trying to make mainline Linux run on my Galaxy S7, we should think +about how we can diagnose any issues that the kernel or the bootloader might have. And how do +professionals debug? Exactly! With a lot of printf() statements. But how can we retrieve those +from the device?

+

Getting Output

+

While preparing myself for this task, I learned that there are a couple of ways.

+

One is called RAM console. What it does is just dump everything that the kernel prints into a +reserved region of memory, which can later be retrieved by reading from /proc/last_kmsg with a +downstream kernel.

+

The other one is via a serial cable. This sounded +pretty difficult at first, the reason being that I have no idea about hardware, besides the occasional +PC hardware talk. I imagined a cable coming out of a box, packed to the brim with electronics +doing some black magic.

+

The reality is - thankfully - much simpler. It is, basically, just a normal USB cable. I mean: USB literally +stands for Universal Serial Bus. But how come my PC does not +read those kernel logs when I plug in my phone?

+

As it turns out, there is a component built into my phone which decides exactly what data flows from my +phone to the PC. Reading the XDA post which the PostmarketOS Wiki linked helped understand that my +device contains a MUIC, a chip which multiplexes the data lines of the USB cable towards different +"subsystems". As I later learned, the USB standard for connectors of type Micro Type B requires 5 pins: +power, ground, RX, TX and ID. Power and ground should be self-explanatory if you know anything +about electronics (I don't). RX and TX are the two data lines that USB uses. As USB is just a serial +connection, only one line is used for sending and one for receiving data. The ID line is the interesting +one: it tells the MUIC what subsystem it should multiplex the data lines to.

+

Pinout diagram of the Micro Type B connector:

+
  _______________
+ /               \
+|  1  2  3  4  5  |
++--|--|--|--|--|--+
+   |  |  |  |  +-o Ground
+   |  |  |  +----o ID
+   |  |  +-------o D+ (Data)
+   |  +----------o D- (Data)
+   +-------------o VCC (Power)
+
+

According to the XDA post, the MUIC switches to serial - used for dumping output of the bootloader and the +kernel - if it measures a resistance of 619kOhm attached to the ID pin. So, according to the diagram in the +post, I built a serial cable.

+

But how did the author of the XDA post know of the exact resistance that would tell the MUIC to switch to +serial? If you grep the +S7's defconfig, +for MUIC, then one of the results is the KConfig flag CONFIG_MUIC_UNIVERSAL_MAX77854. +If we then search the kernel tree for the keyword max77854, we find multiple files; one being +drivers/mfd/max77854.c. This file's copyright header tells us that we deal with a Maxim 77854 chip. Judging +from the different files we find, it seems as if this chip is not only responsible for switching between serial +and regular USB, but also for e.g. charging (drivers/battery_v2/include/charger/max77854_charger.h).

+

However, the really interesting file is drivers/muic/max77854.c, since there we can find an array of structs +that contain strings. Sounds pretty normal until you look at the strings more closely: One of the strings is +the value "Jig UART On":

+
[...]
+#if defined(CONFIG_SEC_FACTORY)
+	{
+		.adc1k		= 0x00,
+		.adcerr		= 0x00,
+		.adc		= ADC_JIG_UART_ON,
+		.vbvolt		= VB_LOW,
+		.chgdetrun	= CHGDETRUN_FALSE,
+		.chgtyp		= CHGTYP_NO_VOLTAGE,
+		.control1	= CTRL1_UART,
+		.vps_name	= "Jig UART On",
+		.attached_dev	= ATTACHED_DEV_JIG_UART_ON_MUIC,
+	},
+#endif /* CONFIG_SEC_FACTORY */
+[...]
+
+

The keyword ADC_JIG_UART_ON seems especially interesting. Why? Well, the driver has to know what to do +with each measured resistance. It would make sense that we call the constant which contains the resistance +something like that. Additionally, it is the only constant name that does not immediately hint at its +value or function.

+

So we search the kernel source for this keyword. Most occurences are just +drivers using this constant. But one hit shows its definition: include/linux/muic/muic.h. There we +find on line 106 +a comment which states that this constant represents a resistance of 619kOhm.

+

To actually build the serial cable, we need to have a USB Type B male connector that we can solder our cables to. +My first thought was to buy a simple and cheap USB Type B cable, cut it, remove the isolation and solder my +connectors to it. I, however, failed to notice that the Type A part of the cable - the one you plug into e.g. +your PC - only has 4 pins, while the Type B part has 5. After stumbling upon some random diagram, I learned that +for regular USB connectivity, such as connecting your phone to your PC, the ID pin is not needed, so it is left +disconnected. As this plan failed, I proceeded to buy a USB Type B male connector. Since I bought it on the +Internet and the seller did not provide a diagram of what pad on the connector connects to what pin, I also +ordered a USB Type B female breakout board.

+

After all parts arrived, I used a digital multimeter to measure the resistance between each pad on the connector +and on the breakout board. Since I have no idea about electronics, let me explain: Resistance is defined as +$R = \frac{U}{I}$, where $R$ is the resistance, $U$ the voltage and $I$ the current. This means that we should +measure - practically speaking - infinite resistance when no current is flowing and some resistance $R \gt 0$ +when we have a flowing current, meaning that we can test for continuity by attempting to measure resistance.

+

After some poking around, I got the following diagram:

+
     +---------o VCC
+     |   +-----o D+
+     |   |   +-o GND
+  ___|___|___|___
+ /   ?   ?   ?   \
+|      ?   ?      |
++------|---|------+
+       |   +---o ID
+       +-------o D-
+
+

The "Serial Cable"

+

Since the data that the serial port inside the phone is coming in using a certain protocol, which also includes +timing, bit order and error correcting codes, we need something to convert this data into something that is +usable on the host. Since the USB specification for data may differ from what we actually receive, we can't just +connect the phone's D- and D+ lines to the host USB's D- and D+. Hence the need for a device which does this +conversion for us and also deals with the timing of the data: The tiny board to which all cables lead to +basically just contains an FT232RL chip from FTDI. It is what does all the conversion and timing magic.

+

Since I don't want to accidentally brick by phone by frying it with 3.3V or 5V - though I think that damaging +the hardware with 5V is pretty difficult - I did not connect the USB's 5V to the FT232's VCC port.

+

Booting up the device, we start to see data being sent via serial!

+
[...]
+CP Mailbox Debug
+0x10540180 : 0xdca7b414 0x 804f99f
+0x10540184 : 0xdeb36080 0x8112566f
+0x10540188 : 0xf4bf0800 0x2534862d
+0x1054018C : 0x61ff350e 0x1208fd27
+0x10540190 : 0x17e60624 0x18121baf
+0x105C0038 : 0x3bd58404 0x5674fb39
+CP BL flow
+0x10920014 : 0x79dab841 0x9b01b3fd
+0x10800028 : 0xffbd34b1 0x9fd118cc
+Resume el3 flow
+EL3_VAL : 0xdcfee785 0xfbb6b0a2 0xccf99641
+muic_register_max77854_apis
+muic_is_max77854 chip_id:0x54 muic_id:0xb5 -> matched.
+[MUIC] print_init_regs
+ INT:01 00 00 ST:1d 00 00 IM:00 00 00 CDET:2d 0c CTRL:1b 3b 09 b2 HVCT:00 00 LDO0:47
+
+MUIC rev = MAX77854(181)
+init_multi_microusb_ic Active MUIC 0xb5
+[...]
+
+

Nice! We can see what SBOOT, the bootloader that Samsung uses, tells us. But for some reason, I wasn't +able to get into the SBOOT prompt to tell the kernel to dump everything via serial. While the XDA post +used the programm minicom, which I could use to get SBOOT output, it never seemed to send the carriage +returns while I was pressing the return key like crazy. So what I did was try to use a different tool to +interact with the serial converter: picocom. And it worked!

+

Although I set the kernel parameters to output to the TTY device ttySAC4, just like the XDA post said, +I did not receive any data.

+

Device Tree

+

So we can just try and boot mainline on the phone then, yes? With a very high probability: no. The reason being +that the kernel has no idea about the actual hardware inside the phone.

+

This may seem weird as you don't have to tell your kernel about your shiny new GPU or about your RAM. The reason +is that your PC is designed to be modular: You can swap the CPU, the RAM and even the attached devices, like +your GPU. This means that on X86, the CPU is able to discover its hardware since there is only one bus for +attaching devices (ignoring RAM and the CPU): the PCI bus. How does the CPU know about its RAM? +The RAM-modules are swappable, which means that the CPU cannot anticipate just how much RAM you +have in your system. These information get relayed, perhaps via the MMU, to the CPU.

+

Can't we just probe the available memory in an ARM SoC? Technically yes, but it would take a lot +of time if we have a modern 64 bit CPU. Moreover, how do you know that a probed memory location +is not a memory mapped device? Wouldn't it make sense to bake this data into the SoC then? Here +again: not really. The reason is that the SoCs are vendor specific. This means that the vendor +basically just buys the rights to put the CPU into their SoC. The rest is up to the vendor. They +can add as much RAM as they want, without the CPU designer having much input. This means that the +data must not be hardcoded into the CPU.

+

On ARM and probably most other microprocessors devices can be memory mapped, which means that they respond to +a certain region of memory being written to or read from. This makes auto-discovering devices quite difficult +as you would have to probe a lot of memory regions.

+

As an example: Imagine we can access 4 different locations in memory, each holding 1 byte of data. These regions +are at the memory addresses 0x1 to 0x4. This means that we would have to probe 4 memory locations. Easy, +right? +Not exactly. We would have to probe 4 times to discover 4 possible memory mapped areas with a width of 1 byte. +If we allow a width of 2 bytes, then we would have to probe 3 different regions: 0x1-0x2, 0x2-0x3 and +0x3-0x4. +This assumes that memory maps need to be directly next to each other. Otherwise we would need to use the +binomial coefficient.

+

This results in 10 (4x 1 byte, 3x 2 bytes, 2x 3 bytes and 1x 4 bytes) different probing attempts to discover +possible memory mapped devices. This does not seem much when we only have a 2 bit CPU, but in the case of the +S7, we have a 64 bit CPU; so we would have to probe about $\sum_{n=1}^{2^{64}} n$ times. This finite sum +is equal (German Wikipedia) to +$\frac{1}{2} 2^{64} {(2^{64} + 1)} = 1.7014 \cdot 10^{38}$. Quite a lot! Keep in mind that this +calculation does not factor in any other busses that the SoC might use; they can, probably, use their own +address space.

+

So, long story short: We need to tell the kernel about all the hardware beforehand. This is where the so-called +Device Tree comes into play. It is a structured way of describing the attached hardware. You can find examples +in the kernel tree under arch/arm{,64}/boot/dts/. The problem that arises for my phone is that it +uses the Exynos SoC from Samsung. While Exynos 7 or older would just require an addition to the already existing +Device Tree files, the S7 uses the Exynos 8890 SoC. This one is not in mainline, which mean that it is +required to port it from the downstream kernel into mainline.

+

Device Support

+

The challenge that follows, provided I don't brick my phone, is the kernel support for the SoC's hardware.

+

GPU

+

The GPU of the Exynos 8890 SoC is a Mali-T880 from ARM. While there is no "official" FOSS-driver for it, one +is in development: Panfrost. One of the developers once +mentioned in PostmarketOS' Matrix channel that the driver is not ready for day-to-day use. But hopefully it +will be in the forseeable future.

+

Wifi

+

While I found no data on the Exynos 8890's Wifi-chip, I managed to allow the downstream kernel to use it, albeit +with its proprietary firmware (MR).

+

This patch requires a patch which changes the path of the firmware in the file drivers/net/wireless/bcmdhd4359/dhd.h. +The license header of said file +hints at a chip from Broadcom. The model of the chip appears to be 4359. What the dhd stand for? I don't know.

+

Looking at the compatibility of the kernel modules for Broadcom wireless chips, we can find +that the BCM4359 chip is compatible. But is that the same as the module folder's name specifies? Again, I don't know. +Hopefully it is...

+

Other Components

+

At the time of writing this post, it has been a "long time" since I last flashed PostmarketOS on +my phone to look at what the kernel is saying. All of this device data I gathered by looking at +spec sheets by Samsung or the kernel. So I don't really know what other hardware is inside my +S7.

+

Next Steps

+

The next steps are actually testing things out and playing around with values and settings and all kinds of things.

+

Other Devices I Have Lying Around

+

This may be off-topic for the "Mainline Hero" series but I recently tried to find out whether another device +I have lying around - a Samsung Galaxy Note 8.0 - also uses such a MUIC to multiplex its USB port. While +at first I somehow found out, which I now know is wrong, that the Note 8.0 uses the same Maxim 77854 as my +S7, I discovered that the Note 8.0 does use a MUIC, just not the 77854. Since I found no other links +talking about this, I am not sure until I test it, but what I will do is tell you about how I reached this +conclusion!

+

If you grep the defconfig for the herolte for +"77854", then one of the results is the flag CONFIG_MUIC_UNIVERSAL_MAX77854. The prefix CONFIG_MUIC makes +sense since this enables kernel support for the Maxim 77854 MUIC. As such, we should be able to find +an enabled MUIC in the Note 8.0's defconfig.

+

If we grep for CONFIG_MUIC, then we indeed get results. While the results do not look like the one for +the 77854, we get ones like CONFIG_MUIC_MAX77693_SUPPORT_OTG_AUDIO_DOCK. This indicates that the Note 8.0 +has a Maxim 77693 MUIC built in. But it's not a very strong indicator. Since the kernel source is available +on Github, we can just search the repo for the keyword "MAX77693". One of the results hints at the file +drivers/misc/max77693-muic.c. Looking at the Makefile of the drivers/misc directory, we find that this +source file is only compiled with the KConfig flag CONFIG_MFD_MAX77693. Grepping the Note 8.0's defconfig +for this flag yields the result that this kernel module is enabled, hence hinting at the existence of a MUIC +in the Note 8.0.

+

If we take a closer look at the source file at drivers/misc/max77693-muic.c, we can find an interesting part +at line 102:

+
[...]
+  ADC_JIG_UART_ON		= 0x1d, /* 0x11101 619K ohm */
+[...]
+
+

This means that, as the Maxim 77854 requires a 619kOhm resistor to enable UART, we can debug +the Note 8.0 with the same serial cable as the S7.

+

Plugging it into the DIY serial cable and booting it up, we also get some output:

+
[...]
+BUCK1OUT(vdd_mif) = 0x05
+BUCK3DVS1(vdd_int) = 0x20
+cardtype: 0x00000007
+SB_MMC_HS_52MHZ_1_8V_3V_IO
+mmc->card_caps: 0x00000311
+mmc->host_caps: 0x00000311
+[mmc] capacity = 30777344
+
+

Theory proven! We can also serial debug the Note 8.0 using the same cable.

+

Some Closing Words

+

I want to emphasize that just very few of the things I mentioned were discovered or implemented by me. I just collected +all these information to tell you about what I learned. The only thing that I can truly say I discovered is the MR for +the Wifi firmware...

+

Additionally, I want to make it clear that I have no idea about microelectronics, electronics or ARM in general. All the +things I wrote that are about ARM or electronic - especially everything in the Device Tree section - is pure speculation +on my side. I never really looked into these things, but all the statements I made make sense to me. You can't just probe +$2^{64}$ different memory addresses just to figure out how much RAM you have, can you?

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/prosody-traefik-2.html b/prosody-traefik-2.html new file mode 100644 index 0000000..1cad0ae --- /dev/null +++ b/prosody-traefik-2.html @@ -0,0 +1,6 @@ + + + + +Redirect +

Click here to be redirected.

diff --git a/prosody-traefik-2/index.html b/prosody-traefik-2/index.html new file mode 100644 index 0000000..bae48bb --- /dev/null +++ b/prosody-traefik-2/index.html @@ -0,0 +1,169 @@ + + + + + + + + + + + + + + + Running Prosody on Port 443 Behind traefik 2: Electric ALPN + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Running Prosody on Port 443 Behind traefik 2: Electric ALPN

+ + Posted on 2023-07-15 + + + + +
+

Hello everyone. Long time, no read.

+

In 2020, I published a post titled "Running Prosody on Port 443 Behind traefik", where I described how I run my XMPP server +behind the "application proxy" traefik. +I did this because I wanted to run my XMPP server prosody on port 443, so that the clients connected +to my server can bypass firewalls that only allow web traffic. While that approach worked, +over the last three years I changed my setup dramatically.

+ +

While migrating my old server from Debian to NixOS, I decided that I wanted a website +hosted at the same domain I host my XMPP server at. This, however, was not possible with +traefik back then because it only allowed the HostSNI rule, which differentiates TLS +connections using the sent Server Name Indication. This is a problem, because a connection +to polynom.me the website and polynom.me the XMPP server both result in the same SNI being +sent by a connecting client.

+

Some time later, I stumbled upon sslh, which is a +tool similar to traefik in that it allows hosting multiple services on the same port, all +differentiated by the SNI and the ALPN set by the connecting client. ALPN, or Application-Layer Protocol Negotiation, is an extension +to TLS which allows a connecting client to advertise the protocol(s) it would like to use +inside the encrypted session (source). As such, I put +sslh in front of my traefik and told it to route XMPP traffic (identified with an ALPN +of xmpp-client) to my prosody server and everything else to my traefik server. While this +worked well, there were two issues:

+
    +
  1. I was not running sslh in its "transparent mode", which uses some fancy iptable rules to allow the services behind it to see a connecting client's real IP address instead of just 127.0.0.1. However, this requires more setup to work. This is an issue for services which enforce rate limits, like NextCloud and Akkoma. If one of theses services gets hit by many requests, all the services see are requests from 127.0.0.1 and may thus rate limit (or ban) 127.0.0.1, meaning that all - even legitimate - requests are rate limited. Additionally, I was not sure if I could just use this to route an incoming IPv6 request to 127.0.0.1, which is an IPv4 address.
  2. +
  3. One day, as I was updating my server, I noticed that all my web services were responding very slowly. After some looking around, it turned out that sslh took about 5 seconds to route IPv6 requests, but not IPv4 requests. As I did not change anything (besides update the server), to this day I am not sure what happened.
  4. +
+

Due to these two issues, I decided to revisit the idea I described in my old post.

+

The Prosody Setup

+

On the prosody-side of things, I did not change a lot compared to the old post. I did, however, +migrate from the legacy_ssl_* options to the newer c2s_direct_tls_* options, which +replace the former.

+

Thus, my prosody configuration regarding direct TLS connections now looks like this:

+
c2s_direct_tls_ports = { 5223 }
+c2s_direct_tls_ssl = {
+    [5223] = {
+        key = "/etc/prosody/certs/polynom.me.key";
+        certificate = "/etc/prosody/certs/polynom.me.crt";
+    };
+}
+
+

The Traefik Setup

+

On traefik-side of things, only one thing really changed: Instead of just having a rule using +HostSNI, I now also require that the connection with the XMPP server advertises an ALPN +of xmpp-client, which is specified in the +appropriate XMPP spec. From my deployment +experience, all clients I tested (Conversations, Blabber, Gajim, Dino, Monal, Moxxy) +correctly set the ALPN when connecting via a direct TLS connection.

+

So my traefik configuration now looks something like this (Not really, because I let NixOS +generate the actual config, but it is very similar):

+
tcp:
+	routers:
+        xmpps:
+            entrypoints:
+                - "https"
+            rule: "HostSNI(`polynom.me`) && ALPN(`xmpp-client`)"
+            service: prosody
+            tls:
+                passthrough: true
+        # [...]
+    services:
+        prosody:
+            loadBalancer:
+                servers:
+                    - address: "127.0.0.1:5223"
+
+http:
+    routers:
+        web-secure:
+            entrypoints:
+                - "https"
+            rule: "Host(`polynom.me`)"
+            service: webserver
+			tls:
+
+

The entrypoint https is just set to listen on :443. This way, I can route IPv4 and IPv6 +requests. Also note the passthrough: true in the XMPP router's tls settings. If this is +not set to true, then traefik would terminate the connection's TLS session before passing +the data to the XMPP server.

+

However, this config has one really big issue: In order +to have the website hosted at polynom.me be served using TLS, I have to set the +router's tls attribute. The traefik +documentation says that "If both HTTP routers and TCP routers listen to the +same entry points, the TCP routers will apply before the HTTP routers. If no matching route +is found for the TCP routers, then the HTTP routers will take over." +(source).

+

This, however, does not seem to be the case if a HTTP router (in my example with Host(`polynom.me`)) and a TCP router (in my example with HostSNI(`polynom.me`)) respond to the same +SNI and the HTTP router has its tls attribute set. In that case, the HTTP router appears +to be checked first and will complain, if the sent ALPN is not one of the +HTTP ALPNs, for example when +connecting using XMPP. As such we can connect to the HTTP server but not to the +XMPP server.

+

It appears to be an issue that I am not alone with, but also +one that is not fixed. So I tried digging around in traefik's code and tried a couple of +things. So for my setup to work, I have to apply this patch to traefik. With that, the issue appears +to be gone, and I can access both my website and my XMPP server on the same domain and on the +same port. Do note that this patch is not upstreamed and may break things. For me, it +works. But I haven't run extensive tests or traefik's integration and unit tests.

+

Conclusion

+

This approach solves problem 2 fully and problem 1 partially. Traefik is able to route +the connections correctly with no delay, compared to sslh. It also provides my web services +with the connecting clients' IP addresses using HTTP headers. It does not, however, provide +my XMPP server with a connecting client's IP address. This could be solved with some clever +trickery, like telling traefik to use the PROXY protocol when connecting to prosody, +and enabling the net_proxy module. However, +I have not yet tried such a setup, though I am very curious and may try that out.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/road-to-foss/index.html b/road-to-foss/index.html new file mode 100644 index 0000000..7cd40ce --- /dev/null +++ b/road-to-foss/index.html @@ -0,0 +1,193 @@ + + + + + + + + + + + + + + + Road2FOSS - My Journey to Privacy by Self-Hosting + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Road2FOSS - My Journey to Privacy by Self-Hosting

+ + Posted on 2019-10-06 + + + + +
+

About one year ago, I made plans to ditch many of the proprietary services that I used +on a daily basis and replace them with FOSS alternatives. Now it is a year later and +while my project is not done, I really did quite a lot.

+

History

+

But why do all this?

+

The answer consists of three main points, though they are weighed differently:

+
    +
  1. Privacy: The inspiration for this project came from the fact that I did not trust my messaging application back then. It was proprietary and probably collecting all the data it could, thus I wanted to get away from it.
  2. +
  3. Learning: I really enjoy tinkering with computer hardware, software and am quite interested in server administration. Hence, I thought it would be a greate learning opportunity for me.
  4. +
  5. Fun: I do enjoy this kind of work, so I thought it would be a fun, but quite major, side project.
  6. +
+

I knew that it would be a major undertaking but I still wanted to give it a try.

+

Instant Messaging

+

Judging by the amount of personal data I leak when texting people I know I wanted to switch IM services +as quickly as possible.

+

At this stage, there were three candidates for me:

+
    +
  • Signal
  • +
  • Matrix with Riot
  • +
  • Jabber/XMPP
  • +
+

Originally, Signal was my preferred choice since I really liked its interface. But the problem with Signal, +and I do not blame the developers for this one, is that the service only works with a mobile device running +the app. If I wanted to run Signal on my computer because, for example, my phone is broken or the battery +is empty, then I just could not since it requires my phone to be online. Also, which I learned only just recently, +Signal's Android app has a bug which drains the phone's battery +when one does not have Google services installed on their phone.

+

Matrix in combination with Riot was another idea of mine. But here the problem was the mobile app. It +seemed to me more like the interface of messengers like Slack and Discord, which I personally do not like +for mobile Instant Messaging. When I last looked at the entire Matrix ecosystem, there was only one +well-working client for mobile, which was Riot. Additionally, the homeserver was difficult to set up; at least much more than +Prosody, to which I will come in the next paragraph. Moreover, I read in the the Disroot blog that they have +quite some problems with their Matrix homeserver as "[...] [k]eeping room history and all metadata connected to them forever +is a terrible idea, in our opinion, and not sustainable at all. One year of history is way too much already [...]". This +was the end for the idea of self-hosting a Matrix server.

+

Jabber/XMPP being something I saw only once way back when browsing a linux forum, I became interested. It +checked all my requirements: It is cross-platform, as it is only a protocol, allows self-hosting with FOSS +software and, the most important factor, includes End-to-End-Encryption using OMEMO. I also started to +appreciate federated software solutions, which made Jabber the clear winner for me. Tehe Jabber clients +that I now use on a daily basis are also very fine pieces of opensource software: Conversations' interface +is simple, works without draining my battery and it just works. Gajim, after some configuration and tweaking, +works really well, looks clean and simple and I would really love to replace Discord on the desktop with +Gajim.

+

Recently, I also started to use Profanity, which seems a bit rough around the edges and sometimes does not +work, but maybe I am just doing something wrong.

+

In terms of server software I initially wanted to go with ejabberd. But after seeing its amount of +documentation, I just chose Prosody. It is the software that was the least painful to set up with all +requirements for modern messaging being covered by it internal or external modules. It also never crashed; +only when I messed the configuration up with syntax errors.

+

Since I use Discord and it is more difficult to bring people over from there, I went with a compromise +and started to bridge the channels I use the most to a Jabber MUC using matterbridge. +Thus I can use those channels without having to have the Discord app installed on my devices.

+

Another use I got out of Jabber is the fact that I can create as many bot accounts on my server as I want. While this +sounds like I use those bots for bad things it is the opposite: I use them to tell me when something is wrong +using netdata or for the already mentioned bridge between Discord and Jabber.

+

VoIP

+

VoIP is something that I use even more than plain Instant Messaging, which is why I wanted to self-host +a FOSS VoIP-solution. The most commonly used one is Mumble, which was a run-and-forget experience. Especially +when not using the full server but a smaller one like umurmur.

+

Code

+

At first, I used Github. But after Microsoft bought it, I was a bit sceptical and switched to Gitlab, which +worked really well. It was even opensource so I started using it. But after some time, I found that +there are some things that annoy me with Gitlab. This includes it automatically enabling "Pipelines" when I +just created a repository even though I never enabled those.

+

That was when I came across gogs and gitea; the latter being my current solution. I wanted a simple +software that I can just run and has a somewhat nice interface. Why the nice interface? I want that if people +look at my code that it feels familiar to browse it in the browser. Also, I can invite friends to use it if +they also want to get away from proprietary services and software.

+

My instance has registrations disabled as I do not have the time to moderate it, but I have seen that federation +of some sorts, in the context of ForgeFed, is being discussed on the issue tracker, though you should not quote +me on this one.

+

Gitea was mostly a run-and-forget experience for me and is working very well.

+

Personal Information Management

+

Since I've started to use calendars more, I wanted a solution to sync those across my devices. Before this entire +project I was using Google's own calendar service. Then I started using Disroot's NextCloud to synchronize +calendar data. However, it not being encrypted at rest was a concern for me as my calendar does contain some +events that I would not like an attacker to know as this would put the attacker in a position where sensitve +information can be deduced about me.

+

After some looking around, I found EteSync. This software works really great, given that the server is just +a simple django app that stores data and does user management and authentication. The Android app, in my case, +does most of the work and works really well. The only problem I had was the fact that EteSync has no desktop +client. They provide a web app and a server that bridges between regular DAV and EteSync but nothing like +a regular client.

+

Since I used regular WebDAV services, like the Disroot one I mentioned earlier, I have vdirsyncer +installed and configured only to find out that they dropper support for EteSync in the last version. +Wanting a tool like vdirsyncer but for EteSync I went to work and created etesyncer.

+

EMail

+

Most of my online life I used proprietary EMail-services. Most of that time I used GMail. Since I bought a +domain for this project and have a server running, I thought: "Why not self-host EMail?". This is exactly +what I did!

+

I use the "traditional" combination of postfix and dovecot to handle incoming, outgoing EMail and IMAP +access. Since I use mu4e in combination with msmtp and mbsync for working with email, I did not +install a webmail client.

+

This was the most difficult part to get working as the configuration sometimes worked and sometimes not. +The main culprit here was DKIM because it changed the permissions of its files at startup to something else +which made openDKIM crash. Now it stopped doing this but I am not sure why. +What made the EMail-server so difficult was also the fact that so much goes into hosting an EMail-server I never +thought about, like DKIM, SPF or having a FQDN.

+

At this point, it pretty much runs itself. It works, it receives EMails, it sends EMails and it allows +me to view my EMails via IMAP.

+

Coming from Protonmail, the only thing that I am missing is encryption of my EMails. Since not every person +I contact using EMail uses or knows PGP, I would like to encrypt incoming EMails. While there are solutions +to do this, they all involve encrypting the EMail after they are put in the queue by postfix, which puts +them on disk. Hence, the mail was once written in plaintext. While I would like to avoid this, I have not +found a way of doing this without digging into postfix's code and adding support for this.

+

Blog

+

I wanted a blog for a long time and since I had a spare domain lying around, I decided to create one. While +I could have gone with a solution like Wordpress and the like, they were too complicated for my needs. +So I just went with the simplest solution which is using a static site generator: jekyll in my case.

+

This is one of the points where decentralization was a huge factor directly from the start, as this is exactly +what the web was made for, so I was actively avoiding any non-selfhost solutions. While I could have gone with +a federated solution like write freely, I chose the staic page generator as it was much simpler. And because +I love writing in Markdown.

+

Webserver

+

Since I now use GPG to sign any emails that I send, I needed a way of exposing these keys to the public. While +I could have gone with a keyserver, I decided against it. Admittedly, I did not look into self-hosting a +keyserver but this was not my plan. I want to keep everything simple and prevent myself from installing too many +services on my server. This led me to just putting my public keys on the server and pointing my +webserver to them.

+

Since I run multiple services that are accessible via the browser, I needed the webserver as a reverse proxy, +pointing my different domain names to the correct services. This way, all services can run on their own ports while +the reverse proxy "unifies" them on port 443.

+

Conclusion

+

All in all I am very happy with my setup. It allows me to host my own instances privacy-respecting software the way I like +to. It gives me something to do and allows me to learn about system administration and different tools like Docker +or Ansible. So all in all, although the project has no real end, I would say that it was and is a huge success for me.

+

During the course of this project, I also switched services like my search engine or the software with which I watch videos +but as I do not self-host these, I did not mention them.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..220b12d --- /dev/null +++ b/robots.txt @@ -0,0 +1,4 @@ +User-agent: * +Disallow: +Allow: / +Sitemap: https://blog.polynom.me/sitemap.xml diff --git a/running-prosody-traefik/index.html b/running-prosody-traefik/index.html new file mode 100644 index 0000000..6acb422 --- /dev/null +++ b/running-prosody-traefik/index.html @@ -0,0 +1,239 @@ + + + + + + + + + + + + + + + Running Prosody on Port 443 Behind traefik + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Running Prosody on Port 443 Behind traefik

+ + Posted on 2020-02-13 + + + + +
+

TL;DR: This post is about running prosody with HTTPS services both on port 443. If you only care about the how, then jump to +Considerations and read from there.

+

Introduction

+

As part of my "road to FOSS" I +set up my own XMPP server using prosody. While it has been running fine for +quite some time, I noticed, while connected to a public Wifi, that my +server was unreachable. At that time I was panicing because I thought prosody +kept crashing for some reason. After using my mobile data, however, I saw +that I could connect to my server. The only possible explanation I came +up with is that the provider of the public Wifi is blocking anything that +is not port 53, 80 or 443. (Other ports I did not try)

+

My solution: Move prosody's C2S - Client to Server - port from 5222 to +either port 53, 80 or 443. Port 53 did not seem like a good choice as I +want to keep myself the possibilty of hosting a DNS server. So the only +choice was between 80 and 443.

+

Considerations

+

Initially I went with port 80 because it would be the safest bet: You cannot +block port 80 while still allowing customers to access the web. This would +have probably worked out, but I changed it to port 443 later-on. The reason +being that I need port 80 for Let's Encrypt challenges. Since I use nginx +as a reverse proxy for most of my services, I thought that I can multiplex +port 80 between LE and prosody. This was not possible with nginx.

+

So I discoverd traefik since it allows such a feat. The only problem is that +it can only route TCP connections based on the +SNI. This requires the +XMPP connection to be encrypted entirely, not after STARTTLS negotiation, +which means that I would have to configure prosody to allow such a +connection and not offer STARTTLS.

+

Prosody

+

Prosody has in its documentation no mentions of direct TLS which made me +guess that there is no support for it in prosody. After, however, asking +in the support group, I was told that this feature is called legacy_ssl.

+

As such, one only has to add

+
-- [...]
+
+legacy_ssl_ports = { 5223 }
+legacy_ssl_ssl = {
+    [5223] = {
+        key = "/path/to/keyfile";
+        certificate = "/path/to/certificate";
+    }
+}
+
+-- [...]
+
+

Note: In my testing, prosody would not enable legacy_ssl unless I +explicitly set legacy_ssl_ports.

+

When prosody tells you that it enabled legacy_ssl on the specified +ports, then you can test the connection by using OpenSSL to connect to it: +openssl s_client -connect your.domain.example:5223. OpenSSL should tell +you the data it can get from your certificate.

+

traefik

+

In my configuration, I run prosody in an internal Docker network. In +order to connect it, in my case port 5223, to the world via port 443, I +configured my traefik to distinguish between HTTPS and XMPPS connections +based on the set SNI of the connection.

+

To do so, I firstly configured the static configuration to have +port 443 as an entrypoint:

+
# [...]
+
+entrypoints:
+    https:
+        address: ":443"
+
+# [...]
+
+

For the dynamic configuration, I add two routers - one for TCP, one for +HTTPS - that both listen on the entrypoint https. As the documentation +says, +"If both HTTP routers and TCP routers listen to the same entry points, the TCP routers will apply before the HTTP routers.". This means that traefik has +to distinguish the two somehow.

+

We do this by using the Host rule for the HTTP router and HostSNI for +the TCP router.

+

As such, the dynamic configuration looks like this:

+
tcp:
+    routers:
+        xmpps:
+            entrypoints:
+                - "https"
+            rule: "HostSNI(`xmpps.your.domain.example`)"
+            service: prosody-dtls
+            tls:
+                passthrough: true
+        # [...]
+    services:
+        prosody-dtls:
+            loadBalancer:
+                servers:
+                    - address: "<IP>:5223"
+
+http:
+    routers:
+        web-secure:
+            entrypoints:
+                - "https"
+            rule: "Host(`web.your.domain.example`)"
+            service: webserver
+
+

It is important to note here, that the option passthrough has to be true +for the TCP router as otherwise the TLS connection would be terminated by +traefik.

+

Of course, you can instruct prosody to use port 443 directly, but I prefer +to keep it like this so I can easily see which connection goes to where.

+

HTTP Upload

+

HTTP Upload was a very simple to implement this way. Just add another HTTPS +route in the dynamic traefik configuration to either the HTTP port of +prosody, which would terminate the TLS connection from traefik onwards, or +the HTTPS port, which - if running traefik and prosody on the same host - +would lead to a possible unnecessary re-encryption of the data.

+

This means that prosody's configuration looks like this:

+
[...]
+-- Perhaps just one is enough
+http_ports = { 5280 }
+https_ports = { 5281 }
+
+Component "your.domain"
+    -- Perhaps just one is required, but I prefer to play it safe
+    http_external_url = "https://http.xmpp.your.domain"
+    http_host = "http.xmpp.your.domain"
+[...]
+
+

And traefik's like this:

+
[...]
+http:
+  routers:
+    prosody-https:
+      entrypoints:
+        - "https"
+      rule: "Host(`http.xmpp.your.domain`)"
+      service: prosody-http
+
+  services:
+    prosody-http:
+      loadBalancer:
+        servers:
+          - "http://prosody-ip:5280"
+[...]
+
+

DNS

+

In order for clients to pick this change up, one has to create a DNS SRV +record conforming to XEP-0368.

+

This change takes some time until it reaches the clients, so it would be wise +to keep the regular STARTTLS port 5222 open and connected to prosody until +the DNS entry has propagated to all DNS servers.

+

Caveats

+

Of course, there is nothing without some caveats; some do apply here.

+

This change does not neccessarilly get applied to all clients automatically. +Clients like Conversations and its derivatives, however, do that when they +are reconnecting. Note that there may be clients that do not support XEP-0368 +which will not apply this change automatically, like - at least in my +testing - profanity.

+

Also there may be some clients that do not support direct TLS and thus +cannot connect to the server. In my case, matterbridge was unable to +connect as it, without further investigation, can only connect with either +no TLS or with STARTTLS.

+

Conclusion

+

In my case, I run my prosody server like this:

+
    <<WORLD>>-------------+
+        |                 |
+    [traefik]-------------/|/--------------+
+        |                 |               |
+  {xmpp.your.domain}    [5269]    {other.your.domain}
+    [443 -> 5223]         |          [443 -> 80]
+{http.xmpp.your.domain}   |               |
+    [443 -> 5280]         |               |
+        |                 |               |
+    [prosody]-------------+            [nginx]
+
+

As I had a different port for prosody initially (80), I had to wait until +the DNS records are no longer cached by other DNS servers or clients. This +meant waiting for the TTL of the record, which in my case were 18000 seconds, +or 5 hours.

+

The port 5222 is, in my case, not reachable from the outside world but via my +internal Docker compose network so that my matterbridge bridges still work.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/selfhosting-lessons/index.html b/selfhosting-lessons/index.html new file mode 100644 index 0000000..3f92078 --- /dev/null +++ b/selfhosting-lessons/index.html @@ -0,0 +1,144 @@ + + + + + + + + + + + + + + + Lessons Learned From Self-Hosting + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Lessons Learned From Self-Hosting

+ + Posted on 2020-01-03 + + + + +
+

Roughly eight months ago, according to my hosting provider, I spun up my VM which +I use to this day to self-host my chat, my mail, my git and so on. At the beginning, I thought that +it would allow me both to get away from proprietary software and to learn Linux administration. While +my first goal was met without any problems, the second one I achieved in ways I did not anticipate.

+ +

During these eight months, I learned quite a lot. Not by reading documentation, but by messing up +deployments. So this post is my telling of how I messed up and what lessons I learned from it.

+

Lesson 1: Document everything

+

I always tell people that you should document your code. When asked why I answer that you won't +remember what that line does when you have not looked at your codebase for weeks or months.

+

What I did not realise is that this also applies to administration. I only wrote basic documentation +like a howto for certificate generation or a small troubleshooting guide. This, however, missed the most +important thing to document: the entire infrastructure.

+

Whenever I needed to look up my port mapping, what did I do? I opened up my Docker compose configuration +and search for the port mappings. What did I do when I wanted to know what services I have? Open my +nginx configuration and search for server directives.

+

This is a very slow process since I have to remember what services I have behind a reverse proxy and which +ones I have simply exposed. This lead me in the end to creating a folder - called docs - in which +I document everything. What certificates are used by what and where they are, port mappings, a graph +showing the dependencies of my services, ... While it may be tedious to create at first, it will really +help.

+
[World]
++
+|
++-[443]-[nginx]-+-(blog.polynom.me)
+                +-(git.polynom.me)-[gitea]
+
+

Above, you can see an excerpt from my "network graph".

+

Lesson 2: Version Control everything

+

Version Control Systems are a great thing. Want to try something out? Branch, try out and then either +merge back or roll back. Want to find out what changes broke something? Diff the last revisions and narrow +down your "search space". Want to know what you did? View the log.

+

While it might seem unneccessary, it helps me keep my cool, knowing that if I ever mess up my configuration, I +can just roll back the configuration from within git.

+

Lesson 3: Have a test environment

+

While I was out once, I connected to a public Wifi. There, however, I could not connect to my VPN. It simply +did not work. A bit later, my Jabber client Conversations told me that it could not find my server. After +some thinking, I came to the conclusion that the provider of said public Wifi was probably blocking port 5222 +(XMPP Client-to-Server) and whatever port the VPN is using. As such, I wanted to change the port my +Jabber server uses. Since I do not have a failover server I tried testing things out locally, but gave up +after some time and just went and "tested in production". Needless to say that this was a bad idea. At first, +Conversations did not do a DNS lookup to see the changed XMPP port, which lead me to removing the DNS entry. +However, after some time - probably after the DNS change propagated far enough - Conversations said that it +could not find the server, even though it was listening on port 5222. Testing with the new port yieled +success.

+

This experience was terrible for me. Not only was it possible that I broke my Jabber server, but it would +annoy everyone I got to install a Jabber client to talk to me as it would display "Cannot connect to...". +If I had tested this locally, I probably would have been much calmer. In the end, I nervously watched as everyone +gradually reconnected...

+

Lesson 4: Use tools and write scripts

+

The first server I ever got I provisioned manually. I mean, back then it made sense: It was a one-time provisioning and nothing should +change after the initial deployment. But now that I have a continually evolving server, I somehow need to document every step in case +I ever need to provision the same server again.

+

In my case it is Ansible. In my playbook I keep all the roles, e.g. nginx, matterbridge, prosody, separate and apply them to my one +server. In there I also made heavy use of templates. The reason for it is that before I started my "Road to FOSS" +I used a different domain that I had lying around. Changing the domain name manually would have been a very tedious process, so I decided to use +templates from the get-go. To make my life easier in case I ever change domains again, I defined all my domain names based on my domain variable. +The domain for git is defined as {% raw %}git.{{ domain }}{% endraw %}, the blog one as {% raw %}blog.{{ domain }}{% endraw %}. +Additionally, I make use of Ansible Vaults, allowing me to have encrypted secrets in my playbook.

+

During another project, I also set up an Ansible playbook. There, however, I did not use templates. I templated the configuration files using a Makefile +that was calling sed to replace the patterns. Not only was that a fragile method, it was also unneeded as Ansible was already providing +this functionality for me. I was just wasting my own time.

+

What I also learned was that one Ansible playbook is not enough. While it is nice to automatically provision a server using Ansible, there are other things +that need to be done. Certificates don't rotate themselves. From that, I derived a rule stating that if a task needs to be done more than once, then it is +time to write a script for it.

+

Lesson 4.1: Automate

+

Closely tied to the last point: If a task needs to be performed, then you should consider creating a cronjob, or a systemd timer if that is more your thing, +to automatically run it. You don't want to enjoy your day, only for it to be ruined by an expired certificate causing issues.

+

Since automated cronjobs can cause trouble aswell, I decided to run all automated tasks on days at a time during which I am like to be able to react. As such, it is very +important to notify yourself of those automated actions. My certificate rotation, for example, sends me an eMail at the end, telling me if the certificates +were successfully rotated and if not, which ones failed. For those cases, I also keep a log of the rotation process somewhere else so that I can review it.

+

Lesson 5: Unexpected things happen

+

After having my shiny server run for some time, I was happy. It was basically running itself. Until Conversations was unable to contact my server, +connected to a public Wifi. This is something that I did not anticipate, but happened nevertheless.

+

This means that my deployment was not a run-and-forget solution but a constantly evolving system, where small improvements are periodically added.

+

Conclusion

+

I thought I would just write down my thoughts on all the things that went wrong over the course of my self-hosting adventure. They may not +be best practices, but things that really helped me a lot.

+

Was the entire process difficult? At first. Was the experience an opportunity to learn? Absolutely! Was it fun? Definitely.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ + diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..7e9f207 --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,46 @@ + + + + https://blog.polynom.me/ + + + https://blog.polynom.me/about-logging/ + 2021-04-16 + + + https://blog.polynom.me/android-yubikey-signing/ + 2023-07-24 + + + https://blog.polynom.me/how-i-play-games/ + 2019-06-08 + + + https://blog.polynom.me/mainlin-hero-2/ + 2019-08-21 + + + https://blog.polynom.me/mainline-hero/ + 2019-07-01 + + + https://blog.polynom.me/prosody-traefik-2/ + 2023-07-15 + + + https://blog.polynom.me/road-to-foss/ + 2019-10-06 + + + https://blog.polynom.me/running-prosody-traefik/ + 2020-02-13 + + + https://blog.polynom.me/selfhosting-lessons/ + 2020-01-03 + + + https://blog.polynom.me/static-site-generator/ + 2020-09-29 + + diff --git a/static-site-generator/index.html b/static-site-generator/index.html new file mode 100644 index 0000000..482e42b --- /dev/null +++ b/static-site-generator/index.html @@ -0,0 +1,203 @@ + + + + + + + + + + + + + + + Jekyll Is Cool, But... + + + + + + + + +
+ +
+ Profile picture + +
+ + + +
+

Jekyll Is Cool, But...

+ + Posted on 2020-09-29 + + + + +
+

I love static site generators. They are really cool pieces of software. +Give them some configuration files, maybe a bit of text and you receive +a blog or a homepage. Neat!

+ +

For a long time, I have been using Jekyll +as my static site generator of choice. Mostly, because it is one of the +most famous ones out there and thus there are tons of plugins, documentation +and templates to get started. It was nice, until I wished it would do +a bit more...

+

During some time off, I wanted to do an overhaul of my infrastructure. Make +things cleaner, document more things and finally do those tasks that I have +been pushing aside for quite some time. One of those things is to make all +my webpages, which today only include this blog +and my XMPP invite page, +share common assets. This got started after I wrote the invitation page +and thought that it looked pretty good.

+

So off I went to create a subdomain for my own "CDN", generate a TLS +certificate and... I got stuck. I wanted to have Jekyll generate two +seperate versions of my pages for me depending on what I wanted to do: +One with local assets for local previewing and testing and one with my +"CDN" attached. As such I would have liked to have three files: _config.dev.yml, +_config.deploy.yml and _config.common.yml, where _config.common.yml +contained data shared between both the deployed and the locally developed +version and the other two just contain a variable that either points to a local +folder or my "CDN". However, I have not found a way to do this. Looking back, I perhaps +would have been able to just specify the common config first and then specify another +config file to acomplish this, but now I am in love with another piece of software.

+

Additionally, I would have liked to integrate the entire webpage building process +more with my favourite build system, GNU Make. But Jekyll feels like it attempts +to do everything by itself. And this may be true: Jekyll tries to do as much as +possible to cater to as many people as possible. As such, Jekyll is pretty powerful, until +you want to change things.

+

Introducing makesite

+

While casually browsing the Internet, I came across a small +Github repository for a +static page generator. But this one was different. The entire repository was just +a Python script and some files to demonstrate how it works. The script itself was just +232 lines of code. The Readme stated that it did one thing and that the author was not +going to just add features. If someone wanted a new feature, he or she was free to just +add it by themself. Why am I telling you all this? Because this is the - in my opinion - +best static site generator I have ever used.

+

Simplicity

+

makesite is very simple. In its upstream version, it just generates user defined pages, +renders a blog from Markdown to HTML and generates a RSS feed. It does templating, but without +using heavy and fancy frameworks like Jinja2. The "Getting Started" section of makesite is +shorter than the ones of other static site generators, like Jekyll and Hugo.

+

This may seem like a bad thing. If it does not do thing X, then I cannot use it. But that is where +makesite's beauty comes in. You can just add it. The code is very short, well documented and +extensible. It follows the "suckless philosophy". In my case, +I added support for loading different variables based on the file makesite is currently compiling, +copying and merging different asset folders - and ignoring certain files - and specifying variables +on the command line. Would I upstream those changes? Probably not as they are pretty much unique to +my own needs and my own usecase. And that is why makesite is so nice: Because it is not a static +site generator, it is your static site generator.

+

Speed

+

makesite is fast... Really fast. In the time my Makefile has compiled my page and tar-balled it, +ready for deployment, Jekyll is still building it. And that makes sense, Jekyll is pretty powerful +and does a lot. But for me, I do not need all this power. This blog is not so difficult to generate, +my invite page is not difficult to generate, so why would I need all this power?

+
# Jekyll version
+> time make build
+# [...]
+make build  1.45s user 0.32s system 96% cpu 1.835 total
+
+# makesite version
+> time make build
+# [...]
+make build  0.35s user 0.06s system 100% cpu 0.406 total
+
+

Buildsystem Integration

+

In case of Jekyll, Jekyll pretty much is your buildsystem. This is not so great, if you already +have a favourite buildsystem that you would prefer to use, since it does not integrate well. makesite, on +the other hand, does just the bare minimum and thus gives the buildsystem much more to work with. In my case, +makesite just builds my blog or my other pages. If I want to preview them, then my Makefile just starts a +local webserver with python -m http.server 8080. If I want to deploy, then my Makefile tar-balls the resulting +directory.

+
# [...]
+
+serve: ${OPTIMIZED_IMAGES}
+        python ../shared-assets/makesite.py \
+                -p params.json \
+                -v page_assets=/assets \
+                -v build_time="${BUILD_DATE}" \
+                --assets ../shared-assets/assets \
+                --assets ./assets \
+                --copy-assets \
+                --ignore ../shared-assets/assets/img \
+                --ignore assets/img/raw \
+                --include robots.txt \
+                --blog \
+                --rss
+        cd _site/ && python -m http.server 8080
+
+build: ${OPTIMIZED_IMAGES}
+        python ../shared-assets/makesite.py \
+                -p params.json \
+                -v page_assets=https://cdn.polynom.me \
+                -v build_time="${BUILD_DATE}" \
+                --assets ./assets \
+                --copy-assets \
+                --ignore assets/img/raw \
+                --include robots.txt \
+                --blog \
+                --rss
+        tar -czf blog.tar.gz _site
+
+

This is an excerpt from the Makefile of this blog. It may seem verbose when Jekyll does all this +for you, but it gives me quite a lot of power. For example:

+
    +
  • -v page_assets=... (only in my version) gives me the ability to either use local assets or my "CDN" for deploying;
  • +
  • --copy-assets --assets ./assets (only in my version) allows me to copy my static assets over, so that everything is ready for deployment. If I want to use all assets, including the shared ones, then I just add another --assets ../shared-assets/assets and change the page_assets variable;
  • +
  • conditionally decide if I want a blog and/or an RSS feed with --blog and --rss
  • +
  • -v allows me to pass variables directly from the commandline so that I can inject build-time data, like e.g. the build date
  • +
+

If I wanted to, I could now also add a minifier on the build target or page signing with Signed Pages. +It would be more difficult with Jekyll, while it is just adding a command to my Makefile.

+

Another great thing here is the usage of ${OPTIMIZED_IMAGES}: In my blog I sometimes use images. Those images have to be loaded and, especially if +they are large, take some time until you can fully see them. I could implement something using JavaScript and make the browser load the images +lazily, but this comes with three drawbacks:

+
    +
  1. It requires JavaScript for loading an image, which is a task that the browser is already good at;
  2. +
  3. Implementing it with JavaScript may lead to content moving around as the images are loaded in, which results in a terrible user experience;
  4. +
  5. Some people may block JavaScript for security and privacy, which would break the site if I were to, for example, write a post that is filled with images for explanations.
  6. +
+

The target ${OPTIMIZED_IMAGES} in my Makefile automatically converts my raw images into progressive JPEGs, if new images are added. However, this +rebuild does not happen every time. It only happens when images are changed or added. Progressive JPEGs are a kind of JPEG where the data can be +continously loaded in from the server, first showing the user a low quality version which progressively gets higher quality. With Jekyll I probably +would have had to install a plugin that I can only use with Jekyll, while now I can use imagemagick, which I have already installed for other +use cases.

+

Conclusion

+

Is makesite easy? It depends. If you want to generate a website with blog +that fits exactly the way upstream wrote the script, yes. If you want to do +something different, it becomes more difficult as you then have to patch +makesite yourself.

+

Per default, makesite is more limited than other static site generators out +there, but that is, in my opinion, where makesite's versatility and +customizability comes from. From now on, I will only use makesite for my +static pages.

+ +
+ + +
+ + If you have any questions or comments, then feel free to send me an email (Preferably with GPG encryption) + to papatutuwawa [at] polynom.me or reach out to me on the Fediverse at @papatutuwawa@social.polynom.me. + +
+
+ + +
+ +