Main Page: Difference between revisions

@@ Line 1: / Line 1: @@
-__NOTOC__
+__FORCETOC__ __NOEDITSECTION__
-__NOEDITSECTION__
 <!-- FSA homepage: a subject index based on the agreed editorial plans.
 Use exact article and category titles. Category links need a leading colon.
-Use restrained portal styling and no learning-level labels.
+No learning-level labels.
+Layout: skin FSA (skins/FSA/resources/mainpage.css); use the fsa-mp classes, no inline styles.
+One tile per line. Add an article with " · [[Title]]" on its tile line;
+add a subject with one new tile line.
 -->
-<div id="fsa-home">
+<div class="fsa-mp">
+<div class="fsa-mp-hero">
-<div id="fsa-welcome" style="background:#F5F7FA; color:#243649; border:1px solid #D9E1E8; border-top:3px solid #55758F; border-radius:4px; padding:1.2em 1.4em; margin:0 0 1.7em;">
+<div class="fsa-mp-title">Fire Safety Academy Wiki</div>
-<div style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.7em 1.5em;">
+<div class="fsa-mp-allpages">[[Special:AllPages|All articles (A–Z)]]</div>
-<h2 style="font-family:inherit; font-size:1.6em; font-weight:600; line-height:1.25; border:0; margin:0; padding:0; color:#253F56;">Fire Safety Academy Wiki</h2>
+<div class="fsa-mp-intro">A growing reference on fire science, building protection and fire safety engineering. Browse all articles or explore a subject below.</div>
-<div id="fsa-allpages-link">[[Special:AllPages|<span style="display:inline-flex; align-items:center; box-sizing:border-box; min-height:44px; padding:0.55em 1em; border:1px solid #B1C4D4; border-radius:3px; background:#E9F0F6; color:#254E71; font-weight:bold;">All articles (A–Z)</span>]]</div>
+<div class="fsa-mp-search">
-</div>
-<div id="fsa-home-index" style="display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.75em 1.5em; margin-top:0.75em;">
-<p style="flex:1 1 450px; min-width:0; margin:0; line-height:1.6;">A growing reference on fire science, building protection and fire safety engineering. Browse all articles or explore a subject below.</p>
-<div style="max-width:100%;">
 <inputbox>
 type=fulltext
-width=24
 break=no
 searchbuttonlabel=Search
 placeholder=Search a term or topic
 arialabel=Search the Fire Safety Academy Wiki
-bgcolor=transparent
 id=fsa-home-search
 </inputbox>
 </div>
 </div>
-</div>
 == Browse by subject ==
-Select a category or go straight to one of its articles.
+<div class="fsa-mp-browse">
+<div class="fsa-mp-lead">Select a category or go straight to one of its articles.</div>
-<div id="fsa-subject-index" style="display:flex; flex-wrap:wrap; align-items:stretch; gap:1.2em; margin:1.1em 0 1.5em;">
+<div class="fsa-mp-legend"><span class="fsa-mp-legend-published">Published</span> <span class="fsa-mp-legend-missing">Not yet written</span></div>
-<div class="fsa-subject-group" style="flex:1 1 285px; min-width:0; border:1px solid #DCE3E9; border-radius:4px; overflow:hidden; background:#FFFFFF; color:#202122;">
-<div style="background:#FAF5EF; color:#202122; padding:1em 1.1em; border-bottom:1px solid #DCE3E9;">
-<h3 style="font-family:inherit; font-size:1.16em; font-weight:600; color:#95512D; margin:0 0 0.3em; padding:0;">Fire science</h3>
-<p style="font-size:0.94em; line-height:1.5; margin:0; color:#52606D;">Combustion, heat transfer, fire growth and smoke.</p>
-</div>
-<div style="padding:0.1em 1.1em 0.2em;">
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Combustion|Combustion]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Combustion]] · [[Fire triangle]] · [[Stoichiometry]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Physics & Heat Transfer|Physics & Heat Transfer]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Heat transfer]] · [[Thermal diffusivity]] · [[Thermal inertia]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Ignition & Flame Spread|Ignition & Flame Spread]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Flame spread]] · [[Ignition]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Fire Dynamics|Fire Dynamics]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Design fire]] · [[Fire plume]] · [[Heat release rate]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Enclosure Fires|Enclosure Fires]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Compartment fire]] · [[Flashover]] · [[MQH correlation]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; ">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Smoke, Toxicity & Tenability|Smoke, Toxicity & Tenability]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Smoke]] · [[Tenability criteria]]</div>
-</div>
-</div>
-</div>
-<div class="fsa-subject-group" style="flex:1 1 285px; min-width:0; border:1px solid #DCE3E9; border-radius:4px; overflow:hidden; background:#FFFFFF; color:#202122;">
-<div style="background:#F0F5F9; color:#202122; padding:1em 1.1em; border-bottom:1px solid #DCE3E9;">
-<h3 style="font-family:inherit; font-size:1.16em; font-weight:600; color:#355E7A; margin:0 0 0.3em; padding:0;">Buildings & protection</h3>
-<p style="font-size:0.94em; line-height:1.5; margin:0; color:#52606D;">Materials, structures and fire protection systems.</p>
-</div>
-<div style="padding:0.1em 1.1em 0.2em;">
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Materials & Fire Testing|Materials & Fire Testing]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire testing]] · [[Reaction to fire]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Structural Fire Engineering|Structural Fire Engineering]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire resistance]] · [[Steel in fire]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Passive Fire Protection|Passive Fire Protection]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire compartmentation]] · [[Firestopping]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Detection & Alarm|Detection & Alarm]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire alarm system]] · [[Smoke detector]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Fire Suppression|Fire Suppression]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Sprinkler system]] · [[Water mist system]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; ">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Smoke Control|Smoke Control]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Smoke control]] · [[Stair pressurisation]]</div>
-</div>
-</div>
-</div>
-<div class="fsa-subject-group" style="flex:1 1 285px; min-width:0; border:1px solid #DCE3E9; border-radius:4px; overflow:hidden; background:#FFFFFF; color:#202122;">
-<div style="background:#F0F6F4; color:#202122; padding:1em 1.1em; border-bottom:1px solid #DCE3E9;">
-<h3 style="font-family:inherit; font-size:1.16em; font-weight:600; color:#356B65; margin:0 0 0.3em; padding:0;">People & practice</h3>
-<p style="font-size:0.94em; line-height:1.5; margin:0; color:#52606D;">Evacuation, engineering methods and specialist risks.</p>
-</div>
-<div style="padding:0.1em 1.1em 0.2em;">
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Human Behaviour & Evacuation|Human Behaviour & Evacuation]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Available safe egress time|Available safe egress time (ASET)]] · [[Evacuation]] · [[Human behaviour in fire]] · [[Required safe egress time|Required safe egress time (RSET)]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Fire Modelling|Fire Modelling]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Computational fluid dynamics|Computational fluid dynamics (CFD)]] · [[Fire Dynamics Simulator|Fire Dynamics Simulator (FDS)]] · [[Fire modelling]] · [[Mesh resolution]] · [[Sensitivity analysis]] · [[Verification and validation]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Fire Safety Design & Regulation|Fire Safety Design & Regulation]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Building regulations]] · [[Fire safety engineering]] · [[Fire safety strategy]] · [[Performance-based design]]</div>
-</div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Fire Risk Analysis|Fire Risk Analysis]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire risk assessment]] · [[Quantitative risk assessment|Quantitative risk assessment (QRA)]] · [[Uncertainty analysis]]</div>
 </div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
+<div class="fsa-mp-group">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Explosions & Industrial Fires|Explosions & Industrial Fires]]</div>
+=== Fire science ===
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Explosion]] · [[Hydrogen safety]]</div>
+<div class="fsa-mp-group-intro">Combustion, heat transfer, fire growth and smoke.</div>
+<div class="fsa-mp-tiles">
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Combustion|Combustion]]</div><div class="fsa-mp-tile-links">[[Combustion]] · [[Fire triangle]] · [[Stoichiometry]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Physics & Heat Transfer|Physics & Heat Transfer]]</div><div class="fsa-mp-tile-links">[[Heat transfer]] · [[Thermal diffusivity]] · [[Thermal inertia]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Ignition & Flame Spread|Ignition & Flame Spread]]</div><div class="fsa-mp-tile-links">[[Flame spread]] · [[Ignition]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Dynamics|Fire Dynamics]]</div><div class="fsa-mp-tile-links">[[Design fire]] · [[Fire plume]] · [[Heat release rate]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Enclosure Fires|Enclosure Fires]]</div><div class="fsa-mp-tile-links">[[Compartment fire]] · [[Flashover]] · [[MQH correlation]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Smoke, Toxicity & Tenability|Smoke, Toxicity & Tenability]]</div><div class="fsa-mp-tile-links">[[Smoke]] · [[Tenability criteria]]</div></div>
 </div>
-<div class="fsa-category-block" style="padding:0.7em 0; border-bottom:1px solid #EBEEF1;">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Firefighting & Fire Service|Firefighting & Fire Service]]</div>
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[Fire service access]] · [[Firefighting]]</div>
 </div>
-<div class="fsa-category-block" style="padding:0.7em 0; ">
+<div class="fsa-mp-group">
-<div style="font-weight:bold; line-height:1.45;">[[:Category:Special Hazards & Building Types|Special Hazards & Building Types]]</div>
+=== Buildings & protection ===
-<div style="font-size:0.94em; line-height:1.7; margin-top:0.25em;">[[High-rise building]] · [[Lithium-ion battery fire]]</div>
+<div class="fsa-mp-group-intro">Materials, structures and fire protection systems.</div>
+<div class="fsa-mp-tiles">
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Materials & Fire Testing|Materials & Fire Testing]]</div><div class="fsa-mp-tile-links">[[Fire testing]] · [[Reaction to fire]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Structural Fire Engineering|Structural Fire Engineering]]</div><div class="fsa-mp-tile-links">[[Fire resistance]] · [[Steel in fire]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Passive Fire Protection|Passive Fire Protection]]</div><div class="fsa-mp-tile-links">[[Fire compartmentation]] · [[Firestopping]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Detection & Alarm|Detection & Alarm]]</div><div class="fsa-mp-tile-links">[[Fire alarm system]] · [[Smoke detector]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Suppression|Fire Suppression]]</div><div class="fsa-mp-tile-links">[[Sprinkler system]] · [[Water mist system]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Smoke Control|Smoke Control]]</div><div class="fsa-mp-tile-links">[[Smoke control]] · [[Stair pressurisation]]</div></div>
 </div>
 </div>
+<div class="fsa-mp-group">
+=== People & practice ===
+<div class="fsa-mp-group-intro">Evacuation, engineering methods and specialist risks.</div>
+<div class="fsa-mp-tiles">
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Human Behaviour & Evacuation|Human Behaviour & Evacuation]]</div><div class="fsa-mp-tile-links">[[Available safe egress time|Available safe egress time (ASET)]] · [[Evacuation]] · [[Human behaviour in fire]] · [[Required safe egress time|Required safe egress time (RSET)]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Modelling|Fire Modelling]]</div><div class="fsa-mp-tile-links">[[Computational fluid dynamics|Computational fluid dynamics (CFD)]] · [[Fire Dynamics Simulator|Fire Dynamics Simulator (FDS)]] · [[Fire modelling]] · [[Mesh resolution]] · [[Sensitivity analysis]] · [[Verification and validation]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Safety Design & Regulation|Fire Safety Design & Regulation]]</div><div class="fsa-mp-tile-links">[[Building regulations]] · [[Fire safety engineering]] · [[Fire safety strategy]] · [[Performance-based design]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Fire Risk Analysis|Fire Risk Analysis]]</div><div class="fsa-mp-tile-links">[[Fire risk assessment]] · [[Quantitative risk assessment|Quantitative risk assessment (QRA)]] · [[Uncertainty analysis]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Explosions & Industrial Fires|Explosions & Industrial Fires]]</div><div class="fsa-mp-tile-links">[[Explosion]] · [[Hydrogen safety]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Firefighting & Fire Service|Firefighting & Fire Service]]</div><div class="fsa-mp-tile-links">[[Fire service access]] · [[Firefighting]]</div></div>
+<div class="fsa-mp-tile"><div class="fsa-mp-tile-title">[[:Category:Special Hazards & Building Types|Special Hazards & Building Types]]</div><div class="fsa-mp-tile-links">[[High-rise building]] · [[Lithium-ion battery fire]]</div></div>
 </div>
 </div>
+<div class="fsa-mp-about">
-<div style="border-top:1px solid #DCE3E9; padding-top:0.8em; font-size:0.94em;">
+== About this wiki ==
-<p style="margin:0 0 0.4em;">The wiki is being expanded. Red links lead to pages that have not yet been created.</p>
+<div class="fsa-mp-about-text">The wiki is being expanded. Grey links lead to pages that have not yet been created.</div>
-<p style="margin:0;">[[Special:Categories|Category index]] · [[Special:RecentChanges|Recent changes]] · [[Talk:Main Page|Discuss this page]]</p>
+<div class="fsa-mp-about-links">[[Special:Categories|Category index]] · [[Special:RecentChanges|Recent changes]] · [[Talk:Main Page|Discuss this page]]</div>
 </div>
 </div>