From 13bf8920efd8d8d22dd5d12e7956d3f5f6a2993e Mon Sep 17 00:00:00 2001 From: Antoine M Date: Fri, 26 Jan 2024 10:35:51 +0100 Subject: [PATCH] updating demo components --- demo-components.php | 1043 ++++++----------------- resources/css/pages/demo-components.css | 11 + 2 files changed, 285 insertions(+), 769 deletions(-) diff --git a/demo-components.php b/demo-components.php index c459ad0..4112369 100644 --- a/demo-components.php +++ b/demo-components.php @@ -27,9 +27,13 @@
    +
  1. Titre
    2. +
  2. Titre de section
    3. +
  3. Image Bannière
    4. +
  4. Texte + image
    5. +
  5. Aside
  6. Mise en avant
  7. Plus loin
    8. -
  8. Image Bannière
  9. Content page header
  10. À savoir / Astuces
  11. Liste de membres
    12. @@ -38,189 +42,71 @@
  12. Schéma de thématique
  13. Content Box
- -
+

Blocs génériques

+ + +
- - +
-

Mise en avant

-

highlight

-

Bloc pour mettre en avant des informations importantes

+

Titre

+

content-heading

+

Pour insérer un titre dans un post ou dans une page.

Options & Variantes

  • -

    Variantes

    +

    Niveau Hiérarchique

    - Choix entre classic & warning -

    • -
  • -

    Logo latéral

    -

    - Permet l'ajout d'un logo institutionnel sur la partie droite du bloc

    + Choix entre h3, h4 et h5 permettant de gérer la strucutre hiérarchique des titres

-

Version simple

-
-
-
-

Informations complémentaires et inscriptions

-
-
-
-

Pour toute question ou pour s’inscrire à l’une de nos formations, contactez-nous via e-mail inscriptions@homegrade.brussels ou par téléphone.

- - - -
-
Envoyer un e-mail
- - - -
Appeler le 02 227 42 60
- - - -
Appeler le 02 227 42 69
-
-
-
-
+

Un titre superbe et magnifique

-
-

Version avec logo

-
-
-
-

RENOLUTION

-
-
-
-

Point de contact privilégié pour tout rénovateur particulier bruxellois, Homegrade se place comme un acteur-clé de RENOLUTION, la Stratégie de rénovation du bâti de la Région de Bruxelles-Capitale.

- - - -
En savoir plus sur RENOLUTION
-
- -
-
-
-
-

Version "warning"

- -
-
-
-

Vérifiez les conditions d’accès

-
-
-
-

Pour en savoir plus sur les conditions d’accès aux formations, la procédure d’obtention de l’agrément et les obligations du certificateur, veuillez cliquer sur le bouton ci-dessous.

-
Vérifier les conditions d’accès
-
-
-
-
- - -
+ +
- - +
-

Plus Loin

-

plus-loin

-

Bloc pour mettre en avant des informations pour aller plus loin

+

Titre de section

+

section-title

+

Pour insérer un bloc de titrage composé d'un titre et d'un sous-titre.

+
+

Options & Variantes

+
    +
  • +

    Alignement du texte

    +

    + Choix entre gauche, centre et droite +

    • +
+
-
-

- Pour aller plus loin

- - -

Nos publications en lien avec l’isolation thermique d’une habitation

- - - - - - - -

Liens utiles

- - - - - - -
+
+

Contrat de gestion

+

Consultez les contrats de gestion

+
+
@@ -249,11 +135,15 @@
+

Hauteur fixe

+
">
+

Hauteur originale

+
@@ -261,6 +151,161 @@
+ +
+
+
+ + + +
+

Texte + image

+

text-image

+

Bloc de texte & image latéral

+
+

Options & Variantes

+
    +
  • +

    Disposition

    +

    + Choix entre gauche et droite pour ajuster la position du texte par rapport à l'image

    +
    • +
  • +

    Proportion de l'image

    +

    + Choix entre original, moyen et carré permettant d'adapter la taille de l'image selon son format

    +
    • + +
+
+
+
+

Version alignement à gauche

+ +
+
+

Version alignement à droite

+ + +
+ + + + +
+ +
+
+
+ + + +
+

Aside

+

aside

+

Pour un apparté, un texte secondaire ou un focus particulier

+ +
+
+ + +
+ + +
+ +
+
+
+ + + +
+

Mise en avant

+

highlight

+

Bloc pour mettre en avant des informations importantes

+
+

Options & Variantes

+
    +
  • +

    Variantes

    +

    + Choix entre classic, warning & gris +

    • +
  • +

    Logo latéral

    +

    + Permet l'ajout d'un logo institutionnel sur la partie droite du bloc

    +
    • +
+
+
+
+

Version simple

+ + +
+
+

Version avec logo

+ + + +
+
+

Version "warning"

+ + +
+
+

Version "gris"

+ + +
+ + + +
+ + + +
+
+
+ + + +
+

Plus Loin

+

plus-loin

+

Bloc pour mettre en avant des informations pour aller plus loin

+ +
+
+ +
+ + + +
+ + +
@@ -291,26 +336,9 @@
-
-
-
-

Qui sommes-nous ?

-

Homegrade est le centre de conseil et d’accompagnement sur le logement privé en Région de Bruxelles-Capitale

-
-

- -
-

Il s’adresse à tous les particuliers – locataires, propriétaires ou copropriétaires – qui désirent améliorer la qualité de vie dans leur logement et en réduire l’impact environnemental.

- - - -

Chaque citoyen peut contribuer, par la rénovation de son logement, à une réduction significative de son impact environnemental. Pour obtenir de l’aide, il peut s’adresser gratuitement à Homegrade dont la mission consistera à le guider et le stimuler vers une utilisation et une rénovation responsables de son habitation. Homegrade est issu de la fusion entre le Centre Urbain et la Maison de l’énergie, en 2017, pour répondre au mieux aux attentes des ménages et encourager la rénovation du bâti.

-
-
- - - -
+
@@ -331,59 +359,9 @@
-
-
-

accessibilité À notre point info

-

Profitez des transports en commun pour venir dans nos locaux

-
- -
-
-
-
-

Métro

-

Arrêts aux stations métro Botanique et Madou.

-
-
- - - -
-
-
-

Trains

-

Gare de Bruxelles-Central, arrêt de bus Quetelet (65 ou 66).

-
-
- - -
-
-
-

Bus

-
    -
  • Arrêt de bus Quetelet (61, 65 et 66) ;
    • -
  • Arrêt de bus Gillon (N04 et T92) – environ 6 minutes de marche ;
    • -
  • Arrêt de bus Bossuet (59 ou 61) – environ 5 minutes de marche ;
    • -
-
-
- - - -
-
-
-

Moyens de locomotions individuels

-

Parking privé disponible pour vélos et voitures* gratuitement.

- - - -

*Depuis le 1 er janvier 2018, la Région Bruxelles-Capitale est devenue une zone de basses émissions (LEZ). Vérifiez si votre véhicule peut circuler au sein de la zone via lez.brussels .

-
-
-
-
+
@@ -408,69 +386,9 @@
-
-

comité de direction

-

Un comité de direction composé de 6 personnes

-
    -
  • -
    -
    -

    Didier Van Severen

    -

    Directeur général

    -
    -
    • - - - -
  • -
    -
    -

    Patrick Herregods

    -

    Manager opérationnel

    -
    -
    • - - - -
  • -
    -
    -

    Eglantine Daumerie

    -

    Adjointe au Manager opérationnel

    -
    -
    • - - - -
  • -
    -
    -

    Caroline Vanhauw

    -

    Manager Projets

    -
    -
    • - - - -
  • -
    -
    -

    Hélène Rombaux

    -

    Manager RH et Administratif

    -
    -
    • - - - -
  • -
    -
    -

    Marilène De Mol

    -

    Coordinatrice Réseau Habitat

    -
    -
    • -
-
+
@@ -512,145 +430,64 @@

Version avec illustration latérale

- -
-
-

Nos engagements

-

Une démarche responsable

-
-
-
-
-
-
-
-
-

Labellisations

-

-

Homegrade est certifié par le Label Entreprise Ecodynamique qui récompense et encourage les associations bruxelloises, entre autres, qui agissent pour réduire l’impact de leur activité sur l’environnement. Homegrade possède également le Label Numérique responsable qui garantit la crédibilité de sa démarche Numérique Responsable avec un plan d’amélioration continue.

-
-
-
- - - -
-
-
-
-

Inclusivité

-

-

Participation à différents programmes initiés par Equal brussels, notamment aux actions en matière de Gendermainstreaming et de handistreaming.

-
-
-
- - - -
-
-
-
-

Service d’impression

-

-

Homegrade privilégie, dans la mesure du possible, l’impression de ses différents supports sur un papier FSC, écologique et recyclé et avec une encre végétale.

-
-
-
- - - -
-
-
-
-

Service de livraison

-

-

Homegrade passe par une entreprise bruxelloise pour livrer ses publications… à vélo cargo !

-
-
-
- - - -
-
-
-
-

Accessibilité numérique

-

-

Homegrade offre un service d’accompagnement aux Bruxellois en situation de précarité numérique grâce à un service d’attelle numérique.

-

Déclaration d’accessibilité

-
-
-
-
-
-
+

Version avec images par ligne

- -
-
-
-
-
Halles de Saint-Géry à Bruxelles -
-

Halles de Saint-Géry - © EmDee

-
-
-
-
Halles de Saint-Géry à Bruxelles
-
-

1988 – 2017

-

Le Centre Urbain

-

Le Centre Urbain a été créé en 1988, à l’initiative d’Inter-Environnement Bruxelles (IEB) et du Brusselse Raad voor het Leefmilieu (BRAL), dans le but de promouvoir l’information des habitants de la Région de Bruxelles-Capitale en matière d’environnement et de défense d’un cadre de vie de qualité, de logement et de sa réhabilitation, de rénovation urbaine, d’urbanisme et d’aménagement du territoire, d’utilisation rationnelle de l’énergie, etc. : ce que l’on appelle communément aujourd’hui le développement durable. À l’origine, les principaux services assurés étaient les suivants :

- -
    -
  • un conseil en rénovation ;
    • -
  • un conseil relatif au bail et à la location des logements ;
    • -
  • un conseil en environnement ;
    • -
  • l’inventaire des locaux industriels vacants (repris par la SDRB).
    • -
-

L’association a progressivement développé une expertise en matière d’habitat et a développé divers outils au service de la population. C’est ainsi que le Centre Urbain a créé, corollaires au conseil en rénovation :

- -
    -
  • le conseil en patrimoine (créé en 1992 et développé à partir de 1997) ;
    • -
  • l’Agence Bruxelloise de l’Énergie (en 1996). L’ABEA est un service du Centre Urbain, développé dans le cadre juridique de l’asbl ;
    • -
  • le service d’expertise en isolation acoustique (en 2004) ;
    • -
  • le centre d’information en éco-construction (en 2008) ;
    • -
  • le facilitateur urbanisme (en 2011).
    • -
-

Il a également :

-
    -
  • assuré la coordination du Réseau Habitat et le conseil en rénovation local auprès des associations du Réseau ;
    • -
  • mené des missions d’incitation à la rénovation et de préservation du patrimoine dans le cadre des contrats de quartiers de la Ville de Bruxelles.
    • -
-
-
-
- -
-
MAISONENERGIEHUIS
-
-
MAISONENERGIEHUIS
-
-

2013 – 2017

-

La Maison de l’Énergie

-

Les Maisons de l’Énergie ont été créées à partir de 2013. Elles offraient un service intégré, concret, de proximité et gratuit. Six structures locales accueillaient le grand public, locataires comme propriétaires. Des permanences étaient organisées pour guider les Bruxellois, en proposant des conseils personnalisés, des visites à domicile et un accompagnement durant les chantiers. De petits travaux (pose de vannes thermostatiques, isolation de tuyaux, etc.) pouvaient également être réalisés, et ce gratuitement. Les Maisons de l’Énergie informaient également le public des solutions possibles de financement.

+ +
+
-

En septembre 2015, la fusion des six Maisons de l’Énergie locales a été mise en œuvre, pour arriver à la création d’une nouvelle association, la Maison Bruxelloise de l’Énergie et de l’Environnement (MBEE). Elle s’adressait à tout public et pouvait accomplir tous les actes se rapportant directement ou indirectement à l’amélioration du cadre de vie dans les logements bruxellois et à la réduction de leur impact écologique au sens large. Un des premiers principes d’intervention de la Maison de l’Energie était de favoriser le contact direct avec les citoyens afin de stimuler le passage à l’acte en matière d’économie d’énergie dans les logements.

- - - - - - + +
+
+
+ + 130all + + + + + +
+

Vocabulaire de la fiche

+

vocabulaire-summary

+

Pour la création de timeline

+
+

Options & Variantes

+
    +
  • +

    Image par ligne / Image latérale

    +

    + Si image latérale, il n'y a pas une image par ligne de timline, mais seulement une image latérale à gauche servant d'illustrations globale

    + +
    • +
  • +

    Proportions d'images

    +

    + Si image par ligne, il est possible de choisir de choisir entre trois proportions carrés, moyennes, hautes

    + +
    • +
+
+
+
+

Version avec illustration latérale

+ +
+
+

Version avec images par ligne

+
@@ -677,52 +514,9 @@
-
-
Schéma : isolation acoustique complète avec plancher flottant sur solives - -
-

Masse 1 : panneaux OSB et revêtement

-
- -
-

Masse 2 : plafond existant

-
- -
-

Bande amortissante sur les solives

-
- -
-

Bande amortissante en périphérie

-
- -
-

Matériaux absorbants

-
-
-
-
    -
  1. Masse 1 : panneaux OSB et revêtement
    2. - - - -
  2. Masse 2 : plafond existant
    3. - - - -
  3. Bande amortissante sur les solives
    4. - - - -
  4. Bande amortissante en périphérie
    5. - - - -
  5. Matériaux absorbants
    6. - -
-
-
+
@@ -747,54 +541,9 @@
-
-
-
1
-
-

Isoler la toiture inclinée

-
-
2
-
-

Isoler le plancher du grenier

-
-
3
-
-

Isoler la toiture plate

-
-
4
-
-

Isoler les façades par l'extérieur

-
-
5
-
-

Restaurer les anciens châssis

-
-
6
-
-

Remplacer les châssis de fenêtre

-
-
7
-
-

Installer un système de ventilation

-
-
8
-
-

Isoler le sol ou le plafond de la cave/garage

-
-
- -
+
@@ -828,269 +577,25 @@

Version contenant un block "titre de section" et des blocks "cards en colonne"

- -
-
-

MISSION DE L’ASBL

-

Guider et stimuler de façon continue chaque Bruxellois et Bruxelloise vers une utilisation et une rénovation responsable de son logement

-
- - - -
-
-
- - - -

Informer, sensibiliser et stimuler

- - - -

L’essentiel de cette mission vise à lever les freins à la rénovation. Elle revêt un caractère universel. Elle s’adresse à tous.

-
- - - -
-
- - - -

Accompagner

- - - -

Il s’agit d’assurer un accompagnement personnalisé et solide à des publics cibles. Ces accompagnements sont priorisés et ciblés.

-
- - - -
-
- - - -

Collaborer

- - - -

Collaborer avec tous les acteurs et rendre intelligible l’écosystème de la rénovation bruxelloise.

-
-
-
+

Version contenant un block "titre de section" et un "block monoblock"

-
-
-

Contrat de gestion

-

Consultez les contrats de gestion

-
- - -
-

Le contrat de gestion 2023-2027 de Homegrade est disponible en PDF via ce lienTélécharger.

-
-
+

Version contenant un block "titre de section" et un "block monoblock", intégrant lui même un block accordéon

-
-
-

Documentation sur l’observatoire royal d’astronomie

-

Envie d'en savoir plus ? Consultez la documentation rassemblée par Homegrade

-
- + - -
-
-
- Le choix de l'emplacement -
- -
-
-
-
- -

Dans les années 1820-1830, plusieurs établissements scientifiques sont créés à Bruxelles. L’astronome Adolphe Quetelet défend, dès 1823, la fondation d’un observatoire. Associée au gouvernement des Pays-Bas, la Ville décide de l’établir sur un terrain situé à la limite de son territoire entre la porte de Schaerbeek et la porte de Louvain. Quetelet aurait cependant préféré un emplacement plus éloigné de l’environnement urbain sur les hauteurs de Schaerbeek.

- - -

Alors que le Jardin Botanique vient de voir le jour, la construction de l’observatoire débute en 1827. Conçu comme un monument destiné à embellir la ville, il est érigé sur un somptueux boulevard planté d’arbres qui est aménagé sur les anciens remparts, à proximité de la place des Barricades. La rue du Méridien est tracée de manière à libérer l’axe d’observation à la lunette méridienne.

- - -

D’autres rues aux noms évocateurs investissent les campagnes de Saint-Josse-ten-Noode : les rues de l’Observatoire, du Pôle, de l’Étoile, de la Comète…

- -
-
-

La campagne domine dans les faubourgs lors de la construction de l’Observatoire. Vue depuis la future rue Royale vers le Jardin Botanique. Nouveau Jardin Botanique, dessin de P. Vitzthumb, 1827.

-

© Bibliothèque royale de Belgique.

-
-
- - - -
-
-
- - - -
- L'observatoire rattrapé par la ville -
- -
-
-
-
-

Les craintes de Quetelet se confirment, les faubourgs de la ville s’urbanisent très rapidement et les abords de l’observatoire sont aménagés en quartiers cossus. L’établissement est gêné par « les trépidations de la rue dues à la circulation des véhicules, la pollution lumineuse, les bruits, les fumées, la curiosité des passants ». 

- - - -

Bloqué dans ses possibilités d’agrandissement, il ne parvient plus à répondre aux progrès rapides de la science et, dès 1879, les autorités décident de ne plus l’équiper. Il déménage sur les hauteurs de Saint-Job à Uccle. Les boulevards sont dotés peu à peu de tramways, mais conservent leur caractère de promenade verte et agréable jusqu’au milieu du XXe siècle. L’ancien observatoire, réinvesti par de nouveaux locataires, garde son accès principal sur le boulevard.

- -
-
-

En 1881, les faubourgs de Bruxelles sont complètement construits. Bruxelles et ses environs, Institut cartographique militaire, 1881.

-

© Archives de la Ville de Bruxelles. -

-
-
- - - -
-
-
- - - -
- Une autoroute urbaine -
- -
-
-
-
- -

La transformation des boulevards arborés en véritables autoroutes urbaines change profondément le visage du quartier. Le percement du tunnel Place Quetelet – Porte de Schaerbeek entre 1956 et 1957 s’effectue en parallèle de la construction des premières tours. L’échelle de la ville change. L’observatoire est désormais déconnecté du quartier néoclassique qui lui est contemporain sur le territoire de la Ville de Bruxelles, notamment de la place des Barricades. Le déplacement de son entrée principale sur la façade nord vers la rue du Méridien entérine cette évolution. L’immeuble apparaît isolé au centre d’un îlot de verdure cerné par la circulation automobile. Aujourd’hui, des projets aux noms évocateurs comme « BYE BYE Petite Ceinture » défendent la réintroduction d’une qualité de vie et d’une mobilité douce le long des boulevards et tentent de résorber la coupure entre Bruxelles et les communes voisines.

- -
-
-

Vue aérienne du Boulevard Bischoffsheim vers la Place Madou, 1988.

-

Bruxelles Urbanisme Patrimoine, Centre de documentation.

-
-
- - - -
-
-
- - - -
- Dessinez-moi un observatoire… -
- -
-
-
-
- -

Les architectes du début du XIXe siècle sont confrontés au défi de concevoir des bâtiments destinés à de nouveaux usages : gares de chemin de fer, écoles, palais de justice… Pour préparer le projet de l’observatoire, Adolphe Quetelet voyage et se documente sur différents établissements de ce type en Europe. Il communique ses demandes à l’architecte de la Ville de Bruxelles, Nicolas Roget, qui dessine les plans. Ce dernier conçoit deux corps de bâtiment principaux reliés par une galerie qui abrite les deux lunettes méridiennes.

- - -

L’aile située du côté du boulevard est destinée à la résidence de la famille Quetelet, tandis que celle qui s’ouvre vers la rue de l’Astronomie abrite les salles de travail. Les toitures des deux volumes sont percées d’une tourelle cylindrique à toit ouvrant. Les échanges de courriers entre Quetelet et l’architecte de la Ville témoignent des difficultés rencontrées dans la réalisation de ce projet inédit.

- -
-
-

Plan de l’observatoire dans lequel Quetelet mentionne l’affectation des pièces et situe les instruments.

-

Gravure de Simonau et Toovey, dans : Annales de l’observatoire Royal de Belgique, 1857, t.XI, pl.3.

-
-
- - - -
-
-
- - - -
- La ville néoclassique -
- -
-
-
-
-

L’architecture de la fin du XVIIIe et du début du XIXe siècle témoigne d’un engouement pour les formes de l’Antiquité grecque et romaine que l’on redécouvre à cette époque grâce aux premières fouilles archéologiques. Les monuments importants se signalent alors par la présence de frontons et de colonnades. Sous ses allures discrètes de villa suburbaine, l’observatoire possède lui aussi des façades inspirées du vocabulaire antique avec des fenêtres surmontées d’arcs au rez-de-chaussée et des pilastres à l’étage. Il se distingue des maisons des rues environnantes, beaucoup plus sobres.

- - - -

Les règlements d’urbanisme de l’époque obligent en effet le propriétaire à inscrire sa façade dans un projet d’ensemble : ils imposent des enduits peints dans un ton clair et limitent strictement les saillies. D’élégants détails de menuiseries ou de ferronneries personnalisent cependant avec retenue chaque façade. Le néoclassicisme se prolonge dans le bâti courant jusqu’à la fin du XIXe siècle.

- -
-
-

J.-N.-L. Durand propose une méthode de composition fondée sur un quadrillage régulier et la répétition d’éléments modulaires qui aura une influence considérable sur l’architecture néoclassique.

-

J.-N.-L. DURAND, Précis des leçons d’architecture [1802-1805], Paris, 1840, vol.1, pl.2.

-
-
- - - -
-
-
- - - -
- Les occupations successives du bâtiment -
- -
-
-
-
-

L’édifice n’est pas totalement terminé en 1832 lorsque Adolphe Quetelet, nommé directeur, s’y installe et commence ses observations. Des problèmes budgétaires et les dégâts occasionnés lors des batailles des journées de septembre ont en effet retardé les travaux. Il faut attendre 1836 pour que l’édifice soit achevé et pleinement opérationnel. Le déménagement de l’observatoire en 1890 est suivi de plusieurs années d’abandon. Le bâtiment est ensuite transformé, les tourelles sont supprimées et la toiture modifiée. Il est investi en 1909 par le Ministère de l’agriculture qui l’occupe encore dans les années 70.

- - - -

Durant ces années, le site échappe à plusieurs projets de démolition. En 1990, après une nouvelle période d’inoccupation, la Régie des Bâtiments rehausse l’aile centrale d’un niveau et remanie en profondeur l’intérieur pour y installer un cabinet ministériel. Une société privée l’acquiert en 2002 et le loue comme immeuble de bureaux. Il accueille aujourd’hui les activités de Homegrade.

- - - -

Les règlements d’urbanisme de l’époque obligent en effet le propriétaire à inscrire sa façade dans un projet d’ensemble : ils imposent des enduits peints dans un ton clair et limitent strictement les saillies. D’élégants détails de menuiseries ou de ferronneries personnalisent cependant avec retenue chaque façade. Le néoclassicisme se prolonge dans le bâti courant jusqu’à la fin du XIXe siècle.

- -
-
-

Septemberdagen van 1830 die tot de onafhankelijkheid van België leiden. De revolutionairen schieten vanuit de ramen van het Observatorium.

-

Tekening van Paul Lauters. Lithografie van Simonau, s.d. Koninklijke sterrenwacht van België.

-
-
- - - -
-
-
- -
- -
- -
diff --git a/resources/css/pages/demo-components.css b/resources/css/pages/demo-components.css index 0053ced..2e6195c 100644 --- a/resources/css/pages/demo-components.css +++ b/resources/css/pages/demo-components.css @@ -134,6 +134,14 @@ #blocks-components { @apply pb-64; + + iframe { + @apply w-full h-auto; + aspect-ratio: 16/9; + } + .block-category-name { + @apply text-6xl font-bold text-secondary uppercase tracking-wide text-center; + } .homegrade-blocks-focused-schema { .homegrade-blocks-focus-point-caption::before, .homegrade-blocks-focus-point-bullet { @@ -156,4 +164,7 @@ .homegrade-content-blocks-content-box { margin: unset !important; } + .homegrade-blocks-aside { + @apply border-acoustique-coproprietes; + } }