-
-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
165 lines (160 loc) · 8.84 KB
/
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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Precios de la luz por hora hoy | Consultar ahora | Apaga Luz</title>
<meta name="description"
content="¿Necesitas consultar el precio de la luz por hora hoy? Tenemos toda la información para hoy y mañana aquí. ¡Entra y descubre la hora más barata!">
<meta name="author" content="Jorge Aznar">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="ahrefs-site-verification" content="bc90992c333a3be76f85033dfdbcf32be3a121e84ac5b8b8999fc4b78f11d26d">
<link rel="icon" type="image/svg+xml" href="public/images/icon.svg" />
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8990231994528437" crossorigin="anonymous"></script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Apaga-luz",
"url": "https://www.apaga-luz.com",
"description": "Apaga-luz muestra el precio de la luz por horas, actualizado en tiempo real. Incluye el precio de la luz para el día siguiente.",
"inLanguage": "es"
}
</script>
</head>
<body>
<nav class="menu">
<div class="menu-container">
<a class="menu-element menu-root" href="/">Inicio</a>
<a class="menu-element" href="/precio-luz-manana/">Precio de la luz mañana</a>
<a class="menu-element" href="/graficas/">Gráficas</a>
<a class="menu-element" href="/noticias/">noticias</a>
</div>
</nav>
<main>
<section class="container">
<ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-8990231994528437" data-ad-slot="2765328821" data-ad-format="auto" data-full-width-responsive="true"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<article class="container-blog-index">
<div class="blog-grid-element">
<h1 class="blog-grid-element-title">Precio de la luz hoy hora a hora</h1>
<p class="blog-grid-element-text">Apaga Luz es un proyecto para mostraros, de la forma más sencilla posible, el precio de la luz por horas, tanto para el día de hoy, como para mañana. Además, os mostramos una tabla con toda la tarifa de la luz de hoy por franjas horarios, separando las horas más baratas de las más caras.</p>
</div>
</article>
<article class="container-hour">
<div class="container-hour-datetime">
<span id="hours"></span><span>:</span><span id="minutes"></span>
</div>
<div class="container-hour-price">
<span id="price"></span><span id="price" class="container-euro-kwm"> €/kWh</span>
<p class="taxes">precio sin IVA</p>
<a class="btn-whatsapp" id="btn-whatsapp" href=""><i class="icon-whatsapp"></i><span
class="btn-whatsapp-text">Comparte el precio por WhatsApp</span></a>
</div>
<section id="container-max-min-avg">
<div class="container-max-min-avg-grid">
<article id="contanier-avg-price">
</article>
<article id="contanier-min-price">
</article>
<article id="contanier-max-price">
</article>
</div>
<a class="btn-whatsapp" id="btn-whatsapp-avg" href=""><i class="icon-whatsapp"></i><span class="btn-whatsapp-text">Compartir por WhatsApp</span></a>
</section>
<a href="/precio-luz-manana/" id="button-prices-next-day"></a>
<ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-8990231994528437" data-ad-slot="9391659963"></ins>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
<details class="table-next-day">
<div class="container-table-next-day-grid">
<div class="container-btns-order">
<button class="btn-order" id="order-price-next">Ordenar por precio</Button>
<button class="btn-order" id="order-hour-next">Ordenar por hora</button>
</div>
<article class="table-next-day-grid">
<div class="table-next-day-grid-left">
</div>
<div class="table-next-day-grid-right">
</div>
</article>
</div>
</details>
<article class="container-cheap">
<h2 class="section-subtitle">El precio de la luz hoy hora a hora, <span id="section-subtitle-date"></span>
</h2>
<div class="container-btns-order">
<button class="btn-order" id="order-price">Ordenar por precio</Button>
<button class="btn-order" id="order-hour">Ordenar por hora</button>
</div>
<div>
<label class="index-label">
<input type="checkbox" id="checkbox-hours" checked>Deshabilitar las horas que ya han pasado
</label>
</div>
<div>
<label class="index-label">
<input type="checkbox" id="color-blindness">Usar colores accesibles
</label>
</div>
<div>
<label class="index-label">
<input type="checkbox" id="tramos">Mostrar franjas horarias
</label>
</div>
<article class="container-wrapper">
<div class="container-table-price-left">
</div>
<div class="container-table-price-right">
</div>
</article>
<p>Con toda la fluctuación que tenemos en el mercado de la electricidad en España, es esencial y hasta necesario echar un vistazo siempre al precio de la luz por hora hoy, sobre todo, si quieres gestionar eficientemente tus recursos y, por ejemplo, poner tu lavadora en la hora de menor consumo.
Por eso, aquí siempre tendréis una plataforma dónde podréis ver el precio de la luz para cada hora del día. Este servicio te permite visualizar de manera precisa y sencilla las variaciones horarias, ayudándote a identificar los mejores momentos para consumir electricidad.</p>
</article>
<article class="sponsor-card">
<p class="sponsor-card-text">Puedes apoyar económicamente este proyecto en:</p>
<div class="sponsor-card-buttons-grid">
<a href="https://ko-fi.com/jorgeatgu" class="sponsor-card-button">ko-fi</a>
<a href="https://www.patreon.com/bePatron?u=5688554" class="sponsor-card-button">Patreon</a>
<a href="https://github.com/sponsors/jorgeatgu" class="sponsor-card-button"
aria-label="Sponsor @jorgeatgu on GitHub">GitHub Sponsor</a>
</div>
</article>
</article>
</section>
<section class="container-calendar">
<article class="container">
<h2 class="section-title">¿A qué hora es más barata la luz hoy?</h2>
<p class="post-text">
Las horas donde cuesta menos la luz suelen ser la madrugada y algunas horas del mediodía. Sin embargo, esto cambia diariamente; por ello, nuestro servicio te permite consultar las tarifas en tiempo real y ajustar el consumo según la información actualizada.
También depende si estás buscando una compañía del mercado libre de la luz, ya que estos van a ir ajustando sus ofertas para dar un precio de la luz más barato.
</p>
<p class="post-text">Puedes ponerte en contacto conmigo a través de este email: <a
href="mailto:contacto@apaga-luz.com">contacto@apaga-luz.com</a>. Los emails siempre son bien recibidos, y
suelo contestar a todos, creo que ya van más de 300 sobre la luz, aunque te adelanto que no soy un experto en
tarifas.</p>
</article>
</section>
</main>
<footer class="footer">
<div class="container-footer">
<p class="footer-texto">Hecho en Zaragoza con mucha maña por un <a class="footer-links"
href="https://jorgeatgu.com">maño</a> </a> 2021 - 2024</p></p>
<a class="footer-links-block" href="https://github.com/jorgeatgu/apaga-luz">Todo el código y datos está disponible
en GitHub.</a>
<a class="footer-links-block" href="https://github.com/jorgeatgu/apaga-luz/blob/main/LICENSE">Su uso esta sujeto a
la licencia Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International Public License.</a>
<a class="footer-links-block" href="/noticias/">Blog</a>
<a class="footer-links-block" href="/preguntas/">Preguntas</a>
<a class="footer-links-block" href="/politica-de-privacidad/">Politica de privacidad</a>
</div>
</footer>
<script type="module" src="/source/javascript/main.js"></script>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-E9V8ZPM3P0"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-E9V8ZPM3P0');
</script>
</body>
</html>