Attempt to optimize public UI

Author: EccRiley

Comps alias

@@ -1,4 +1,4 @@
-file <- "MAP-v9-1-untex.Rmd"
+file <- "MAP-v11-untex.Rmd"
 ex <- data.frame(
 	a = c("`\\{\\{(.*?)\\}\\}`",
 		"\\\\chisq",
@@ -32,4 +32,4 @@ ex <- data.frame(
 
 library(Riley)
 
-Runtex(file = file, addlexpr = ex, cat = TRUE, catFile = "MAP-v9-docx.Rmd")
+Runtex(file = file, addlexpr = ex, cat = TRUE, catFile = "MAP-v11-docx.Rmd")

zmisc/MAP-untex.R MAP-untex.R

@@ -0,0 +1,48 @@
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+.gallery {
+    width: 75%;
+    margin: 0 auto;
+    padding: 5px;
+    background: #fff;
+    box-shadow: 0 1px 2px rgba(0,0,0,.3);
+}
+
+.gallery > div {
+    position: relative;
+    float: left;
+    padding: 5px;
+}
+
+.gallery > div > img {
+    display: block;
+    width: 50%;
+    transition: .1s transform;
+    transform: translateZ(0); /* hack */
+}
+
+.gallery > div:hover {
+    z-index: 1;
+}
+
+.gallery > div:hover > img {
+    transform: scale(1.7,1.7);
+    transition: .3s transform;
+    background-color: #ffffff;
+}
+
+.cf:before, .cf:after {
+    display: table;
+    content: "";
+    line-height: 0;
+}
+
+.cf:after {
+    clear: both;
+}

MAP-v11-diff.Rmd MAP-v11-docx.Rmd

@@ -529,3 +529,57 @@ aside:before {
     content: ">>";
     top: -0.5rem;
 }
+
+
+/* --------------------------------------------------------*/
+/* IMAGE GALLERY */
+/* --------------------------------------------------------*/
+
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');
+
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+.gallery {
+    width: 75%;
+    margin: 0 auto;
+    padding: 5px;
+    background: #fff;
+    box-shadow: 0 1px 2px rgba(0,0,0,.3);
+}
+
+.gallery > div {
+    position: relative;
+    float: left;
+    padding: 5px;
+}
+
+.gallery > div > img {
+    display: block;
+    width: 50%;
+    transition: .1s transform;
+    transform: translateZ(0); /* hack */
+}
+
+.gallery > div:hover {
+    z-index: 1;
+}
+
+.gallery > div:hover > img {
+    transform: scale(1.7,1.7);
+    transition: .3s transform;
+    background-color: #ffffff;
+}
+
+.cf:before, .cf:after {
+    display: table;
+    content: "";
+    line-height: 0;
+}
+
+.cf:after {
+    clear: both;
+}