Added module categories and other Builder fixes

_data/modules.csv

@@ -1,63 +1,63 @@
-name,id,description, url,source
-Approval voting,approval_voting,,https://democraticmediums.info/mediums/approval_voting/,Democratic Mediums
-Audit,audit,,https://democraticmediums.info/mediums/audit/,Democratic Mediums
-Autocratic,autocratic,,https://thedecider.app/autocratic-decision-making,The Decider
-Avoidant,avoidant,,https://thedecider.app/avoidant-decision-making,The Decider
-Board,board,,https://democraticmediums.info/mediums/board/,Democratic Mediums
-Bureaucracy,bureaucracy,,https://democraticmediums.info/mediums/bureaucracy/,Democratic Mediums
-Canvassing,canvassing,,https://democraticmediums.info/mediums/canvassing/,Democratic Mediums
-Caucus,caucus,,https://democraticmediums.info/mediums/caucus/,Democratic Mediums
-Coalition,coalition,,https://democraticmediums.info/mediums/coalition/,Democratic Mediums
-Condorcet,condorcet,,https://democraticmediums.info/mediums/condorcet/,Democratic Mediums
-Consensus,consensus,,https://thedecider.app/consensus-decision-making,The Decider
-Consensus process,consensus,,https://democraticmediums.info/mediums/consensus/,Democratic Mediums
-Consent,consent,,https://thedecider.app/consent-decision-making,The Decider
-Constitution,constitution,,https://democraticmediums.info/mediums/constitution/,Democratic Mediums
-Consultative,consultative,,https://thedecider.app/consultative-decision-making,The Decider
-Continuous voting,continuous_voting,,https://democraticmediums.info/mediums/continuous_voting/,Democratic Mediums
-Debate,debate,,https://democraticmediums.info/mediums/debate/,Democratic Mediums
-Delegation,delegation,,https://democraticmediums.info/mediums/delegation/,Democratic Mediums
-Delegation,delegation,,https://thedecider.app/delegation-decision-making,The Decider
-Democratic,democratic,,https://thedecider.app/democratic-decision-making,The Decider
-Disapproval voting,disapproval_voting,,https://democraticmediums.info/mediums/disapproval_voting/,Democratic Mediums
-Do-ocracy,do-ocracy,,https://democraticmediums.info/mediums/do-ocracy/,Democratic Mediums
-Eloquence,eloquence,,https://democraticmediums.info/mediums/eloquence/,Democratic Mediums
-Exclusion,exclusion,,https://democraticmediums.info/mediums/exclusion/,Democratic Mediums
-Fact Finding,fact_finding,,https://democraticmediums.info/mediums/fact_finding/,Democratic Mediums
-Federation,federation,,https://democraticmediums.info/mediums/federation/,Democratic Mediums
-Friendship,friendship,,https://democraticmediums.info/mediums/friendship/,Democratic Mediums
-Holographic consensus,holographic_consensus,,https://democraticmediums.info/mediums/holographic_consensus/,Democratic Mediums
-Judiciary,judiciary,,https://democraticmediums.info/mediums/judiciary/,Democratic Mediums
-Lazy consensus,lazy_consensus,,https://democraticmediums.info/mediums/lazy_consensus/,Democratic Mediums
-Lobbying,lobbying,,https://democraticmediums.info/mediums/lobbying/,Democratic Mediums
-Lottery voting,lottery_voting,,https://democraticmediums.info/mediums/lottery_voting/,Democratic Mediums
-Majority voting,majority_voting,,https://democraticmediums.info/mediums/majority_voting/,Democratic Mediums
-Membership,membership,,https://democraticmediums.info/mediums/membership/,Democratic Mediums
-Multicameralism,multicameralism,,https://democraticmediums.info/mediums/multicameralism/,Democratic Mediums
-Ownership,ownership,,https://democraticmediums.info/mediums/ownership/,Democratic Mediums
-Petition,petition,,https://democraticmediums.info/mediums/petition/,Democratic Mediums
-Platform,platform,,https://democraticmediums.info/mediums/platform/,Democratic Mediums
-Polling,polling,,https://democraticmediums.info/mediums/polling/,Democratic Mediums
-Precedent,precedent,,https://democraticmediums.info/mediums/precedent/,Democratic Mediums
-Proof of work,proof_of_work,,https://democraticmediums.info/mediums/proof_of_work/,Democratic Mediums
-Proportional representation,proportional_representation,,https://democraticmediums.info/mediums/proportional_representation/,Democratic Mediums
-Quadratic voting,quadratic_voting,,https://democraticmediums.info/mediums/quadratic_voting/,Democratic Mediums
-Range voting,range_voting,,https://democraticmediums.info/mediums/range_voting/,Democratic Mediums
-Ranked choice,ranked_choice,,https://democraticmediums.info/mediums/ranked_choice/,Democratic Mediums
-Recess,recess,,https://democraticmediums.info/mediums/recess/,Democratic Mediums
-Referendum,referendum,,https://democraticmediums.info/mediums/referendum/,Democratic Mediums
-Refusal,refusal,,https://democraticmediums.info/mediums/refusal/,Democratic Mediums
-Representation,representation,,https://democraticmediums.info/mediums/representation/,Democratic Mediums
-Reputation,reputation,,https://democraticmediums.info/mediums/reputation/,Democratic Mediums
-Restorative justice,restorative_justice,,https://democraticmediums.info/mediums/restorative_justice/,Democratic Mediums
-Ritual,ritual,,https://democraticmediums.info/mediums/ritual/,Democratic Mediums
-Rough consensus,rough_consensus,,https://democraticmediums.info/mediums/rough_consensus/,Democratic Mediums
-Secrecy,secrecy,,https://democraticmediums.info/mediums/secrecy/,Democratic Mediums
-Secret ballot,secret_ballot,,https://democraticmediums.info/mediums/secret_ballot/,Democratic Mediums
-Separation of powers,separation_of_powers,,https://democraticmediums.info/mediums/separation_of_powers/,Democratic Mediums
-Solidarity,solidarity,,https://democraticmediums.info/mediums/solidarity/,Democratic Mediums
-Sortition,sortition,,https://democraticmediums.info/mediums/sortition/,Democratic Mediums
-Stake weight,stake_weight,,https://democraticmediums.info/mediums/stake_weight/,Democratic Mediums
-Stochastic,stochastic,,https://thedecider.app/stochastic-decision-making,The Decider
-Term limits,term_limit,,https://democraticmediums.info/mediums/term_limit/,Democratic Mediums
-Transparency,transparency,,https://democraticmediums.info/mediums/transparency/,Democratic Mediums
+name,id,description,url,source,type
+Board,board,,https://democraticmediums.info/mediums/board/,Democratic Mediums,structure
+Bureaucracy,bureaucracy,,https://democraticmediums.info/mediums/bureaucracy/,Democratic Mediums,structure
+Federation,federation,,https://democraticmediums.info/mediums/federation/,Democratic Mediums,structure
+Judiciary,judiciary,,https://democraticmediums.info/mediums/judiciary/,Democratic Mediums,structure
+Multicameralism,multicameralism,,https://democraticmediums.info/mediums/multicameralism/,Democratic Mediums,structure
+Platform,platform,,https://democraticmediums.info/mediums/platform/,Democratic Mediums,structure
+Separation of powers,separation_of_powers,,https://democraticmediums.info/mediums/separation_of_powers/,Democratic Mediums,structure
+Audit,audit,,https://democraticmediums.info/mediums/audit/,Democratic Mediums,process
+Canvassing,canvassing,,https://democraticmediums.info/mediums/canvassing/,Democratic Mediums,process
+Caucus,caucus,,https://democraticmediums.info/mediums/caucus/,Democratic Mediums,process
+Coalition,coalition,,https://democraticmediums.info/mediums/coalition/,Democratic Mediums,process
+Consensus process,consensus,,https://democraticmediums.info/mediums/consensus/,Democratic Mediums,process
+Constitution,constitution,,https://democraticmediums.info/mediums/constitution/,Democratic Mediums,process
+Debate,debate,,https://democraticmediums.info/mediums/debate/,Democratic Mediums,process
+Delegation,delegation,,https://democraticmediums.info/mediums/delegation/,Democratic Mediums,process
+Do-ocracy,do-ocracy,,https://democraticmediums.info/mediums/do-ocracy/,Democratic Mediums,process
+Eloquence,eloquence,,https://democraticmediums.info/mediums/eloquence/,Democratic Mediums,process
+Exclusion,exclusion,,https://democraticmediums.info/mediums/exclusion/,Democratic Mediums,process
+Fact Finding,fact_finding,,https://democraticmediums.info/mediums/fact_finding/,Democratic Mediums,process
+Lobbying,lobbying,,https://democraticmediums.info/mediums/lobbying/,Democratic Mediums,process
+Membership,membership,,https://democraticmediums.info/mediums/membership/,Democratic Mediums,process
+Ownership,ownership,,https://democraticmediums.info/mediums/ownership/,Democratic Mediums,process
+Petition,petition,,https://democraticmediums.info/mediums/petition/,Democratic Mediums,process
+Polling,polling,,https://democraticmediums.info/mediums/polling/,Democratic Mediums,process
+Precedent,precedent,,https://democraticmediums.info/mediums/precedent/,Democratic Mediums,process
+Proof of work,proof_of_work,,https://democraticmediums.info/mediums/proof_of_work/,Democratic Mediums,process
+Proportional representation,proportional_representation,,https://democraticmediums.info/mediums/proportional_representation/,Democratic Mediums,process
+Refusal,refusal,,https://democraticmediums.info/mediums/refusal/,Democratic Mediums,process
+Representation,representation,,https://democraticmediums.info/mediums/representation/,Democratic Mediums,process
+Reputation,reputation,,https://democraticmediums.info/mediums/reputation/,Democratic Mediums,process
+Restorative justice,restorative_justice,,https://democraticmediums.info/mediums/restorative_justice/,Democratic Mediums,process
+Sortition,sortition,,https://democraticmediums.info/mediums/sortition/,Democratic Mediums,process
+Stake weight,stake_weight,,https://democraticmediums.info/mediums/stake_weight/,Democratic Mediums,process
+Term limits,term_limit,,https://democraticmediums.info/mediums/term_limit/,Democratic Mediums,process
+Approval voting,approval_voting,,https://democraticmediums.info/mediums/approval_voting/,Democratic Mediums,decision
+Autocratic,autocratic,,https://thedecider.app/autocratic-decision-making,The Decider,decision
+Avoidant,avoidant,,https://thedecider.app/avoidant-decision-making,The Decider,decision
+Condorcet,condorcet,,https://democraticmediums.info/mediums/condorcet/,Democratic Mediums,decision
+Consensus,consensus,,https://thedecider.app/consensus-decision-making,The Decider,decision
+Consent,consent,,https://thedecider.app/consent-decision-making,The Decider,decision
+Consultative,consultative,,https://thedecider.app/consultative-decision-making,The Decider,decision
+Continuous voting,continuous_voting,,https://democraticmediums.info/mediums/continuous_voting/,Democratic Mediums,decision
+Delegation,delegation,,https://thedecider.app/delegation-decision-making,The Decider,decision
+Democratic,democratic,,https://thedecider.app/democratic-decision-making,The Decider,decision
+Disapproval voting,disapproval_voting,,https://democraticmediums.info/mediums/disapproval_voting/,Democratic Mediums,decision
+Holographic consensus,holographic_consensus,,https://democraticmediums.info/mediums/holographic_consensus/,Democratic Mediums,decision
+Lazy consensus,lazy_consensus,,https://democraticmediums.info/mediums/lazy_consensus/,Democratic Mediums,decision
+Lottery voting,lottery_voting,,https://democraticmediums.info/mediums/lottery_voting/,Democratic Mediums,decision
+Majority voting,majority_voting,,https://democraticmediums.info/mediums/majority_voting/,Democratic Mediums,decision
+Quadratic voting,quadratic_voting,,https://democraticmediums.info/mediums/quadratic_voting/,Democratic Mediums,decision
+Range voting,range_voting,,https://democraticmediums.info/mediums/range_voting/,Democratic Mediums,decision
+Ranked choice,ranked_choice,,https://democraticmediums.info/mediums/ranked_choice/,Democratic Mediums,decision
+Referendum,referendum,,https://democraticmediums.info/mediums/referendum/,Democratic Mediums,decision
+Rough consensus,rough_consensus,,https://democraticmediums.info/mediums/rough_consensus/,Democratic Mediums,decision
+Secret ballot,secret_ballot,,https://democraticmediums.info/mediums/secret_ballot/,Democratic Mediums,decision
+Stochastic,stochastic,,https://thedecider.app/stochastic-decision-making,The Decider,decision
+Friendship,friendship,,https://democraticmediums.info/mediums/friendship/,Democratic Mediums,culture
+Recess,recess,,https://democraticmediums.info/mediums/recess/,Democratic Mediums,culture
+Ritual,ritual,,https://democraticmediums.info/mediums/ritual/,Democratic Mediums,culture
+Secrecy,secrecy,,https://democraticmediums.info/mediums/secrecy/,Democratic Mediums,culture
+Solidarity,solidarity,,https://democraticmediums.info/mediums/solidarity/,Democratic Mediums,culture
+Transparency,transparency,,https://democraticmediums.info/mediums/transparency/,Democratic Mediums,culture

_layouts/rule.html

@@ -30,7 +30,14 @@ layout: default
       if (module.parentElement.id == "module-menu") {
           module = module.cloneNode(true);
           // Add a corresponding text field
-          var name = module.innerHTML.replace(/(<([^>]+)>)/ig,'');
+          var name = null;
+          if (module.id == "module-custom") {
+              // For custom modules:
+              name = module.getElementsByTagName("input")[0].value;
+          } else {
+              // For predefined modules
+              name = module.innerHTML.replace(/(<([^>]+)>)/ig,'');
+          }
           var query = "Explain how the <strong>" + name + "</strong> module works.";
           addField(query);
       }
@@ -419,7 +426,7 @@ layout: default
           <!-- Customizable module -->
           <span class="module" id="module-custom"
                 draggable="true" ondragstart="drag(event)">
-			<input contenteditable="true" placeholder="Custom..." />
+			<input contenteditable="true" placeholder="Custom..."/>
             <img src="{% link assets/tabler_icons/bulb.svg %}"
                  draggable="false" />
 		    <a onclick="this.parentNode.remove()" class="delete-module"
@@ -428,15 +435,23 @@ layout: default
 		  </span>
 		  <!-- Load preset modules from _data/modules.csv -->
 		  {% for module in site.data.modules %}
-		  <span class="module fixed" id="module-{{ module.id }}"
+		  <span class="module" id="module-{{ module.id }}"
 			  draggable="true" ondragstart="drag(event)">
 		    <span>{{ module.name }}</span>
-		  <a target="_blank" href="{{ module.url }}" class="module-link">
-			<img src="{% link assets/tabler_icons/link.svg %}"
-				 draggable="false" /></a>
-		  <a onclick="this.parentNode.remove()" class="delete-module"
-			 style="display:none">
-			<img src="{% link assets/tabler_icons/x.svg %}" /></a>
+            <a target="_blank" href="{{ module.url }}" class="module-link">
+              <img title="{{ module.type }}" draggable="false" 
+                   {% if module.type == "structure" %}
+                   src="{% link assets/tabler_icons/building.svg %}" {% endif %}
+                   {% if module.type == "process" %}
+                   src="{% link assets/tabler_icons/rotate.svg %}" {% endif %}
+                   {% if module.type == "decision" %}
+                   src="{% link assets/tabler_icons/thumb-up.svg %}" {% endif %}
+                   {% if module.type == "culture" %}
+                   src="{% link assets/tabler_icons/palette.svg %}" {% endif %}
+                   /></a>
+		    <a onclick="this.parentNode.remove()" class="delete-module"
+			   style="display:none">
+			  <img src="{% link assets/tabler_icons/x.svg %}" /></a>
 		  </span>
           {% endfor %}
         </div>

_sass/communityrule.scss

@@ -68,7 +68,6 @@
     position: relative;
     display: block;
     border: 1px solid lightgray;
-    background-color: white;
     border-radius: 6px;
     padding: 10px 10px 10px 10px;
     margin-bottom: 15px;
@@ -89,6 +88,7 @@
     font-size: .8em;
     cursor: pointer;
 }
+
 .module:hover {
     border-color: gray;
 }