Various changes to rule.html arrangement and formatting, made about.md into a rule.html-based page

_layouts/rule.html

@@ -3,17 +3,18 @@ layout: default
 ---
 
 <style type="text/css">
-  .editable {
+/* CLASSES */
+.editable {
     padding: 10px 10px 10px 10px;
     min-height: 1.5em;
     font-family: serif;
     border: 1px dashed gray;
-  }
-  .question {
+}
+.question {
     color: gray;
-  }
+}
   /* TOOLTIP https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_right */
-  .button {
+.button {
   position: relative;
   display: inline-block;
   float: right;
@@ -22,7 +23,7 @@ layout: default
   text-align: center;
   border-radius: 6px;
   padding: 0 5px 0 5px;
-  }
+}
 .button .tooltiptext {
   visibility: hidden;
   width: 250px;
@@ -35,16 +36,18 @@ layout: default
   z-index: 1;
   top: -5px;
   left: 105%;
-  }
+}
 .button:hover .tooltiptext {
     visibility: visible;
   }
-
+/* IDs */
 #editToggle {
-    float: right;
-    clear: both;
-}    
-
+  float: right;
+  clear: both;
+}
+#basicstructure {
+  font-size: 1.3em;
+}
 </style>
 
 <script>
@@ -102,14 +105,13 @@ layout: default
 
   var editMode = true;
   window.onload = function() {
-      if (window.location.href.indexOf("/rules/") != -1) {
+      if ((window.location.href.indexOf("/rules/") != -1) ||
+          (window.location.href.indexOf("/about/") != -1)) {
           toggleEditMode();
       }
   }
-  
 </script>
 
-
 <article class="post">
 
   <header class="post-header">
@@ -138,92 +140,80 @@ layout: default
 
   <h1 contenteditable="true" class="editable">{{ page.community-name }}</h1>
 
-  <h2 id="purpose">Purpose
+  <h2 id="basics">Basics
     <button onclick="toggleVisible('s1')" class="button"> + </button>
   </h2>
-
   <div class="section" id="s1" style="display:none">
   
-  <span class="question">What is the community’s mission?</span>
-
-  <p contenteditable="true" class="editable">{{ page.mission }}</p>
+    <span class="question">What is the basic structure of the community?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/federation/">federation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/membership/">membership</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/multicameralism/">multicameralism</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ritual/">ritual</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/separation_of_powers/">separation of powers</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/stake_weight/">stake weight</a></span>
+    </div>
+    <p contenteditable="true" class="editable" id="basicstructure">{{ page.structure }}</p>
 
-  <span class="question">What core values does it hold?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/secrecy/">secrecy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/solidarity/">solidarity</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/transparency/">transparency</a></span>
-  </div>
-  
-  <p contenteditable="true" class="editable">{{ page.values }}</p>
-  
-  <span class="question">What is the basic structure of the community?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/federation/">federation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/membership/">membership</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/multicameralism/">multicameralism</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ritual/">ritual</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/separation_of_powers/">separation of powers</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/stake_weight/">stake weight</a></span>
-  </div>
+    <span class="question">What is the community’s mission?</span>
+    <p contenteditable="true" class="editable">{{ page.mission }}</p>
 
-  <p contenteditable="true" class="editable">{{ page.structure }}</p>
+    <span class="question">What core values does it hold?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/secrecy/">secrecy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/solidarity/">solidarity</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/transparency/">transparency</a></span>
+    </div>
+    <p contenteditable="true" class="editable">{{ page.values }}</p>
   
-  <span class="question">What are the basic rights that this Rule guarantees?</span>
-
-  <p contenteditable="true" class="editable">{{ page.rights }}</p>
+    <span class="question">What are the basic rights that this Rule guarantees?</span>
+    <p contenteditable="true" class="editable">{{ page.rights }}</p>
 
   </div><!--hiding section s1-->
 
-  <h2 id="members">Members
+  <h2 id="participants">Participants
     <button onclick="toggleVisible('s2')" class="button"> + </button>
   </h2>
-
   <div class="section" id="s2" style="display:none">
-  
-  <span class="question">How does someone become a member?</span>
 
-  <p contenteditable="true" class="editable">{{ page.membership }}</p>
+    <span class="question">How does someone become a member?</span>
+    <p contenteditable="true" class="editable">{{ page.membership }}</p>
   
-  <span class="question">How are members suspended or removed?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a></span>
-  </div>
+    <span class="question">How are members suspended or removed?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a></span>
+    </div>
   
-  <p contenteditable="true" class="editable">{{ page.removal }}</p>
+    <p contenteditable="true" class="editable">{{ page.removal }}</p>
 
   </div><!--hiding section s2-->
   
   <h2 id="stewards">Stewards
     <button onclick="toggleVisible('s3')" class="button"> + </button>
   </h2>
-
   <div class="section" id="s3" style="display:none">
-  
+ 
     <span class="question">Who has the capacity to decide on our policies, and how do they do so?</span>
     <div class="button">Modules
       <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/disapproval_voting/">disapproval voting</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/do-ocracy/">do-ocracy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/holographic_consensus/">holographic consensus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/referendum/">referendum</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/representation/">representation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/sortition/">sortition</a></span>
     </div>
-
     <p contenteditable="true" class="editable">{{ page.decision }}</p>
   
     <span class="question">Where do stewards and community members deliberate about potential policies?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/caucus/">caucus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/coalition/">coalition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/debate/">debate</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lobbying/">lobbying</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/recess/">recess</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/secrecy/">secrecy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/transparency/">transparency</a></span>
-  </div>
-  
-  <p contenteditable="true" class="editable">{{ page.deliberation }}</p>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/caucus/">caucus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/coalition/">coalition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/debate/">debate</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lobbying/">lobbying</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/recess/">recess</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/secrecy/">secrecy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/transparency/">transparency</a></span>
+    </div>
+    <p contenteditable="true" class="editable">{{ page.deliberation }}</p>
 
-  <span class="question">How are policies implemented?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lazy_consensus/">lazy consensus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/restorative_justice/">restorative justice</a></span>
-  </div>
-  
-  <p contenteditable="true" class="editable">{{ page.implementation }}</p>
-  
-  <span class="question">Who oversees the implementation of the agreements?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/disapproval_voting/">disapproval voting</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/judiciary/">jury</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/precedent/">precedent</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/refusal/">refusal</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/rough_consensus/">rough consensus</a></span>
-  </div>
+    <span class="question">How are policies implemented?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lazy_consensus/">lazy consensus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/restorative_justice/">restorative justice</a></span>
+    </div>
+    <p contenteditable="true" class="editable">{{ page.implementation }}</p>
   
-  <p contenteditable="true" class="editable">{{ page.oversight }}</p>
+    <span class="question">Who oversees the implementation of the agreements?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/disapproval_voting/">disapproval voting</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/judiciary/">jury</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/precedent/">precedent</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/refusal/">refusal</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/rough_consensus/">rough consensus</a></span>
+    </div>
+    <p contenteditable="true" class="editable">{{ page.oversight }}</p>
   
-  <span class="question">How are each of the stewardship roles determined and limited?</span>
-  <div class="button">Modules
-    <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/fact_finding/">fact-finding</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ranked_choice/">ranked choice</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/representation/">representation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/sortition/">sortition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/term_limit/">term limits</a></span>
+    <span class="question">How are each of the stewardship roles determined and limited?</span>
+    <div class="button">Modules
+      <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/fact_finding/">fact-finding</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ranked_choice/">ranked choice</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/representation/">representation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/sortition/">sortition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/term_limit/">term limits</a></span>
   </div>
   
   <p contenteditable="true" class="editable">{{ page.limits }}</p>
@@ -233,16 +223,13 @@ layout: default
   <h2 id="evolution">Evolution
     <button onclick="toggleVisible('s4')" class="button"> + </button>
   </h2>
-
   <div class="section" id="s4" style="display:none">
 
-  <span class="question">Where do we maintain our policies and records?</span>
+    <span class="question">Where do we maintain our policies and records?</span>
+    <p contenteditable="true" class="editable">{{ page.records }}</p>
 
-  <p contenteditable="true" class="editable">{{ page.records }}</p>
-
-  <span class="question">How can this Rule be modified?</span>
-  
-  <p contenteditable="true" class="editable">{{ page.modification }}</p>
+    <span class="question">How can this Rule be modified?</span>
+    <p contenteditable="true" class="editable">{{ page.modification }}</p>
 
   </div><!--hiding section s4-->
   

about.md

@@ -1,30 +1,25 @@
 ---
-layout: page
+layout: rule
 title: About
 permalink: /about/
----
-
-## Purpose
-
-Too many of our communities, especially online, adopt default governance practices based on top-down "[implicit feudalism](https://osf.io/gxu3a/?view_only=11c9e93011df4865951f2056a64f5938)"—relying on admins or moderators, lacking even basic features of small-scale democracy. The purpose of CommunityRule is to help communities establish democratic norms for decision-making, stewardship, and culture.
-
-This is a very preliminary prototype. Its eventual purpose is to do for governance what the [Contributor Covenant](https://www.contributor-covenant.org/) has done for shared norms—enable simple, drag-and-drop adoption of common-sense community tools. Since communities have diverse governance needs, however, a one-size-fits-all approach will not suffice. The goal is for communities to easily and intuitively design governance systems appropriate to their contexts.
-
-CommunityRule is a project of the [Media Enterprise Design Lab](https://cmci.colorado.edu/medlab/) at the University of Colorado Boulder, in collaboration with the [Metagovernance Project](http://metagov.org/).
-
-This tool is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>, which means that anyone has the right to use and adapt it, the result of which must be shared under the same license. This gives communities using CommunityRule the right to learn from one another.
 
-## Contributors
-
-Anyone who finds this project useful, or potentially so, is welcome to contribute suggestions, changes, and additions. To do so, post Issues and Merge Requests to the project [on GitLab](https://gitlab.com/medlabboulder/communityrule), or send an email to medlab@colorado.edu.
-
-## Stewardship
-
-CommunityRule is currently administered and primarily authored by MEDLab director Nathan Schneider.
+community-name: 
+structure: CommunityRule is a project of the Media Enterprise Design Lab at the University of Colorado Boulder, in collaboration with the Metagovernance Project (metagov.org).
+mission: 'Too many of our communities, especially online, adopt default governance practices based on top-down "implicit feudalism"—relying on admins or moderators, lacking even basic features of small-scale democracy. The purpose of CommunityRule is to help communities establish democratic norms for decision-making, stewardship, and culture. This is a very preliminary prototype. Its eventual purpose is to do for governance what the Contributor Covenant has done for shared norms—enable simple, drag-and-drop adoption of common-sense community tools. Since communities have diverse governance needs, however, a one-size-fits-all approach will not suffice. The goal is for communities to easily and intuitively design governance systems appropriate to their contexts.
+values:
+rights: This tool is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License, which means that anyone has the right to use and adapt it, the result of which must be shared under the same license. This gives communities using CommunityRule the right to learn from one another.
+membership: Anyone who finds this project useful, or potentially so, is welcome to contribute suggestions, changes, and additions. To do so, post Issues and Merge Requests to the project on GitLab (see footer for link), or send an email to medlab@colorado.edu.
+removal:
+decision: CommunityRule is currently administered and primarily authored by MEDLab director Nathan Schneider.
+deliberation: 
+implementation: 
+oversight: 
+limits: 
+records: 
+modification: If a community of contributors and users forms around CommunityRule, it should develop into a more community-driven governance model with the help of CommunityRule itself.
+---
 
-## Evolution
 
-If a community of contributors and users forms around CommunityRule, it should develop into a more community-driven governance model with the help of CommunityRule itself.
 
 <!--
 ## Points of reference
@@ -57,11 +52,8 @@ If a community of contributors and users forms around CommunityRule, it should d
 
 ## Design goals
 
-
 * Rules (ready-to-deploy presets)
-    - Create pretty rule.html template for finished Rules (custom and preset) that people can link to
-    - Brand them as CommunityRule rules with tools to create badges out of them
-    - Use Javascript to make the rule.html template editable like create.html
+    - Brand preset rules as CommunityRule rules with tools to create badges out of them
 * Javascript output button
 * Further modularity
     - Aim for a logic of [progressive disclosure](https://en.wikipedia.org/wiki/Progressive_disclosure), making templates really simple but facilitating more complex iteration

create.md

@@ -4,9 +4,9 @@ title: Create
 permalink: /create/
 
 community-name: 
+structure: 
 mission:
 values:
-structure: 
 rights: 
 membership:
 removal: