q-component project-card {
w3-card,w3-round-large,w3-margin-bottom,w3-theme-d3 {
div.w3-padding-large {
/* Title */
div.w3-theme-d5,w3-padding-medium {
h2.w3-margin-0 {
slot { name: "title" }
}
}
/* Body */
div.w3-padding-medium {
div.w3-margin-left {
p.w3-large {
slot { name: "description" }
}
p {
slot { name: "extended" }
}
div.w3-small,w3-theme-d4,w3-padding-small,w3-margin-top {
slot { name: "meta" }
}
}
}
}
}
}
/* Container */
div.w3-container,w3-margin-top {
project-card {
span { slot: "title" text { RouterUI } }
span { slot: "description" text { Browser-based control plane for routing, firewall policies, and segmented network orchestration. } }
span { slot: "extended" text { Designed to abstract nftables, iptables, and advanced routing constructs into a clean interface while preserving low-level control and precision. } }
span { slot: "meta" text { nftables • iptables • routing tables • namespace-aware design } }
}
project-card {
span { slot: "title" text { LCARS Launcher } }
span { slot: "description" text { Plasma-integrated LCARS-inspired command interface for system execution and remote orchestration. } }
span { slot: "extended" text { Enables dynamic command routing, URL launching, and shell interaction through a stylized but production-capable control surface. } }
span { slot: "meta" text { KDE Plasma 6 • system hooks • script execution • live interface } }
}
project-card {
span { slot: "title" text { q-html.js } }
span { slot: "description" text { Declarative meta-markup language compiling structured syntax into native HTML with component abstraction. } }
span { slot: "extended" text { Supports slot injection, nested composition, and multi-tag grouping while maintaining deterministic parsing and minimal runtime overhead. } }
span { slot: "meta" text { tokenizer • structured parser • Web Components • slot system } }
}
project-card {
span { slot: "title" text { Blockwars30 } }
span { slot: "description" text { Qt/QML-based strategic puzzle-battle engine centered around grid mechanics and hero card systems. } }
span { slot: "extended" text { Implements modular buff stacking, turn-based logic abstraction, and extensible gameplay systems optimized for clean separation of state and rendering. } }
span { slot: "meta" text { Qt 6 • QML • state engine • polymorphic game systems } }
}
project-card {
span { slot: "title" text { CSS Smart Editor } }
span { slot: "description" text { Natural-language-driven CSS transformation engine that modifies style rules without relying on an LLM. } }
span { slot: "extended" text { Uses structured parsing and deterministic rewrite logic to safely manipulate CSSOM while preserving semantic integrity and layout stability. } }
span { slot: "meta" text { CSSOM • Typed OM • transformation engine • rule abstraction } }
}
}