index.html 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. ---
  2. layout: page
  3. permalink: /
  4. ---
  5. <div style="text-align: center">
  6. <div class="callout-text">
  7. <strong>CommunityRule</strong> is a governance toolkit for great communities.
  8. </div>
  9. <img src="{% link assets/diagram_co.png %}" alt="Diagram of a consensus circle" />
  10. <div class="callout-text">
  11. How does your community work?<br />
  12. Are you ready to make hard decisions?
  13. </div>
  14. Too often, we leave the most basic questions unstated and unanswered. CommunityRule makes it easier to clarify the basics so you can focus on other things.
  15. <div class="callout-icon">
  16. <img src="{% link assets/tabler_icons/edit.svg %}" width="10%" />
  17. </div>
  18. <div class="callout-text">
  19. <a href="{% link create.md %}">Start from scratch</a> or <a href="{% link templates.md %}">choose a template</a>
  20. </div>
  21. <div class="callout-icon">
  22. <img src="{% link assets/tabler_icons/chart-candle.svg %}" width="10%" />
  23. </div>
  24. <div class="callout-text">
  25. <a href="{% link guides.md %}">Tailor a Rule</a> to your community's needs and values
  26. </div>
  27. <div class="callout-icon">
  28. <img src="{% link assets/tabler_icons/license.svg %}" width="10%" />
  29. </div>
  30. <div class="callout-text">
  31. Then publish your Rule and <a href="{% link library.md %}">share it with others</a>
  32. </div>
  33. <a href="{% link book.md %}" style="display: block; margin: 30px 0;">
  34. <img src="{% link assets/book/communityrules-cover.png %}" alt="Community Rules cover"
  35. style="box-shadow: 0 2px 8px #0003; height:40vh; width: auto; transform: rotate(4deg);" />
  36. </a>
  37. <div class="callout-text">
  38. Get a <a href="{% link book.md %}">book version</a> of the templates
  39. </div>
  40. </div>