]> git.ipfire.org Git - ipfire.org.git/blob - src/templates/downloads/release.html
downloads: Refactor the page again and add an extra cloud page
[ipfire.org.git] / src / templates / downloads / release.html
1 {% extends "../base.html" %}
2
3 {% block title %}{{ release }}{% end block %}
4
5 {% block container %}
6 <section class="hero is-primary">
7 <div class="hero-body">
8 <div class="container">
9 <nav class="breadcrumb" aria-label="breadcrumbs">
10 <ul>
11 <li>
12 <a href="/">Home</a>
13 </li>
14 <li class="is-active">
15 <a href="#" aria-current="page">Downloads</a>
16 </li>
17 </ul>
18 </nav>
19
20 <h1 class="title">
21 {{ release }}
22 </h1>
23
24 <h6 class="subtitle">
25 {{ _("Released %s") % locale.format_date(release.published, relative=True, shorter=True) }}
26 </h6>
27
28 <div class="columns is-multiline">
29 {% for arch in release.arches %}
30 <div class="column is-half is-one-quarter-widescreen is-one-fifth-fullhd">
31 <div class="block p-5">
32 <h5 class="title is-5">{{ arch }}</h5>
33
34 <ul>
35 {% for file in release.get_files_by_arch(arch) %}
36 <li>
37 <a class="download-splash" href="{{ file.url }}">
38 <span class="icon-text">
39 <span class="icon">
40 <i class="fas fa-download"></i>
41 </span>
42 <span>
43 {{ _(file.desc) }}
44 ({{ format_size(file.size) }})
45 </span>
46 </span>
47 </a>
48 </li>
49 {% end %}
50 </ul>
51 </div>
52 </div>
53 {% end %}
54 </div>
55 </div>
56 </div>
57 </section>
58
59 <section class="has-text-white has-background-info">
60 <div class="container">
61 <p class="has-text-centered px-2 py-1">
62 {{ _("Deploying IPFire In The Cloud?") }}
63
64 <a class="has-text-white has-text-weight-bold" href="/downloads/cloud">
65 {{ _("Read More") }}
66 </a>
67 </p>
68 </div>
69 </section>
70
71 {% if release.blog %}
72 <section class="section">
73 <div class="container">
74 <h3 class="title is-3">{{ _("Release Notes") }}</h3>
75
76 <div class="content">
77 {% raw release.blog.html %}
78 </div>
79 </div>
80 </section>
81 {% end %}
82 {% end block %}
83
84 {% block javascript %}
85 <script type="text/javascript">
86 $("a.download-splash").click(function(e) {
87 e.preventDefault();
88
89 window.location = "/downloads/thank-you?file=" + this.href;
90 });
91 </script>
92 {% end %}