2020-08-14 12:28:56 -05:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
2021-01-09 23:56:22 -06:00
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8" />
|
|
|
|
|
<title>Bento</title>
|
2021-07-05 22:47:21 -05:00
|
|
|
<link
|
|
|
|
|
rel=" shortcut icon"
|
|
|
|
|
type="image/png"
|
|
|
|
|
href="assets/icons/favicon.png"
|
|
|
|
|
/>
|
|
|
|
|
<link rel="stylesheet" href="app.css" />
|
2021-11-24 07:01:35 -06:00
|
|
|
<script src="https://unpkg.com/lucide@latest"></script>
|
2021-01-09 23:56:22 -06:00
|
|
|
</head>
|
2020-08-14 12:28:56 -05:00
|
|
|
|
2021-07-20 20:50:46 -05:00
|
|
|
<!--
|
|
|
|
|
╔╗ ╔═╗╔╗╔╔╦╗╔═╗
|
|
|
|
|
╠╩╗║╣ ║║║ ║ ║ ║
|
|
|
|
|
╚═╝╚═╝╝╚╝ ╩ ╚═╝
|
|
|
|
|
-->
|
|
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<body class="">
|
|
|
|
|
<button id="themeButton">
|
2021-11-24 07:21:18 -06:00
|
|
|
<i id="themeIcon" icon-name="moon"></i>
|
2021-01-09 23:56:22 -06:00
|
|
|
</button>
|
|
|
|
|
<div class="container">
|
|
|
|
|
<!-- Clock and Greetings -->
|
2020-08-14 12:28:56 -05:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<div class="timeBlock">
|
|
|
|
|
<div class="clock">
|
2022-02-03 11:04:50 -06:00
|
|
|
<div id="hour"></div>
|
|
|
|
|
<div id="separator"></div>
|
|
|
|
|
<div id="minutes"></div>
|
2020-08-14 12:28:56 -05:00
|
|
|
</div>
|
2022-02-03 11:04:50 -06:00
|
|
|
<div id="greetings"></div>
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
2020-10-25 20:28:32 -06:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<!-- Date and Weather -->
|
|
|
|
|
|
|
|
|
|
<div class="weatherBlock">
|
2021-07-25 11:16:39 -05:00
|
|
|
<div class="date">
|
2022-02-03 11:04:50 -06:00
|
|
|
<div id="month"></div>
|
|
|
|
|
<div id="day"></div>
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
2021-07-25 11:16:39 -05:00
|
|
|
<div class="weather">
|
|
|
|
|
<div class="weatherIcon">
|
2021-07-05 22:47:21 -05:00
|
|
|
<img src="assets/icons/OneDark/unknown.png" />
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
2021-07-25 11:16:39 -05:00
|
|
|
<div class="weatherValue">
|
2022-02-03 11:04:50 -06:00
|
|
|
<p>- °<span class="g">c</span></p>
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
2021-07-25 11:16:39 -05:00
|
|
|
<div class="weatherDescription">
|
2022-02-03 11:04:50 -06:00
|
|
|
<p></p>
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2021-07-20 20:50:46 -05:00
|
|
|
<!--
|
|
|
|
|
┌┐ ┬ ┬┌┬┐┌┬┐┌─┐┌┐┌┌─┐
|
|
|
|
|
├┴┐│ │ │ │ │ ││││└─┐
|
|
|
|
|
└─┘└─┘ ┴ ┴ └─┘┘└┘└─┘
|
|
|
|
|
-->
|
2021-01-09 23:56:22 -06:00
|
|
|
|
2022-02-03 11:04:50 -06:00
|
|
|
<div class="buttonsBlock" id="buttonsContainer"></div>
|
2021-01-09 23:56:22 -06:00
|
|
|
|
2021-07-20 20:50:46 -05:00
|
|
|
<!--
|
|
|
|
|
┬ ┬┌─┐┌┬┐┌─┐
|
|
|
|
|
│ │└─┐ │ └─┐
|
|
|
|
|
┴─┘┴└─┘ ┴ └─┘
|
|
|
|
|
-->
|
2021-01-09 23:56:22 -06:00
|
|
|
|
2021-07-20 20:50:46 -05:00
|
|
|
<div class="card list list__1" id="list_1"></div>
|
2021-01-09 23:56:22 -06:00
|
|
|
|
2021-07-20 20:50:46 -05:00
|
|
|
<div class="card list list__2" id="list_2"></div>
|
2021-01-09 23:56:22 -06:00
|
|
|
</div>
|
|
|
|
|
|
2021-07-05 22:47:21 -05:00
|
|
|
<!-- Config -->
|
|
|
|
|
<script src="config.js"></script>
|
2021-01-09 23:56:22 -06:00
|
|
|
|
2021-07-05 22:47:21 -05:00
|
|
|
<!-- Scripts -->
|
|
|
|
|
<script src="assets/js/time.js"></script>
|
|
|
|
|
<script src="assets/js/theme.js"></script>
|
|
|
|
|
<script src="assets/js/greeting.js"></script>
|
|
|
|
|
<script src="assets/js/weather.js"></script>
|
2021-07-20 20:50:46 -05:00
|
|
|
|
|
|
|
|
<script src="assets/js/cards.js"></script>
|
|
|
|
|
<script src="assets/js/lists.js"></script>
|
2022-02-03 11:04:50 -06:00
|
|
|
|
|
|
|
|
<!-- Icons -->
|
2021-01-09 23:56:22 -06:00
|
|
|
<script>
|
2021-11-24 07:01:35 -06:00
|
|
|
lucide.createIcons();
|
2021-01-09 23:56:22 -06:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
2022-02-03 11:04:50 -06:00
|
|
|
<!-- Developed and designed by Miguel Ávila: -->
|
|
|
|
|
<!-- https://avila.sh-->
|
2020-08-14 12:28:56 -05:00
|
|
|
</html>
|
