Version 2.1.0-beta.1

```
* [Changed] Add basic `pico-theme.yml` to use API v3, enable Twig's autoescape
            feature (no changes necessary) and register `Social` meta header
* [Changed] Use Pico's `pages` Twig function to create the main navigation
* [Changed] Improve formatting of definition lists and inline code snippets
* [Changed] Improve JSDoc class docs
```

CHANGELOG.md

@@ -8,6 +8,44 @@ Pico Default Theme Changelog
           refer to both the UPGRADE and NEWS sections of the docs for more
           details.
 
+### Version 2.1.0-beta.1
+Released: 2019-11-03
+
+```
+* [Changed] Add basic `pico-theme.yml` to use API v3, enable Twig's autoescape
+            feature (no changes necessary) and register `Social` meta header
+* [Changed] Use Pico's `pages` Twig function to create the main navigation
+* [Changed] Improve formatting of definition lists and inline code snippets
+* [Changed] Improve JSDoc class docs
+```
+
+### Version 2.0.5-beta.1
+Released: 2019-01-03
+
+```
+* [New] Add `2.0.x-dev` alias for master branch to `composer.json`
+```
+
+### Version 2.0.4
+Released: 2018-12-17
+
+No changes
+
+### Version 2.0.3
+Released: 2018-12-03
+
+No changes
+
+### Version 2.0.2
+Released: 2018-08-12
+
+No changes
+
+### Version 2.0.1
+Released: 2018-07-29
+
+No changes
+
 ### Version 2.0.0
 Released: 2018-07-01
 

composer.json

@@ -26,7 +26,8 @@
     "extra": {
         "installer-name": "default",
         "branch-alias": {
-            "dev-master": "2.0-dev"
+            "dev-master": "2.0.x-dev",
+            "dev-pico-2.1": "2.1.x-dev"
         }
     }
 }

css/style.css

@@ -11,7 +11,7 @@
  * @author  Daniel Rudolf
  * @link    http://picocms.org
  * @license http://opensource.org/licenses/MIT The MIT License
- * @version 2.0
+ * @version 2.1
  */
 
 * {
@@ -185,7 +185,7 @@ p, td, th, li, dd {
     word-wrap: break-word;
 }
 
-p, hr, table, .table-responsive, ol, ul, dl, pre, blockquote, fieldset {
+p, hr, table, .table-responsive, ol, ul, dl, dd, pre, blockquote, fieldset {
     margin-bottom: 1em;
 }
 
@@ -234,7 +234,7 @@ th {
     color: #333;
 }
 
-td, th {                                         border: solid 1px #ccc; }
+td, th {                                         border: 1px solid #ccc; }
 tr:not(:last-child) td, tr:not(:last-child) th { border-bottom: 0 none; }
 thead tr:last-child th {                         border-bottom: 0 none; }
 td:not(:last-child), th:not(:last-child) {       border-right: 0 none; }
@@ -269,7 +269,8 @@ code {
     border-radius: 0.3em;
     background: #f5f5f5;
     font-family: 'Droid Sans Mono', 'Courier New', 'Courier', monospace;
-    font-size: 0.9rem;
+    font-size: 0.85rem;
+    line-height: 1.9824;
 }
 
 pre {
@@ -277,7 +278,6 @@ pre {
     border: 1px solid #ccc;
     border-radius: 0.3em;
     background: #f5f5f5;
-    line-height: 1.4;
 }
 pre code {
     display: block;
@@ -286,6 +286,7 @@ pre code {
     border: 0 none;
     background: transparent;
     overflow-x: auto;
+    line-height: 1.4;
 }
 
 /*** BLOCKQUOTE ***/
@@ -302,7 +303,7 @@ blockquote {
 label, fieldset legend { font-weight: bold; }
 
 input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend {
-    border: solid 1px #ccc;
+    border: 1px solid #ccc;
     border-radius: 0.3em;
     background: #fff;
     -webkit-transition: none .2s ease-in;

index.twig

@@ -32,13 +32,10 @@
             </h1>
             <div id="nav" role="region" tabindex="-1">
                 <ul>
-                    {% for page in pages if page.title and not page.hidden %}
+                    {% for page in pages(depthOffset=-1) if page.title and not page.hidden %}
-                        {% set pageDepth = page.id|split('/')|length %}
+                        <li{% if page.id == current_page.id %} class="active"{% endif %}>
-                        {% if (pageDepth == 2) and (page.id ends with "/index") or (pageDepth == 1) %}
+                            <a href="{{ page.url }}">{{ page.title }}</a>
-                            <li{% if page.id == current_page.id %} class="active"{% endif %}>
+                        </li>
-                                <a href="{{ page.url }}">{{ page.title }}</a>
-                            </li>
-                        {% endif %}
                     {% endfor %}
                 </ul>
             </div>

js/pico.js

@@ -6,7 +6,7 @@
  * @author  Daniel Rudolf
  * @link    http://picocms.org
  * @license http://opensource.org/licenses/MIT The MIT License
- * @version 2.0
+ * @version 2.1
  */
 
 function main()

js/utils.js

@@ -6,7 +6,7 @@
  * @author  Daniel Rudolf
  * @link    http://picocms.org
  * @license http://opensource.org/licenses/MIT The MIT License
- * @version 2.0
+ * @version 2.1
  */
 
 utils = {};
@@ -14,7 +14,7 @@ utils = {};
 /**
  * Checks whether the client's browser is able to slide elements or not
  *
- * @return boolean TRUE when the browser supports sliding, FALSE otherwise
+ * @return {bool} TRUE when the browser supports sliding, FALSE otherwise
  */
 utils.canSlide = function ()
 {
@@ -24,11 +24,10 @@ utils.canSlide = function ()
 /**
  * Slides a element up (i.e. hide a element by changing its height to 0px)
  *
- * @param  HTMLElement element        the element to slide up
+ * @param {HTMLElement} element        the element to slide up
- * @param  function    finishCallback function to call when the animation has
+ * @param {function}    finishCallback function to call when the animation has
  *     been finished (i.e. the element is hidden)
- * @param  function    startCallback  function to call when the animation starts
+ * @param {function}    startCallback  function to call when the animation starts
- * @return void
  */
 utils.slideUp = function (element, finishCallback, startCallback)
 {
@@ -72,11 +71,10 @@ utils.slideUp = function (element, finishCallback, startCallback)
 /**
  * Slides a element down (i.e. show a hidden element)
  *
- * @param  HTMLElement element        the element to slide down
+ * @param {HTMLElement} element        the element to slide down
- * @param  function    finishCallback function to call when the animation has
+ * @param {function}    finishCallback function to call when the animation has
  *     been finished (i.e. the element is visible)
- * @param  function    startCallback  function to call when the animation starts
+ * @param {function}    startCallback  function to call when the animation starts
- * @return void
  */
 utils.slideDown = function (element, finishCallback, startCallback)
 {
@@ -126,8 +124,9 @@ utils.slideDown = function (element, finishCallback, startCallback)
 /**
  * Checks whether a element is visible or not
  *
- * @param  HTMLElement element the element to check
+ * @param {HTMLElement} element the element to check
- * @return boolean             TRUE when the element is visible, FALSE otherwise
+ *
+ * @return {bool} TRUE when the element is visible, FALSE otherwise
  */
 utils.isElementVisible = function (element)
 {

pico-theme.yml

@@ -0,0 +1,11 @@
+api_version: 3
+
+meta:
+    Social: social
+
+twig_config:
+    autoescape: html
+    strict_variables: false
+    charset: utf-8
+
+widescreen: false               # Use more horicontal space (i.e. make the site container wider)