kevinveenbirkenbach/computer-playbook
1
0
Fork 0
mirror of https://github.com/kevinveenbirkenbach/computer-playbook.git synced 2025-10-31 18:29:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(frontend): rename inj roles to sys-front-*, add sys-svc-cdn, cache-busting lookup

Browse Source 
Introduce sys-svc-cdn (cdn_paths/cdn_urls/cdn_dirs) and ensure CDN directories + latest symlink.

Rename sys-srv-web-inj-* → sys-front-inj-*; update includes/templates; serve shared/per-app CSS & JS via CDN.

Add lookup_plugins/local_mtime_qs.py for mtime-based cache busting; split CSS into default.css/bootstrap.css + optional per-app style.css.

CSP: use style-src-elem; drop unsafe-inline for styles. Services: fix SYS_SERVICE_ALL_ENABLED bool and controlled flush.

BREAKING CHANGE: role names changed; replace includes and references accordingly.

Conversation: https://chatgpt.com/share/68b55494-9ec4-800f-b559-44707029141d
This commit is contained in:
Kevin Veen-Birkenbach
2025-09-01 10:10:23 +02:00
parent 3f8e7c1733
commit 231fd567b3
123 changed files with 1789 additions and 1393 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
roles/web-app-discourse/templates/style.css.j2 Normal file
View File

@@ -0,0 +1,102 @@
/* Discourse */
:root section#main{
/* Base Colors */
--primary: var(--color-01-20); /* originally #203243 */
--secondary: var(--color-01-95); /* originally #eef4f7 */
--tertiary: var(--color-01-40); /* originally #416376 */
--quaternary: var(--color-01-50); /* originally #5e99b9 */
/* Header & Highlight */
--header_background: var(--color-01-86); /* originally #86bddb */
--header_primary: var(--color-01-20); /* same as --primary */
--highlight: var(--color-01-70); /* same as header_background */
--d-selected: var(--color-01-85); /* originally #bee0f2 */
--d-hover: var(--color-01-90); /* originally #d2efff */
/* Normally refers to secondary. Somehow this reference does not work.*/
--d-sidebar-background: var(--color-01-92);
--d-sidebar-footer-fade: var(--color-01-92);
/* RGB values */
--always-black-rgb: var(--color-01-rgb-01);
--primary-rgb: var(--color-01-rgb-20);
--primary-low-rgb: var(--color-01-rgb-95);
--primary-very-low-rgb: var(--color-01-rgb-99);
--secondary-rgb: var(--color-01-rgb-95);
--header_background-rgb: var(--color-01-rgb-70);
--tertiary-rgb: var(--color-01-rgb-40);
--highlight-rgb: var(--color-01-rgb-70);
--success-rgb: var(--color-01-rgb-50);
/* Primary Scale */
--primary-very-low: var(--color-01-99); /* originally #f7f9fb */
--primary-low: var(--color-01-95); /* originally #e3ebf2 */
--primary-low-mid: var(--color-01-75); /* originally #acc2d7 */
--primary-medium: var(--color-01-60); /* originally #7499bd */
--primary-high: var(--color-01-40); /* originally #487096 */
--primary-very-high: var(--color-01-20); /* originally #34516d */
--primary-50: var(--color-01-99); /* originally #f7f9fb */
{% for i in range(1, 10) %}
{# @see https://chatgpt.com/share/67bcd94e-bb44-800f-bf63-06d1ae0f5096 #}
{% set primary = i * 100 %}
{% set color = 100 - i * 8 %}
--primary-{{ primary }}: var(--color-01-{{ "%02d" % color }});
{% endfor %}
/* Header Primary Scale */
--header_primary-low: rgb(var(--color-01-rgb-75)); /* rgb(128, 180, 209) */
--header_primary-low-mid: rgb(var(--color-01-rgb-70)); /* rgb(110, 155, 181) */
--header_primary-medium: rgb(var(--color-01-rgb-60)); /* rgb(93, 132, 155) */
--header_primary-high: rgb(var(--color-01-rgb-50)); /* rgb(78, 112, 132) */
--header_primary-very-high: rgb(var(--color-01-rgb-20)); /* rgb(52, 76, 94) */
/* Secondary Scale */
--secondary-low: var(--color-01-20); /* originally #2f5163 */
--secondary-medium: var(--color-01-40); /* originally #4e88a5 */
--secondary-high: var(--color-01-60); /* originally #7ba9c1 */
--secondary-very-high: var(--color-01-90); /* originally #d7e5ec */
/* Tertiary Scale */
--tertiary-very-low: var(--color-01-99); /* originally #eaf0f3 */
--tertiary-low: var(--color-01-95); /* originally #dfe8ee */
--tertiary-medium: var(--color-01-60); /* originally #96b4c5 */
--tertiary-high: var(--color-01-40); /* originally #5886a0 */
--tertiary-hover: var(--color-01-20); /* originally #314a59 */
--tertiary-50: var(--color-01-99); /* originally #eaf0f3 */
{% for i in range(1, 10) %}
{# @see https://chatgpt.com/share/67bcd94e-bb44-800f-bf63-06d1ae0f5096 #}
{% set tertiary = i * 100 %}
{% set color = 100 - i * 5 %}
--tertiary-{{ tertiary }}: var(--color-01-{{ "%02d" % color }});
{% endfor %}
/* Quaternary */
--quaternary-low: var(--color-01-80); /* originally #cfe0ea */
/* Highlight */
--highlight-bg: var(--color-01-90); /* originally #dbebf4 */
--highlight-low: var(--color-01-90); /* originally #dbebf4 */
--highlight-medium: var(--color-01-80); /* originally #c3deed */
--highlight-high: var(--color-01-30); /* originally #286688 */
/* Combination Variables */
--blend-primary-secondary-5: rgb(var(--color-01-rgb-95)); /* originally rgb(232, 238, 241) */
--primary-med-or-secondary-med: var(--color-01-60); /* originally #7499bd */
--primary-med-or-secondary-high: var(--color-01-60); /* originally #7499bd */
--primary-high-or-secondary-low: var(--color-01-40); /* originally #487096 */
--primary-low-mid-or-secondary-high: var(--color-01-75); /* originally #acc2d7 */
--primary-low-mid-or-secondary-low: var(--color-01-75); /* originally #acc2d7 */
--primary-or-primary-low-mid: var(--color-01-20); /* originally #203243 */
--highlight-low-or-medium: var(--color-01-90); /* originally #dbebf4 */
--tertiary-or-tertiary-low: var(--color-01-40); /* originally #416376 */
--tertiary-low-or-tertiary-high: var(--color-01-95); /* originally #dfe8ee */
--tertiary-med-or-tertiary: var(--color-01-60); /* originally #96b4c5 */
--secondary-or-primary: var(--color-01-95); /* originally #eef4f7 */
--tertiary-or-white: var(--color-01-40); /* originally #416376 */
/* Float Kit */
--float-kit-arrow-stroke-color: var(--primary-low); /* already mapped above */
--float-kit-arrow-fill-color: var(--secondary); /* already mapped above */
}