org mode, unique code-block names & adjust headers

-  avoid org-mode undefined behavior, provide
   unique code-block names

1 files changed, 101 insertions, 40 deletions

diff --git a/org/out_xmls_css.org b/org/out_xmls_css.org
index be358a6..38bb73d 100644
--- a/org/out_xmls_css.org
+++ b/org/out_xmls_css.org
@@ -7,6 +7,7 @@
 #+COPYRIGHT:   Copyright (C) 2015 - 2020 Ralph Amissah
 #+LANGUAGE:    en
 #+STARTUP:     content hideblocks hidestars noindent entitiespretty
+#+OPTIONS:     H:3 num:nil toc:t \n:nil @:t ::t |:t ^:nil _:nil -:t f:t *:t <:t
 #+PROPERTY:    header-args  :exports code
 #+PROPERTY:    header-args+ :noweb yes
 #+PROPERTY:    header-args+ :eval no
@@ -31,39 +32,90 @@ template spineCss() {
 <<css_insert_shared_insert_variable_indent_values>>
 <<css_insert_shared_insert_variable_ocn_color_values>>
     string _css_light_html_seg = format(q"┃
-<<css_light_shared>>
-<<css_light_html_seg>>
+<<css_light_shared_0>>
+<<css_light_shared_1>>
+<<css_light_shared_2>>
+<<css_light_shared_3>>
+<<css_light_shared_4>>
+<<css_light_shared_5>>
+<<css_light_shared_6>>
+<<css_light_shared_7>>
+<<css_light_shared_8>>
+<<css_light_shared_9>>
+<<css_light_html_seg_0>>
+<<css_light_html_seg_1>>
+<<css_light_html_seg_2>>
 ┃",
     _color_ocn_light,
     _css_indent,
     _color_ocn_light,
 );
     string _css_dark_html_seg = format(q"┃
-<<css_dark_shared>>
-<<css_dark_html_seg>>
+<<css_dark_shared_0>>
+<<css_dark_shared_1>>
+<<css_dark_shared_2>>
+<<css_dark_shared_3>>
+<<css_dark_shared_4>>
+<<css_dark_shared_5>>
+<<css_dark_shared_6>>
+<<css_dark_shared_7>>
+<<css_dark_shared_8>>
+<<css_dark_shared_9>>
+<<css_dark_html_seg_0>>
+<<css_dark_html_seg_1>>
+<<css_dark_html_seg_2>>
 ┃",
     _color_ocn_dark,
     _css_indent,
     _color_ocn_dark,
 );
     string _css_light_html_scroll = format(q"┃
-<<css_light_shared>>
-<<css_light_html_scroll>>
+<<css_light_shared_0>>
+<<css_light_shared_1>>
+<<css_light_shared_2>>
+<<css_light_shared_3>>
+<<css_light_shared_4>>
+<<css_light_shared_5>>
+<<css_light_shared_6>>
+<<css_light_shared_7>>
+<<css_light_shared_8>>
+<<css_light_shared_9>>
+<<css_light_html_scroll_0>>
+<<css_light_html_scroll_1>>
 ┃",
     _color_ocn_light,
     _css_indent,
     _color_ocn_light,
 );
     string _css_dark_html_scroll = format(q"┃
-<<css_dark_shared>>
-<<css_dark_html_scroll>>
+<<css_dark_shared_0>>
+<<css_dark_shared_1>>
+<<css_dark_shared_2>>
+<<css_dark_shared_3>>
+<<css_dark_shared_4>>
+<<css_dark_shared_5>>
+<<css_dark_shared_6>>
+<<css_dark_shared_7>>
+<<css_dark_shared_8>>
+<<css_dark_shared_9>>
+<<css_dark_html_scroll_0>>
+<<css_dark_html_scroll_1>>
 ┃",
     _color_ocn_dark,
     _css_indent,
     _color_ocn_dark,
 );
     string _css_light_epub = format(q"┃
-<<css_light_shared>>
+<<css_light_shared_0>>
+<<css_light_shared_1>>
+<<css_light_shared_2>>
+<<css_light_shared_3>>
+<<css_light_shared_4>>
+<<css_light_shared_5>>
+<<css_light_shared_6>>
+<<css_light_shared_7>>
+<<css_light_shared_8>>
+<<css_light_shared_9>>
 <<css_light_epub>>
 ┃",
     _color_ocn_light,
@@ -71,7 +123,16 @@ template spineCss() {
     _color_ocn_light,
 );
     string _css_dark_epub = format(q"┃
-<<css_dark_shared>>
+<<css_dark_shared_0>>
+<<css_dark_shared_1>>
+<<css_dark_shared_2>>
+<<css_dark_shared_3>>
+<<css_dark_shared_4>>
+<<css_dark_shared_5>>
+<<css_dark_shared_6>>
+<<css_dark_shared_7>>
+<<css_dark_shared_8>>
+<<css_dark_shared_9>>
 <<css_dark_epub>>
 ┃",
     _color_ocn_dark,
@@ -105,7 +166,7 @@ template spineCss() {
 *** html shared
 **** general
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_0
 #+BEGIN_SRC css
   *{
     padding                  : 0px;
@@ -124,7 +185,7 @@ template spineCss() {
 
 **** link
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_1
 #+BEGIN_SRC css
   a:link {
     color                    : #003399;
@@ -165,7 +226,7 @@ template spineCss() {
 
 **** div
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_2
 #+BEGIN_SRC css
   div {
     margin-left              : 0;
@@ -283,7 +344,7 @@ template spineCss() {
 **** paragraphs headings blocks
 ***** misc
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_3
 #+BEGIN_SRC css
   .norm, .bold, .verse, .group, .block, .alt {
     line-height              : 133%%;
@@ -309,7 +370,7 @@ template spineCss() {
   }
 #+END_SRC
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_4
 #+BEGIN_SRC css
   img {
     max-width                : 100%%;
@@ -319,7 +380,7 @@ template spineCss() {
 
 ***** code block
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_5
 #+BEGIN_SRC css
   pre {
     width                    : auto;
@@ -386,7 +447,7 @@ template spineCss() {
 
 ***** paragraph general
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_6
 #+BEGIN_SRC css
   p.spaced { white-space     : pre; }
   p.block {
@@ -502,14 +563,14 @@ template spineCss() {
 
 ***** paragraph indent
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_7
 #+BEGIN_SRC css
 %s
 #+END_SRC
 
 ***** misc including tables & lists
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_8
 #+BEGIN_SRC css
   note { white-space         : pre; }
   label.ocn {
@@ -578,7 +639,7 @@ template spineCss() {
 
 ***** headings
 
-#+NAME: css_light_shared
+#+NAME: css_light_shared_9
 #+BEGIN_SRC css
   h0, h1, h2, h3, h4, h5, h6, h7 {
     font-weight              : bold;
@@ -683,7 +744,7 @@ template spineCss() {
 *** html seg
 **** previous next
 
-#+NAME: css_light_html_seg
+#+NAME: css_light_html_seg_0
 #+BEGIN_SRC css
   .icon-bar {
     width                    : 100%%;
@@ -763,7 +824,7 @@ template spineCss() {
 
 **** flex
 
-#+NAME: css_light_html_seg
+#+NAME: css_light_html_seg_1
 #+BEGIN_SRC css
   /* flex */
   .flex-menu-bar {
@@ -800,7 +861,7 @@ template spineCss() {
 
 Consider what if anything should be used here
 
-#+NAME: css_light_html_seg
+#+NAME: css_light_html_seg_2
 #+BEGIN_SRC css
   /* grid */
   .wrapper {
@@ -889,7 +950,7 @@ Consider what if anything should be used here
 *** html scroll
 **** flex
 
-#+NAME: css_light_html_scroll
+#+NAME: css_light_html_scroll_0
 #+BEGIN_SRC css
   /* flex */
   .flex-menu-bar {
@@ -924,7 +985,7 @@ Consider what if anything should be used here
 
 **** grid
 
-#+NAME: css_light_html_scroll
+#+NAME: css_light_html_scroll_1
 #+BEGIN_SRC css
   /* grid */
   .wrapper {
@@ -1020,7 +1081,7 @@ Consider what if anything should be used here
 *** html shared
 **** general
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_0
 #+BEGIN_SRC css
   *{
     padding                  : 0px;
@@ -1039,7 +1100,7 @@ Consider what if anything should be used here
 
 **** link
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_1
 #+BEGIN_SRC css
   a:link {
     color                    : #FFFFFF;
@@ -1080,7 +1141,7 @@ Consider what if anything should be used here
 
 **** div
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_2
 #+BEGIN_SRC css
   div {
     margin-left              : 0;
@@ -1198,7 +1259,7 @@ Consider what if anything should be used here
 **** paragraphs headings blocks
 ***** misc
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_3
 #+BEGIN_SRC css
   .norm, .bold, .verse, .group, .block, .alt {
     line-height              : 133%%;
@@ -1224,7 +1285,7 @@ Consider what if anything should be used here
   }
 #+END_SRC
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_4
 #+BEGIN_SRC css
   img {
     max-width                : 100%%;
@@ -1234,7 +1295,7 @@ Consider what if anything should be used here
 
 ***** code block
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_5
 #+BEGIN_SRC css
   pre {
     width                    : auto;
@@ -1300,7 +1361,7 @@ Consider what if anything should be used here
 
 ***** paragraph general
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_6
 #+BEGIN_SRC css
   p.spaced { white-space     : pre; }
   p.block {
@@ -1416,14 +1477,14 @@ Consider what if anything should be used here
 
 ***** paragraph indent
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_7
 #+BEGIN_SRC css
 %s
 #+END_SRC
 
 ***** misc including tables & lists
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_8
 #+BEGIN_SRC css
   note { white-space         : pre; }
   label.ocn {
@@ -1492,7 +1553,7 @@ Consider what if anything should be used here
 
 ***** headings
 
-#+NAME: css_dark_shared
+#+NAME: css_dark_shared_9
 #+BEGIN_SRC css
   h0, h1, h2, h3, h4, h5, h6, h7 {
     font-weight              : bold;
@@ -1597,7 +1658,7 @@ Consider what if anything should be used here
 *** html seg
 **** previous next
 
-#+NAME: css_dark_html_seg
+#+NAME: css_dark_html_seg_0
 #+BEGIN_SRC css
   .icon-bar {
     width                    : 100%%;
@@ -1677,7 +1738,7 @@ Consider what if anything should be used here
 
 **** flex
 
-#+NAME: css_dark_html_seg
+#+NAME: css_dark_html_seg_1
 #+BEGIN_SRC css
   /* flex */
   .flex-menu-bar {
@@ -1714,7 +1775,7 @@ Consider what if anything should be used here
 
 Consider what if anything should be used here
 
-#+NAME: css_dark_html_seg
+#+NAME: css_dark_html_seg_2
 #+BEGIN_SRC css
   /* grid */
   .wrapper {
@@ -1803,7 +1864,7 @@ Consider what if anything should be used here
 *** html scroll
 **** flex
 
-#+NAME: css_dark_html_scroll
+#+NAME: css_dark_html_scroll_0
 #+BEGIN_SRC css
   /* flex */
   .flex-menu-bar {
@@ -1838,7 +1899,7 @@ Consider what if anything should be used here
 
 **** grid
 
-#+NAME: css_dark_html_scroll
+#+NAME: css_dark_html_scroll_1
 #+BEGIN_SRC css
   /* grid */
   .wrapper {