✨ New org for 2.0.0
Miguel
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 2.7 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 2.5 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 1.9 KiB After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.4 KiB After Width: | Height: | Size: 2.4 KiB |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 2.6 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 2.2 KiB After Width: | Height: | Size: 2.2 KiB |
|
Before Width: | Height: | Size: 27 KiB After Width: | Height: | Size: 27 KiB |
7
assets/js/cards.js
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
const drawCards = () => {
|
||||||
|
for (const card of CONFIG.cards) {
|
||||||
|
let currentCard = document.createElement('a');
|
||||||
|
let currentCardText = document.createElement('p');
|
||||||
|
currentCardText.appendChild(document.createTextNode(card.name));
|
||||||
|
}
|
||||||
|
};
|
||||||
@ -3,15 +3,13 @@ const today = new Date();
|
|||||||
const hour = today.getHours();
|
const hour = today.getHours();
|
||||||
|
|
||||||
// Here you can change your name
|
// Here you can change your name
|
||||||
const name = ' John Doe';
|
const name = CONFIG.name;
|
||||||
|
|
||||||
// Here you can change your greetings
|
// Here you can change your greetings
|
||||||
const gree1 = 'Go to Sleep! ';
|
const gree1 = `${CONFIG.greetingNight}\xa0`;
|
||||||
const gree2 = 'Good morning! ';
|
const gree2 = `${CONFIG.greetingMorning}\xa0`;
|
||||||
const gree3 = 'Good afternoon ';
|
const gree3 = `${CONFIG.greetingAfternoon}\xa0`;
|
||||||
const gree4 = 'Good evening, ';
|
const gree4 = `${CONFIG.greetingEvening}\xa0`;
|
||||||
const gree5 = 'Good evening, ';
|
|
||||||
const gree6 = 'Good evening, ';
|
|
||||||
|
|
||||||
// Define the hours of the greetings
|
// Define the hours of the greetings
|
||||||
if (hour >= 23 && hour < 5) {
|
if (hour >= 23 && hour < 5) {
|
||||||
0
assets/js/lists.js
Normal file
@ -9,11 +9,11 @@ weather.temperature = {
|
|||||||
};
|
};
|
||||||
|
|
||||||
// Change to 'F' for Fahrenheit
|
// Change to 'F' for Fahrenheit
|
||||||
var tempUnit = 'C';
|
var tempUnit = CONFIG.weatherUnit;
|
||||||
|
|
||||||
const KELVIN = 273.15;
|
const KELVIN = 273.15;
|
||||||
// Use your own key for the Weather, Get it here: https://openweathermap.org/
|
// Use your own key for the Weather, Get it here: https://openweathermap.org/
|
||||||
const key = 'aa5b0a76dfbf87441928fb3cc32d3d72';
|
const key = '15fe26a8e22e4783054e3273824c5e7b';
|
||||||
|
|
||||||
// Set Position function
|
// Set Position function
|
||||||
setPosition();
|
setPosition();
|
||||||
@ -52,7 +52,7 @@ function getWeather(latitude, longitude) {
|
|||||||
|
|
||||||
// Display Weather info
|
// Display Weather info
|
||||||
function displayWeather() {
|
function displayWeather() {
|
||||||
iconElement.innerHTML = `<img src="icons/OneDark/${weather.iconId}.png"/>`;
|
iconElement.innerHTML = `<img src="assets/icons/${CONFIG.weatherIcons}/${weather.iconId}.png"/>`;
|
||||||
tempElement.innerHTML = `${weather.temperature.value}°<span class="darkfg">${tempUnit}</span>`;
|
tempElement.innerHTML = `${weather.temperature.value}°<span class="darkfg">${tempUnit}</span>`;
|
||||||
descElement.innerHTML = weather.description;
|
descElement.innerHTML = weather.description;
|
||||||
}
|
}
|
||||||
14
config.js
@ -13,11 +13,19 @@ const CONFIG = {
|
|||||||
name: 'John',
|
name: 'John',
|
||||||
|
|
||||||
layout: 'bento',
|
layout: 'bento',
|
||||||
|
|
||||||
imageBackground: false,
|
imageBackground: false,
|
||||||
weatherIcons: 'dark',
|
|
||||||
openInNewTab: true,
|
openInNewTab: true,
|
||||||
|
|
||||||
|
weatherIcons: 'OneDark',
|
||||||
|
weatherUnit: 'C',
|
||||||
|
|
||||||
|
greetingMorning: 'Good morning!',
|
||||||
|
greetingAfternoon: 'Good afternoon,',
|
||||||
|
greetingEvening: 'Good evening,',
|
||||||
|
greetingNight: 'Go to Sleep!',
|
||||||
|
|
||||||
|
|
||||||
// ┌─┐┌─┐┬─┐┌┬┐┌─┐
|
// ┌─┐┌─┐┬─┐┌┬┐┌─┐
|
||||||
// │ ├─┤├┬┘ ││└─┐
|
// │ ├─┤├┬┘ ││└─┐
|
||||||
// └─┘┴ ┴┴└──┴┘└─┘
|
// └─┘┴ ┴┴└──┴┘└─┘
|
||||||
@ -96,5 +104,3 @@ const CONFIG = {
|
|||||||
],
|
],
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
||||||
export default CONFIG;
|
|
||||||
|
|||||||
29
index.html
@ -3,10 +3,12 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>Bento</title>
|
<title>Bento</title>
|
||||||
<link rel=" shortcut icon" type="image/png" href="icons/favicon.png" />
|
<link
|
||||||
|
rel=" shortcut icon"
|
||||||
<link rel="stylesheet" href="css/style.css" />
|
type="image/png"
|
||||||
|
href="assets/icons/favicon.png"
|
||||||
|
/>
|
||||||
|
<link rel="stylesheet" href="app.css" />
|
||||||
<script src="https://unpkg.com/feather-icons"></script>
|
<script src="https://unpkg.com/feather-icons"></script>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
@ -35,7 +37,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="weatherBlock__weather">
|
<div class="weatherBlock__weather">
|
||||||
<div class="weather-icon">
|
<div class="weather-icon">
|
||||||
<img src="icons/OneDark/unknown.png" />
|
<img src="assets/icons/OneDark/unknown.png" />
|
||||||
</div>
|
</div>
|
||||||
<div class="temperature-value">
|
<div class="temperature-value">
|
||||||
<p class="">- °<span class="g">c</span></p>
|
<p class="">- °<span class="g">c</span></p>
|
||||||
@ -143,16 +145,21 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Scrips -->
|
<!-- Config -->
|
||||||
|
<script src="config.js"></script>
|
||||||
|
|
||||||
<script src="js/time.js"></script>
|
<!-- Scripts -->
|
||||||
<script src="js/theme.js"></script>
|
<script src="assets/js/time.js"></script>
|
||||||
<script src="js/greeting.js"></script>
|
<script src="assets/js/theme.js"></script>
|
||||||
<script src="js/weather.js"></script>
|
<script src="assets/js/cards.js"></script>
|
||||||
|
<script src="assets/js/lists.js"></script>
|
||||||
|
<script src="assets/js/greeting.js"></script>
|
||||||
|
<script src="assets/js/weather.js"></script>
|
||||||
<script>
|
<script>
|
||||||
feather.replace();
|
feather.replace();
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<!-- Coded and designed by Miguel R. Ávila: https://github.com/MiguelRAvila -->
|
<!-- Coded and designed by Miguel R. Ávila: -->
|
||||||
|
<!-- https://github.com/migueravila -->
|
||||||
</html>
|
</html>
|
||||||
|
|||||||