<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>{{ title }} · {{ owner }}'s drop</title>

<link rel="stylesheet" href="/static/style.css?v={{ assets }}">

</head>

<body class="drop-embedded">

<header class="embed-head"><a href="{{ url }}" target="_blank" rel="noopener"><strong>{{ title }}</strong></a> <span class="small mute">a drop by {{ owner }} on <a href="{{ site_url }}" target="_blank" rel="noopener">{{ site }}</a></span></header>

{% for f in files %}

<section class="filebox drop-filebox">

  <header><strong>{{ f.path }}</strong> <span class="small mute">{{ f.size|bytes }}{% if let Some(l) = f.language %} · {{ l }}{% endif %}</span></header>

  {% if let Some(html) = f.markdown %}

  <article class="doc">{{ html|safe }}</article>

  {% else if let Some(note) = f.note %}

  <p class="empty">{{ note }} <a href="{{ url }}" target="_blank" rel="noopener">Open the drop</a>.</p>

  {% else %}

  <table class="code">

  {% for line in f.lines %}

    <tr><td class="n">{{ loop.index }}</td><td class="t"><pre>{{ line|safe }}</pre></td></tr>

  {% endfor %}

  </table>

  {% endif %}

</section>

{% endfor %}

</body>

</html>