blog: Make download button smaller

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

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

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

{% block container %}
	<section>
		<div class="container">
			<h1 class="mb-0">{{ release }}</h1>
			<h6 class="text-muted mb-5">
				{{ _("Released %s") % locale.format_date(release.published, relative=True, shorter=True) }}

				{% if release.blog %}
					&bull;
					<a href="https://blog.ipfire.org/post/{{ release.blog.slug }}">{{ _("Release Notes") }}</a>
				{% end %}
			</h6>

			<div class="card-deck">
				{% for arch in release.arches %}
					<div class="card">
						<div class="card-header text-center">
							<h6 class="my-0">{{ arch }}</h6>
						</div>

						<ul class="list-group list-group-flush">
							{% for file in release.get_files_by_arch(arch) %}
								<li class="list-group-item d-flex flex-column align-items-start">
									<div class="d-flex w-100 justify-content-between">
										<a href="{{ file.url }}">{{ _(file.desc) }}</a>

										{% if file.size >= 1024 * 1024 %}
											<span class="text-muted">{{ format_size(file.size) }}</span>
										{% end %}
									</div>
								</li>
							{% end %}
						</ul>
					</div>
				{% end %}
			</div>

			<ul class="nav justify-content-center my-3">
				<li class="nav-item">
					<a class="nav-link" data-toggle="collapse" href="#checksums">
						{{ _("Checksums") }}
					</a>
				</li>
			</ul>

			<div class="collapse" id="checksums">
				<div class="card card-body">
					<pre class="mb-0">{% for f in release.files %}{{ "%-50s SHA1: %s\n" % (f.basename, f.sha1) }}{% end %}</pre>
				</div>
			</div>
		</div>
	</section>

	<section class="inverse">
		<div class="container">
			<div class="row flex-md-row-reverse">
				<div class="col-12 col-md-4 text-center text-md-right">
					<span class="fas fa-cloud fa-10x my-5"></span>
				</div>

				<div class="col-12 col-md-8">
					<h1>{{ _("Running IPFire in the Cloud?") }}</h1>

					<p>
						{{ _("IPFire is now available in the Amazon Cloud.") }}
						{{ _("Create flexible firewall rules and use our Intrusion Detection System to protect your servers in the Cloud.") }}
						{{ _("Connect to them securely using our VPN technologies.") }}
					</p>

					<a class="btn btn-lwl" href="https://aws.amazon.com/marketplace/pp/B07HYRD4FX">
						{{ _("Go to Amazon Web Services") }} <span class="fas fa-external-link-alt ml-2"></span>
					</a>
				</div>
			</div>
		</div>
	</section>
{% end block %}