Compare commits

..

2 Commits

Author SHA1 Message Date
Adriano f48518d8fd footer e contatti: social aggiornati e nome sulla mappa
- Footer: Instagram -> in_sanity_lab, LinkedIn -> in-sanity-lab-srl, rimosso Facebook
- Contatti: mapQuery con nome "IN-SANITY LAB" così la mappa mostra l'etichetta

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-12 23:48:58 +02:00
Adriano 30b509436e contenuti: aggiunge size xl/xxl e allineamento (con giustificato)
- style-presets: size += xl, xxl; align += justify
- global.css: .cs-size-xl (1.5em), .cs-size-xxl (2em), .cs-align-justify
- content-seed: 'align' nei default styleOptions dei tag testo/html, così il
  picker orientamento (sx/centrato/dx/giustificato) compare nell'editor
- Base.astro: sincronizza la copia hardcoded degli stili nell'editor inline

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
2026-07-12 23:48:58 +02:00
5 changed files with 11 additions and 9 deletions
+2 -2
View File
@@ -11,9 +11,9 @@ import { performanceClassPricing } from './pricing';
export type ContentType = 'text' | 'html' | 'image'; export type ContentType = 'text' | 'html' | 'image';
export interface SeedEntry { tag: string; type: ContentType; value: string; styleOptions?: StyleGroup[] } export interface SeedEntry { tag: string; type: ContentType; value: string; styleOptions?: StyleGroup[] }
const T = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color', 'weight', 'style']): SeedEntry => const T = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color', 'weight', 'style', 'align']): SeedEntry =>
({ tag, type: 'text', value, styleOptions }); ({ tag, type: 'text', value, styleOptions });
const H = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color']): SeedEntry => const H = (tag: string, value: string, styleOptions: StyleGroup[] = ['size', 'color', 'align']): SeedEntry =>
({ tag, type: 'html', value, styleOptions }); ({ tag, type: 'html', value, styleOptions });
const I = (tag: string): SeedEntry => ({ tag, type: 'image', value: '' }); const I = (tag: string): SeedEntry => ({ tag, type: 'image', value: '' });
+3 -4
View File
@@ -5,12 +5,11 @@ export const site = {
// Due ingressi dello stesso stabile. address = testo mostrato; mapQuery = punto geolocalizzabile per Google Maps. // Due ingressi dello stesso stabile. address = testo mostrato; mapQuery = punto geolocalizzabile per Google Maps.
address: "Via Leandro Alberti 76 e Via De Mattiolo 5", address: "Via Leandro Alberti 76 e Via De Mattiolo 5",
cityLine: "40139 Bologna", cityLine: "40139 Bologna",
mapQuery: "Via Leandro Alberti 76, 40139 Bologna", mapQuery: "IN-SANITY LAB, Via Leandro Alberti 76, 40139 Bologna",
hours: ["Lun Ven 6.00 21.00", "Sab 8.00 19.00 · Dom chiuso"], hours: ["Lun Ven 6.00 21.00", "Sab 8.00 19.00 · Dom chiuso"],
socials: [ socials: [
{ label: "Instagram", url: "https://www.instagram.com/insanitylab" }, { label: "Instagram", url: "https://www.instagram.com/in_sanity_lab" },
{ label: "Facebook", url: "https://www.facebook.com/insanitylab" }, { label: "LinkedIn", url: "https://www.linkedin.com/company/in-sanity-lab-srl/" },
{ label: "LinkedIn", url: "https://www.linkedin.com/company/insanitylab" },
], ],
navigation: [ navigation: [
{ label: "About us", href: "/about" }, { label: "About us", href: "/about" },
+1 -1
View File
@@ -107,7 +107,7 @@ const showTags = canTags && wantTags;
</div> </div>
<script is:inline> <script is:inline>
(() => { (() => {
const STYLE_GROUPS = { size: ['s','m','l'], color: ['accent','accent-dark','dark','heading','text','text-light','white'], weight: ['normal','bold'], style: ['normal','italic'], align: ['left','center','right'] }; const STYLE_GROUPS = { size: ['s','m','l','xl','xxl'], color: ['accent','accent-dark','dark','heading','text','text-light','white'], weight: ['normal','bold'], style: ['normal','italic'], align: ['left','center','right','justify'] };
const modal = document.getElementById('tag-modal'); const modal = document.getElementById('tag-modal');
const tmTag = document.getElementById('tm-tag'); const tmTag = document.getElementById('tm-tag');
const tmGuid = document.getElementById('tm-guid'); const tmGuid = document.getElementById('tm-guid');
+2 -2
View File
@@ -1,9 +1,9 @@
export const STYLE_GROUPS = { export const STYLE_GROUPS = {
size: ['s', 'm', 'l'], size: ['s', 'm', 'l', 'xl', 'xxl'],
color: ['accent', 'accent-dark', 'dark', 'heading', 'text', 'text-light', 'white'], color: ['accent', 'accent-dark', 'dark', 'heading', 'text', 'text-light', 'white'],
weight: ['normal', 'bold'], weight: ['normal', 'bold'],
style: ['normal', 'italic'], style: ['normal', 'italic'],
align: ['left', 'center', 'right'], align: ['left', 'center', 'right', 'justify'],
} as const; } as const;
export type StyleGroup = keyof typeof STYLE_GROUPS; export type StyleGroup = keyof typeof STYLE_GROUPS;
+3
View File
@@ -73,6 +73,8 @@ html.js [data-reveal].is-inview, html.js .section-heading.is-inview { opacity: 1
.cs-size-s { font-size: .85em; } .cs-size-s { font-size: .85em; }
.cs-size-m { font-size: 1em; } .cs-size-m { font-size: 1em; }
.cs-size-l { font-size: 1.25em; } .cs-size-l { font-size: 1.25em; }
.cs-size-xl { font-size: 1.5em; }
.cs-size-xxl { font-size: 2em; }
.cs-color-accent { color: var(--c-accent); } .cs-color-accent { color: var(--c-accent); }
.cs-color-accent-dark { color: var(--c-accent-dark); } .cs-color-accent-dark { color: var(--c-accent-dark); }
.cs-color-dark { color: var(--c-dark); } .cs-color-dark { color: var(--c-dark); }
@@ -87,3 +89,4 @@ html.js [data-reveal].is-inview, html.js .section-heading.is-inview { opacity: 1
.cs-align-left { text-align: left; } .cs-align-left { text-align: left; }
.cs-align-center { text-align: center; } .cs-align-center { text-align: center; }
.cs-align-right { text-align: right; } .cs-align-right { text-align: right; }
.cs-align-justify { text-align: justify; }