Initial commit

all_paw_care/templates/pages/index.html

@@ -0,0 +1,37 @@
+{% extends "jinja/types/page.html" %}
+
+{% set title %}About me{% endset %}
+
+{% block content %}
+    <div class="row text-center">
+        <h1 class="text-primary display-1">
+            About me
+        </h1>
+    </div>
+
+    {%  for row in config.ABOUT_ME %}
+        <div class="row pb-3">
+            <div class="col-8 text-center {{ loop.cycle('order-first','order-last') }}">
+                <p class="text-secondary lead">
+                    {{ row[1] }}
+                </p>
+            </div>
+            
+            <div class="col-4 {{ loop.cycle('order-last','order-first') }}"> 
+                <picture>
+                    {% for img in row[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" src="{{ row[0][1] }}">
+                </picture>
+            </div>
+        </div>
+    {% endfor %}
+{% endblock %}