Add nuisance style, fix header on non-home district pages
This commit is contained in:
parent
b6037d7525
commit
6203e3da75
5 changed files with 140 additions and 122 deletions
|
|
@ -10,8 +10,33 @@
|
|||
<template>
|
||||
<Home :slug="slug">
|
||||
<template #header>
|
||||
<!-- Introduction Section -->
|
||||
<HeaderDistrict :district="district" />
|
||||
<template v-if="district">
|
||||
<section class="py-5 bg-primary text-white">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-lg-10">
|
||||
<h2 class="text-center mb-4">Report a Mosquito Problem</h2>
|
||||
<p class="lead text-center">
|
||||
Submit a report to help reduce mosquito activity in your
|
||||
neighborhood.
|
||||
</p>
|
||||
<p class="lead text-center">
|
||||
Report Mosquitoes Online works with local mosquito control
|
||||
agencies to receive public reports.
|
||||
</p>
|
||||
<p class="lead text-center">
|
||||
For this area, mosquito control services are provided by
|
||||
</p>
|
||||
<h3 class="text-center">{{ district.name }}</h3>
|
||||
<img class="district-logo" :src="district.url_logo" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
<template v-else>
|
||||
<p>loading district...</p>
|
||||
</template>
|
||||
</template>
|
||||
</Home>
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue