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 & Helpers](/categories/utility) 4. / 5. ouitoulia/skenografia ActiveDrupal-theme[Utility & Helpers](/categories/utility) ouitoulia/skenografia ===================== Skenografia è un sub-theme drupal, basato su bootstrap\_italia, che implementa il design delle scuole. 2.39.0(2mo ago)17505AGPL-3.0-onlyTwigCI passing Since Jun 13Pushed 2mo 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 1mo ago READMEChangelog (10)Dependencies (6)Versions (302)Used By (5) 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 49 — FairBetter than 95% of packages Maintenance87 Actively maintained with recent releases Popularity18 Limited adoption so far Community18 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 64d 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 & Site Builder - is a Drupal-based website builder that helps you create beautiful, fast, and easy-to-manage websites 6543.1k1](/packages/droptica-droopler)[voidagency/vactory_starter_kit Vactory is a custom Drupal profile which is developed and released by VOID Agency. 1019.7k](/packages/voidagency-vactory-starter-kit)[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)