Update templates to use blocks plugin

Author: facelessuser

ch_util.py

@@ -95,13 +95,14 @@ class Color(Base):
         "allow_code_wrap": False,
         "language_map": lang_map,
         "markdown_extensions": [
-            "markdown.extensions.admonition",
             "markdown.extensions.attr_list",
             "markdown.extensions.def_list",
             "markdown.extensions.md_in_html",
             "pymdownx.inlinehilite",
             "pymdownx.betterem",
-            "pymdownx.magiclink"
+            "pymdownx.magiclink",
+            "pymdownx.blocks.admonition",
+            "pymdownx.blocks.html"
         ]
     }
 )

panels/color-picker-channel.html.j2

@@ -1,9 +1,9 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;]({{plugin.cancel}}){.close}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {{plugin.hires_color}}
 
 {{plugin.channel_hires}}
-</div>
+///

panels/color-picker-names.html.j2

@@ -1,9 +1,9 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;]({{plugin.cancel}}){.close}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 ## CSS Color Names
 
 {{plugin.channel_names}}
-</div>
+///

panels/color-picker.html.j2

@@ -1,10 +1,10 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;]({{plugin.cancel}}){.close}
 [CSS Color Names](__colornames__)
 [Tools](__tools__)
-</div>
+///
 
-<div class="panel center" markdown="1">
+/// html | div.panel.center
 {% if plugin.box_control %}
 {{plugin.color_picker}}
 {% else %}
@@ -34,8 +34,8 @@
 {% endfor %}
 
 ---
-</div>
+///
 
-<div class="panel buttons" markdown="1">
+/// html | div.panel.buttons
 [Select](__insert__:{{plugin.color_value}}){: .button .left}
-</div>
+///

panels/colors.html.j2

@@ -1,4 +1,4 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 {% if plugin.delete %}
 [&#215;]({{plugin.back}}:{{plugin.palette_type}}:{{plugin.palette_name}}){.close}
 {%- else %}
@@ -7,9 +7,9 @@
 {%- if plugin.show_delete_menu %}
 [Delete](__delete_colors__:{{plugin.palette_type}}:{{plugin.palette_name}})
 {% endif %}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {%- if plugin.delete %}
 Click the color to delete.
 
@@ -18,4 +18,4 @@ Click the color to delete.
 {%- endif %}
 
 {{plugin.colors}}
-</div>
+///

panels/info.html.j2

@@ -1,4 +1,4 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;](__close__){ .close}
 {%- if plugin.show_picker_menu %}
 [Picker](__color_picker__:{{plugin.generic_color}})
@@ -7,9 +7,9 @@
 [Palettes](__palettes__)
 {%- endif %}
 [Tools](__tools__:{{plugin.edit_color}})
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {%- if plugin.click_color_picker %}
 [{{plugin.color_preview}}](__color_picker__:{{plugin.generic_color}})
 {%- elif plugin.click_color_edit %}
@@ -34,4 +34,4 @@
 
 [Convert](__insert__:{{plugin.generic_color}}:__info__){ .button}
 {{plugin.current_color}}
-</div>
+///

panels/insert.html.j2

@@ -1,4 +1,4 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 {% if plugin.dialog_type not in ("__info__", "__color_picker__") and not plugin.dialog_type.startswith('__tool__:') %}
 [&#215;](__colors__:{{plugin.dialog_type}}:{{plugin.palette_name}}){.close}
 {% elif plugin.dialog_type == "__info__" %}
@@ -8,11 +8,11 @@
 {% else %}
 [&#215;]({{plugin.dialog_type}}:{{plugin.tool_color}}){.close}
 {% endif %}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {% for output in plugin.outputs %}
 [Insert](__convert__:{{output[0]}}){: .button} [Copy](__copy__:{{output[0]}}){.button} {{output[1]}} 
 
 {% endfor %}
-</div>
+///

panels/palettes.html.j2

@@ -1,4 +1,4 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;]({{plugin.back_target}}){.close}
 {%- if plugin.show_delete_menu %}
 [Delete](__delete__palettes__)
@@ -14,9 +14,9 @@
 [New Project Palette](__create_palette__:__project__:{{plugin.color}})
   {%- endif %}
 {%- endif %}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {%- if plugin.show_delete_ui %}
 
 ## Delete Palete {.center}
@@ -30,9 +30,9 @@
 ## View palette {.center}
 
 {%- endif %}
-</div>
+///
 
-<div class="panel center palettes" markdown="1">
+/// html | div.panel.center.palettes
 {%- if plugin.show_favorite_palette %}
 ---
 
@@ -52,4 +52,4 @@
 {{palette}}
 
 {% endfor %}
-</div>
+///

panels/tools.html.j2

@@ -1,10 +1,10 @@
-<div class="menu" markdown="1">
+/// html | div.menu
 [&#215;]({{plugin.back_target}}){.close}
-</div>
+///
 
-<div class="panel" markdown="1">
+/// html | div.panel
 {% for name, tool in plugin.tools %}
 [Open]({{tool}}){ .button} {{name}} 
 
 {% endfor %}
-</div>
+///