ti-pwa/templates/about.j2

{% extends "bootstrap/base.html" %}
{% block title %}$REPO_NAME{% 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='app-icon.png')}}">
{% endblock %}

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

{% block navbar %}
    {% include "fragments/navbar.j2" %}
{% endblock %}

{% block content %}
<div class="wrapper">
    <!-- Sidebar -->
    <div id="sidebar">
        {% include "fragments/sidebar.j2" %}
    </div>

    <!-- Page Content -->
    <div id="content">
        <div>
            Made with <svg
            width="24"
            height="24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
            <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#heart"/></svg> and <svg
            width="24"
            height="24"
            fill="none"
            stroke="currentColor"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
            style="height: 1rem; vertical-align: middle; margin-bottom: 4px;">
            <use xlink:href="{{url_for('.static', filename='feather-sprite.svg')}}#coffee"/></svg> in Outer Austin!
        </div>
    </div>
</div>
{% endblock %}

{% block scripts %}
{{ super() }}
<script>
// Enable bootstrap tooltips
$(function () {
  $('[data-toggle="tooltip"]').tooltip()
});
</script>
{% endblock %}