Finished tooltipping modules on Create pages

_layouts/create.html

@@ -9,7 +9,7 @@ layout: default
     min-height: 1.5em;
     font-family: monospace;
   }
-  .questions {
+  .question {
     color: gray;
   }
   /* TOOLTIP https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_right */
@@ -17,16 +17,16 @@ layout: default
   position: relative;
   display: inline-block;
   float: right;
-  border: 1px solid black;
+  border: 1px dotted gray;
+  color: gray;
   text-align: center;
   border-radius: 6px;
-  padding: 5px 0;
+  padding: 0 5px 0 5px;
   }
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 250px;
-  background-color: black;
-  color: #fff;
+  border: 1px dotted black;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
@@ -81,12 +81,14 @@ layout: default
   <p contenteditable="true" class="editable">
     {{ page.mission }}
   </p>
-  
+
   <span class="question">What core values does it hold?</span>
+  <div class="tooltip">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>
-  <p>Modules: <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></p>
   
   <span class="question">What is the basic structure of the community?</span>
   <div class="tooltip">Modules
@@ -95,7 +97,6 @@ layout: default
   <p contenteditable="true" class="editable">
     {{ page.structure }}
   </p>
-  <p>Modules: <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></p>
   
   <h2 id="members">Members</h2>
   
@@ -105,6 +106,9 @@ layout: default
   </p>
   
   <span class="question">How are members suspended or removed?</span>
+  <div class="tooltip">Modules
+    <span class="tooltiptext"></span>
+  </div>
   <p contenteditable="true" class="editable">
     {{ page.removal }}
   </p>
@@ -113,34 +117,44 @@ layout: default
   <h2 id="stewards">Stewards</h2>
   
   <span class="question">Who has the capacity to make and change agreements, and how are they chosen?</span>
+  <div class="tooltip">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.decisions }}
   </p>
-  <p>Modules: <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></p>
   
   <span class="question">Where do stewards and community members deliberate about potential agreements?</span>
+  <div class="tooltip">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>
-  <p>Modules: <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></p>
 
   <span class="question">How are the agreements implemented?</span>
+  <div class="tooltip">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>Modules: <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></p>
   
   <span class="question">Who oversees the implementation of the agreements?</span>
+  <div class="tooltip">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>
-  <p>Modules: <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></p>
   
   <span class="question">How are each of the stewardship roles determined and limited?</span>
+  <div class="tooltip">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>
-  <p>Modules: <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></p>
   
   <h2 id="agreements">Agreements</h2>
 

about.md

@@ -8,13 +8,14 @@ Too many of our communities, especially online, adopt default governance practic
 
 This is a very preliminary prototype. The 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/).*
 
 ## Contribute
 
 Contribute via Issues and Merge Requests [on GitLab](https://gitlab.com/medlabboulder/communityrule).
 
 
+*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/).*
+
 <!--
 ## Points of reference