Added matrix composition and decompositions

This commit adds matrix composition and decompositions (untested),
it also adds another playground to test that this is working as
expected in every case.

We also fixed a few linting errors.

1 files changed, 36 insertions, 7 deletions

diff --git a/playgrounds/playground.css b/playgrounds/playground.css
index 1808d6a..71fabed 100644
--- a/playgrounds/playground.css
+++ b/playgrounds/playground.css
@@ -1,24 +1,53 @@
 
+* {
+  box-sizing: border-box;
+}
+
 html {
   background-color : #f5f6f7;
-  text-align: center;
+  /* text-align: center; */
+}
+
+body {
+  margin: 0;
+  width: 100vw;
+  height: 99vh;
+  grid-gap: 30px;
+  display: inline-grid;
+  align-items: center;
+  grid-template-columns: 10vw 40vw auto 10vw;
+  grid-template-rows: 0 10vw auto 0;
 }
 
 h1 {
+  text-align: right;
+  border-right: solid 3px #f06;
+  padding-right: 12px;
   color: #f06;
-  font-size: 6vh;
-  margin: 4vh;
+  font-size: 52px;
+  font-family: Helvetica;
+  grid-row: 2;
+  grid-column: 2;
+  line-height: 1.8em;
+}
+
+p {
+  padding-right: 50px;
+  color: #444;
+  font-size: 18px;
   font-family: Helvetica;
+  grid-row: 2;
+  grid-column: 3;
 }
 
 svg {
-  width: 70vw;
-  height: 80vh;
+  height: 100%;
+  width: 100%;
+  grid-row: 3;
+  grid-column: 2/4;
   background-color: white;
-  position: fixed;
   border-radius: 20px;
   border: #f065 1px solid;
-  left: 15vw;
 }
 
 .pink {