Layout changes for readability

_config.yml

@@ -25,7 +25,9 @@ description: >- # this means to ignore newlines until "baseurl:"
 baseurl: "/communityrule" # the subpath of your site, e.g. /blog
 url: "/" # the base hostname & protocol for your site, e.g. http://example.com
 twitter_username: medlabboulder
-gitlab_username:  medlabboulder
+gitlab:
+    - username: medlabboulder
+
 
 # Build settings
 theme: minima
@@ -38,6 +40,8 @@ collections:
   about:
     output: true
 
+
+
 # Exclude from processing.
 # The following items will not be processed, by default.
 # Any item listed under the `exclude:` key here will be automatically added to

_layouts/rule.html

@@ -8,7 +8,7 @@ layout: default
     padding: 10px 10px 10px 10px;
     min-height: 1.5em;
     font-family: serif;
-    border: 1px dashed gray;
+    border-bottom: 1px dashed gray;
 }
 .question {
     color: gray;
@@ -41,6 +41,18 @@ layout: default
     visibility: visible;
   }
 /* IDs */
+#rulebox {
+    border: 1px solid lightgray;
+    padding: 20px;
+    margin: 20px 0 30px 0;
+}
+#rulebox h2 {
+
+    font-family: serif;
+}
+#name {
+    font-weight: bold;
+}
 #editToggle {
   float: right;
   clear: both;
@@ -129,13 +141,11 @@ layout: default
     {{ content }}
   </div>
   
-  <hr />
-
-  <p></p>
+  <div id="rulebox">
 
   <span class="question">What is the community’s name?</span>
 
-  <h1 contenteditable="true" class="editable">{{ page.community-name }}</h1>
+  <h1 contenteditable="true" class="editable" id="name">{{ page.community-name }}</h1>
 
   <h2 id="basics">Basics
     <button onclick="toggleVisible('s1')" class="button"> + </button>
@@ -230,11 +240,7 @@ layout: default
 
   </div><!--hiding section s4-->
   
-  <p><br /></p>
-
-  <hr />
-
-  <p><br /></p>
+  </div><!--#rulebox-->
 
   <p>The suggested modules are linked to (in progress) entries at <a target="_blank" href="https://medlabboulder.gitlab.io/democraticmediums/">Democratic Mediums</a>.</p>
 

_sass/_base.scss

@@ -85,8 +85,6 @@ h1, h2, h3, h4, h5, h6 {
     font-weight: $base-font-weight;
 }
 
-
-
 /**
  * Links
  */

css/main.scss

@@ -7,7 +7,7 @@
 
 // Our variables
 $base-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-$base-font-size:   16px;
+$base-font-size:   20px;
 $base-font-weight: 400;
 $small-font-size:  $base-font-size * 0.875;
 $base-line-height: 1.5;
@@ -23,7 +23,7 @@ $grey-color-light: lighten($grey-color, 40%);
 $grey-color-dark:  darken($grey-color, 25%);
 
 // Width of the content area
-$content-width:    800px;
+$content-width:    1000px;
 
 $on-palm:          600px;
 $on-laptop:        800px;