{% extends "bootstrap/base.html" %}
{% block title %}Read TI Later{% endblock %}

{% block metas %}
{{super()}}
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<link rel="manifest" crossorigin="use-credentials" href="./manifest.json">
<link rel="apple-touch-icon" href="{{url_for('.static', filename='read-it-later.png')}}">
{% endblock %}

{% block styles %}
{{super()}}
<link rel="stylesheet" href="{{url_for('.static', filename='style.css')}}">
{% endblock %}

{% block navbar %}
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="navbar-brand">Read TI Later</div>
</nav>
{% endblock %}

{% block content %}
<div class="wrapper">
    <div class="container" style="margin-top: 15px">
        <div class="jumbotron">
            <h1>Link saved!</h1>
            <p>If you can still see this, close it you dummy.</p>
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
<script>
window.close();
</script>
{% endblock %}