fix #769 (comment)

Author: lovasoa

examples/official-site/sqlpage/migrations/01_documentation.sql

@@ -66,7 +66,8 @@ This example illustrates creating a nice list where each item has a title, a des
 ', json('[{"component":"list", "wrap": true},
         {"title":"SQL Websites", "image_url": "/favicon.ico", "description_md":"Write SQL, get a website. SQLPage is a **SQL**-based **site** generator for **PostgreSQL**, **MySQL**, **SQLite** and **SQL Server**.", "link": "/"},
         {"title":"SQL Forms", "image_url": "https://upload.wikimedia.org/wikipedia/commons/b/b6/FileStack_retouched.jpg", "description_md":"Easily collect data **from users to your database** using the *form* component. Handle the data in SQL with `INSERT` or `UPDATE` queries.", "link": "?component=form"},
-        {"title":"SQL Maps", "image_url": "https://upload.wikimedia.org/wikipedia/commons/1/15/Vatican_City_map_EN.png", "description_md":"Show database contents on a map using the *map* component. Works well with *PostGIS* and *SpatiaLite*.", "link": "?component=map"}
+        {"title":"SQL Maps", "image_url": "https://upload.wikimedia.org/wikipedia/commons/1/15/Vatican_City_map_EN.png", "description_md":"Show database contents on a map using the *map* component. Works well with *PostGIS* and *SpatiaLite*.", "link": "?component=map"},
+        {"title":"Advanced features", "icon": "settings", "description_md":"[Authenticate users](?component=authentication), [edit data](?component=form), [generate an API](?component=json), [maintain your database schema](/your-first-sql-website/migrations.sql), and more."}
     ]')),
     ('list', 'A beautiful list with bells and whistles.',
             json('[{"component":"list", "title":"Top SQLPage features", "compact": true },

sqlpage/templates/list.handlebars

@@ -9,7 +9,8 @@
         <div {{#if id}}id="{{id}}"{{/if}}
             class="list-group-item list-group-item-action p-0 {{#if active}}active{{/if}} {{class}}">
             <div class="row align-items-center m-0">
-                <a {{#if link}} href="{{link}}" {{/if}}
+                {{#if link}}<a href="{{link}}"
+                {{~else}}<div {{/if}}
                     class="col row align-items-center text-decoration-none link-body-emphasis m-0 {{#if ../compact}}p-1{{else}}p-3{{/if}}">
                     {{#if color}}
                         <div class="col-auto"><span class="badge bg-{{color}}"></span></div>
@@ -34,7 +35,11 @@
                         </div>
                     </div>
 
-                </a>
+                {{#if link}}
+                    </a>
+                {{else}}
+                    </div>
+                {{/if}}
                 {{#if view_link}}
                     <a href="{{view_link}}" class="link-secondary col-auto" title="View">
                         {{~icon_img 'eye'~}}