From bb0416510034769a835bb5feaf41a1ba01658e06 Mon Sep 17 00:00:00 2001
From: "Andre F. Rendeiro" <afrendeiro@gmail.com>
Date: Thu, 28 Nov 2024 17:44:22 +0100
Subject: [PATCH] update

---
 content.yaml            | 45 +++++++++++++++++++++++++++++++
 templates/research.html |  2 +-
 templates/software.html | 59 +++++++++++++++++++++++++++++++++++++++++
 templates/template.html |  3 +++
 4 files changed, 108 insertions(+), 1 deletion(-)
 create mode 100644 templates/software.html

diff --git a/content.yaml b/content.yaml
index de4f3ad..8448916 100644
--- a/content.yaml
+++ b/content.yaml
@@ -224,6 +224,51 @@ research:
   content: ""
   outro: ""
 
+software:
+  description: "The software produced by our lab"
+  title: "Software"
+  intro: "Software produced and maintained by our lab:"
+  content: ""
+  outro: ""
+  software:
+    Marsilea:
+      title: "Marsilea"
+      subtitle: "Declarative creation of composable visualizations"
+      description: null
+      img: https://raw.githubusercontent.com/Marsilea-viz/marsilea/main/img/banner-blue.jpg
+      url_gh: https://github.com/Marsilea-viz/marsilea
+      url_docs: https://marsilea.readthedocs.io/
+    LazySlide:
+      title: "LazySlide"
+      subtitle: "Modular and scalable whole slide image analysis"
+      description: null
+      img: https://raw.githubusercontent.com/rendeirolab/LazySlide/main/assets/logo%403x.png
+      url_gh: https://github.com/RendeiroLab/LazySlide
+      url_docs: https://lazyslide.readthedocs.io/
+    WSIData:
+      title: "WSIData"
+      subtitle: "Efficient data structures and IO operations for whole slide images analysis"
+      description: null
+      img: https://raw.githubusercontent.com/rendeirolab/WSIData/main/assets/logo%403x.png
+      url_gh: https://github.com/RendeiroLab/WSIData
+      url_docs: https://wsidata.readthedocs.io/
+    wsi:
+      title: "wsi"
+      subtitle: "Python library for processing whole slide images (WSI)"
+      description: |
+        A simple Python library for processing whole slide images (WSI) with an object-oriented interface.
+        It has the goal of doing basic processing of WSIs with reasonable defaults, but high customizability.
+      img: null
+      url_gh: https://github.com/RendeiroLab/wsi
+      url_docs: https://wsi.readthedocs.io/
+    cytomine-utils:
+      title: "cytomine-utils"
+      subtitle: "Python package for high-level interaction with a Cytomine instance"
+      description: null
+      img: null
+      url_gh: https://github.com/RendeiroLab/cytomine-utils
+      url_docs: https://cytomine-utils.readthedocs.io/en/latest
+
 team:
   description: "The team members of the Rendeiro lab"
   title: "Team"
diff --git a/templates/research.html b/templates/research.html
index 27c47c6..1372043 100644
--- a/templates/research.html
+++ b/templates/research.html
@@ -104,7 +104,7 @@ <h5>Relevant software</h5>
                                             </li>
                                             <li>
                                                 <a rel="datacite:doi" href="https://github.com/marsilea-viz/marsilea">
-                                                    <b>Marsilea</b>: Declarative creation of composable visualization
+                                                    <b>Marsilea</b>: Declarative creation of composable visualizations
                                                 </a>
                                             </li>
                                         </ul>
diff --git a/templates/software.html b/templates/software.html
new file mode 100644
index 0000000..340f05b
--- /dev/null
+++ b/templates/software.html
@@ -0,0 +1,59 @@
+{# templates/software.html #}
+
+{% extends "template.html" %}
+
+{% block content %}
+                <div class="row blog-main">
+                    <h3>{{ title }}</h3>
+                    <p>{{ intro }}</p>
+                    <p>{{ content }}</p>
+                    {% for id, soft in software.items() %}
+                    <div class="col-12">
+                        <h4>{{ soft.title }}</h4>
+                        <div class="row">
+                            {% if soft.img is not none %}
+                            <div class="col-6 col-md-3">
+                                    {% if soft.img is not none %}
+                                        {% if soft.img.startswith('http') %}
+                                        <a href="{{ soft.url_gh }}" target="_blank">
+                                            <img class="img-responsive" src="{{ soft.img }}" alt="{{ soft.description }}" style="width: 95%; height: auto; display: block">
+                                        </a>
+                                        {% else %}
+                                        <a href="{{ soft.url_gh }}" target="_blank">
+                                            <img class="img-responsive" src="{{ static_url }}/img/{{ soft.img }}" alt="{{ soft.description }}" style="width: 95%; height: auto; display: block">
+                                        </a>
+                                        {% endif %}
+                                    {% endif %}
+                            </div>
+                            {% endif %}
+                            {% if soft.img is not none %}
+                            <div class="col-6 col-md-9">
+                            {% else %}
+                            <div class="col-12">
+                            {% endif %}
+                            <h5 class="mb-0">{{ soft.subtitle }}</h5>
+                            {% if soft.description is not none %}
+                                <p class="mb-0">{{ soft.description }}</p>
+                            {% endif %}
+                            <ul class="list-inline">
+                                <li>
+                                    <button class="btn btn-default" type="button">
+                                        <span class="bi bi-link-45deg"></span>
+                                        <strong>Github:</strong> <a href="{{ soft.url_gh }}" target="_blank">{{ soft.url_gh }}</a>
+                                    </button>
+                                </li>
+                                <li>
+                                    <button class="btn btn-default" type="button">
+                                        <span class="bi bi-link-45deg"></span>
+                                        <strong>Docs:</strong> <a href="{{ soft.url_docs }}" target="_blank">{{ soft.url_docs }}</a>
+                                    </button>
+                                </li>
+                            </ul>
+                            </div>
+                        </div>
+                        <br>
+                    </div>
+                    {% endfor %}
+                    <p>{{ outro }}</p>
+                </div>
+{% endblock content %}
diff --git a/templates/template.html b/templates/template.html
index 67c04c9..0942a33 100644
--- a/templates/template.html
+++ b/templates/template.html
@@ -111,6 +111,9 @@
                 <li class="nav-item">
                     <a class="nav-link" href="/publications/">Publications</a>
                 </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="/software/">Software</a>
+                </li>
                 <li class="nav-item">
                     <a class="nav-link" href="/contact/">Contact</a>
                 </li>