From aee36fa70d91b52a3252b247ba3b82907cb40fcc Mon Sep 17 00:00:00 2001 From: 51l3nt51n <51l3nt51n@proton.me> Date: Tue, 3 Mar 2026 16:22:56 +0000 Subject: [PATCH] feat: Enforce classic UI design principles by applying a global monospace font, refactoring the dashboard to use a basic HTML table, and stripping modern CSS from the index page. --- .agents/skills/classic_ui_design/SKILL.md | 5 ++- templates/base.html | 5 +++ templates/dashboard.html | 50 ++++++++++++++--------- templates/index.html | 39 ++++-------------- 4 files changed, 46 insertions(+), 53 deletions(-) diff --git a/.agents/skills/classic_ui_design/SKILL.md b/.agents/skills/classic_ui_design/SKILL.md index d28ce82..529afbc 100644 --- a/.agents/skills/classic_ui_design/SKILL.md +++ b/.agents/skills/classic_ui_design/SKILL.md @@ -7,7 +7,7 @@ description: Use this skill to ensure all UI designs follow a raw, text-based, t When asked to design or update UIs under this style, you **MUST** strictly adhere to the following rules to maintain a nostalgic, purely text-based aesthetic: ## Core Rules -1. **No CSS or Styling:** Absolutely no `` to enforce the monospace rule with no exceptions. Do not use inline `style="..."` attributes (except maybe `display:inline` for form elements), or external stylesheets. Do not use Flexbox, CSS Grid, or margins/padding. 2. **No Layout Tables:** Do not use ``, ``, `
` for laying out pages, structure, or positioning items. Tables should only be used if explicitly requested for tabular data, but even then, basic text lists are preferred. 3. **No Centering or Alignment:** Do not use `
` tags, `align="..."` attributes, or `
`. The entirety of the text should remain left-aligned naturally within the browser window. 4. **Pure Structural Flow:** Rely strictly on basic structural blocks: @@ -21,6 +21,7 @@ When asked to design or update UIs under this style, you **MUST** strictly adher - Underline: `` - Basic Colors: ``, `` 6. **Form Elements:** Keep `
`, ``, `` instead of fancy buttons. Give inputs a basic `size="..."` if necessary for width. -7. **Body:** A common body tag to use is ``. Do not include a background or surface color. +8. **Monospace Font:** All text **must** use a monospace font, no exceptions. The best way to enforce this reliably across all elements, including form tags and tables, is to include `` in the `` of your HTML document. +9. **Body element:** A common body tag to use is ``. Do not include a background or surface color. By following these constraints, you will achieve the strict, highly generic, early web (1995-1998) look. diff --git a/templates/base.html b/templates/base.html index a5e05bc..1124b2a 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,6 +4,11 @@ {% block title %}CMS{% endblock %} + diff --git a/templates/dashboard.html b/templates/dashboard.html index e69675c..bcbf2c7 100644 --- a/templates/dashboard.html +++ b/templates/dashboard.html @@ -14,26 +14,36 @@ {{ err }}
{% endif %} -{% for user in users %} -

- ID: {{ user.id }}
- Username: {{ user.username }}
- Role: {{ user.role }}
- - {% if current_user.role == "admin" %} - {% if user.id != current_user.id %} - - -

-{% endif %} -
- - -
-{% endif %} -

-
-{% endfor %} + + + + + + {% if current_user.role == "admin" %} + + {% endif %} + + {% for user in users %} + + + + + {% if current_user.role == "admin" %} + + {% endif %} + + {% endfor %} +
IDUsernameRoleActions
{{ user.id }}{{ user.username }}{{ user.role }} + {% if user.id != current_user.id %} +
+ +
+ {% endif %} +
+ + +
+
{% if current_user.role == "admin" %}
diff --git a/templates/index.html b/templates/index.html index cdeae2d..4a17976 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,42 +1,19 @@ + - {{ title }} - -

Coming Soon

+ + +

{{ title }}

We are working hard to build something amazing.

- + + \ No newline at end of file