Huge role refactoring/cleanup. Other commits will propably follow. Because some bugs will exist. Still important for longrun and also for auto docs/help/slideshow generation

roles/web-app-portfolio/vars/configuration.yml

@@ -0,0 +1,32 @@
+features:
+  matomo:           true
+  css:              true
+  portfolio_iframe: false
+  simpleicons:      true  # Activate Brand Icons for your groups
+  javascript:       true  # Necessary for URL sync
+csp:
+  whitelist:
+    script-src-elem:
+      - https://cdn.jsdelivr.net
+      - https://kit.fontawesome.com
+      - https://code.jquery.com/
+    style-src:
+      - https://cdn.jsdelivr.net
+    font-src:
+      - https://ka-f.fontawesome.com
+      - https://cdn.jsdelivr.net
+    connect-src:
+      - https://ka-f.fontawesome.com
+    frame-src:
+      - "{{ web_protocol }}://*.{{primary_domain}}"
+  flags:
+    style-src:
+      unsafe-inline: true
+    script-src:
+      unsafe-inline: true
+    script-src-elem:
+      unsafe-inline: true
+domains:
+  canonical:
+    - "{{ primary_domain }}"
+

roles/web-app-portfolio/vars/main.yml

@@ -0,0 +1,4 @@
+application_id:             "portfolio"
+docker_repository_address:  "https://github.com/kevinveenbirkenbach/portfolio"
+config_inventory_path:      "{{ inventory_dir }}/files/{{ inventory_hostname }}/docker/portfolio/config.yaml.j2"
+docker_repository:          true

roles/web-app-portfolio/vars/menu_categories.yml

@@ -0,0 +1,171 @@
+portfolio_menu_categories:
+
+  Community:
+    description: "Tools to manage the community"
+    icon: "fa-solid fa-users"
+    tags:
+      - community
+      - forum
+      - learning
+      - newsletter
+      - discourse
+      - listmonk
+      - moodle
+      - mybb
+      - mobilizon
+      - friendica
+
+  Project Management:
+    description: "Project Management Tools"
+    icon: "fa-solid fa-chart-line"
+    tags:
+      - project
+      - kanban
+      - openproject
+      - taiga
+      - espocrm
+  
+  Social Media:
+    description: "Social Media Tools"
+    icon: "fa-solid fa-share-nodes"
+    tags:
+      - microblog
+      - blog
+      - video platform
+      - streaming platform
+      - music platform
+      - social network
+      - bluesky
+      - funkwhale
+      - mastodon
+      - peertube
+      - pixelfed
+      - friendica
+
+  Communication:
+    description: "Tools for communication"
+    icon: "fa-solid fa-comments"
+    tags:
+      - chat
+      - communication
+      - video
+      - mail
+      - email
+      - bigbluebutton
+      - etherpad
+      - mailu
+      - matrix
+      - xmpp
+  
+  Cloud:
+    description: "Self-hosted cloud solutions for file synchronization, collaboration, and data sharing."
+    icon: "fa-solid fa-cloud"
+    tags:
+      - nextcloud
+      - owncloud
+      - cloud
+
+  IAM:
+    description: "Tools for Identity and Access Management, including authentication, user provisioning, and secure access control."
+    icon: "fa-solid fa-user-shield"
+    tags:
+      - iam
+      - identity-management
+      - authentication
+      - access-control
+      - sso
+      - keycloak
+      - lam
+      - ldap
+      - fusiondirectory
+      - user-management
+
+  Server Administration:
+    description: "Administration Tools für servers"
+    icon: "fas fa-building"
+    tags:
+      - administration
+      - database
+      - central-database
+      - elk
+      - mariadb
+      - matomo
+      - pgadmin
+      - phpldapadmin
+      - phpmyadmin
+      - postgres
+
+  Tools:
+    description: "Helpful Tools"
+    icon: "fas fa-tools"
+    tags:
+      - tools
+      - utility
+      - baserow
+      - compose
+      - repository-setup
+      - roulette-wheel
+      - yourls
+
+  Presentation:
+    description: "Presentation and Documentation Tools"
+    icon: "fas fa-tools"
+    tags:
+      - presentation
+      - sphinx
+      - portfolio
+
+  Finance & Accounting:
+    description: "Financial and accounting software"
+    icon: "fa-solid fa-dollar-sign"
+    tags:
+      - finance
+      - accounting
+      - invoices
+      - akaunting
+      - snipe-it
+      
+  Events:
+    description: "Event and ticket management tools"
+    icon: "fa-solid fa-ticket-alt"
+    tags:
+      - events
+      - ticketing
+      - attendize
+
+  Infrastructure:
+    description: "Infrastructure and networking tools"
+    icon: "fa-solid fa-network-wired"
+    tags:
+      - infrastructure
+      - networking
+      - proxy
+      - turn
+      - stun
+      - coturn
+      - oauth2-proxy
+      - registry
+
+  Development:
+    description: "Development and CI/CD tools"
+    icon: "fa-solid fa-code-branch"
+    tags:
+      - development
+      - version control
+      - ci/cd
+      - git
+      - gitea
+      - gitlab
+      - jenkins
+
+  Content Management:
+    description: "CMS and web publishing platforms"
+    icon: "fa-solid fa-file-alt"
+    tags:
+      - cms
+      - blogging
+      - publishing
+      - website
+      - joomla
+      - mediawiki
+      - wordpress