Main Page: Difference between revisions
From Roofs Wiki
(Initialized Roofs Wiki content with SEO optimization) |
(Add DIY Roofing section to homepage, add DIY category pill, optimize layout) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div | <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> | |||
<span | <div style="background: linear-gradient(135deg, #ede9fe 0%, #ddd6fe 100%); border-radius: 10px; padding: 20px 24px; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; border-left: 4px solid #7c3aed;"> | ||
<div> | |||
<div style="font-weight: 700; color: #5b21b6; font-size: 1.2em; margin-bottom: 4px;">Roofing Contractor Directory</div> | |||
<div style="color: #4c1d95;">Top-rated roofers in 20 major US & Canadian cities, ranked by BBB accreditation and experience.</div> | |||
</div> | |||
<span style="background: #7c3aed; color: white; padding: 10px 20px; border-radius: 8px; font-weight: 600; white-space: nowrap;">[https://roofs.wiki/roofing-directory/ Browse the Directory]</span> | |||
</div> | </div> | ||
== | == DIY Roofing Guides == | ||
<div style="background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-radius: 12px; padding: 24px; margin-bottom: 30px; border-left: 4px solid #ff6b35;"> | |||
<div style="font-weight: 700; color: #c2410c; font-size: 1.3em; margin-bottom: 8px;">Homeowner DIY Hub</div> | |||
<div style="color: #7c2d12; margin-bottom: 16px;">Step-by-step guides for roof repairs, maintenance, and inspections you can safely handle yourself. Save money and protect your home.</div> | |||
<span style="background: #ff6b35; color: white; padding: 10px 20px; border-radius: 8px; font-weight: 600; display: inline-block; margin-bottom: 16px;">[[:DIY Roofing Guide|Explore All DIY Guides]]</span> | |||
= | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 12px;"> | ||
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);"> | |||
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Repair Guides</div> | |||
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;"> | |||
<li>[[How to Replace Damaged Shingles|Replace Damaged Shingles]]</li> | |||
<li>[[How to Repair Roof Flashing|Repair Roof Flashing]]</li> | |||
<li>[[How to Find and Fix Roof Leaks|Find & Fix Leaks]]</li> | |||
<li>[[How to Seal Roof Penetrations|Seal Roof Penetrations]]</li> | |||
</ul> | |||
</div> | |||
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);"> | |||
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Maintenance</div> | |||
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;"> | |||
<li>[[How to Clean Gutters Safely|Clean Gutters Safely]]</li> | |||
<li>[[How to Remove Moss and Algae from Your Roof|Remove Moss & Algae]]</li> | |||
<li>[[Roof Maintenance Seasonal Checklist|Seasonal Checklist]]</li> | |||
<li>[[Spring Roof Inspection Checklist|Spring Inspection]]</li> | |||
</ul> | |||
</div> | |||
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);"> | |||
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Emergency & Safety</div> | |||
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;"> | |||
<li>[[Emergency Roof Repair What to Do Right Now|Emergency Roof Repair]]</li> | |||
<li>[[How to Apply Emergency Roof Tarp|Apply Emergency Tarp]]</li> | |||
<li>[[Roof Safety Guide for Homeowners|Roof Safety Guide]]</li> | |||
<li>[[Post-Storm Roof Damage Assessment|Storm Damage Assessment]]</li> | |||
</ul> | |||
</div> | |||
== | <div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);"> | ||
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Planning & Knowledge</div> | |||
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;"> | |||
<li>[[Roof Anatomy and Parts Explained|Roof Anatomy Explained]]</li> | |||
<li>[[When to DIY vs When to Call a Roofer|DIY vs. Hire a Pro]]</li> | |||
<li>[[Roofing Materials Comparison Chart|Materials Comparison]]</li> | |||
<li>[[Signs You Need a New Roof|Signs You Need a New Roof]]</li> | |||
</ul> | |||
</div> | |||
</div> | |||
</div> | |||
= | <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 30px;"> | ||
=== Asphalt Shingles | <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 | </div> | ||
== Popular Guides == | |||
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 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> | ||
== Roofing | <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;" | ||
|- | |||
! 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 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 == | |||
<div style=" | <div style="display: flex; flex-wrap: wrap; gap: 10px; margin: 20px 0;"> | ||
<span | <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> | |||
<span style="background: #c2410c; padding: 10px 18px; border-radius: 20px;">[[Category:DIY Roofing|<span style="color: white;">DIY Roofing</span>]]</span> | |||
</div> | </div> | ||
[[Category:Roofing]] | [[Category:Roofing]] | ||
[[Category: | [[Category:Main]] | ||
Latest revision as of 17:00, 17 March 2026
Roofs Wiki
The Free Roofing Encyclopedia
60+ articles covering residential and commercial roofing
Roofing Contractor Directory
Top-rated roofers in 20 major US & Canadian cities, ranked by BBB accreditation and experience.
DIY Roofing Guides
Homeowner DIY Hub
Step-by-step guides for roof repairs, maintenance, and inspections you can safely handle yourself. Save money and protect your home.
Emergency & Safety
Planning & Knowledge
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