krll/templates/index.html

30 lines
751 B
HTML
Raw Permalink Normal View History

{% extends "layout.html" %}
{% block title %}Krll URL Shortener{% endblock %}
{% block head %}
{{ super() }}
<link rel="stylesheet" href="{{ url_for('static', path='/index/style.css') }}">
{% endblock %}
{% block content %}
<main>
<div class="input-container">
<input id="url" placeholder="Loooooooooooong URL" />
<button id="to-shorten-btn">Shorten</button>
</div>
<div class="result-container" id="result-container">
<p id="error">Your URL is invalid!</p>
<p id="short-url"></p>
<p id="copied">Copied!</p>
<img id="qr-code" />
</div>
</main>
<script>
const host = "{{ host }}";
</script>
<script src="{{ url_for('static', path='/index/script.js') }}"></script>
{% endblock %}