| 1 |
<!doctype html> |
| 2 |
<html lang="en"> |
| 3 |
<head> |
| 4 |
<meta charset="UTF-8"> |
| 5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 |
<title>Buy {{ item.title }}: Makenotwork</title> |
| 7 |
{# Standalone head, so the three sheets are listed here rather than coming |
| 8 |
from _head_assets.html. Order matters: style.css reads --bevel-raised / |
| 9 |
--bevel-inset out of layout.css, and a box-shadow naming an undefined |
| 10 |
var drops the whole declaration instead of degrading. #} |
| 11 |
<link rel="stylesheet" href="/static/geometry.css"> |
| 12 |
<link rel="stylesheet" href="/static/layout.css"> |
| 13 |
<link rel="stylesheet" href="/static/style.css"> |
| 14 |
</head> |
| 15 |
<body class="buy-page"> |
| 16 |
<div class="buy-card"> |
| 17 |
{% if let Some(url) = item.cover_image_url %} |
| 18 |
<img class="cover" src="{{ url }}" alt="{{ item.title }}"> |
| 19 |
{% else %} |
| 20 |
<div class="no-cover"></div> |
| 21 |
{% endif %} |
| 22 |
|
| 23 |
<h1 class="page-title">{{ item.title }}</h1> |
| 24 |
<div class="creator"> |
| 25 |
by <a href="{{ host_url }}/u/{{ creator_username }}" target="_blank" rel="noopener">{{ creator_display_name.as_deref().unwrap_or(&creator_username) }}</a> |
| 26 |
</div> |
| 27 |
|
| 28 |
{% if item.is_free %} |
| 29 |
<div class="price">Free</div> |
| 30 |
{% else %} |
| 31 |
<div class="price">{{ item.price }}</div> |
| 32 |
{% endif %} |
| 33 |
|
| 34 |
{% if !item.description.is_empty() %} |
| 35 |
<div class="description">{{ item.description }}</div> |
| 36 |
{% endif %} |
| 37 |
|
| 38 |
{% if item.is_free %} |
| 39 |
<a class="buy-btn" href="{{ host_url }}/i/{{ item.id }}" target="_blank" rel="noopener">Get Free</a> |
| 40 |
{% else %} |
| 41 |
{% if pwyw_enabled %} |
| 42 |
<div class="pwyw-input"> |
| 43 |
<span>{{ currency_symbol }}</span> |
| 44 |
<input type="number" id="pwyw_amount" value="{{ suggested_price }}" min="{{ pwyw_min_dollars }}" step="0.01"> |
| 45 |
</div> |
| 46 |
{% endif %} |
| 47 |
<button class="buy-btn" id="buy-btn" data-action="buy">Buy Now {{ item.price }}</button> |
| 48 |
{% endif %} |
| 49 |
|
| 50 |
<div class="note"> |
| 51 |
No account required. Download link sent via email. |
| 52 |
<br><a href="{{ host_url }}/i/{{ item.id }}">View full details</a> |
| 53 |
</div> |
| 54 |
|
| 55 |
<div class="footer"> |
| 56 |
<a href="{{ host_url }}">makenot.work</a> |
| 57 |
</div> |
| 58 |
</div> |
| 59 |
|
| 60 |
{% if !item.is_free %} |
| 61 |
<div id="page-buy-cfg" hidden data-host-url="{{ host_url }}" data-item-id="{{ item.id }}" data-pwyw-enabled="{% if pwyw_enabled %}true{% else %}false{% endif %}"></div> |
| 62 |
<script src="/static/page-buy.js?v=0623" defer></script> |
| 63 |
{% endif %} |
| 64 |
</body> |
| 65 |
</html> |
| 66 |
|