- </div>
-{% end block %}
-
-{% block body %}
- <br>
-
- <p class="ac muted">
- <strong>{{ _("New!") }}</strong>
- {% if lang == "de" %}
- IPFire <a href="http://wishlist.ipfire.org/">Wunschliste</a> - Die Crowdfunding-Plattform des IPFire-Projekts.
- {% else %}
- IPFire <a href="http://wishlist.ipfire.org">wishlist</a> - the crowd funding platform for the IPFire project.
- {% end %}
- </p>
-
- <hr>
-
- <div class="row">
- <div class="span6">
- {% if lang == "de" %}
- <p>
- <strong>IPFire</strong> ist eine gehärtete Linux-Appliance-Distribution
- mit primärem Einsatzzweck als Firewall.
- </p>
- <p>
- Mit IPFire kommt eine unternehmensfähige Absicherung des Netzwerks
- für Jedermann - vom Heimnetzwerk bis zum großen Unternehmen,
- Schulnetzwerken und Behörden.
- </p>
- <p>
- Besonderer Fokus liegt auf Sicherheit, Stabilität und einfache Benutzbarkeit.
- Das Nachinstallieren von zusätzlichen Funktionen geht mit nur einem Klick.
- </p>
- {% else %}
- <p>
- <strong>IPFire</strong> is a hardened Linux appliance distribution
- designed for use as a firewall.
- </p>
- <p>
- It offers corporate-level network protection for anyone who needs it,
- from home users all the way up to large corporations, school networks
- and authorities.
- </p>
- <p>
- IPFire focusses on security, stability and ease of use.
- A variety of add-ons can be installed with a single click, to
- add more features to the base system.
- </p>
- {% end %}
-
- <br>
-
- <div class="well">
- <h4>{{ _("What's new?") }}</h4>
-
- <ul class="unstyled">
- {% for item in latest_news %}
- <li>
- [{{ locale.format_date(item.date, relative=True, shorter=True) }}] ‐
- <a href="/news/{{ item.slug }}">{{ item.title }}</a>
- </li>
- {% end %}
- </ul>
+ </section>
+
+ <section id="wishlist" class="content-section">
+ <div class="container">
+ <h2 class="display-2 text-center text-white">IP<strong>Fire</strong>’s Wishlist</h2>
+
+ {% if hottest_wish %}
+ <div class="d-flex flex-row justify-content-between align-items-baseline">
+ <h5 class="text-white">{{ hottest_wish.title }}</h5>
+
+ {% if hottest_wish.is_new() %}
+ <span class="label label-success pull-right">{{ _("NEW") }}</span>
+ {% elif hottest_wish.remaining_days and hottest_wish.remaining_days <= 10 %}
+ <span>
+ {{ _("one day left", "%(num)s days left", hottest_wish.remaining_days) % { "num" : hottest_wish.remaining_days } }}
+ </span>
+ {% else %}
+ <span class="h5 amber-800 hidden-xs-down">
+ {{ _("%d%% funded") % hottest_wish.percentage }}
+ </span>
+ {% end %}
+ </div>
+
+ <div class="progress progress-small mb-5">
+ <div class="progress-bar bg-progress" role="progressbar" aria-valuenow="{{ hottest_wish.percentage_bar }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ hottest_wish.percentage_bar }}%; height: .5rem;">
+ <span class="sr-only">{{ _("%.2f%% complete") % hottest_wish.percentage_bar }}</span>
+ </div>
+ </div>
+
+ <p class="text-white small"><a style="color: white; text-decoration: underline;" href="http://wishlist.ipfire.org/wish/{{ hottest_wish.slug }}">Read more</a> about that wish.</p>
+
+ {% end %}
+
+ </div>
+ </section>
+
+ <section id="fireinfo" class="content-section">
+ <div class="container">
+ <h2 class="display-2 text-center">Fire<strong>Info</strong> Statistics</h2>
+
+ <div class="row mb-6 mb-md-5 pb-lg-5 mb-lg-6">
+ <div class="col-6 col-md-3 mb-6 text-center">
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Latest Release</p>
+ <h5 class="pb-5 fireinfo">2.19 Core 109</h5>
+ <div class="r_circle circle mt-5">
+ <p class="fireinfo_per">48%</p>
+ </div>
+ <script>
+ $('.r_circle').circleProgress({ value: 0.48, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#1976d2"] } });
+ </script>
+ </div>
+
+ <div class="col-6 col-md-3 mb-6 text-center">
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite Kernel</p>
+ <h5 class="pb-5 fireinfo truncate">3.14.79-ipfire-pae</h5>
+ <div class="f_circle circle mt-5">
+ <p class="fireinfo_per">36%</p>
+ </div>
+ <script>
+ $('.f_circle').circleProgress({ value: 0.36, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#00bcd4"] } });
+ </script>
+ </div>
+
+ <div class="col-6 col-md-3 text-center">
+ <p class="mb-0 mb-sm-3 fireinfo_cat">Favorite CPU</p>
+ <h5 class="pb-5 fireinfo">Intel</h5>
+ <div class="c_circle circle mt-5">
+ <p class="fireinfo_per">71%</p>
+ </div>
+ <script>
+ $('.c_circle').circleProgress({ value: 0.71, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#43a047"] } });
+ </script>
+ </div>
+
+ <div class="col-6 col-md-3 text-center">
+ <p class="mb-0 mb-sm-3 fireinfo_cat truncate">Favorite Virtualisation</p>
+ <h5 class="pb-5 fireinfo">VMWare</h5>
+ <div class="v_circle circle mt-5">
+ <p class="fireinfo_per">46%</p>
+ </div>
+ <script>
+ $('.v_circle').circleProgress({ value: 0.46, size: 128, thickness: 4, animation: false, startAngle: -Math.PI / 2, fill: { color: ["#ff8f00"] } });
+ </script>
+ </div>
+ </div>
+
+ <div class="row justify-content-center">
+ <a class="btn btn-lg btn-primary" href="/stats">More Stats</a>