Main Page: Difference between revisions

From Roofs Wiki
No edit summary
 
(Add DIY Roofing section to homepage, add DIY category pill, optimize layout)
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<strong>MediaWiki has been installed.</strong>
<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>


Consult the [https://www.mediawiki.org/wiki/Special:MyLanguage/Help:Contents User's Guide] for information on using the wiki software.
<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>


== Getting started ==
== DIY Roofing Guides ==
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Configuration_settings Configuration settings list]
 
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:FAQ MediaWiki FAQ]
<div style="background: linear-gradient(135deg, #fff7ed 0%, #ffedd5 100%); border-radius: 12px; padding: 24px; margin-bottom: 30px; border-left: 4px solid #ff6b35;">
* [https://lists.wikimedia.org/postorius/lists/mediawiki-announce.lists.wikimedia.org/ MediaWiki release mailing list]
<div style="font-weight: 700; color: #c2410c; font-size: 1.3em; margin-bottom: 8px;">Homeowner DIY Hub</div>
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Localisation#Translation_resources Localise MediaWiki for your language]
<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>
* [https://www.mediawiki.org/wiki/Special:MyLanguage/Manual:Combating_spam Learn how to combat spam on your wiki]
<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;">
 
<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"