mirror of
https://github.com/umap-project/umap.git
synced 2025-05-02 12:52:22 +02:00
147 lines
No EOL
3.6 KiB
HTML
147 lines
No EOL
3.6 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% load chickpea_tags %}
|
|
|
|
{% block extra_head %}
|
|
{% chickpea_css %}
|
|
{% chickpea_js %}
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="twelve columns">
|
|
|
|
<!-- Navigation -->
|
|
|
|
<nav class="top-bar contain-to-grid">
|
|
<ul>
|
|
<li class="name"><h1><a href="#">YouMap <em>alpha</em></a></h1></li>
|
|
<li class="toggle-topbar"><a href="#"></a></li>
|
|
</ul>
|
|
|
|
<section>
|
|
<ul class="left">
|
|
<li><a href="#">My maps</a></li>
|
|
<li><a href="#">Log in</a></li>
|
|
</ul>
|
|
|
|
<ul class="right">
|
|
<li class="search">
|
|
<form>
|
|
<input type="search">
|
|
</form>
|
|
</li>
|
|
|
|
<li class="has-button">
|
|
<a class="small button" href="#">Search</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</nav>
|
|
|
|
<!-- End Navigation -->
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="twelve columns">
|
|
<div class="row">
|
|
|
|
<!-- Content -->
|
|
|
|
<div class="eight columns">
|
|
<div class="panel radius">
|
|
|
|
<div class="row">
|
|
<div class="six mobile-two columns">
|
|
<h4>YouMap <em>alpha</em></h4><hr/>
|
|
<h5 class="subheader">YouMap let you create maps with OpenStreetMap layers in a minute and embed them in your site.<br /> This is a demo instance, you can host your own, it's <strong>open source</strong>!
|
|
</h5>
|
|
</div>
|
|
<div class="six mobile-two columns">
|
|
<h5>What you can do?</h5>
|
|
<ol>
|
|
<li>Choose the layers of your map</li>
|
|
<li>Add POIs: markers, lines, polygons...</li>
|
|
<li>Manage POIs colours and icons</li>
|
|
<li>Batch import geostructured data (GEOJson...)</li>
|
|
<li>Choose your licence</li>
|
|
<li>Embed and share your map</li>
|
|
</ol>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="four columns hide-for-small">
|
|
|
|
<h4>Action!</h4><hr/>
|
|
|
|
<a href="{% url map_add %}" class="reveal">
|
|
<div class="panel radius callout" align="center">
|
|
<strong>Test it and create a map</strong>
|
|
</div>
|
|
</a>
|
|
|
|
<a href="https://bitbucket.org/yohanboniface/youmap_project">
|
|
<div class="panel radius callout" align="center">
|
|
<strong>Fork it</strong>
|
|
</div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<!-- End Content -->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="twelve columns">
|
|
<hr />
|
|
<h2>Browse maps</h2>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="twelve columns">
|
|
<div class="row map_list">
|
|
{% include "chickpea/map_list.html" %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- Footer -->
|
|
|
|
<footer class="row">
|
|
<div class="twelve columns"><hr />
|
|
<div class="row">
|
|
|
|
<div class="six columns">
|
|
<p>© Copyright no one at all. Go to town.</p>
|
|
</div>
|
|
|
|
<div class="six columns">
|
|
<ul class="link-list right">
|
|
<li><a href="#TODO">About</a></li>
|
|
<li><a href="https://bitbucket.org/yohanboniface/youmap_project">Fork me</a></li>
|
|
<li><a href="#">Link 3</a></li>
|
|
<li><a href="#">Link 4</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- End Footer -->
|
|
<!-- Included JS Files -->
|
|
{% endblock content %}
|
|
|
|
{% block bottom_js %}
|
|
{{ block.super }}
|
|
<script>$.endlessPaginate({paginateOnScroll: true});</script>
|
|
{% endblock bottom_js %} |