CommunityRuleFrontend/_layouts/create.html

---
layout: default
---

<style type="text/css">
  .editable {
    padding: 10px 10px 10px 10px;
    min-height: 1.5em;
    font-family: monospace;
    border: 1px dashed gray;
  }
  .question {
    color: gray;
  }
  /* TOOLTIP https://www.w3schools.com/css/tryit.asp?filename=trycss_tooltip_right */
  .button {
  position: relative;
  display: inline-block;
  float: right;
  border: 1px dotted gray;
  color: gray;
  text-align: center;
  border-radius: 6px;
  padding: 0 5px 0 5px;
  }
.button .tooltiptext {
  visibility: hidden;
  width: 250px;
  border: 1px dotted black;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: -5px;
  left: 105%;
  }
.button:hover .tooltiptext {
  visibility: visible;
  }

/* set invisibility as default */
/*#s1 {display:none;}*/

</style>

<script>
  function toggleVisible(id) {
      var x = document.getElementById(id);
      if (x.style.display === "none") {
          x.style.display = "block";
      } else {
          x.style.display = "none";
      }
  }
</script>


<article class="post">

  <header class="post-header">
    <h1 class="post-title">Create
      {% if page.title != "Create" %}
      <span style="color:gray;">
        / {{ page.title }}&nbsp;
      </span>
      {% endif %}
    </h1>
  </header>

  <p>Use the questions below to begin creating your community's Rule. The suggested modules are linked to (in progress) entries at <a href="https://medlabboulder.gitlab.io/democraticmediums/">Democratic Mediums</a>.</p>

  <div class="post-content">    
    {{ content }}
  </div>
  
  <hr />

  <p></p>

  <span class="question">What is the community’s name?</span>
  <h1 contenteditable="true" class="editable">
    {{ page.community-name }}
  </h1>

  <h2 id="purpose">Purpose
    <button onclick="toggleVisible('s1')" class="button"> + </button>
  </h2>

  <div 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 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>
  <p contenteditable="true" class="editable">
    {{ page.structure }}
  </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
    <button onclick="toggleVisible('s2')" class="button"> + </button>
  </h2>

  <div 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 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>Modules: <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a></p>

  </div><!--hiding section s2-->
  
  <h2 id="stewards">Stewards
    <button onclick="toggleVisible('s3')" class="button"> + </button>
  </h2>

  <div 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>

  <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>
  <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>
  </div>
  <p contenteditable="true" class="editable">
    {{ page.limits }}
  </p>

  </div><!--hiding section s3-->
  
  <h2 id="evolution">Evolution
    <button onclick="toggleVisible('s4')" class="button"> + </button>
  </h2>

  <div id="s4" style="display:none">

  <span class="question">Where do we maintain our policies and records?</span>
  <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>

  </div><!--hiding section s4-->
  
  <p><br /></p>

  <hr />

  <p><em>To save your work, copy the text from this page to another document, or use your browser’s save function or print the page to PDF. Improved saving functionality will be forthcoming.</em></p>
  
</article>