summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorEkaitz Zarraga <ekaitz@elenq.tech>2023-01-29 22:27:23 +0100
committerEkaitz <ekaitz@elenq.tech>2023-01-30 11:42:41 +0100
commit9cd41b9d510030b3618c42183a0250acccc32a12 (patch)
treed081e7fc4cb04c458453f72de0142e519e729fcb /index.html
parent01a48de05d2c02f24c81dfbe607bd18145f59983 (diff)
Add JavaScript backend and adjust style accordignly
Diffstat (limited to 'index.html')
-rw-r--r--index.html39
1 files changed, 13 insertions, 26 deletions
diff --git a/index.html b/index.html
index 19a3a7e..eb69ebc 100644
--- a/index.html
+++ b/index.html
@@ -24,44 +24,31 @@
<meta name="description" content="Una pequeña aplicación meteorológica">
<!-- Iconos -->
- <link rel="icon" href="/favicon.ico">
- <link rel="icon" href="/favicon.svg" type="image/svg+xml">
<!-- Hoja de estilos -->
<link rel="stylesheet" href="css/style.css">
+ <script src="js/index.js" defer></script>
</head>
<body>
<article class="forecast">
- <h1>Weather forecast for Seattle</h1>
+ <h1>Weather forecast for Bilbao</h1>
+ <!-- Esta es la plantilla aproximada que se va a generar con
+ Javascript
<article class="day-forecast">
<div class="day-forecast-text">
- <h2>03 March 2018</h2>
- <p>Heavy rain.</p>
- </div>
- <div class="day-forecast-image">
- <img src="img/lluvia.png"/>
- </div>
- </article>
- <article class="day-forecast">
- <div class="day-forecast-text">
- <h2>04 March 2018</h2>
- <p>Heavy rain.</p>
- </div>
- <div class="day-forecast-image">
- <img src="img/lluvia.png"/>
- </div>
- </article>
- <article class="day-forecast">
- <div class="day-forecast-text">
- <h2>05 March 2018</h2>
- <p>Heavy rain.</p>
- </div>
- <div class="day-forecast-image">
- <img src="img/lluvia.png"/>
+ <h2><time datetime="2023-01-28">28 de Enero de 2023</h2>
+ <p>Soleado</p>
+ <ul>
+ <li>Max: 19C</li>
+ <li>Min: 1C</li>
+ </ul>
</div>
+
+ <span class="day-forecast-image" title="Sunny">&#x2600;</span>
</article>
+ -->
</article>
<footer>