index.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dias sem demissões</title>
<link rel="stylesheet" href="css/pico.classless.min.css">
<style>
h5 {
margin-bottom: 0;
}
.mainDiv {
display: grid;
place-items: center;
margin-bottom: 2em;
text-align: center;
}
.counter {
font-weight: bold;
font-family: monospace;
font-size: 8em;
background-color: black;
color: hsl(205deg, 16%, 77%);
}
</style>
</head>
<body>
<main>
<div class="mainDiv">
<p>
Estamos há<br>
<span id="counterTens" class="counter"></span>
<span id="counterUnit" class="counter"></span><br>
<span id="daysStr"></span> sem demissões no governo
</p>
</div>
<br>
<p>
O governo tomou posse há <span id="daysOfGov"></span> dias.<br>
Já sairam <span id="peopleExited"></span> elementos.<br>
</p>
<br>
<div>
<h5>Últimas demissões:</h5>
<table id="peopleTable">
<tr>
<th>Membro(a)</th>
<th>Cargo</th>
<th>Demissão</th>
</tr>
<tr>
<td>Frederico Pinheiro</td>
<td>Adjunto do Ministro das Infraestruturas</td>
<td>26 de abril de 2023</rd>
</tr>
<tr>
<tr>
<td>Pedro Magalhães Ribeiro</td>
<td>Assessor do Gabinete do Primeiro-Ministro</td>
<td>12 de janeiro de 2023</rd>
</tr>
<tr>
<td>Carla Alves</td>
<td>Secretária de Estado da Agricultura</td>
<td>5 de janeiro de 2023</rd>
</tr>
<tr>
<td>Pedro Nuno Santos</td>
<td>Ministro das Infraestruturas</td>
<td>28 de dezembro de 2022</td>
</tr>
<tr>
<td>Hugo Mendes</td>
<td>Secretário de Estado das Infraestruturas</td>
<td>28 de dezembro de 2022</td>
</tr>
<tr>
<td>Alexandra Reis</td>
<td>Secretária de Estado do Tesouro</td>
<td>27 de dezembro de 2022</td>
</tr>
<tr>
<td>Rita Marques</td>
<td>Secretária de Estado do Turismo, Comércio e Indústria</td>
<td>29 de novembro de 2022</td>
</tr>
<tr>
<td>João Neves</td>
<td>Secretário de Estado da Economia</td>
<td>29 de novembro de 2022</td>
</tr>
<tr>
<td>Miguel Alves</td>
<td>Secretário de Estado Adjunto do Primeiro-Ministro</td>
<td>16 de setembro de 2022</td>
</tr>
<tr>
<td>Fátima Fonseca</td>
<td>Secretária de Estado Adjunta e da Saúde</td>
<td>30 de agosto de 2022</td>
</tr>
<tr>
<td>António Lacerda Sales</td>
<td>Secretário de Estado Adjunta e da Saúde</td>
<td>30 de agosto de 2022</td>
</tr>
<tr>
<td>Marta Temido</td>
<td>Ministra da Saúde</td>
<td>30 de agosto de 2022</td>
</tr>
<tr>
<td>Sérgio Figueiredo</td>
<td>Consultor do Ministro das Finanças</td>
<td>16 de maio de 2022</td>
</tr>
<tr>
<td>Sara Abrantes Guerreiro</td>
<td>Secretária de Estado da Igualdade e das Migrações</td>
<td>2 de maio de 2022</td>
</tr>
</table>
</div>
</main>
<script>
const lastResignation = new Date("2023-04-26");
const govStart = new Date("2022-03-30");
const currentTime = new Date();
const daysOfGov = document.getElementById('daysOfGov');
const daysStr = document.getElementById('daysStr');
const counterUnit = document.getElementById('counterUnit');
const counterTens = document.getElementById('counterTens');
const peopleExited = document.getElementById('peopleExited');
const daysElapsed = Math.round(Math.floor((currentTime - lastResignation)/8.64e7));
const govTime = Math.round(Math.floor((currentTime - govStart)/8.64e7));
const totalPeople = document.getElementById("peopleTable").rows.length - 1;
if (daysElapsed === 1){
console.log('here');
daysStr.innerText = "dia";
} else {
daysStr.innerText = "dias";
}
const daysElapsedUnit = daysElapsed % 10;
const daysElapsedTens = Math.floor(daysElapsed / 10);
daysOfGov.innerText = govTime.toString();
counterUnit.innerText = daysElapsedUnit.toString();
counterTens.innerText = daysElapsedTens.toString();
peopleExited.innerText = totalPeople.toString();
</script>
</body>
<footer>
<hr>
© 2022-2023 <a href="https://gil.lol">Gil</a>. Todos os direitos reservados. <br>
O gestor deste sítio web não procede à recolha de dados pessoais.
</footer>
</html>
|