PHPackages                             ouitoulia/skenografia - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility &amp; Helpers](/categories/utility)
4. /
5. ouitoulia/skenografia

ActiveDrupal-theme[Utility &amp; Helpers](/categories/utility)

ouitoulia/skenografia
=====================

Skenografia è un sub-theme drupal, basato su bootstrap\_italia, che implementa il design delle scuole.

2.39.0(1w ago)17503AGPL-3.0-onlyTwigCI passing

Since Jun 13Pushed 1w ago3 watchersCompare

[ Source](https://github.com/ouitoulia/skenografia)[ Packagist](https://packagist.org/packages/ouitoulia/skenografia)[ Docs](https://github.com/ouitoulia/skenografia)[ RSS](/packages/ouitoulia-skenografia/feed)WikiDiscussions 2.x Synced today

READMEChangelog (10)Dependencies (6)Versions (302)Used By (3)

Skenografia
===========

[](#skenografia)

[![GitHub](https://camo.githubusercontent.com/7fbfdf91f87c3d987f2800b2c70137537fda85a85c1a72699a53f1fb7786a66b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f7569746f756c69612f736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/7fbfdf91f87c3d987f2800b2c70137537fda85a85c1a72699a53f1fb7786a66b/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f7569746f756c69612f736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765)[![GitHub release (latest SemVer)](https://camo.githubusercontent.com/28af308233407bc2dccae5025bd9b97b4d546f530664c7357d743f3da7015475/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6f7569746f756c69612f736b656e6f6772616669613f736f72743d73656d766572267374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/28af308233407bc2dccae5025bd9b97b4d546f530664c7357d743f3da7015475/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6f7569746f756c69612f736b656e6f6772616669613f736f72743d73656d766572267374796c653d666f722d7468652d6261646765)[![GitHub Actions Workflow Status](https://camo.githubusercontent.com/1e7a5be631d0fba55b01ea8573b7602f1e6a6b56f10a18ea57cc5254ebf0a16a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f7569746f756c69612f736b656e6f6772616669612f6372656174652d72656c656173652e796d6c3f7374796c653d666f722d7468652d6261646765)](https://camo.githubusercontent.com/1e7a5be631d0fba55b01ea8573b7602f1e6a6b56f10a18ea57cc5254ebf0a16a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f7569746f756c69612f736b656e6f6772616669612f6372656174652d72656c656173652e796d6c3f7374796c653d666f722d7468652d6261646765)

[![Packagist Dependency Version](https://camo.githubusercontent.com/44f51746dae0173b8165d4473534fff6f6b0d2e0a88187c0bff830e3abb2c1ca/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6f7569746f756c69612f736b656e6f6772616669612f64727570616c2f626f6f7473747261705f6974616c69613f7374796c653d666f722d7468652d6261646765266c6f676f3d64727570616c)](https://camo.githubusercontent.com/44f51746dae0173b8165d4473534fff6f6b0d2e0a88187c0bff830e3abb2c1ca/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f646570656e64656e63792d762f6f7569746f756c69612f736b656e6f6772616669612f64727570616c2f626f6f7473747261705f6974616c69613f7374796c653d666f722d7468652d6261646765266c6f676f3d64727570616c)[![Libraries.io dependency status for latest release](https://camo.githubusercontent.com/f416549bfd9912d61550c6249b6324602e991b204ded63caab7d15921af23242/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562)](https://camo.githubusercontent.com/f416549bfd9912d61550c6249b6324602e991b204ded63caab7d15921af23242/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666f722d7468652d6261646765266c6f676f3d676974687562)

[![Packagist Downloads](https://camo.githubusercontent.com/ea2ead31b155b929592b880487030156c4536acfc4b518f833566024c60d2302/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f7569746f756c69612f736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765266c6162656c3d436f6d706f736572253230444f574e4c4f414453)](https://camo.githubusercontent.com/ea2ead31b155b929592b880487030156c4536acfc4b518f833566024c60d2302/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f7569746f756c69612f736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765266c6162656c3d436f6d706f736572253230444f574e4c4f414453)[![NPM Downloads](https://camo.githubusercontent.com/59c64f51a29533d4326fb68e857ce080adc11d045b120493a87a3cb8d2f4d860/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f2534306f7569746f756c6961253246736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765266c6162656c3d4e504d253230444f574e4c4f414453266c6f676f3d6e706d)](https://camo.githubusercontent.com/59c64f51a29533d4326fb68e857ce080adc11d045b120493a87a3cb8d2f4d860/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f2534306f7569746f756c6961253246736b656e6f6772616669613f7374796c653d666f722d7468652d6261646765266c6162656c3d4e504d253230444f574e4c4f414453266c6f676f3d6e706d)

Skenografia è un sub-theme drupal, basato su [bootstrap\_italia](https://drupal.org/project/bootstrap_italia), progettato per implementare il design delle scuole.

Architettura dei contenuti
--------------------------

[](#architettura-dei-contenuti)

Skenografia rappresenta il frontend dell'[architettura dei contenuti delle scuole v1](https://designers.italia.it/modelli/scuole/adotta-il-modello-di-sito-scolastico/definisci-architettura-e-contenuti/)mentre il backend è gestito dal modulo [ouitoulia/themethla](https://github.com/ouitoulia/themethla/).

Interfaccia Utente (UI)
-----------------------

[](#interfaccia-utente-ui)

L'interfaccia grafica è basata sui [I template HTML](https://designers.italia.it/modelli/scuole/adotta-il-modello-di-sito-scolastico/realizza-l-interfaccia-del-sito-scolastico/)sviluppati da Designer Italia.

Skenografia aggiorna i Template HTML dalla versione 1.6 di Bootstrap Italia alla versione 2, rendendo il tema compatibile con Bootstrap 5.2.

### Componenti

[](#componenti)

Rispetto al repository [Design scuola pagine statiche](https://github.com/italia/design-scuole-pagine-statiche)il tema usa componenti - menu, card, header, footer, ecc. - conformi a [![Libraries.io dependency status for latest release](https://camo.githubusercontent.com/fb8babae364c1b1a85a897d6f09868cbc3ac5e62fa64ab4c4afb0cdd7955577d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666c6174266c6f676f3d676974687562)](https://camo.githubusercontent.com/fb8babae364c1b1a85a897d6f09868cbc3ac5e62fa64ab4c4afb0cdd7955577d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666c6174266c6f676f3d676974687562)al posto di `bootstrap-italia:1.6`.

### Librerie CSS/JS

[](#librerie-cssjs)

Rispetto al repository [Design scuola pagine statiche](https://github.com/italia/design-scuole-pagine-statiche)gli stili CSS e i componenti JavaScript sono stati riscritti per essere conformi a [![Libraries.io dependency status for latest release](https://camo.githubusercontent.com/fb8babae364c1b1a85a897d6f09868cbc3ac5e62fa64ab4c4afb0cdd7955577d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666c6174266c6f676f3d676974687562)](https://camo.githubusercontent.com/fb8babae364c1b1a85a897d6f09868cbc3ac5e62fa64ab4c4afb0cdd7955577d/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f646570656e64656e63792d76657273696f6e2f6f7569746f756c69612f736b656e6f6772616669612f626f6f7473747261702d6974616c69613f7374796c653d666c6174266c6f676f3d676974687562)al posto di `bootstrap-italia:1.6`.

La differenza più rilevante rispetto agli assets pubblicati nel repo [Design scuola pagine statiche](https://github.com/italia/design-scuole-pagine-statiche), oltre alla compatibilità alla versione 2 di bootstrap-italia, riguarda il design del software. Dal punto di vista del design, è stato abbandonato l'approccio della sovrascrittura degli stili (noto come "override" e/o "on top") in favore di un'implementazione più efficiente e scalabile. Skenografia adotta un sistema di build dinamico, il processo di sviluppo si basa sulla modifica delle variabili di bootstrap-italia per poi compilare la variante di bootstrap-italia con il design delle scuole. Questo approccio non solo migliora le prestazioni, ma anche la manutenibilità del codice, consentendo al progetto un'espansione più fluida, gestibile e riusabile.

### Distribuzione

[](#distribuzione)

[![GitHub release (latest SemVer)](https://camo.githubusercontent.com/2fce9b240287ce8191374465a182e5e9089740d5f3bcc2bcdc07b6706c7e1bd1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6f7569746f756c69612f736b656e6f6772616669613f736f72743d73656d766572)](https://camo.githubusercontent.com/2fce9b240287ce8191374465a182e5e9089740d5f3bcc2bcdc07b6706c7e1bd1/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f6f7569746f756c69612f736b656e6f6772616669613f736f72743d73656d766572)[![GitHub Actions Workflow Status](https://camo.githubusercontent.com/57ac8bf5fc014c5d77f087b7cf69be34075412a50ef1c5ebdbfda3fe327c0616/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f7569746f756c69612f736b656e6f6772616669612f6372656174652d72656c656173652e796d6c)](https://camo.githubusercontent.com/57ac8bf5fc014c5d77f087b7cf69be34075412a50ef1c5ebdbfda3fe327c0616/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f6f7569746f756c69612f736b656e6f6772616669612f6372656174652d72656c656173652e796d6c)[![Packagist Downloads](https://camo.githubusercontent.com/8e366bd9d9c69bb4fa1f1afa929be6fa8dc3d90f187e68aded77c8613d308f55/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f7569746f756c69612f736b656e6f6772616669613f6c6162656c3d436f6d706f736572253230646f776e6c6f616473)](https://camo.githubusercontent.com/8e366bd9d9c69bb4fa1f1afa929be6fa8dc3d90f187e68aded77c8613d308f55/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6f7569746f756c69612f736b656e6f6772616669613f6c6162656c3d436f6d706f736572253230646f776e6c6f616473)[![NPM Downloads](https://camo.githubusercontent.com/2c62f4ea25422ff7d5149bdade4920ee2c108366dac3b680f583603a846ae451/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f2534306f7569746f756c6961253246736b656e6f6772616669613f6c6162656c3d4e504d253230646f776e6c6f616473266c6f676f3d6e706d)](https://camo.githubusercontent.com/2c62f4ea25422ff7d5149bdade4920ee2c108366dac3b680f583603a846ae451/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f2534306f7569746f756c6961253246736b656e6f6772616669613f6c6162656c3d4e504d253230646f776e6c6f616473266c6f676f3d6e706d)

I sorgenti SCSS e JavaScript vengono caricati automaticamente su npm per agevolare il riutilizzo e la personalizzazione da parte degli sviluppatori. Inoltre attraverso l'uso delle GitHub Actions, le librerie vengono automaticamente compilate e distribuite su diverse CDN in modo che siano già pronte per la produzione.

- (build produzione e sorgenti tema)
- (sorgenti scss e js)
- (build produzione)
- (build produzione)
- (sorgenti scss e js e build produzione)

Issue
-----

[](#issue)

Le issue vengono gestite nel repository principale del progetto:

Contributori, dipendenze e altre informazioni
---------------------------------------------

[](#contributori-dipendenze-e-altre-informazioni)

Per contribuire al progetto effettua un Fork, aggiungi le tue modifiche e poi fai una Pull Request.

- [Contributori di Skenografia](https://github.com/ouitoulia/skenografia/graphs/contributors)
- [Elenco delle dipendenze di Skenografia](https://github.com/ouitoulia/skenografia/network/dependencies)

Licenze software dei componenti di terze parti
----------------------------------------------

[](#licenze-software-dei-componenti-di-terze-parti)

### Componenti distribuiti con Skenografia

[](#componenti-distribuiti-con-skenografia)

Vengono di seguito elencate le licenze dei componenti distribuiti (fonte: [package.json/dependencies](package.json))

- [Bootstrap Italia 2](https://italia.github.io/bootstrap-italia/) © Agenzia per l'Italia Digitale, licenza BSD-3-Clause
- [Design scuole pagine statiche](https://github.com/italia/design-scuole-pagine-statiche) © Agenzia per l'Italia Digitale, licenza BSD-3-Clause
- [Hamburgers](https://jonsuh.com/hamburgers/) © Jonathan Suh, licenza MIT

### Principali dipendenze per la fase di compilazione e sviluppo

[](#principali-dipendenze-per-la-fase-di-compilazione-e-sviluppo)

Vengono di seguito elencate le licenze dei componenti usati per lo sviluppo (fonte: [package.json/devDependencies](package.json))

- [clean-webpack-plugin](https://github.com/johnagan/clean-webpack-plugin) © PonteLabs, licenza MIT
- [copy-webpack-plugin](https://github.com/webpack-contrib/copy-webpack-plugin) © webpack-contrib, licenza MIT
- [cross-env](https://github.com/kentcdodds/cross-env) © Kent C. Dodds, licenza MIT
- [css-loader](https://github.com/webpack-contrib/css-loader) © webpack-contrib, licenza MIT
- [css-minimizer-webpack-plugin](https://github.com/webpack-contrib/css-minimizer-webpack-plugin) © webpack-contrib, licenza MIT
- [mini-css-extract-plugin](https://github.com/webpack-contrib/mini-css-extract-plugin) © webpack-contrib, licenza MIT
- [postcss-loader](https://github.com/webpack-contrib/postcss-loader) © webpack-contrib, licenza MIT
- [sass](https://github.com/sass/sass) © sass, licenza MIT
- [sass-loader](https://github.com/webpack-contrib/sass-loader) © webpack-contrib, licenza MIT
- [semver](https://github.com/npm/node-semver) © npm, licenza ISC
- [style-loader](https://github.com/webpack-contrib/style-loader) © webpack-contrib, licenza MIT
- [svg-chunk-webpack-plugin](https://github.com/karify/svg-chunk-webpack-plugin) © karify, licenza MIT
- [svgo-loader](https://github.com/svg/svgo-loader) © epegzz, licenza MIT
- [terser-webpack-plugin](https://github.com/webpack-contrib/terser-webpack-plugin) © webpack-contrib, licenza MIT
- [webpack](https://github.com/webpack/webpack) © webpack, licenza MIT
- [webpack-cli](https://github.com/webpack/webpack-cli) © webpack, licenza MIT
- [webpack-dev-server](https://github.com/webpack/webpack-dev-server) © webpack, licenza MIT
- [webpack-merge](https://github.com/survivejs/webpack-merge) © sounisi5011, licenza MIT

License
-------

[](#license)

[![GitHub](https://camo.githubusercontent.com/dff00b1f482aea649f0ccdf64f13ff075fa83e944f1cd56395788300674f1c3f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f7569746f756c69612f736b656e6f677261666961)](https://camo.githubusercontent.com/dff00b1f482aea649f0ccdf64f13ff075fa83e944f1cd56395788300674f1c3f/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f6f7569746f756c69612f736b656e6f677261666961)

Copyright (C) 2023/2024

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License version 3 as published by the Free Software Foundation.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

Questo è un software libero: puoi ridistribuirlo e/o modificarlo secondo i termini della GNU General Public License versione 3 pubblicata dalla Free Software Foundation.

Questo programma è distribuito nella speranza che possa essere utile, ma SENZA ALCUNA GARANZIA; senza nemmeno la garanzia implicita di COMMERCIABILITÀ o IDONEITÀ PER UNO SCOPO PARTICOLARE. Vedere la GNU General Public License per maggiori dettagli.

Questo software è distribuito sotto i termini della GNU Affero General Public License versione 3 (AGPL-3.0)

###  Health Score

51

—

FairBetter than 96% of packages

Maintenance98

Actively maintained with recent releases

Popularity18

Limited adoption so far

Community16

Small or concentrated contributor base

Maturity63

Established project with proven stability

 Bus Factor1

Top contributor holds 98.5% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~3 days

Total

302

Last Release

13d ago

Major Versions

1.x-dev → 2.0.02024-04-26

### Community

Maintainers

![](https://www.gravatar.com/avatar/9e453443ecdfb347b6e060bbfa234136ffdd5486712ffae889de43fb4034f31d?d=identicon)[ouitoulia](/maintainers/ouitoulia)

---

Top Contributors

[![arturu](https://avatars.githubusercontent.com/u/4628942?v=4)](https://github.com/arturu "arturu (639 commits)")[![akamizi](https://avatars.githubusercontent.com/u/12139795?v=4)](https://github.com/akamizi "akamizi (6 commits)")[![ouitoulia](https://avatars.githubusercontent.com/u/130234049?v=4)](https://github.com/ouitoulia "ouitoulia (4 commits)")

---

Tags

bootstrapbootstrap-italiabootstrap5pnrrscuole

### Embed Badge

![Health badge](/badges/ouitoulia-skenografia/health.svg)

```
[![Health](https://phpackages.com/badges/ouitoulia-skenografia/health.svg)](https://phpackages.com/packages/ouitoulia-skenografia)
```

###  Alternatives

[droptica/droopler

Droopler - SEO Friendly CMS &amp; Site Builder - is a Drupal-based website builder that helps you create beautiful, fast, and easy-to-manage websites

6542.7k1](/packages/droptica-droopler)[wingsuit-designsystem/wingsuit-kickstarter

Starterkit for Wingsuit and Layout Builder.

131.2k](/packages/wingsuit-designsystem-wingsuit-kickstarter)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)
