34 lines
1008 B
HTML
34 lines
1008 B
HTML
{% load static %}<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>ungleich_screening_task</title>
|
|
|
|
<link
|
|
rel="stylesheet"
|
|
type="text/css"
|
|
href="{% static 'friendly_cat/css/style.css' %}"
|
|
/>
|
|
</head>
|
|
<body>
|
|
<main class="friendly-cat-container">
|
|
{% with default_pic_width=400 default_pic_height=400 %}
|
|
<figure class="friendly-cat-frame">
|
|
<img
|
|
class="friendly-cat-picture"
|
|
width="{{ pic_width|default:default_pic_width }}"
|
|
height="{{ pic_height|default:default_pic_height }}"
|
|
src="https://placekitten.com/{{ pic_width|default:default_pic_width }}/{{ pic_height|default:default_pic_height }}"
|
|
alt="A friendly cat picture"
|
|
/>
|
|
<figcaption class="friendly-cat-caption">
|
|
A friendly cat picture
|
|
</figcaption>
|
|
</figure>
|
|
{% endwith %}
|
|
</main>
|
|
</body>
|
|
</html>
|