You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

100 lines
3.3 KiB
HTML

{% load bootstrap4 %}
{% load static %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
<html>
<head>
<title>Litl.</title>
<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<nav class="navbar navbar-dark bg-dark">
<a class="navbar-brand mb-0 h1" href="/"><h1>Litl.</h1></a>
<a class="navbar-right text-white" href="https://gitea.auro.re/Aurore/litl"><i class="fa fa-code-fork" aria-hidden="true"></i>
Code</a>
</nav>
<div class="container container-fluid">
<div class="row">
<div class="col-sm-1">
</div>
<div class="col-sm-10">
{% if messages %}
<div class="mt-5 mb-5">
{% for message in messages %}
{% if message.tags == "error" %}
<div class="alert alert-danger">{{ message }}</div>
{% else %}
<div class="alert alert-info">{{ message }}</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
<div class="pt-5">
{% block content %}
{% endblock %}
</div>
</div>
<div class="col-sm-1">
</div>
</div>
</div>
<div class="footer">
<div class="container-fluid">
<div class="row">
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-pencil"></i> Custom Slugs
</div>
<div class="card-body">
You can choose your custom slug for easily remembering the destination or let
Litl. assign a random one.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-list-ol"></i> Bulk URLs
</div>
<div class="card-body">
You can bulk multiple destinations under the same shorten URL. Just
for the 0.01% that needed that feature.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-plug"></i> API
</div>
<div class="card-body">
The API lets you generate short URL with custom slugs from any programm.
</div>
</div>
</div>
<div class="col">
<div class="card">
<div class="card-header text-success">
<i class="fa fa-heart"></i> Basic Package
</div>
<div class="card-body">
Free, open source, no account needed, no limit on the number of urls. Basic.
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</script>
</html>