Main Page: Difference between revisions
From Roofs Wiki
(Initialized Roofs Wiki content with SEO optimization) |
(Redesign main page with improved navigation and layout) |
||
| Line 1: | Line 1: | ||
== | <div style="text-align: center; padding: 30px 20px; background: linear-gradient(135deg, #1a5f7a 0%, #2d8bba 100%); border-radius: 12px; margin-bottom: 30px; color: white;"> | ||
<div style="font-size: 2.5em; font-weight: 700; margin-bottom: 10px;">Roofs Wiki</div> | |||
<div style="font-size: 1.2em; opacity: 0.95;">The Free Roofing Encyclopedia</div> | |||
<div style="font-size: 1em; margin-top: 15px; opacity: 0.85;">60+ articles covering residential and commercial roofing</div> | |||
</div> | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 30px;"> | |||
== Roofing Materials = | <div style="background: white; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.07); border-top: 4px solid #ff6b35;"> | ||
<div style="font-size: 1.3em; font-weight: 600; color: #1a5f7a; margin-bottom: 15px;">Roofing Materials</div> | |||
<ul style="margin: 0; padding-left: 20px; line-height: 1.8;"> | |||
<li>[[Asphalt Shingles]] - Most popular choice</li> | |||
<li>[[Metal Roofing]] - 40-70 year lifespan</li> | |||
<li>[[Tile Roofing]] - Clay & concrete options</li> | |||
<li>[[Slate Roofing]] - Premium natural stone</li> | |||
<li>[[Roofing Materials|View All Materials]]</li> | |||
</ul> | |||
</div> | |||
=== | <div style="background: white; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.07); border-top: 4px solid #2d8bba;"> | ||
[[ | <div style="font-size: 1.3em; font-weight: 600; color: #1a5f7a; margin-bottom: 15px;">Commercial Systems</div> | ||
<ul style="margin: 0; padding-left: 20px; line-height: 1.8;"> | |||
<li>[[TPO Roofing]] - Energy efficient membranes</li> | |||
<li>[[EPDM Roofing]] - Rubber roofing systems</li> | |||
<li>[[Built-Up Roofing]] - Multi-layer protection</li> | |||
<li>[[Flat Roofs]] - Low-slope solutions</li> | |||
<li>[[Commercial Roofing Systems|All Commercial]]</li> | |||
</ul> | |||
</div> | |||
<div style="background: white; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.07); border-top: 4px solid #1a5f7a;"> | |||
<div style="font-size: 1.3em; font-weight: 600; color: #1a5f7a; margin-bottom: 15px;">Maintenance & Repair</div> | |||
<ul style="margin: 0; padding-left: 20px; line-height: 1.8;"> | |||
<li>[[Roof Inspection and Maintenance|Inspection Guide]]</li> | |||
<li>[[Common Roof Problems]] - Troubleshooting</li> | |||
<li>[[Hail Damage and Roofing|Hail Damage]]</li> | |||
<li>[[Roof Repair vs Replacement]]</li> | |||
<li>[[Seasonal Roof Care]]</li> | |||
</ul> | |||
</div> | |||
<div style="background: white; border-radius: 10px; padding: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.07); border-top: 4px solid #10b981;"> | |||
<div style="font-size: 1.3em; font-weight: 600; color: #1a5f7a; margin-bottom: 15px;">Energy & Sustainability</div> | |||
<ul style="margin: 0; padding-left: 20px; line-height: 1.8;"> | |||
<li>[[Cool Roofs]] - Reflective technology</li> | |||
<li>[[Green Roofs]] - Living roof systems</li> | |||
<li>[[Solar Roofs]] - Integrated solar power</li> | |||
<li>[[Roof Insulation]] - Thermal efficiency</li> | |||
<li>[[Energy-Efficient Roofing Systems|All Green Options]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
== Popular Guides == | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 20px 0;"> | |||
== | <div style="background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #f59e0b;"> | ||
[[ | <div style="font-weight: 600; color: #92400e; font-size: 1.1em; margin-bottom: 8px;">Starting a Roofing Business?</div> | ||
<div style="color: #78350f; margin-bottom: 12px;">Complete 2026 guide with licensing, costs, and marketing strategies.</div> | |||
[[How to Start a Roofing Company in 2026|Read the Full Guide]] | |||
</div> | |||
<div style="background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #3b82f6;"> | |||
<div style="font-weight: 600; color: #1e40af; font-size: 1.1em; margin-bottom: 8px;">Choosing a Contractor</div> | |||
<div style="color: #1e3a8a; margin-bottom: 12px;">How to find, vet, and hire reliable roofing professionals.</div> | |||
[[How to Choose a Roofing Contractor|Find a Contractor]] | |||
</div> | |||
<div style="background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%); border-radius: 10px; padding: 20px; border-left: 4px solid #22c55e;"> | |||
<div style="font-weight: 600; color: #166534; font-size: 1.1em; margin-bottom: 8px;">Commercial Roofing in Canada</div> | |||
<div style="color: #14532d; margin-bottom: 12px;">Climate considerations and system selection for Canadian buildings.</div> | |||
[[Choosing the Right Commercial Roofing System in Canada|Canadian Guide]] | |||
</div> | |||
</div> | |||
== Quick Reference == | |||
{| class="wikitable" style="width: 100%; margin: 20px 0;" | |||
{| class="wikitable" style="width: 100%;" | |||
|- | |- | ||
! | ! style="background: #1a5f7a; color: white; width: 25%;" | Material | ||
! style="background: #1a5f7a; color: white; width: 20%;" | Lifespan | |||
! style="background: #1a5f7a; color: white; width: 20%;" | Cost Range | |||
! style="background: #1a5f7a; color: white; width: 35%;" | Best Applications | |||
|- | |- | ||
| | | [[Asphalt Shingles]] || 20-30 years || $3-7/sq ft || Residential, budget-conscious projects | ||
|- | |- | ||
| | | [[Metal Roofing]] || 40-70 years || $7-15/sq ft || Durability, energy efficiency | ||
|- | |- | ||
| | | [[Tile Roofing|Clay/Concrete Tile]] || 50-100 years || $10-18/sq ft || Hot climates, Mediterranean style | ||
|- | |- | ||
| | | [[Slate Roofing]] || 75-100+ years || $15-30/sq ft || Premium homes, historical restoration | ||
|- | |- | ||
| | | [[TPO Roofing|TPO Membrane]] || 15-25 years || $5-10/sq ft || Commercial flat roofs | ||
|- | |- | ||
| | | [[EPDM Roofing|EPDM Rubber]] || 20-30 years || $4-8/sq ft || Commercial, low-slope roofs | ||
|} | |} | ||
== Roof | == Roof Structure & Components == | ||
Understanding your roof's anatomy helps with maintenance and repairs: | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin: 20px 0;"> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Roof Deck]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Structural foundation</div> | |||
</div> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Roof Pitch]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Slope & drainage</div> | |||
</div> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Roof Ventilation]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Airflow systems</div> | |||
</div> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Roof Insulation]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Thermal protection</div> | |||
</div> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Common Roof Structures]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Gable, hip, mansard</div> | |||
</div> | |||
<div style="background: #f8fafc; padding: 15px; border-radius: 8px; text-align: center;"> | |||
<div style="font-weight: 600; color: #1a5f7a;">[[Roof Integrity]]</div> | |||
<div style="font-size: 0.9em; color: #64748b;">Structural health</div> | |||
</div> | |||
</div> | |||
== Browse by Category == | == Browse by Category == | ||
<div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0;"> | |||
<span style="background: #1a5f7a; padding: 10px 18px; border-radius: 20px;">[[Category:Roofing Materials|<span style="color: white;">Roofing Materials</span>]]</span> | |||
<span style="background: #2d8bba; padding: 10px 18px; border-radius: 20px;">[[Category:Installation|<span style="color: white;">Installation</span>]]</span> | |||
<span style="background: #0d9488; padding: 10px 18px; border-radius: 20px;">[[Category:Maintenance|<span style="color: white;">Maintenance</span>]]</span> | |||
<span style="background: #7c3aed; padding: 10px 18px; border-radius: 20px;">[[Category:Repair|<span style="color: white;">Repair</span>]]</span> | |||
<span style="background: #dc2626; padding: 10px 18px; border-radius: 20px;">[[Category:Commercial Roofing|<span style="color: white;">Commercial</span>]]</span> | |||
<span style="background: #059669; padding: 10px 18px; border-radius: 20px;">[[Category:Residential Roofing|<span style="color: white;">Residential</span>]]</span> | |||
<span style="background: #ea580c; padding: 10px 18px; border-radius: 20px;">[[Category:Energy Efficiency|<span style="color: white;">Energy Efficiency</span>]]</span> | |||
</div> | |||
[[Category:Roofing]] | [[Category:Roofing]] | ||
[[Category:Main]] | [[Category:Main]] | ||
Latest revision as of 18:54, 9 February 2026
Roofs Wiki
The Free Roofing Encyclopedia
60+ articles covering residential and commercial roofing
Roofing Materials
- Asphalt Shingles - Most popular choice
- Metal Roofing - 40-70 year lifespan
- Tile Roofing - Clay & concrete options
- Slate Roofing - Premium natural stone
- View All Materials
Commercial Systems
- TPO Roofing - Energy efficient membranes
- EPDM Roofing - Rubber roofing systems
- Built-Up Roofing - Multi-layer protection
- Flat Roofs - Low-slope solutions
- All Commercial
Maintenance & Repair
Energy & Sustainability
- Cool Roofs - Reflective technology
- Green Roofs - Living roof systems
- Solar Roofs - Integrated solar power
- Roof Insulation - Thermal efficiency
- All Green Options
Popular Guides
Starting a Roofing Business?
Complete 2026 guide with licensing, costs, and marketing strategies.
Commercial Roofing in Canada
Climate considerations and system selection for Canadian buildings.
Quick Reference
| Material | Lifespan | Cost Range | Best Applications |
|---|---|---|---|
| Asphalt Shingles | 20-30 years | $3-7/sq ft | Residential, budget-conscious projects |
| Metal Roofing | 40-70 years | $7-15/sq ft | Durability, energy efficiency |
| Clay/Concrete Tile | 50-100 years | $10-18/sq ft | Hot climates, Mediterranean style |
| Slate Roofing | 75-100+ years | $15-30/sq ft | Premium homes, historical restoration |
| TPO Membrane | 15-25 years | $5-10/sq ft | Commercial flat roofs |
| EPDM Rubber | 20-30 years | $4-8/sq ft | Commercial, low-slope roofs |
Roof Structure & Components
Understanding your roof's anatomy helps with maintenance and repairs:
Structural foundation
Slope & drainage
Airflow systems
Thermal protection
Gable, hip, mansard
Structural health
Browse by Category