Files
ojuso-map/apps/map/templates/map/form-selector.html

101 lines
2.2 KiB
HTML

{% extends "base.html" %}
{% load bootstrap3 %}
{% load compress %}
{% load i18n %}
{% load humanize %}
{% block stylesheets %}
{{ block.super }}
<style>
.form-selector {
max-width: 50em;
margin: auto;
margin-top: 2em;
}
.subhead {
font-size: 120%;
margin-bottom: 2em;
}
.entry {
display: flex;
align-items: center;
margin-bottom: 1em;
color: black;
background-color: #eee;
border-radius: 10px;
}
.entry:hover {
text-decoration: none;
background-color: #ddd;
}
.entry-title {
font-size: 120%;
font-weight: 900;
margin-top: 1.4rem;
}
.entry-desc {
margin-bottom: 1em;
}
.entry-icon {
font-size: 2em;
width: 2em;
display: block;
text-align: center;
}
</style>
{% endblock %}
{% block content %}
<div class="container">
<div class="col-sm-12">
<div class="form-selector">
<h1>{% trans "Create a new entry" %}</h1>
<p class="subhead">{% trans "What kind of entry do you want to create?" %}</p>
<a class="entry" href="{% url 'long-form' %}">
<i class="entry-icon ojuso-green fa fa-file-text-o"></i>
<div>
<h3 class="entry-title">{% trans "Case study" %}</h3>
<p class="entry-desc">
{% trans "A collection of data about a particular land-based project" %}
</p>
</div>
</a>
<a class="entry" href="{% url 'short-form' %}">
<i class="entry-icon ojuso-red fa fa-bolt"></i>
<div>
<h3 class="entry-title">{% trans "Case study (short)" %}</h3>
<p class="entry-desc">
{% trans "For when you have less information or less time" %}
</p>
</div>
</a>
<!--
<a class="entry" href="/">
<i class="entry-icon ojuso-blue fa fa-thumb-tack"></i>
<div>
<h3 class="entry-title">{% trans "Point of interest" %}</h3>
<p class="entry-desc">
{% trans "Marking somewhere as being of interest to the renewable energy transition" %}
</p>
</div>
</a>
-->
</div>
</div>
</div>
{% endblock %}