59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
{# head content #}
|
|
<title>{{ title }}</title>
|
|
|
|
<!-- css style -->
|
|
<link rel="preload" href="/style.css" as="style">
|
|
<link rel="stylesheet" href="/style.css">
|
|
|
|
<!-- metadata -->
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="{{ description }}">
|
|
|
|
<!-- link preview card -->
|
|
<meta name="og:title" content="{{ title }}">
|
|
<meta name="twitter:title" content="{{ title }}">
|
|
|
|
<meta name="og:description" content="{{ description }}">
|
|
<meta name="twitter:description" content="{{ description }}">
|
|
|
|
<!-- display settings & favicon -->
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" href="/assets/pill.svg">
|
|
</head>
|
|
<body>
|
|
<h1>{{ title }}</h1>
|
|
|
|
{# Navigation #}
|
|
<nav class="menu">
|
|
<ul>
|
|
<li><a {% if home.active %}class="active"{% endif %} href="{{ home.href }}">{{ home.text }}</a></li>
|
|
<li><a {% if about.active %}class="active"{% endif %} href="{{ about.href }}">{{ about.text }}</a></li>
|
|
<li class="dropdown">
|
|
<a {% if products.active %}class="active"{% endif %} href="{{ products.href }}" class="dropbtn">{{ products.text }}</a>
|
|
<div class="dropdown-content">
|
|
{% for product in product_classes %}
|
|
<a href="{{product.href}}">{{product.text}}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</li>
|
|
<li><a {% if contact.active %}class="active"{% endif %} href="{{ contact.href }}">{{ contact.text }}</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<h2 class="product">{{ product.full_name }}</h2>
|
|
|
|
<img class="product" alt="{{product.full_name}}" src="/assets/products/{{product.short_name}}.webp">
|
|
|
|
<div class="product">
|
|
<code class="price" id="price">${{product.price_usd}} USD</code>
|
|
<br>
|
|
<code class="price" id="stock">{{product.stock}} in stock</code>
|
|
|
|
<h3>Description</h3>
|
|
<p>{{ product.description | linebreaksbr | safe }}</p>
|
|
|
|
</html>
|