update

Author: vangj

autobuild.sh

@@ -3,4 +3,4 @@
 port=8000
 host=0.0.0.0
 
-python -m sphinx_autobuild ./source ./build -b html -H $host -p $port
+python -m sphinx_autobuild ./source ./build -b html --host $host --port $port

source/conf.py

@@ -34,7 +34,8 @@
 extensions = [
     'sphinxcontrib.bibtex',
     'sphinx.ext.mathjax',
-    'sphinx_sitemap'
+    'sphinx_sitemap',
+    'sphinxcontrib.blockdiag'
 ]
 
 # Add any paths that contain templates here, relative to this directory.

source/cvt.rst

@@ -1,6 +1,24 @@
 CVT
 ===
 
+.. blockdiag::
+
+   diagram {
+      default_shape = roundedbox
+      span_width = 32
+      span_height = 20
+      default_fontsize = 11
+      edge_layout = normal
+      orientation = landscape
+
+      C [label = "c", color = "#f55f36", shape = circle, textcolor = white]
+      V [label = "v", color = "#15d649", shape = circle, textcolor = white]
+      T [label = "t", color = "#365cf5", shape = circle, textcolor = white]
+      S [label = "Syllable", color = "#e0e0e0"]
+
+      C, V, T -> S
+   }
+
 The mental model of RPA is with understanding the so-called ``CVT`` (Consonant, Vowel, Tone) composition of a ``syllable``. For all intents and purposes, a syllable is simply a sound. Hmong is a language, like Mandarin, that is largely mono-syllabic; meaning, one sound is one word. Of course, there are multi-syllable words in Hmong too, but, these words themselves are composed of the elementary mono-syllables. After you learn the mono-syllables, this achievement paves the way to learning compound words in Hmong. 
 
 Back to ``CVT``. Simply stated, a ``consonant`` is the beggining of a word, a ``vowel`` is the middle of a word and a ``tone`` is the ending of a word. For more technical articles of these concepts, see the following `constant <https://en.wikipedia.org/wiki/Consonant>`_, `vowel <https://en.wikipedia.org/wiki/Vowel>`_ and `tone <https://en.wikipedia.org/wiki/Tone_(linguistics)>`_ articles. In RPA, there are only so many consonants, vowels and tones. In fact, there are 

source/index.rst

@@ -25,6 +25,24 @@ Romanized Popular Alphabet, A Primer
 Preface
 =======
 
+.. blockdiag::
+
+   diagram {
+      default_shape = roundedbox
+      span_width = 32
+      span_height = 20
+      default_fontsize = 11
+      edge_layout = normal
+      orientation = landscape
+
+      C [label = "c", color = "#f55f36", shape = circle, textcolor = white]
+      V [label = "v", color = "#15d649", shape = circle, textcolor = white]
+      T [label = "t", color = "#365cf5", shape = circle, textcolor = white]
+      S [label = "Syllable", color = "#e0e0e0"]
+
+      C, V, T -> S
+   }
+
 This book is a tutorial for learning `Romanized Popular Alphabet <https://en.wikipedia.org/wiki/Romanized_Popular_Alphabet>`_ ``RPA``. RPA is a writing system, based on Latin alphabets, developed for writing the Hmong language in the early 1950's. The creators of RPA were Christian missionaries Father Yves Bertrais, Dr. Linwood Barney and Dr. William Smalley. Father Bertrais developed and taught RPA in the ``Guars Mountains`` or ``Roob Nyuj Qus``, in the `Xiangkhouang Province <https://en.wikipedia.org/wiki/Xiangkhouang_Province>`_ within the `Kingdom of Laos <https://en.wikipedia.org/wiki/Kingdom_of_Laos>`_. The intended audience of this book are English speakers who want to be literate in Hmong using the RPA writing system. The RPA writing system is called ``Ntawv Las Tees`` (Latin Script) in Hmong.
 
 .. warning::
@@ -118,6 +136,12 @@ Author
 
 Jee Vang, Ph.D.
 
+- |Patreon_Link|
+
+.. |Patreon_Link| raw:: html
+
+   <a href="https://www.patreon.com/vangj" target="_blank">Patreon</a>
+
 Logo Design
 -----------
 

source/viz.rst

@@ -5,9 +5,9 @@ Here's a 3D visualization of the CVT space. Hold the ``shift`` key while pressin
 
 .. raw:: html
 
-    <div>
+    <div style="margin: 10px;">
         <button id="viz-btn">Load</button>
         <span id="viz-msg" style="color:red;visibility:hidden;">loading...</span>
     </div>
 
-    <div id="viz-canvas"></div>
+    <div id="viz-canvas" style="margin: 10px;"></div>