290 lines
15 KiB
HTML
290 lines
15 KiB
HTML
{% extends 'schasite/base2.html' %}
|
|
{% load static %}
|
|
|
|
{% block pagetitle %}
|
|
<title>Stonehedge Community Homeowners Association</title>
|
|
<script type="text/css">
|
|
/* Links Page Specific Styles */
|
|
.links-table th {
|
|
background-color: var(--bs-success);
|
|
color: white;
|
|
font-weight: 500;
|
|
}
|
|
|
|
.links-table tr:hover {
|
|
background-color: rgba(var(--bs-success-rgb), 0.05);
|
|
}
|
|
|
|
/* Button styling */
|
|
.btn-outline-success {
|
|
border-width: 2px;
|
|
}
|
|
|
|
.btn-danger {
|
|
font-weight: 500;
|
|
}
|
|
|
|
/* Card header icons */
|
|
.card-header .bi {
|
|
font-size: 1.2rem;
|
|
vertical-align: text-top;
|
|
}
|
|
|
|
/* Responsive adjustments */
|
|
@media (max-width: 767.98px) {
|
|
.table-responsive {
|
|
font-size: 0.875rem;
|
|
}
|
|
|
|
.btn-sm {
|
|
padding: 0.25rem 0.5rem;
|
|
font-size: 0.75rem;
|
|
}
|
|
}
|
|
</script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<main class="py-5">
|
|
<div class="container">
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-10">
|
|
<div class="card shadow-sm">
|
|
<div class="card-header bg-success text-white">
|
|
<h3 class="mb-0">Useful Links</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead class="table-success">
|
|
<tr>
|
|
<th>Resource</th>
|
|
<th>Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for link in links %}
|
|
<tr>
|
|
<td>{{ link.name }}</td>
|
|
<td><a href="{{ link.url }}" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Government Services -->
|
|
<!-- <div class="card shadow-sm mb-5">
|
|
<div class="card-header bg-success text-white">
|
|
<h3 class="mb-0"><i class="bi bi-building me-2"></i>Government Services</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead class="table-success">
|
|
<tr>
|
|
<th>Service</th>
|
|
<th>Description</th>
|
|
<th>Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>City of Anytown</td>
|
|
<td>Official city website with services, permits, and local information</td>
|
|
<td><a href="https://www.anytown.gov" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>County Services</td>
|
|
<td>Property records, tax payments, and county resources</td>
|
|
<td><a href="https://www.yourcounty.gov" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Waste Management</td>
|
|
<td>Trash/recycling schedules, bulk pickup requests</td>
|
|
<td><a href="https://www.waste-management.com/your-area" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Utility Company</td>
|
|
<td>Pay bills, report outages, manage services</td>
|
|
<td><a href="https://www.localutility.com" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Police Non-Emergency</td>
|
|
<td>Local police department contact information</td>
|
|
<td><a href="https://www.anytownpd.gov" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Schools & Education -->
|
|
<!-- <div class="card shadow-sm mb-5">
|
|
<div class="card-header bg-success text-white">
|
|
<h3 class="mb-0"><i class="bi bi-book me-2"></i>Schools & Education</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead class="table-success">
|
|
<tr>
|
|
<th>School</th>
|
|
<th>Description</th>
|
|
<th>Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Greenwood Elementary</td>
|
|
<td>Public elementary school serving our community</td>
|
|
<td><a href="https://www.greenwood.edu/elementary" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Maplewood Middle School</td>
|
|
<td>Public middle school serving our community</td>
|
|
<td><a href="https://www.greenwood.edu/middle" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Central High School</td>
|
|
<td>Public high school serving our community</td>
|
|
<td><a href="https://www.greenwood.edu/high" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>School District</td>
|
|
<td>District calendar, policies, and information</td>
|
|
<td><a href="https://www.greenwood.edu" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Community Library</td>
|
|
<td>Local library events and resources</td>
|
|
<td><a href="https://www.anytownlibrary.org" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Local Businesses -->
|
|
<!-- <div class="card shadow-sm mb-5">
|
|
<div class="card-header bg-success text-white">
|
|
<h3 class="mb-0"><i class="bi bi-shop me-2"></i>Local Businesses</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead class="table-success">
|
|
<tr>
|
|
<th>Business</th>
|
|
<th>Description</th>
|
|
<th>Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Greenwood Hardware</td>
|
|
<td>Local hardware store with home improvement supplies</td>
|
|
<td><a href="https://www.greenwoodhardware.com" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Anytown Grocers</td>
|
|
<td>Local supermarket with delivery options</td>
|
|
<td><a href="https://www.anytowngrocers.com" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Community Pharmacy</td>
|
|
<td>Local pharmacy with prescription services</td>
|
|
<td><a href="https://www.communitypharmacy.com" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Preferred Landscapers</td>
|
|
<td>HOA-approved landscaping companies</td>
|
|
<td><a href="https://www.hoalandscapers.com/greenwood" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Neighborhood Electrician</td>
|
|
<td>Recommended electrician familiar with our homes</td>
|
|
<td><a href="https://www.greenwoodelectric.com" target="_blank" class="btn btn-sm btn-outline-success">Visit Site</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
|
|
<!-- Emergency Resources -->
|
|
<!-- <div class="card shadow-sm">
|
|
<div class="card-header bg-success text-white">
|
|
<h3 class="mb-0"><i class="bi bi-exclamation-triangle me-2"></i>Emergency Resources</h3>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="table-responsive">
|
|
<table class="table table-hover">
|
|
<thead class="table-success">
|
|
<tr>
|
|
<th>Resource</th>
|
|
<th>Description</th>
|
|
<th>Link</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Police/Fire Emergency</td>
|
|
<td>Call 911 for life-threatening emergencies</td>
|
|
<td><button class="btn btn-sm btn-danger">Call 911</button></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Poison Control</td>
|
|
<td>24/7 poison emergency assistance</td>
|
|
<td><a href="tel:1-800-222-1222" class="btn btn-sm btn-outline-success">Call 800-222-1222</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Animal Control</td>
|
|
<td>Report stray or dangerous animals</td>
|
|
<td><a href="tel:555-123-4567" class="btn btn-sm btn-outline-success">Call 555-123-4567</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Power Outage Reporting</td>
|
|
<td>Report electrical outages in the area</td>
|
|
<td><a href="tel:555-987-6543" class="btn btn-sm btn-outline-success">Call 555-987-6543</a></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Gas Leak Reporting</td>
|
|
<td>Report suspected natural gas leaks</td>
|
|
<td><a href="tel:555-555-5555" class="btn btn-sm btn-outline-success">Call 555-555-5555</a></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block extra_js %}
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- Links Page Script -->
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
// This would be replaced with actual link tracking in production
|
|
console.log('Useful links page loaded');
|
|
|
|
// Example: Track outbound links
|
|
document.querySelectorAll('a[target="_blank"]').forEach(link => {
|
|
link.addEventListener('click', function() {
|
|
// In a real implementation, you might track this click
|
|
console.log('Navigating to: ' + this.href);
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
{% endblock %} |