Marown/websegura
1
0
Fork 0
mirror of https://github.com/PucelaBits/websegura.git synced 2024-05-29 10:43:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Mejor visibilidad del safeScore

Browse Source
This commit is contained in:
nukeador 2021-02-08 17:21:36 +01:00
parent 825b752144
commit f941a32c5f
4 changed files with 18 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
assets/sass/main.scss
View File

@ -134,19 +134,19 @@ p.subtitle {
}
.score-container {
max-width: 500px;
max-width: 370px;
margin: auto;
.score-bar {
position: relative;
height: 10px;
height: 12px;
width: 100%;
border-radius: 5px;
background: #f25757;
.score-progress {
position: absolute;
height: 10px;
height: 12px;
background: #34ca96;
border-radius: 5px 0 0 5px;
}
@ -159,6 +159,10 @@ p.subtitle {
}
}
p.centered {
text-align: center;
}
p.featured {
font-weight: bold;
text-align: center;

2
pages/comunidad.njk
View File

@ -25,7 +25,7 @@ permalink: "c/{{ comunidad }}/"
<div class="score-progress" data-score="{{ all | filterByTerritorioId(comunidad)| safeScore }}"></div>
</div>
<p>El <strong>{{ all | filterByTerritorioId(comunidad)| safeScore }}%</strong> de las webs son completamente seguras ({{ all | filterByTerritorioId(comunidad) | scoreGt(69) | length}}/{{ all | filterByTerritorioId(comunidad) | length}})</p>
<p><strong>{{ all | filterByTerritorioId(comunidad)| safeScore }}%</strong> de las webs completamente seguras ({{ all | filterByTerritorioId(comunidad) | scoreGt(69) | length}}/{{ all | filterByTerritorioId(comunidad) | length}})</p>
</div>
<p class="button">

18
pages/index.njk
View File

@ -14,15 +14,7 @@ permalink: /
{{ name }}
para saber si protegen la privacidad y seguridad de sus usuarios.</p>
<div class="score-container">
<div class="score-bar">
<div class="score-progress" data-score="{{ all | safeScore }}"></div>
</div>
<p>El <strong>{{ all | safeScore }}%</strong> de las webs son completamente seguras</p>
</div>
<p>🎖️ Sólo
<p class="centered">🎖️ Sólo
<a href="/ranking/">
<strong>
{{ all | scoreGt(69) | length }}
@ -37,6 +29,14 @@ permalink: /
sitios</a>
no tienen seguridad alguna.</p>
<div class="score-container">
<div class="score-bar">
<div class="score-progress" data-score="{{ all | safeScore }}"></div>
</div>
<p><strong>{{ all | safeScore }}%</strong> de las webs completamente seguras</p>
</div>
<p>
<button class="provincia">
<a href="#cta-featured">Webs nacionales</a>

2
pages/provincia.njk
View File

@ -31,7 +31,7 @@ permalink: "p/{{ provincia }}/"
<div class="score-progress" data-score="{{ all | filterByTerritorioId(provincia)| safeScore }}"></div>
</div>
<p>El <strong>{{ all | filterByTerritorioId(provincia)| safeScore }}%</strong> de las webs son completamente seguras ({{ all | filterByTerritorioId(provincia) | scoreGt(69) | length}}/{{ all | filterByTerritorioId(provincia) | length}})</p>
<p><strong>{{ all | filterByTerritorioId(provincia)| safeScore }}%</strong> de las webs completamente seguras ({{ all | filterByTerritorioId(provincia) | scoreGt(69) | length}}/{{ all | filterByTerritorioId(provincia) | length}})</p>
</div>
<p class="button">