upgrade site for integration of plugin

.gitignore

@@ -1,5 +1,6 @@
 # lektor
 packages/
+assets/svg/
 
 # ---> Vim
 # swap

content/contents.lr

@@ -1,17 +1,37 @@
-title: Ansible Roles
+title: Awesome Ansible Roles
 ---
 body:
 
-This is a basic demo website that shows how to use Lektor for a basic
-website with some pages.
+Hello Everyone.
+
+I love open-source and automation. So I wrote some ansible roles.
 ---
 table:
 
 #### table ####
-name: Ansible Role Gitea
+name: Gitea and  Forgejo
 ----
 galaxy_name: do1jlr.gitea
 ----
 galaxy_url: https://galaxy.ansible.com/do1jlr/gitea
+#### table ####
+name: foo
 ----
-galaxy_icon: https://raw.githubusercontent.com/roles-ansible/ansible_role_gitea/main/.github/galaxy.svg
+galaxy_name: b
+----
+galaxy_url: https://galaxy.ansible.com/do1jlr/gitea
+---
+tabletitle: List of my ansible roles
+---
+pages: databag.array, name, template.html
+---
+model: test.txt
+---
+source:
+
+#### table ####
+name: test
+----
+galaxy_name: 
+----
+galaxy_url: 

flowblocks/table.ini

@@ -15,7 +15,3 @@ width = 1/3
 label = Ansible Galaxy Address
 type = url
 width = 2/3
-
-[fields.galaxy_icon]
-label = Ansible Galaxy Icon
-type = url

models/page.ini

@@ -3,14 +3,18 @@ name = Page
 label = {{ this.title }}
 
 [fields.title]
-label = Title
+label = Page Title
+type = string
+
+[fields.body]
+label = Introduction
+type = markdown
+
+[fields.tabletitle]
+label = Table Title
 type = string
 
 [fields.table]
 label = Our Ansible Roles
 type = flow
 flow_blocks = table
-
-[fields.body]
-label = Body
-type = markdown

templates/page.html

@@ -1,6 +1,28 @@
 {% extends "layout.html" %}
 {% block title %}{{ this.title }}{% endblock %}
 {% block body %}
-  <h2>{{ this.title }}</h2>
   {{ this.body }}
+  {% if this.table is defined %}
+    {% if this.table.blocks | length != 0 %}
+      <h2>{{ this. tabletitle }}</h2>
+      <table>
+        <thead>
+          <tr>
+            <th scope="col">Role Name</th>
+            <th scope="col">Expenditure</th>
+          </tr>
+        </thead>
+        <tbody>
+        {% for blk in this.table.blocks -%}
+          <tr>
+            <th>{{ blk.name }}</th>
+            <td>
+              <a href="{{ blk.galaxy_url }}"><img src="{{ blk.galaxy_name | svg }}" /></a>
+            </td>
+          </tr>
+      {% endfor %}
+        </tbody>
+      </table>
+    {% endif %}
+  {% endif %}
 {% endblock %}