74 lines
3.6 KiB
HTML
74 lines
3.6 KiB
HTML
{% extends "layout.html" %} {% block content %}
|
|
<main class="container">
|
|
<h3 class="pb-2 mt-4 mb-2 border-bottom primary-colour">What type of graph would you like to make?</h3>
|
|
<div class="row">
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Bar chart') }}"
|
|
title="Go to the Bar chart creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/barchart.png') }}" alt="Bar chart image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Bar Chart</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Scatter chart') }}"
|
|
title="Go to the Scatter chart creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/scatterchart.png') }}" alt="Scatter chart image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Scatter Chart</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Pie chart') }}"
|
|
title="Go to the Pie chart creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/piechart.png') }}" alt="Pie chart image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Pie Chart</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Histogram') }}"
|
|
title="Go to the Histogram creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/histogram.png') }}" alt="Histogram image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Histogram</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Map') }}"
|
|
title="Go to the Map graph creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/map.png') }}" alt="Map chart image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Map Chart</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
<section class="col-sm-4 my-3">
|
|
<a class="text-decoration-none" href="{{ url_for('graphs.graph', survey_id=survey_id, chart_type='Box and whisker') }}"
|
|
title="Go to the box and whisker plot creation page.">
|
|
<div class="card shadow-sm">
|
|
<img class="card-img-top" src="{{ url_for('static', filename='images/siteimages/boxchart.png') }}" alt="Box and whisker image">
|
|
<div class="card-body rounded-bottom primary-colour-bg text-light">
|
|
<h5 class="card-title text-light">Box and Whisker Plot</h5>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
{% endblock content %}
|