Main Page: Difference between revisions

From Roofs Wiki
No edit summary
(Add DIY Roofing section to homepage, add DIY category pill, optimize layout)
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Welcome to Roofs Wiki ==
<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>


'''Roofs Wiki''' is your comprehensive source for everything about roofs — from types and materials, to maintenance, repair, energy efficiency, and design.
<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>


Explore the world of roofing knowledge below!
== DIY Roofing Guides ==


== 🏠 Roofing Basics ==
<div style="background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-radius: 12px; padding: 24px; margin-bottom: 30px; border-left: 4px solid #ff6b35;">
* [[What is a Roof?]]
<div style="font-weight: 700; color: #c2410c; font-size: 1.3em; margin-bottom: 8px;">Homeowner DIY Hub</div>
* [[Common Roof Structures]]
<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>
* [[Importance of Roofing in Construction]]
<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>


== 🧱 Types of Roofs ==
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin-top: 12px;">
* [[Flat Roofs]]
* [[Sloped Roofs]]
* [[Green Roofs]]
* [[Cool Roofs]]


== 🛠 Roofing Materials ==
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
* [[Asphalt Shingles]]
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Repair Guides</div>
* [[Metal Roofing]]
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
* [[Clay and Concrete Tiles]]
<li>[[How to Replace Damaged Shingles|Replace Damaged Shingles]]</li>
* [[Wood Shingles and Shakes]]
<li>[[How to Repair Roof Flashing|Repair Roof Flashing]]</li>
* [[Slate Roofing]]
<li>[[How to Find and Fix Roof Leaks|Find & Fix Leaks]]</li>
<li>[[How to Seal Roof Penetrations|Seal Roof Penetrations]]</li>
</ul>
</div>


== 🛡 Roof Maintenance & Repairs ==
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
* [[How to Inspect Your Roof]]
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Maintenance</div>
* [[Common Roof Problems]]
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
* [[Roof Repair vs Replacement]]
<li>[[How to Clean Gutters Safely|Clean Gutters Safely]]</li>
* [[Seasonal Roof Care]]
<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>


== 🌎 Energy Efficiency & Sustainability ==
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
* [[Solar Roofs]]
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Emergency & Safety</div>
* [[Energy-Efficient Roofing Systems]]
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
* [[Eco-Friendly Roof Options]]
<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>


== 📖 Featured Articles ==
<div style="background: white; border-radius: 8px; padding: 16px; box-shadow: 0 2px 4px rgba(0,0,0,0.06);">
* [[Best Roof Types for Cold Climates]]
<div style="font-weight: 600; color: #1a5f7a; margin-bottom: 8px;">Planning & Knowledge</div>
* [[How to Choose a Roofing Contractor]]
<ul style="margin: 0; padding-left: 18px; line-height: 1.9; font-size: 0.95em;">
* [[Roof Warranties Explained]]
<li>[[Roof Anatomy and Parts Explained|Roof Anatomy Explained]]</li>
* [[Signs of Roof Damage After a Storm]]
<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>


== 🔍 Start Exploring! ==
</div>
Use the search bar or browse categories to learn more about roofing systems, best practices, and innovations.
</div>
 
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-bottom: 30px;">
 
<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(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 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="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>
<span style="background: #c2410c; padding: 10px 18px; border-radius: 20px;">[[Category:DIY Roofing|<span style="color: white;">DIY Roofing</span>]]</span>
</div>
 
[[Category:Roofing]]
[[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.

Browse the Directory

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.

Explore All DIY Guides

Roofing Materials
Commercial Systems
Energy & Sustainability

Popular Guides

Starting a Roofing Business?
Complete 2026 guide with licensing, costs, and marketing strategies.

Read the Full Guide

Choosing a Contractor
How to find, vet, and hire reliable roofing professionals.

Find a Contractor

Commercial Roofing in Canada
Climate considerations and system selection for Canadian buildings.

Canadian Guide

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

Retrieved from "https://roofs.wiki/index.php?title=Main_Page&oldid=409"