Corporate Design

Description

CSS styles the user-facing surfaces of web applications across the deployment. This role registers css as a canonical service in the deployment’s service registry so consumer roles can declare CSS as a runtime dependency.

Overview

This role owns the css service flag and declares web-svc-cdn as the upstream that serves the actual CSS bytes. Consumer roles gate CSS-dependent surfaces on 'web-svc-css' in group_names via their own meta/services.yml. The role’s canonical domain 301-redirects to the CDN’s canonical domain so health probes against the CSS hostname return a valid response.

Cosmos

The diagram places Corporate Design in the Infinito.Nexus cosmos: the components it deploys (capabilities), the central services it consumes (dependencies), and its outward reach (federation and bridged external networks).

flowchart LR
    subgraph deps [Dependencies]
        dep_svc_net_tor["svc-net-tor 🐳🐝"]
        dep_web_app_prometheus["web-app-prometheus 🐳🐝"]
        dep_web_svc_cdn["web-svc-cdn 🐳🐝"]
    end
    subgraph role [web-svc-css 💻]
        svc_css["css"]
        svc_cdn["cdn"]
        svc_matomo["matomo ❌"]
        svc_prometheus["prometheus"]
        svc_tor["tor"]
    end
    subgraph dependents [Dependents]
        dpt_web_app_akaunting["web-app-akaunting 🐳🐝"]
        dpt_web_app_baserow["web-app-baserow 🐳🐝"]
        dpt_web_app_bigbluebutton["web-app-bigbluebutton 🐳🐝"]
        dpt_web_app_bluesky["web-app-bluesky 🐳🐝"]
        dpt_web_app_bookwyrm["web-app-bookwyrm 🐳🐝"]
        dpt_web_app_bridgy_fed["web-app-bridgy-fed 🐳🐝"]
        dpt_web_app_checkmk["web-app-checkmk 🐳🐝"]
        dpt_web_app_chess["web-app-chess 🐳🐝"]
        dpt_web_app_confluence["web-app-confluence 🐳🐝"]
        dpt_web_app_dashboard["web-app-dashboard 🐳🐝"]
        dpt_web_app_decidim["web-app-decidim 🐳🐝"]
        dpt_web_app_discourse["web-app-discourse 🐳🐝"]
        dpt_more["..."]
    end
    dep_svc_net_tor -. "0..1" .-> svc_tor
    dep_web_app_prometheus -. "0..1" .-> svc_prometheus
    dep_web_svc_cdn -- "1:1" --> svc_cdn
    svc_css -- "1:1" --> dpt_more
    svc_css -. "0..1" .-> dpt_web_app_akaunting
    svc_css -. "0..1" .-> dpt_web_app_baserow
    svc_css -. "0..1" .-> dpt_web_app_bigbluebutton
    svc_css -. "0..1" .-> dpt_web_app_bluesky
    svc_css -. "0..1" .-> dpt_web_app_bookwyrm
    svc_css -. "0..1" .-> dpt_web_app_bridgy_fed
    svc_css -. "0..1" .-> dpt_web_app_checkmk
    svc_css -. "0..1" .-> dpt_web_app_chess
    svc_css -. "0..1" .-> dpt_web_app_confluence
    svc_css -. "0..1" .-> dpt_web_app_dashboard
    svc_css -. "0..1" .-> dpt_web_app_decidim
    svc_css -. "0..1" .-> dpt_web_app_discourse

Solid 1:1 edges are fixed relationships; dashed 0..1 edges are conditional (enabled only in matching deployments); red 0..0 edges are turned off in this role. Node markers show the role’s deploy modes (💻 host, 🐳 compose, 🐝 swarm); ❌ marks a service that is explicitly turned off, and ⚙️ an Ansible role dependency declared in meta/main.yml.

Features

• Service flag ownership: Owns the css entry in the central service registry.

• CDN-backed delivery: Declares web-svc-cdn as the upstream that serves the actual CSS bytes.

• Health-probe friendly: Redirects the canonical CSS hostname to the CDN so HTTP probes return a valid response.

• Variant-matrix coverage: Ships meta/variants.yml exercising both polarities of the cdn dependency.

Quick Setup

Development

Clone, set up the workstation, and deploy Corporate Design onto the local stack:

git clone https://github.com/infinito-nexus/core.git
cd core
make onboard
make compose-deploy mode=reinstall apps=web-svc-css full_cycle=false

Production

Install Corporate Design directly onto the target machine: clone the repository, install the OS prerequisites and the repository toolchain, then deploy against localhost over a local connection (no SSH, no container):

git clone https://github.com/infinito-nexus/core.git
cd core
bash scripts/install/package.sh
make install
source scripts/meta/env/load.sh

APP=web-svc-css
DOMAIN=<your-domain>
TLS_MODE=self_signed
SSH_PUBLIC_KEY="<your-ssh-public-key>"
INVENTORY=inventories/production
infinito administration inventory provision "$INVENTORY" \
  --inventory-file "$INVENTORY/devices.yml" \
  --host localhost \
  --include "$APP" \
  --vars "{\"TLS_MODE\": \"$TLS_MODE\", \"DOMAIN_PRIMARY\": \"$DOMAIN\", \"users\": {\"administrator\": {\"authorized_keys\": [\"$SSH_PUBLIC_KEY\"]}}}"
infinito administration deploy dedicated "$INVENTORY/devices.yml" \
  --password-file "$INVENTORY/.password" \
  --diff -vv

Further Resources

• CSS on MDN

Credits

Implemented by Kevin Veen-Birkenbach. Part of the Infinito.Nexus Project and maintained by Kevin Veen-Birkenbach. Licensed under the Infinito.Nexus Community License (Non-Commercial).