Try new approach to content block

source/_layouts/has_complimentary.liquid

@@ -5,12 +5,12 @@ layout: base
 <div class="sl-l-large-holy-grail">
   <div class="sl-l-large-holy-grail__body">
     <div class="sl-l-large-holy-grail__main">
-      <div {% unless no_container %}class="sl-l-container sl-l-container--small" {% endunless %}>
+      <div{% unless no_container %} class="sl-l-container sl-l-container--small"{% endunless %}>
-        {% if before_introduction_include %}
+        {% if before_introduction %}
-          {% include before_introduction_include %}
+          {{ before_introduction }}
         {% endif %}
         {% if introduction %}
-          <div class="sl-c-introduction {% if center_introduction %} sl-c-introduction--center{% endif %}">
+          <div class="sl-c-introduction{% if center_introduction %} sl-c-introduction--center{% endif %}">
             {{ introduction | markdown }}
           </div>
         {% endif %}
@@ -21,13 +21,7 @@ layout: base
 
     {% if complementary_content %}
       <div class="sl-l-large-holy-grail__complementary">
-        {% if complementary_content_nav %}
+        {{ complementary_content }}
-          <nav aria-label={{ complementary_content_aria_label }} class="sl-c-list-navigation-wrapper">
-        {% endif %}
-          {{ complementary_content | markdown }}
-        {% if complementary_content_nav %}
-          </nav>
-        {% endif %}
       </div>
     {% endif %}
   </div>

source/_layouts/has_no_sidebars.liquid

@@ -3,8 +3,8 @@ layout: base
 ---
 
 <div class="docSearch-content{% unless no_container %} sl-l-container sl-l-container--small{% endunless %}">
-  {% if before_introduction_include %}
+  {% if before_introduction %}
-    {% include before_introduction_include %}
+    {{ before_introduction }}
   {% endif %}
   {% if introduction %}
     <div class="sl-c-introduction{% if center_introduction %} sl-c-introduction--center{% endif %}">

source/community-guidelines.md

@@ -8,13 +8,14 @@ introduction: >
   work together to provide the best environment for learning, growing, and
   sharing of ideas. It is imperative that we keep Sass a fun, welcoming,
   challenging, and fair place to play.
-complementary_content: |-
+eleventyComputed:
-
+  complementary_content: |
-  ### License
+    {% markdown %}
+    ### License
 
     Our friends at [Ubuntu][] and [Drupal][] have already worked hard to develop
     their own community guidelines, and we borrow heavily from them. However, we
-    have made modifications for our specific  needs as a community.
+    have made modifications for our specific needs as a community.
 
     The Sass Community Guidelines are licensed under the [Creative Commons
     Attribution-Share Alike 3.0 license][cc]. You may re-use it for your own
@@ -33,35 +34,38 @@ complementary_content: |-
     of a Code of Conduct that includes clear anti-harassment procedures. Please
     consult with us if you feel the need to significantly deviate from these
     guidelines by sending an email to:
-    <script type="text/javascript">
+    {% endmarkdown %}
-     //<![CDATA[
-     <!--
-     var x="function f(x,y){var i,o=\"\",l=x.length;for(i=0;i<l;i++){if(i==28)y+=" +
-     "i;y%=127;o+=String.fromCharCode(x.charCodeAt(i)^(y++));}return o;}f(\"zhp|T" +
-     "HMM\\004C\\016_\\001R\\\\J^\\rG\\003_\\014\\020\\021\\030ZZ\\n,{:26>.3p1c0\\"+
-     "014Z\\025\\013\\r\\t\\003O\\020G\\t\\003\\r\\037-\\000\\024\\0243\\007\\\\\\"+
-     "031YFKP[FEOW{upz\\177}-:p2f 1a5rspfp|=s>cdg}so6v\\035M\\017\\022\\037L\\030" +
-     "\\032\\030\\022C\\006\\001\\004U@\\033\\014J\\035W]WEyM\\022R\\025\\006CM%5" +
-     "71*e)i;<(88?f\\177|>>zo(0\\177zplw\\000\\177\\022\\031.<3/TWV;469X\\\\]23BA" +
-     "B/(BGG$%?MLM\\\"\\\\123XYr[TgVW==>SL4%!$IJ&*)FG+-.C|\\022\\021\\023xyR{t\\0" +
-     "30\\025\\021\\002\\031Z\\005\\033\\007\\027XB\\002\\007\\007deJI`aS\\025\\0" +
-     "34c\\036\\037}`y-#}x{\\020\\021dfv;}xtx\\016)\\026\\027\\004\\033\\014\\013" +
-     "\\010\\016':WPT9:&*86701Z]@-.1,25?=LJK !\\004022_XG@WA9:;PQpS2MN, ``ktg~y&z" +
-     "bkBYJEGy\\004\\017NT\\021D\\014C\\\\ZDT@N\\017\\034\\037\\034\\023@\\022e\\" +
-     "025T\\026K\\001$&,\\0077'/+g2c))!\\014\\\"0:\\0209:$1v>42.)\\rbK\\016YTVT[B" +
-     "\\021RA@\\025DXS\\031Y\\024\\032\\017\\\\]\\\\\\021B\\026G\\025FN=h*qkc=o|n" +
-     "dn`#v2|=N1H7+x4p:i}ke6Y\\rZ\\013B\\005HHA]IEYK\\014\\006\",28)"              ;
-     while(x=eval(x));
-     //-->
-     //]]>
-     </script>
 
+    <script type="text/javascript">
+      //<![CDATA[
+      <!--
+      var x="function f(x,y){var i,o=\"\",l=x.length;for(i=0;i<l;i++){if(i==28)y+=" +
+      "i;y%=127;o+=String.fromCharCode(x.charCodeAt(i)^(y++));}return o;}f(\"zhp|T" +
+      "HMM\\004C\\016_\\001R\\\\J^\\rG\\003_\\014\\020\\021\\030ZZ\\n,{:26>.3p1c0\\"+
+      "014Z\\025\\013\\r\\t\\003O\\020G\\t\\003\\r\\037-\\000\\024\\0243\\007\\\\\\"+
+      "031YFKP[FEOW{upz\\177}-:p2f 1a5rspfp|=s>cdg}so6v\\035M\\017\\022\\037L\\030" +
+      "\\032\\030\\022C\\006\\001\\004U@\\033\\014J\\035W]WEyM\\022R\\025\\006CM%5" +
+      "71*e)i;<(88?f\\177|>>zo(0\\177zplw\\000\\177\\022\\031.<3/TWV;469X\\\\]23BA" +
+      "B/(BGG$%?MLM\\\"\\\\123XYr[TgVW==>SL4%!$IJ&*)FG+-.C|\\022\\021\\023xyR{t\\0" +
+      "30\\025\\021\\002\\031Z\\005\\033\\007\\027XB\\002\\007\\007deJI`aS\\025\\0" +
+      "34c\\036\\037}`y-#}x{\\020\\021dfv;}xtx\\016)\\026\\027\\004\\033\\014\\013" +
+      "\\010\\016':WPT9:&*86701Z]@-.1,25?=LJK !\\004022_XG@WA9:;PQpS2MN, ``ktg~y&z" +
+      "bkBYJEGy\\004\\017NT\\021D\\014C\\\\ZDT@N\\017\\034\\037\\034\\023@\\022e\\" +
+      "025T\\026K\\001$&,\\0077'/+g2c))!\\014\\\"0:\\0209:$1v>42.)\\rbK\\016YTVT[B" +
+      "\\021RA@\\025DXS\\031Y\\024\\032\\017\\\\]\\\\\\021B\\026G\\025FN=h*qkc=o|n" +
+      "dn`#v2|=N1H7+x4p:i}ke6Y\\rZ\\013B\\005HHA]IEYK\\014\\006\",28)"              ;
+      while(x=eval(x));
+      //-->
+      //]]>
+    </script>
+
+    {% markdown %}
     We understand and acknowledge that the "Sass Community" is a loosely defined
     group of people who identify as Sass enthusiasts. We have no power to
     actively remove someone from the community. Ultimately, we can only use our
     voice to publicly declare that we do not agree with or endorse people or
     organizations who don't act in the spirit of these guidelines.
-no_container: false
+    {% endmarkdown %}
 ---
 
 As such, the Sass Community Guidelines states our ideals as a community. It's

source/community.md

@@ -1,51 +1,50 @@
 ---
 layout: has_complimentary
 title: '#teamSass'
-introduction: |-
+introduction: >
   Sass has an awesome community of designers and developers who love to spread
   the word and help people out. Here we've collected some resources.
   Happy Styling!
-complementary_content: |-
+eleventyComputed:
+  complementary_content: |
+    <nav class="sl-c-list-navigation-wrapper" aria-label="Resources">
+      {% markdown %}
+      ## Resources
 
-  ## Resources
+      ### [Jump Start Sass](https://amzn.to/2LKF0uR)
+      by Hugo Giraudel and Miriam Suzanne
 
-  ### [Jump Start Sass](https://amzn.to/2LKF0uR)
+      ### [Pragmatic Guide to Sass 3: Tame the Modern Style Sheet](https://amzn.to/2LEwXiZ)
-  by Hugo Giraudel and Miriam Suzanne
+      by Hampton Lintorn Catlin and Michael Lintorn Catlin
 
-  ### [Pragmatic Guide to Sass 3: Tame the Modern Style Sheet](https://amzn.to/2LEwXiZ)
+      ### [Sass for Web Designers](https://amzn.to/2RkIVU3)
-  by Hampton Lintorn Catlin and Michael Lintorn Catlin
+      by Dan Cederholm
 
-  ### [Sass for Web Designers](https://amzn.to/2RkIVU3)
+      ### [Sass and Compass in Action](https://amzn.to/2RjAQz7)
-  by Dan Cederholm
+      by Wynn Netherland, Natalie Weizenbaum, Chris Eppstein, Brandon Mathis
-
+      {% endmarkdown %}
-  ### [Sass and Compass in Action](https://amzn.to/2RjAQz7)
+    </nav>
-  by Wynn Netherland, Natalie Weizenbaum, Chris Eppstein, Brandon Mathis
-complementary_content_nav: True
-complementary_content_aria_label: 'Resources'
-no_container: false
 ---
 
-**Everyone is welcome in the Sass community, except those who are
+**Everyone is welcome in the Sass community, except those who are unwelcoming**.
-unwelcoming**. Please read and follow our
+Please read and follow our [community guidelines](/community-guidelines).
-[community&nbsp;guidelines](/community-guidelines).
 
-Thinking of **contributing** to Sass itself? We rely on everyone to
+Thinking of **contributing** to Sass itself? We rely on everyone to keep Sass as
-keep Sass as stable as it is. Feel free to
+stable as it is. Feel free to [submit a patch via pull request](#Contribute) to
-[submit a patch via pull request](#Contribute) to the Sass project.
+the Sass project.
 
-Want to create your own Sass implementation? Check out our
+Want to create your own Sass implementation? Check out our [implementation
-[implementation guidelines](/implementation).
+guidelines](/implementation).
 
-## Contribute
+<h2 id="Contribute">Contribute</h2>
 
-Sass is an [open source project][github] and we encourage you to contribute.
+Sass is an [open source project][github] and we encourage you to contribute. You
-You can contribute with [bug reports and feature requests][issues], and if
+can contribute with [bug reports and feature requests][issues], and if you
-you contribute code, we'll love you forever. If you just want to help out
+contribute code, we'll love you forever. If you just want to help out but you're
-but you're not sure what to do, check out the "Help Wanted" label for [the
+not sure what to do, check out the "Help Wanted" label for [the Sass
-Sass language][lang help] or for [Dart Sass][dart help]. These issues
+language][lang help] or for [Dart Sass][dart help]. These issues are a mix of
-are a mix of feature requests, bugs, and tasks that aren't coding-intensive
+feature requests, bugs, and tasks that aren't coding-intensive that the
-that the developers think are a good place for someone new to the codebase
+developers think are a good place for someone new to the codebase to jump in.
-to jump in.
 
 [github]: https://github.com/sass/sass
 [issues]: https://github.com/sass/sass/issues
@@ -53,11 +52,10 @@ to jump in.
 [dart help]: https://github.com/sass/dart-sass/labels/help%20wanted
 
 [Dart Sass][] is the reference implementation of Sass, and the easiest
-implementation to start hacking on. If you don't know Dart, don't worry!
+implementation to start hacking on. If you don't know Dart, don't worry! It's
-It's very easy to pick up. Check out the [contributing info][] for more
+very easy to pick up. Check out the [contributing info][] for more information
-information on helping out. Or, if you're interested in helping add new
+on helping out. Or, if you're interested in helping add new features to the Sass
-features to the Sass language, look at [the language contribution
+language, look at [the language contribution process][].
-process][].
 
 [Dart Sass]: /dart-sass
 [contributing info]: https://github.com/sass/dart-sass/blob/master/CONTRIBUTING.md

source/index.md

@@ -6,30 +6,30 @@ is_home: true
 eleventyComputed:
   section_bottom:
     - header: CSS Compatible
-      body: |
+      body: >
         Sass is completely compatible with all versions of CSS. We take this
         compatibility seriously, so that you can seamlessly use any available
         CSS libraries.
     - header: Feature Rich
-      body: |
+      body: >
         Sass boasts more features and abilities than any other CSS extension
         language out there. The Sass Core Team has worked endlessly to not only
         keep up, but stay ahead.
     - header: Mature
-      body: |
+      body: >
         Sass has been actively supported for
         {{ 'Tue Nov 28 19:43:58 2006 +0000' | formatDistanceToNow }} by its
         loving Core Team.
     - header: Industry Approved
-      body: |
+      body: >
         Over and over again, the industry is choosing Sass as the premier CSS
         extension language.
     - header: Large Community
-      body: |
+      body: >
         Sass is actively supported and developed by a consortium of several tech
         companies and hundreds of developers.
     - header: Frameworks
-      body: |
+      body: >
         There are an endless number of frameworks built with Sass.
         [Bootstrap](https://getbootstrap.com/), [Bourbon](http://bourbon.io/),
         and [Susy](http://susy.oddbird.net/) just to name a few.