added development page with tiles

_data/tools.yml

@@ -0,0 +1,33 @@
+- name: dtool
+  parts:
+    - user-interaction
+    - automated-execution
+  blocks:
+    - terminal
+    - gui
+    - python-api
+    - storage-item-disk
+    - storage-item-smb
+    - storage-item-s3
+    - storage-item-other
+    - file-system
+    - network-share
+    - object-storage
+    - other-infrastructure
+- name: dserver
+  parts:
+    - user-interaction
+    - automated-execution
+  blocks:
+    - terminal
+    - gui
+    - python-api
+    - webapp
+    - restapi
+    - flask
+    - search-plugin
+    - retrieve-plugin
+    - other-plugins
+    - database
+    - mongodb
+    - other-database

_pages/development.md

@@ -0,0 +1,82 @@
+---
+layout: page
+permalink: /development/
+title: development
+description: dtool development hierarchy - dtool and dserver
+nav: true
+nav_order: 2
+---
+
+<!-- _pages/development.md -->
+
+<link rel="stylesheet" href="{{ '/assets/css/styles.css' | relative_url }}">
+{% for tool in site.data.tools %}
+  <section id="{{ tool.name | downcase | replace: ' ', '-' }}">
+    <h2 class="">{{ tool.name }}</h2>
+    <div class="{{ tool.name }}-grid">
+      {% for part in tool.parts %}
+         {{ part }}
+      {% endfor %}
+      {% for block in tool.blocks %}
+        <div class="block {{ block | downcase | replace: ' ', '-' }}">
+          {% if block == 'terminal' %}
+            <img src="{{ site.baseurl }}/assets/icons/terminal.png" alt="Terminal icon">
+            <span><a href="https://dtool.readthedocs.io">dtool CLI</a></span>
+          {% elsif block == 'gui' %}
+            <img src="{{ site.baseurl }}/assets/icons/gtk.png" alt="GUI icon">
+            <span><a href="https://dtool-lookup-gui.readthedocs.io">dtool GUI</a></span>
+          {% elsif block == 'python-api' %}
+            <img src="{{ site.baseurl }}/assets/icons/python.png" alt="Python icon">
+            <span><a href="https://dtoolcore.readthedocs.io/en/latest/">dtoolcore (Python API)</a></span>
+          {% elsif block == 'storage-item-disk' %}
+            <img src="{{ site.baseurl }}/assets/icons/python.png" alt="Python icon">
+            <span>disk storage broker</span>
+          {% elsif block == 'storage-item-smb' %}
+            <span>dtool-smb</span>
+          {% elsif block == 'storage-item-s3' %}
+            <span>dtool-s3</span>
+          {% elsif block == 'storage-item-other' %}
+            <span>other storage brokers ...</span>
+          {% elsif block == 'file-system' %}
+            <img src="{{ site.baseurl }}/assets/images/file-system.png" alt="File system icon">
+            <span>classical file system</span>
+          {% elsif block == 'network-share' %}
+            <img src="{{ site.baseurl }}/assets/icons/smb.png" alt="SMB icon">
+            <span>Windows network share</span>
+          {% elsif block == 'object-storage' %}
+            <img src="{{ site.baseurl }}/assets/icons/amazon-s3.png" alt="S3 icon">
+            <span>S3 object storage</span>
+          {% elsif block == 'other-infrastructure' %}
+            <span>other infrastructure...</span>
+          {% elsif block == 'webapp' %}
+            <img src="{{ site.baseurl }}/assets/icons/vuejs.png" alt="Vue.js icon">
+            <span><a href="https://github.com/jic-dtool/dtool-lookup-webapp">Vue.js web app</a></span>
+          {% elsif block == 'restapi' %}
+            <img src="{{ site.baseurl }}/assets/icons/openapi.png" alt="OpenAPI icon">
+            <span><a href="https://dserver.readthedocs.io">dserver (OpenAPI-compliant REST API)</a></span>
+          {% elsif block == 'flask' %}
+            <img src="{{ site.baseurl }}/assets/icons/flask.png" alt="Flask icon">
+            <span><a href="https://dservercore.readthedocs.io">dservercore</a></span>
+          {% elsif block == 'search-plugin' %}
+            <span><a href="https://github.com/livMatS/dserver-search-plugin-mongo">dserver-search-plugin-mongo</a></span>
+          {% elsif block == 'retrieve-plugin' %}
+            <span><a href="https://github.com/livMatS/dserver-retrieve-plugin-mongo">dserver-retrieve-plugin-mongo</a></span>
+          {% elsif block == 'other-plugins' %}
+            <span>other server-side plugins...</span>
+          {% elsif block == 'database' %}
+            <img src="{{ site.baseurl }}/assets/icons/sql.png" alt="SQL icon">
+            <span>core database</span>
+          {% elsif block == 'mongodb' %}
+            <img src="{{ site.baseurl }}/assets/icons/mongodb.png" alt="MongoDB icon">
+            <span><a href="https://github.com/livMatS/dserver-search-plugin-mongo">database with searchable and retrievable metadata</a></span>
+          {% elsif block == 'other-database' %}
+            <img src="{{ site.baseurl }}/assets/icons/database.png" alt="Database icon">
+            <span>other database technologies...</span>
+          {% else %}
+            {{ block }}
+          {% endif %}
+        </div>
+      {% endfor %}
+    </div>
+  </section>
+{% endfor %}

assets/css/styles.css

@@ -0,0 +1,60 @@
+/* Global Styles */
+section {
+    margin-bottom: 40px;
+  }
+
+  section h2 {
+    font-size: 24px;
+    margin-bottom: 10px;
+  }
+
+  /* Tool Grid */
+  .tool-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+  }
+
+  /* Block Styles */
+  .block {
+    background-color: #f0f0f0;
+    padding: 20px;
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .block img {
+    width: 50px;
+    height: 50px;
+    margin-bottom: 10px;
+  }
+
+  .block span {
+    font-size: 16px;
+    color:black;
+  }
+
+  /* Specific Block Styles */
+  .block.terminal, .file-system, .other-infrastructure, .other-plugins, .other-database {
+    background-color: #a7bcc4; /* grey */
+  }
+
+  .gui. .python-api, .storage-item-disk, .storage-item-smb, .storage-item-s3, .storage-item-other, .search-plugin, .retrieve-plugin, .flask, .database {
+    background-color: #48ceff; /* blue*/
+  }
+
+  .block.object-storage {
+    background-color: #f06666; /* Light red */
+  }
+
+
+  .block.network-share {
+    background-color: #ccd05a; /* Light yellow */
+  }
+
+  .block.webapp, .restapi, .mongodb {
+    background-color: #ccffcc; /* Light green */
+  }

assets/icons/README.md

@@ -0,0 +1,18 @@
+# Sources
+
+Yet incomplte icon sources:
+
+   - Python icon: https://www.python.org/community/logos/, https://s3.dualstack.us-east-2.amazonaws.com/pythondotorg-assets/media/files/python-logo-only.svg
+   - Terminal icon: https://iconduck.com/icons/171359/terminal
+     License: CC BY 4.0
+   - OpenAPI icon: https://worldvectorlogo.com/logo/openapi-1
+     License: Apache License Version 2.0, January 2004
+   - dtool: https://github.com/livMatS/dtool-lookup-gui/blob/master/data/icons/dtool_logo.svg
+     License: CC-BY-SA
+   - VueJS icon: https://github.com/vuejs/art/blob/9f8ee218d32b52c2d150212f22798a7a61689361/logo.svg, 
+     License: CC BY 4.0
+   - file-system icon: Distributed File System by Iconfly from Noun Project
+     Source: https://thenounproject.com/icon/distributed-file-system-5666554/
+     License CC BY 3.0
+
+# Conversion