websegura/pages/ranking.njk
2021-02-08 20:56:54 +01:00

45 lines
1.4 KiB
Plaintext

---
layout: base
permalink: "/ranking/"
title: "Ranking: Las mejores y las peores webs"
---
{% from "tabla.njk" import tabla %}
<p id="breadcumbs">
<a href="/">España</a>
-
{{ title }}</p>
<h1>🏆 {{ title }}</h1>
<ul>
<li><a href="#hall-of-fame">🎖️ Hall de la fama</a></li>
<li><a href="#hall-of-shame">☠️ Hall de la vergüenza</a></li>
<li><a href="#ranking-provincial">📊 Ranking provincial</a></li>
</ul>
<section>
<div class="table-wrapper" id="resultados">
<h2 id="hall-of-fame">🎖️ Hall de la fama</h2>
<p>Estos sitios son seguros y tienen una nota A o B.</p>
{{ tabla(all | scoreGt(69), path=page.url) }}
<h2 id="hall-of-shame">☠️ Hall de la vergüenza</h2>
<p>Estos sitios son completamente inseguros, ¡no implementan ninguna medida de seguridad!</p>
{{ tabla(all | testsPassedLt(5), path=page.url) }}
</div>
<h2>📊 Ranking provincial</h2>
<div class="table-wrapper" id="ranking-provincial">
{% for code, p in provincias %}
<div class="score-container" title="{{ all | filterByTerritorioId(code)| safeScore }}% de las webs completamente seguras">
<a href="/p/{{ code }}/">{{ p.name }}</a>
<div class="score-bar">
<div class="score-progress" data-score="{{ all | filterByTerritorioId(code)| safeScore }}"></div>
</div>
</div>
{% endfor %}
</div>
</section>