downloads: Refactor the page again and add an extra cloud page

[ipfire.org.git] / src / templates / downloads / release.html

{% extends "../base.html" %}

{% block title %}{{ release }}{% end block %}

{% block container %}
	<section class="hero is-primary">
		<div class="hero-body">
			<div class="container">
				<nav class="breadcrumb" aria-label="breadcrumbs">
					<ul>
						<li>
							<a href="/">Home</a>
						</li>
						<li class="is-active">
							<a href="#" aria-current="page">Downloads</a>
						</li>
					</ul>
				</nav>

				<h1 class="title">
					{{ release }}
				</h1>

				<h6 class="subtitle">
					{{ _("Released %s") % locale.format_date(release.published, relative=True, shorter=True) }}
				</h6>

				<div class="columns is-multiline">
					{% for arch in release.arches %}
						<div class="column is-half is-one-quarter-widescreen is-one-fifth-fullhd">
							<div class="block p-5">
								<h5 class="title is-5">{{ arch }}</h5>

								<ul>
									{% for file in release.get_files_by_arch(arch) %}
										<li>
											<a class="download-splash" href="{{ file.url }}">
												<span class="icon-text">
													<span class="icon">
														<i class="fas fa-download"></i>
													</span>
													<span>
														{{ _(file.desc) }}
														({{ format_size(file.size) }})
													</span>
												</span>
											</a>
										</li>
									{% end %}
								</ul>
							</div>
						</div>
					{% end %}
				</div>
			</div>
		</div>
	</section>

	<section class="has-text-white has-background-info">
		<div class="container">
			<p class="has-text-centered px-2 py-1">
				{{ _("Deploying IPFire In The Cloud?") }}

				<a class="has-text-white has-text-weight-bold" href="/downloads/cloud">
					{{ _("Read More") }}
				</a>
			</p>
		</div>
	</section>

	{% if release.blog %}
		<section class="section">
			<div class="container">
				<h3 class="title is-3">{{ _("Release Notes") }}</h3>

				<div class="content">
					{% raw release.blog.html %}
				</div>
			</div>
		</section>
	{% end %}
{% end block %}

{% block javascript %}
	<script type="text/javascript">
		$("a.download-splash").click(function(e) {
			e.preventDefault();

			window.location = "/downloads/thank-you?file=" + this.href;
		});
	</script>
{% end %}