awkawb/allpawcare-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated pages view routes and templates to used content module

Browse Source
This commit is contained in:
Andrew Bryant
2023-09-10 19:55:42 -04:00
parent 61809acf44
commit 9610d995de
4 changed files with 62 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

138
all_paw_care/templates/pages/services.html
View File

@@ -1,114 +1,66 @@
{% extends "jinja/types/page.html" %}
{% set title %}Services{% endset %}
{% set title %}{{ page.get_title() }}{% endset %}
{% block content %}
<div class="row text-center pb-2">
<h1 class="text-primary display-1">
Services & Pricing
{{ page.get_title() }}
</h1>
</div>
<div class="row">
<h2 class="text-secondary display-2">
Primary services:
</h2>
</div>
<hr>
<div class="row pt-2 pb-4">
{% for service in config.SERVICES.items() %}
<div class="col-4">
<div class="card">
<picture>
{% for img in service[1][0] %}
{% if not loop.last %}
<source srcset="{{ img }}"
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% else %}
<source srcset="{{ img }}"
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% endif %}
{% endfor %}
{% for section in page.get_content() %}
<div class="row text-center">
<h2 class="text-secondary display-3">
{{ section }}
</h2>
</div>
<img class="img-fluid card-img-top"
src="{{ service[1][0][1] }}">
</picture>
<div class="card-body">
<h1 class="card-title text-center text-primary">{{ service[0] }}</h1>
<div class="row pt-2 pb-4">
{% for service in page.get_content()[section] %}
<div class="col-4">
<div class="card">
<picture>
{% for img in service['images'] %}
{% if not loop.last %}
<source srcset="{{ img }}"
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% else %}
<source srcset="{{ img }}"
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% endif %}
{% endfor %}
<hr>
<img class="img-fluid card-img-top"
src="{{ service['images'][1] }}">
</picture>
<div class="card-body">
<h1 class="card-title text-center text-primary">{{ service['title'] }}</h1>
<h2 class="text-success text-center">
{{ service[1][1] }}
</h2>
<hr>
<hr class="invisible">
<h2 class="text-success text-center">
{{ service['price'] }}
</h2>
<p class="text-secondary">
{{ service[1][2] }}
<hr class="invisible">
<ul>
{% for included in service[1][3] %}
<li>{{ included }}</li>
{% endfor %}
</ul>
</p>
<p class="text-secondary">
Service includes:
<ul>
{% for included in service['included'] %}
<li>{{ included }}</li>
{% endfor %}
</ul>
</p>
</div>
</div>
</div>
</div>
{% endfor %}
</div>
<div class="row">
<h2 class="text-secondary">
Add-on services:
</h2>
</div>
<div class="row pt-2 pb-4">
{% for service in config.SERVICES.items() %}
<div class="col-4">
<div class="card">
<picture>
{% for img in service[1][0] %}
{% if not loop.last %}
<source srcset="{{ img }}"
media="(max-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% else %}
<source srcset="{{ img }}"
media="(min-width: {{ config.IMG_BREAKPOINTS[loop.index] }})" />
{% endif %}
{% endfor %}
<img class="img-fluid" class="card-img-top"
src="{{ service[1][0][1] }}"
alt="Woman walking dog">
</picture>
<div class="card-body">
<h1 class="card-title text-center text-primary">{{ service[0] }}</h1>
<hr>
<h2 class="text-success text-center">
{{ service[1][1] }}
</h2>
<hr class="invisible">
<p class="text-secondary">
{{ service[1][2] }}
<ul>
{% for included in service[1][3] %}
<li>{{ included }}</li>
{% endfor %}
</ul>
</p>
</div>
</div>
</div>
{% endfor %}
</div>
{% endfor %}
</div>
{% endfor %}
<div class="row">
<div class="btn btn-primary">