From 4cf70bb8129342504a4ad672f501398849acdd85 Mon Sep 17 00:00:00 2001 From: gabdevele Date: Thu, 18 Jun 2026 14:15:24 +0200 Subject: [PATCH] feat: update organization name to "Visione" in JSON and HTML templates, enhance styling in CSS, and add placeholder attributes in forms --- .gitignore | 1 + federation_authority/dumps/example.json | 6 +- .../settingslocal.py.example | 2 +- provider/dumps/example.json | 4 +- provider/templates/op_base.html | 118 +++++++++++------- provider/templates/op_user_consent.html | 3 +- provider/templates/op_user_login.html | 18 +-- relying_party/dumps/example.json | 2 +- 8 files changed, 94 insertions(+), 60 deletions(-) diff --git a/.gitignore b/.gitignore index 4775950..7da6b98 100644 --- a/.gitignore +++ b/.gitignore @@ -2,3 +2,4 @@ */db/db.sqlite3 */logs/ */static/ +__pycache__/ \ No newline at end of file diff --git a/federation_authority/dumps/example.json b/federation_authority/dumps/example.json index 99b8637..581721b 100644 --- a/federation_authority/dumps/example.json +++ b/federation_authority/dumps/example.json @@ -248,7 +248,7 @@ "metadata": { "federation_entity": { "federation_resolve_endpoint": "http://127.0.0.1:8000/oidc/rp/resolve", - "organization_name": "that fancy RP", + "organization_name": "Visione", "homepage_uri": "http://127.0.0.1:8000", "policy_uri": "http://127.0.0.1:8000/oidc/rp/en/website/legal-information", "logo_uri": "http://127.0.0.1:8000/static/svg/spid-logo-c-lb.svg", @@ -607,7 +607,7 @@ } ] }, - "client_name": "Name of an example organization", + "client_name": "Visione", "contacts": [ "ops@rp.example.it" ], @@ -1034,7 +1034,7 @@ } ] }, - "client_name": "Name of an example organization", + "client_name": "Visione", "contacts": [ "ops@rp.example.it" ], diff --git a/federation_authority/federation_authority/settingslocal.py.example b/federation_authority/federation_authority/settingslocal.py.example index 9ad53cb..761a748 100644 --- a/federation_authority/federation_authority/settingslocal.py.example +++ b/federation_authority/federation_authority/settingslocal.py.example @@ -72,7 +72,7 @@ FEDERATION_DEFAULT_POLICY = { # "https://rp.example.it/spid/cb2" # ] # }, - # "organization_name": {"value": "Example RP organization name"}, + # "organization_name": {"value": "Visione organization name"}, # "logo_uri": { # "one_of": [ # "https://rp.example.it/logo_small.jpg", diff --git a/provider/dumps/example.json b/provider/dumps/example.json index 631df73..6440c6f 100644 --- a/provider/dumps/example.json +++ b/provider/dumps/example.json @@ -404,7 +404,7 @@ } ] }, - "client_name": "Name of an example organization", + "client_name": "Visione", "contacts": [ "ops@rp.example.it" ], @@ -536,7 +536,7 @@ } ] }, - "client_name": "Name of an example organization", + "client_name": "Visione", "contacts": [ "ops@rp.example.it" ], diff --git a/provider/templates/op_base.html b/provider/templates/op_base.html index cac6384..34c9070 100644 --- a/provider/templates/op_base.html +++ b/provider/templates/op_base.html @@ -9,18 +9,18 @@ :root { --visione-blue: #0059b3; --visione-blue-dark: #00428a; - --visione-border: #d8e3f0; - --visione-text: #16324f; - --visione-muted: #58708d; - --visione-bg: #f4f7fb; + --visione-border: #d7e3f0; + --visione-line: #8ea3ba; + --visione-text: #17324d; + --visione-muted: #617992; + --visione-bg: #f6f8fb; + --visione-card-shadow: 0 12px 34px rgba(17, 42, 73, 0.09); } * { box-sizing: border-box; } body { margin: 0; font-family: "Titillium Web", "Segoe UI", sans-serif; - background: - radial-gradient(circle at top left, rgba(0, 89, 179, 0.06), transparent 28%), - linear-gradient(180deg, #fbfdff 0%, var(--visione-bg) 100%); + background: linear-gradient(180deg, #ffffff 0%, var(--visione-bg) 100%); color: var(--visione-text); } a { color: var(--visione-blue); } @@ -31,7 +31,7 @@ } .visione-topbar-inner, .visione-content { - width: min(1080px, calc(100% - 32px)); + width: min(1120px, calc(100% - 32px)); margin: 0 auto; } .visione-topbar-inner { @@ -39,7 +39,7 @@ justify-content: space-between; align-items: center; gap: 24px; - padding: 18px 0; + padding: 14px 0; } .visione-brand, .visione-brand-right { @@ -48,8 +48,8 @@ gap: 14px; } .visione-flag { - width: 26px; - height: 38px; + width: 18px; + height: 36px; border-radius: 2px; background: linear-gradient(90deg, #008c45 0 33%, #ffffff 33% 66%, #cd212a 66% 100%); box-shadow: 0 0 0 1px rgba(0,0,0,0.04); @@ -81,72 +81,82 @@ .visione-brand-text strong, .visione-brand-right strong { display: block; - font-size: 18px; + font-size: 11px; + line-height: 1.05; + color: #5e88b8; + text-transform: uppercase; + letter-spacing: 0.02em; } - .visione-content { padding: 34px 0 56px; } + .visione-content { padding: 30px 0 56px; } .visione-eyebrow { color: var(--visione-blue-dark); font-weight: 700; - font-size: 15px; + font-size: 14px; letter-spacing: 0.02em; margin: 0 0 8px; text-transform: uppercase; } .visione-title { color: var(--visione-blue); - font-size: clamp(32px, 5vw, 54px); - line-height: 1.05; - margin: 0 0 26px; + font-size: clamp(34px, 4.8vw, 58px); + line-height: 1.02; + margin: 0 0 28px; font-weight: 700; } .visione-card { background: #fff; - border-radius: 18px; - box-shadow: 0 18px 45px rgba(22, 50, 79, 0.08); - border: 1px solid rgba(216, 227, 240, 0.85); + border-radius: 0; + box-shadow: var(--visione-card-shadow); + border: 1px solid rgba(216, 227, 240, 0.75); overflow: hidden; } .visione-grid { display: grid; - grid-template-columns: minmax(0, 1fr) minmax(280px, 360px); + grid-template-columns: minmax(0, 1fr) 430px; } .visione-panel { - padding: 34px 34px 30px; + padding: 30px 26px 28px; } .visione-panel + .visione-panel { border-left: 1px solid var(--visione-border); - background: linear-gradient(180deg, #ffffff 0%, #f9fbfe 100%); + background: #fff; } .visione-panel-title { - margin: 0 0 12px; + margin: 0 0 10px; color: var(--visione-blue); - font-size: 22px; + font-size: 24px; line-height: 1.2; } .visione-copy { - margin: 0 0 24px; + margin: 0 0 18px; color: var(--visione-muted); - line-height: 1.6; + line-height: 1.55; + font-size: 15px; } - .visione-form-field { margin-bottom: 26px; } + .visione-form-field { margin-bottom: 28px; } .visione-form-label { display: block; color: var(--visione-muted); - font-size: 15px; - margin-bottom: 10px; + font-size: 0; + margin-bottom: 0; } .visione-form-input, .visione-form-textarea { width: 100%; border: 0; - border-bottom: 1px solid #8ca3bd; + border-bottom: 1px solid var(--visione-line); border-radius: 0; - padding: 10px 0; - font-size: 18px; + padding: 8px 0 9px; + font-size: 16px; color: var(--visione-text); background: transparent; outline: 0; } + .visione-form-input::placeholder, + .visione-form-textarea::placeholder { + color: #5f7690; + opacity: 1; + } .visione-form-textarea { min-height: 120px; resize: vertical; @@ -160,18 +170,19 @@ display: flex; gap: 16px; flex-wrap: wrap; - margin-top: 10px; + margin-top: 26px; } .visione-btn { display: inline-flex; justify-content: center; align-items: center; min-width: 180px; + min-height: 52px; padding: 14px 22px; - border-radius: 8px; + border-radius: 4px; border: 2px solid var(--visione-blue); text-decoration: none; - font-size: 18px; + font-size: 16px; font-weight: 700; cursor: pointer; } @@ -185,14 +196,28 @@ color: var(--visione-blue); } .visione-btn-secondary:hover { background: #eef5fd; } + .visione-link-row { + margin-top: 6px; + margin-bottom: 8px; + color: var(--visione-muted); + font-size: 14px; + } + .visione-link-row strong a { + text-decoration: underline; + } .visione-meta { - padding: 16px 18px; + padding: 18px 20px; border: 1px solid var(--visione-border); - border-radius: 14px; + border-radius: 0; background: #fff; } + .visione-service-line { + margin: 0; + font-size: 17px; + line-height: 1.35; + } .visione-claims { - margin: 18px 0 0; + margin: 14px 0 0; padding-left: 18px; color: var(--visione-text); line-height: 1.7; @@ -214,11 +239,17 @@ margin-top: 18px; font-size: 14px; } + .visione-lang { + color: var(--visione-blue); + font-size: 14px; + font-weight: 600; + margin-right: 10px; + } @media (max-width: 900px) { .visione-grid { grid-template-columns: 1fr; } .visione-panel + .visione-panel { border-left: 0; border-top: 1px solid var(--visione-border); } .visione-topbar-inner { flex-wrap: wrap; } - .visione-panel { padding: 28px 22px; } + .visione-panel { padding: 24px 18px; } .visione-actions { flex-direction: column; } .visione-btn { width: 100%; } } @@ -232,15 +263,14 @@
- {% trans "Ministero dell'interno" %} - {% trans "Accesso CIE" %} + {% trans "MINISTERO" %}
{% trans "DELL'INTERNO" %}
+
ITA
- {% trans "Relying party" %} - Visione + {% trans "CARTA DI IDENTITA" %}
{% trans "ELETTRONICA" %}
diff --git a/provider/templates/op_user_consent.html b/provider/templates/op_user_consent.html index 023231d..5ed1ff4 100644 --- a/provider/templates/op_user_consent.html +++ b/provider/templates/op_user_consent.html @@ -27,7 +27,8 @@ class="visione-form-input" type="{{ form_field.field.widget.input_type }}" name="{{ form_field.name }}" - value="{{ form_field.value|default_if_none:'' }}"> + value="{{ form_field.value|default_if_none:'' }}" + placeholder="{{ form_field.label }}"> {% else %} {% endif %} diff --git a/provider/templates/op_user_login.html b/provider/templates/op_user_login.html index b148c3e..996ad19 100644 --- a/provider/templates/op_user_login.html +++ b/provider/templates/op_user_login.html @@ -11,11 +11,6 @@

{% trans "Entra con le tue credenziali CIE" %}

-

- {% blocktrans with acr=acr_value|upper %} - Autenticazione richiesta con livello {{ acr }}. Inserisci le credenziali associate alla tua identità digitale. - {% endblocktrans %} -

{% csrf_token %} {% for form_field in form.visible_fields %} @@ -27,7 +22,8 @@ class="visione-form-input" type="{{ form_field.field.widget.input_type }}" name="{{ form_field.name }}" - value="{{ form_field.value|default_if_none:'' }}"> + value="{{ form_field.value|default_if_none:'' }}" + placeholder="{{ form_field.label }}"> {% endif %} {% if form_field.errors %}
{{ form_field.errors }}
@@ -37,24 +33,30 @@ {% for hidden in hidden_form.hidden_fields %} {{ hidden }} {% endfor %} +
+ {% trans "Hai dimenticato la password?" %} {% trans "Richiedine una nuova." %} +
{% trans "Annulla" %}
+
+ {% trans "Non hai ancora attivato le credenziali CIE?" %} {% trans "Attivale ora" %} +