Added icons to Rule subheads

_layouts/rule.html

@@ -40,6 +40,10 @@ layout: default
 .button:hover .tooltiptext {
     visibility: visible;
   }
+.icons {
+    /* icons are from https://iconmonstr.com */
+    margin: 0 5px 0 0;
+}
 /* IDs */
 #rulebox {
     border: 1px solid lightgray;
@@ -147,7 +151,10 @@ layout: default
 
   <h1 contenteditable="true" class="editable" id="name">{{ page.community-name }}</h1>
 
-  <h2 id="basics">Basics
+  <h2 id="basics">
+    <img src="{% link assets/icons/iconmonstr-construction-11.svg %}"
+         class="icons" />
+    Basics
     <button onclick="toggleVisible('s1')" class="button"> + </button>
   </h2>
   <div class="section" id="s1" style="display:none">
@@ -172,7 +179,10 @@ layout: default
 
   </div><!--hiding section s1-->
 
-  <h2 id="participants">Participants
+  <h2 id="participants">
+    <img src="{% link assets/icons/iconmonstr-friend-3.svg %}"
+         class="icons" />
+    Participants
     <button onclick="toggleVisible('s2')" class="button"> + </button>
   </h2>
   <div class="section" id="s2" style="display:none">
@@ -189,7 +199,10 @@ layout: default
 
   </div><!--hiding section s2-->
   
-  <h2 id="stewards">Stewards
+  <h2 id="stewards">
+    <img src="{% link assets/icons/iconmonstr-crown-19.svg %}"
+         class="icons" />
+    Stewards
     <button onclick="toggleVisible('s3')" class="button"> + </button>
   </h2>
   <div class="section" id="s3" style="display:none">
@@ -227,7 +240,10 @@ layout: default
 
   </div><!--hiding section s3-->
   
-  <h2 id="evolution">Evolution
+  <h2 id="evolution">
+    <img src="{% link assets/icons/iconmonstr-process-1.svg %}"
+         class="icons" />
+    Evolution
     <button onclick="toggleVisible('s4')" class="button"> + </button>
   </h2>
   <div class="section" id="s4" style="display:none">

assets/icons/iconmonstr-construction-11.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M7.163 14.762l-.317-.487c-.362-.555.477-1.1.838-.546l.321.494 1.691-1.082-4.646-2.61.421 5.313 1.692-1.082zm3.956 5.266c-.572.367-1.231.11-1.515-.333l-1.45-2.268c-.233-.363-.214-.807-.005-1.152l-.44-.675-2.401 1.535c-.316.203-.738-.005-.769-.382l-.56-7.077c-.032-.396.392-.671.744-.476l6.19 3.478c.328.184.342.653.024.857l-2.386 1.526.456.698c.385-.025.772.139.994.486l1.451 2.268c.367.573.108 1.232-.333 1.515zm4.406-6.148c-2.613-1.414-3.078-3.458-3.452-5.1-.439-1.929-.729-3.204-4.388-3.544-2.95-.272-4.71-.535-6.685-1.977v18.741h16.676c.648-2.423.862-6.491-2.151-8.12zm1.475-1.88h7v5h-5.142c.072.33.122.664.155 1h.987v5h-20v-22h7v3.168l1 .098v-3.266h7.5v4h-4.683c.547.281.947.618 1.243 1h7.94v5h-6.123c.197.346.446.681.764 1h1.359v1c.378.205.703.448 1 .707v-1.707zm4-1h3v-5h-3v5zm-4-6h7v-4h-7v4zm4 13h3v5h-3v-5z"/></svg>

assets/icons/iconmonstr-crown-19.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22 20v3h-20v-3h20zm0-17c-1.5 0-2.662 1.685-1.598 3.194.535.759.406 1.216.045 1.749-.765 1.127-1.872 2.057-3.447 2.057-2.522 0-3.854-2.083-4.131-3.848-.096-.614-.15-1.074.436-1.644.496-.481.826-1.151.645-1.947-.196-.857-.963-1.561-1.95-1.561-1.104 0-2 .896-2 2 0 .605.293 1.118.695 1.508.586.57.531 1.03.436 1.644-.278 1.764-1.61 3.848-4.131 3.848-1.575 0-2.682-.93-3.447-2.058-.362-.532-.491-.989.045-1.748 1.064-1.509-.098-3.194-1.598-3.194-1.104 0-2 .896-2 2 0 .797.464 1.495 1.144 1.808.825.379.856 1.317.856 2.171v9.021h20v-9.021c0-.854.031-1.792.856-2.171.68-.313 1.144-1.011 1.144-1.808 0-1.104-.897-2-2-2z"/></svg>

assets/icons/iconmonstr-friend-3.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M4.781 24h-.001c-.603 0-1.097-.475-1.123-1.079-.129-3.12-.492-11.95-.492-11.95l-1.716 3.106c-.186.339-.593.486-.953.347l-.001-.001c-.304-.118-.495-.407-.495-.72l.029-.21 1.659-5.856c.163-.574.687-.97 1.284-.97h18.056c.597 0 1.121.396 1.284.97l1.659 5.856.029.21c0 .313-.191.602-.495.72l-.001.001c-.36.139-.767-.008-.953-.347l-1.716-3.106s-.363 8.83-.492 11.95c-.026.604-.52 1.079-1.123 1.079h-.001c-.591 0-1.075-.459-1.12-1.047-.102-1.297-.374-4.4-.456-5.628-.034-.51-.407-.81-.812-.81-.363 0-.771.3-.804.81-.083 1.228-.355 4.331-.456 5.628-.046.588-.53 1.047-1.12 1.047h-.002c-.602 0-1.097-.475-1.122-1.079-.13-3.12-.644-12.921-.644-12.921h-1.348s-.532 9.801-.662 12.921c-.025.604-.52 1.079-1.122 1.079h-.002c-.59 0-1.074-.459-1.12-1.047-.101-1.297-.373-4.4-.456-5.628-.033-.51-.441-.81-.804-.81-.405 0-.778.3-.812.81-.082 1.228-.354 4.331-.456 5.628-.045.588-.529 1.047-1.12 1.047zm2.384-24c1.656 0 3 1.344 3 3s-1.344 3-3 3c-1.655 0-3-1.344-3-3s1.345-3 3-3zm9.67 0c-1.656 0-3 1.344-3 3s1.344 3 3 3c1.655 0 3-1.344 3-3s-1.345-3-3-3z"/></svg>

assets/icons/iconmonstr-process-1.svg

@@ -0,0 +1 @@
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 19h-1v-2.2c-1.853 4.237-6.083 7.2-11 7.2-6.623 0-12-5.377-12-12h1c0 6.071 4.929 11 11 11 4.66 0 8.647-2.904 10.249-7h-2.249v-1h4v4zm-11.036 0h-1.886c-.34-.957-.437-1.571-1.177-1.878h-.001c-.743-.308-1.251.061-2.162.494l-1.333-1.333c.427-.899.804-1.415.494-2.163-.308-.74-.926-.839-1.878-1.177v-1.886c.954-.339 1.57-.437 1.878-1.178.308-.743-.06-1.248-.494-2.162l1.333-1.333c.918.436 1.421.801 2.162.494l.001-.001c.74-.307.838-.924 1.177-1.877h1.886c.34.958.437 1.57 1.177 1.877l.001.001c.743.308 1.252-.062 2.162-.494l1.333 1.333c-.435.917-.801 1.421-.494 2.161v.001c.307.739.915.835 1.878 1.178v1.886c-.953.338-1.571.437-1.878 1.178-.308.743.06 1.249.494 2.162l-1.333 1.333c-.92-.438-1.42-.802-2.157-.496-.746.31-.844.926-1.183 1.88zm-.943-4.667c-1.289 0-2.333-1.044-2.333-2.333 0-1.289 1.044-2.334 2.333-2.334 1.289 0 2.333 1.045 2.333 2.334 0 1.289-1.044 2.333-2.333 2.333zm-8.021-5.333h-4v-4h1v2.2c1.853-4.237 6.083-7.2 11-7.2 6.623 0 12 5.377 12 12h-1c0-6.071-4.929-11-11-11-4.66 0-8.647 2.904-10.249 7h2.249v1z"/></svg>