Calculator Tools Calculator Tools

Planificador Semanal con Ciclos de Cultivo

Oct 11, 2023

About this app

Planificador semanal que organiza días en base a objetivos y ciclos de cultivo de plantas y hongos. Incluye el ciclo lunar y las posiciones astrológicas.

Planificador Semanal con Ciclos de Cultivo Día de la semana: Acciones a realizar: Ciclo lunar: Posiciones astrológicas:

Put this on your site

Source

                    <html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">

<title>Planificador Semanal con Ciclos de Cultivo</title>
<meta name="description" content="Planificador semanal que organiza días en base a objetivos y ciclos de cultivo de plantas y hongos. Incluye el ciclo lunar y las posiciones astrológicas.">
<meta name="keywords" content="planificador, organizador, ciclos de cultivo, ciclo lunar, posiciones astronómicas">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha2/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript">
try {
const days = ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'];
let dayIndex = new Date().getDay();
let lunarCycle = ['Luna nueva', 'Luna creciente', 'Luna llena', 'Luna menguante'];
let lunarIndex = Math.floor(Math.random() * lunarCycle.length);
let astroPositions = ['Mercurio en Géminis', 'Venus en Tauro', 'Marte en Aries'];
let astroIndex = Math.floor(Math.random() * astroPositions.length);

const actions = [
'Hacer ejercicio',
'Meditar',
'Realizar tareas de trabajo',
'Trabajar en proyectos personales',
'Disfrutar de tiempo libre y ocio'
];

document.addEventListener("DOMContentLoaded", function() {
document.getElementById('day').textContent = days[dayIndex];
document.getElementById('lunar').textContent = lunarCycle[lunarIndex];
document.getElementById('astro').textContent = astroPositions[astroIndex];

let actionsList = document.getElementById('actions');
actions.forEach(function(action) {
let li = document.createElement('li');
li.textContent = action;
actionsList.appendChild(li);
});
});

} catch (error) {
throw error;
}
</script>

<style>
body {
background: linear-gradient(to right, #30cfd0 0%, #330867 100%);
color: #fff;
}
.card {
background: rgba(255,255,255,0.1);
box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
border-radius: 15px;
color: #fff;
margin-bottom: 20px;
padding: 20px;
text-align: center;
}
.card h4 {
font-size: 22px;
margin-bottom: 10px;
}
.card p {
font-size: 18px;
}
.card ul {
list-style: none;
padding-left: 0;
text-align: left;
}
.card ul li {
font-size: 16px;
margin-bottom: 5px;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-4">
<div class="card">
<h4>Día de la semana:</h4>
<p id="day"></p>
<h4>Acciones a realizar:</h4>
<ul id="actions"></ul>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card">
<h4>Ciclo lunar:</h4>
<p id="lunar"></p>
</div>
</div>
<div class="col-12 col-md-4">
<div class="card">
<h4>Posiciones astrológicas:</h4>
<p id="astro"></p>
</div>
</div>
</div>
</div>
</body>
</html>