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>
|
|
|
|
|
<link rel=" shortcut icon" type="image/png" href="icons/favicon.png" />
|
2020-12-29 12:01:14 -06:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<link rel="stylesheet" href="css/style.css" />
|
2020-12-29 12:01:14 -06:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<script src="https://unpkg.com/feather-icons"></script>
|
|
|
|
|
</head>
|
2020-08-14 12:28:56 -05:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<body class="">
|
|
|
|
|
<button id="themeButton">
|
|
|
|
|
<i id="themeButton__icon" data-feather="moon"></i>
|
|
|
|
|
</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">
|
|
|
|
|
<div id="hour" class=""></div>
|
|
|
|
|
<div id="separator" class=""></div>
|
|
|
|
|
<div id="minutes" class=""></div>
|
2020-08-14 12:28:56 -05:00
|
|
|
</div>
|
2021-01-09 23:56:22 -06:00
|
|
|
<div id="greetings" class=""></div>
|
|
|
|
|
</div>
|
2020-10-25 20:28:32 -06:00
|
|
|
|
2021-01-09 23:56:22 -06:00
|
|
|
<!-- Date and Weather -->
|
|
|
|
|
|
|
|
|
|
<div class="weatherBlock">
|
|
|
|
|
<div class="weatherBlock__date">
|
|
|
|
|
<div id="month" class=""></div>
|
|
|
|
|
<div id="day" class=""></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="weatherBlock__weather">
|
|
|
|
|
<div class="weather-icon">
|
|
|
|
|
<img src="icons/OneDark/unknown.png" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="temperature-value">
|
|
|
|
|
<p class="">- °<span class="g">c</span></p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="temperature-description">
|
|
|
|
|
<p class=""></p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Buttons Links -->
|
|
|
|
|
|
|
|
|
|
<div class="buttonLink">
|
|
|
|
|
<a
|
|
|
|
|
href="https://github.com/"
|
|
|
|
|
target="blank"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-1"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="github"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://outlook.live.com/mail/inbox"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-2"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="mail"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://calendar.google.com/calendar/r"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-3"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="calendar"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://flipboard.com/"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-4"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="bookmark"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
href="https://columns.app"
|
|
|
|
|
target="blank"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-5"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="trello"></i>
|
|
|
|
|
</a>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://www.youtube.com/"
|
|
|
|
|
class="buttonLink__link card buttonLink__link-6"
|
|
|
|
|
>
|
|
|
|
|
<i class="buttonLink__icon" data-feather="youtube"></i>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Lists -->
|
|
|
|
|
|
|
|
|
|
<div class="card list list__1">
|
|
|
|
|
<i class="list__head" data-feather="music"></i>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
|
|
|
|
class="list__link"
|
|
|
|
|
>Inspirational</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
|
|
|
|
class="list__link"
|
|
|
|
|
>Classic</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
|
|
|
|
class="list__link"
|
|
|
|
|
>Oldies</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
target="blank"
|
|
|
|
|
href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
|
|
|
|
|
class="list__link"
|
|
|
|
|
>Rock</a
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="card list list__2">
|
|
|
|
|
<i class="list__head" data-feather="coffee"></i>
|
|
|
|
|
<a href="https://www.linkedin.com" target="blank" class="list__link"
|
|
|
|
|
>LinkedIn</a
|
|
|
|
|
>
|
|
|
|
|
<a href="https://dribbble.com/" target="blank" class="list__link"
|
|
|
|
|
>Dribble</a
|
|
|
|
|
>
|
|
|
|
|
<a href="https://www.udemy.com/" target="blank" class="list__link"
|
|
|
|
|
>Udemy</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
href="https://www.figma.com/files/recent"
|
|
|
|
|
target="blank"
|
|
|
|
|
class="list__link"
|
|
|
|
|
>Figma</a
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Scrips -->
|
|
|
|
|
|
|
|
|
|
<script src="js/time.js"></script>
|
|
|
|
|
<script src="js/theme.js"></script>
|
|
|
|
|
<script src="js/greeting.js"></script>
|
|
|
|
|
<script src="js/weather.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
feather.replace();
|
|
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
<!-- Coded and designed by Miguel R. Ávila: https://github.com/MiguelRAvila -->
|
2020-08-14 12:28:56 -05:00
|
|
|
</html>
|
