From 214a17825ad39c0bed701fa61a73e14b3bd0db5f Mon Sep 17 00:00:00 2001
From: s-ol <s-ol@users.noreply.github.com>
Date: Tue, 26 Nov 2019 11:17:20 +0100
Subject: fullwidth markdown option

---
 mmm/mmmfs/conversion.moon                          |  5 ++++
 root/projects/VJmidiKit/text$markdown+fullwidth.md | 31 ++++++++++++++++++++++
 root/projects/VJmidiKit/text$markdown.md           | 31 ----------------------
 scss/_content.scss                                 |  4 +++
 4 files changed, 40 insertions(+), 31 deletions(-)
 create mode 100644 root/projects/VJmidiKit/text$markdown+fullwidth.md
 delete mode 100644 root/projects/VJmidiKit/text$markdown.md

diff --git a/mmm/mmmfs/conversion.moon b/mmm/mmmfs/conversion.moon
index d8bc179..cb57b38 100644
--- a/mmm/mmmfs/conversion.moon
+++ b/mmm/mmmfs/conversion.moon
@@ -241,6 +241,11 @@ do
       out: 'text/html',
       transform: (md) -> "<div class=\"markdown\">#{markdown md}</div>"
     }
+    table.insert converts, {
+      inp: 'text/markdown%+fullwidth',
+      out: 'text/html',
+      transform: (md) -> "<div class=\"markdown fullwidth\">#{markdown md}</div>"
+    }
 
     table.insert converts, {
       inp: 'text/markdown%+span',
diff --git a/root/projects/VJmidiKit/text$markdown+fullwidth.md b/root/projects/VJmidiKit/text$markdown+fullwidth.md
new file mode 100644
index 0000000..7767e93
--- /dev/null
+++ b/root/projects/VJmidiKit/text$markdown+fullwidth.md
@@ -0,0 +1,31 @@
+VJmidiKit
+=========
+
+VJmidiKit is a tool for VJing using livecoded (raymarching) shaders and connecting shaders to MIDI signals
+from live music and controllers for music reactivity.
+The interactions between MIDI signals and shader variables can be programmed in many different ways using a visual block language.
+
+VJmidiKit is a C++ application built on top of [openFrameworks][of], [Dear Imgui][imgui], [RtMidi][rtmidi] and [yaml-cpp][yaml].  
+The Shaders in the following media are all written in GLSL by me, using the excellent [hg\_sdf][hgsdf] library.
+
+If you are interested in trying VJmidiKit for yourself, feel free to message me.
+You can find my email address at the top, and social media at the bottom of this website.
+
+<div style="align-items: flex-start; display: flex; flex-wrap: wrap; margin: -0.5em;">
+  <mmm-embed nolink inline path="boxy_dnb"></mmm-embed>
+  <mmm-embed nolink inline path="boxy_visualist"></mmm-embed>
+  <mmm-embed nolink inline path="stills"></mmm-embed>
+  <mmm-embed nolink inline path="pineapple"></mmm-embed>
+  <mmm-embed nolink inline path="kaleidoscope"></mmm-embed>
+  <mmm-embed nolink inline path="pillars"></mmm-embed>
+  <mmm-embed nolink inline path="tomcat_tunnel"></mmm-embed>
+  <mmm-embed nolink inline path="dancing_pineapple"></mmm-embed>
+  <mmm-embed nolink inline path="tomcat"></mmm-embed>
+  <mmm-embed nolink inline path="jam"></mmm-embed>
+</div>
+
+[of]: https://openframeworks.cc/
+[imgui]: https://github.com/ocornut/imgui
+[rtmidi]: https://github.com/thestk/rtmidi
+[yaml]: https://github.com/jbeder/yaml-cpp
+[hgsdf]: http://mercury.sexy/hg_sdf/
diff --git a/root/projects/VJmidiKit/text$markdown.md b/root/projects/VJmidiKit/text$markdown.md
deleted file mode 100644
index 7767e93..0000000
--- a/root/projects/VJmidiKit/text$markdown.md
+++ /dev/null
@@ -1,31 +0,0 @@
-VJmidiKit
-=========
-
-VJmidiKit is a tool for VJing using livecoded (raymarching) shaders and connecting shaders to MIDI signals
-from live music and controllers for music reactivity.
-The interactions between MIDI signals and shader variables can be programmed in many different ways using a visual block language.
-
-VJmidiKit is a C++ application built on top of [openFrameworks][of], [Dear Imgui][imgui], [RtMidi][rtmidi] and [yaml-cpp][yaml].  
-The Shaders in the following media are all written in GLSL by me, using the excellent [hg\_sdf][hgsdf] library.
-
-If you are interested in trying VJmidiKit for yourself, feel free to message me.
-You can find my email address at the top, and social media at the bottom of this website.
-
-<div style="align-items: flex-start; display: flex; flex-wrap: wrap; margin: -0.5em;">
-  <mmm-embed nolink inline path="boxy_dnb"></mmm-embed>
-  <mmm-embed nolink inline path="boxy_visualist"></mmm-embed>
-  <mmm-embed nolink inline path="stills"></mmm-embed>
-  <mmm-embed nolink inline path="pineapple"></mmm-embed>
-  <mmm-embed nolink inline path="kaleidoscope"></mmm-embed>
-  <mmm-embed nolink inline path="pillars"></mmm-embed>
-  <mmm-embed nolink inline path="tomcat_tunnel"></mmm-embed>
-  <mmm-embed nolink inline path="dancing_pineapple"></mmm-embed>
-  <mmm-embed nolink inline path="tomcat"></mmm-embed>
-  <mmm-embed nolink inline path="jam"></mmm-embed>
-</div>
-
-[of]: https://openframeworks.cc/
-[imgui]: https://github.com/ocornut/imgui
-[rtmidi]: https://github.com/thestk/rtmidi
-[yaml]: https://github.com/jbeder/yaml-cpp
-[hgsdf]: http://mercury.sexy/hg_sdf/
diff --git a/scss/_content.scss b/scss/_content.scss
index 7aa7b2c..56a009c 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -7,6 +7,10 @@
   .markdown {
     max-width: 640px;
     position: relative;
+
+    &.fullwidth {
+      max-width: max-content;
+    }
   }
 
   .markdown,
-- 
cgit v1.2.3