Author: Pedro Lucas Porcellis <porcellis@eletrotupi.com>
all: fleshing out basic (stupid) app
index.html | 39 +++++++++++++++++++++++++++++++++++----
diff --git a/index.html b/index.html index ac789e3ae5fa414ba949bb103fe523221f964df9..40643432b9e75cbc2ba8ae17b39d4c549d72eb09 100644 --- a/index.html +++ b/index.html @@ -3,17 +3,48 @@ <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>Buenas</title> + <title>Planejador Diário</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header> - <h1>Buenas!</h1> + <h1>Planejador Diário</h1> + <nav> + <button id="menuToggle" aria-label="Abrir menu">☰</button> + <ul id="menu" class="hidden"> + <li><a href="#add-task">Adicionar Tarefa</a></li> + <li><a href="#tasks">Minhas Tarefas</a></li> + <li><a href="#weather">Previsão do Tempo</a></li> + </ul> + </nav> </header> + <main> - <button id="changeText">Clique aqui!</button> - <p id="message">Bem-vindo à página!</p> + <section id="add-task"> + <h2>Adicionar Tarefa</h2> + <form id="task-form"> + <label for="task-input">Tarefa:</label> + <input type="text" id="task-input" placeholder="Digite sua tarefa" required> + <button type="submit">Adicionar</button> + </form> + </section> + + <section id="tasks"> + <h2>Minhas Tarefas</h2> + <ul id="task-list"></ul> + </section> + + <section id="weather"> + <h2>Previsão do Tempo</h2> + <p id="location">Buscando localização...</p> + <p id="forecast">Carregando previsão...</p> + </section> </main> + + <footer> + <p>2025</p> + </footer> + <script src="js/script.js"></script> </body> </html>