Skip to content

Commit 1c58770

Browse files
author
Daniel Hoyos Q
committed
✨ Nuevas cosicas
1 parent c6b2393 commit 1c58770

File tree

12 files changed

+169
-21
lines changed

12 files changed

+169
-21
lines changed

‎index.html

+1
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>..::Caminante::..</title>
88
</head>
9+
910
<body>
1011
<div id="aplicacion"></div>
1112
<script type="module" src="./src/index.js"></script>

‎recursos/scss/_constantes.scss

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
:root {
22
//Fuentes
3-
--fuenteTitulos: 'Alkhemikal';
3+
--fuenteTitulos: 'Alquimia';
44
--fuenteTitulosPeso: ;
5-
--fuentePrincipal: 'KiwiSoda';
5+
--fuentePrincipal: 'Kiwi';
66
--fuentePrincipalPeso: ;
77

88
//Colores Alma

‎src/Aplicacion.vue

+11-14
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,30 @@
11
<script setup>
22
import valle from '../recursos/imagenes/valle.jpg';
3+
import Menu from './componentes/Inicio/Menu.vue';
34
const fondo = document.getElementsByTagName('body');
45
56
fondo.src = valle;
7+
8+
const date = new Date();
9+
console.log(date.getHours());
10+
console.log(date.getMinutes());
611
</script>
712

813
<template>
914
<body>
10-
<div id="menuP"></div>
15+
<Menu></Menu>
1116
<div id="principal"></div>
1217
</body>
1318
</template>
1419

15-
<style lang="scss" scoped>
20+
<style lang="scss">
1621
@font-face {
17-
font-family: kiwi;
22+
font-family: Kiwi;
1823
src: url(/fuentes/KiwiSoda.ttf);
1924
}
2025
21-
body {
22-
font-family: kiwi;
23-
width: 100vw;
24-
height: 100vh;
25-
display: flex;
26-
}
27-
28-
#menuP {
29-
background-color: brown;
30-
width: 450px;
31-
height: 100vh;
26+
@font-face {
27+
font-family: Alquimia;
28+
src: url(/fuentes/Alkhemikal.ttf);
3229
}
3330
</style>

‎src/componentes/Graficos/Ciclo.vue

+103-3
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,111 @@
11
<script setup>
22
const amanecerI = 5;
33
const amanecerF = 6;
4-
const diaI =;
4+
const diaI = 6;
5+
const diaF = 15;
6+
const atardecerI = 15;
7+
const atardecerF = 16;
8+
const tardeI = 16;
9+
const tardeF = 19;
10+
const anochecerI = 19;
11+
const anochecerF = 20;
12+
const noche1I = 20;
13+
const noche1F = 23;
14+
const noche2I = 0;
15+
const noche2F = 5;
16+
17+
const ruta = '';
18+
19+
const fondosInicio = [
20+
'fondoInicioAmanecer1.',
21+
'fondoInicioAmanecer2.',
22+
'fondoInicioDia.',
23+
'fondoInicioAtardecer1.',
24+
'fondoInicioAtardecer2.',
25+
'fondoInicioTarde.',
26+
'fondoInicioAnochecher1.',
27+
'fondoInicioAnochecher2.',
28+
'fondoInicioNoche.',
29+
];
30+
31+
const fondosVisuales = [
32+
'fondoVisualAmanecer1.',
33+
'fondoVisualAmanecer2.',
34+
'fondoVisualDia.',
35+
'fondoVisualAtardecer1.',
36+
'fondoVisualAtardecer2.',
37+
'fondoVisualTarde.',
38+
'fondoVisualAnochecher1.',
39+
'fondoVisualAnochecher2.',
40+
'fondoVisualNoche.',
41+
];
542
643
let horaActual = 0;
44+
let minutoActual = 0;
45+
46+
function determinarHoraActual() {
47+
const fecha = new Date();
48+
horaActual = fecha.getHours;
49+
console.log(horaActual);
50+
}
751
8-
const fondo = document.getElementById("arcadia")
52+
function determinarMinutoActual() {
53+
const fecha = new Date();
54+
horaActual = fecha.getMinutes;
55+
console.log(horaActual);
56+
}
957
10-
if{horaActual >= amanecerI && horaActual<amanecerF}
58+
const fondoI = document.getElementById();
59+
const fondoV = document.getElementById();
60+
61+
function determinarFondos() {
62+
setInterval();
63+
if (horaActual >= amanecerI && horaActual < amanecerF) {
64+
if (minutoActual >= 0 && minutoActual < 30) {
65+
fondoInicio = fondosInicio[0];
66+
fondoVisual = fondosVisuales[0];
67+
} else {
68+
fondoInicio = fondosInicio[1];
69+
fondoVisual = fondosVisuales[1];
70+
}
71+
} else if (horaActual >= diaI && horaActual < diaF) {
72+
fondoInicio = fondosInicio[2];
73+
fondoVisual = fondosVisuales[2];
74+
} else if (horaActual >= atardecerI && horaActual < atardecerF) {
75+
if (minutoActual >= 0 && minutoActual < 30) {
76+
fondoInicio = fondosInicio[3];
77+
fondoVisual = fondosVisuales[3];
78+
} else {
79+
fondoInicio = fondosInicio[4];
80+
fondoVisual = fondosVisuales[4];
81+
}
82+
} else if (horaActual >= tardeI && horaActual < tardeF) {
83+
fondoInicio = fondosInicio[5];
84+
fondoVisual = fondosVisuales[5];
85+
} else if (horaActual >= anochecerI && horaActual < anochecerF) {
86+
if (minutoActual >= 0 && minutoActual < 30) {
87+
fondoInicio = fondosInicio[6];
88+
fondoVisual = fondosVisuales[6];
89+
} else {
90+
fondoInicio = fondosInicio[7];
91+
fondoVisual = fondosVisuales[7];
92+
}
93+
} else if (horaActual >= noche1I && horaActual <= noche1F) {
94+
fondoInicio = fondosInicio[8];
95+
fondoVisual = fondosVisuales[8];
96+
} else if (horaActual >= noche2I && horaActual < noche2F) {
97+
fondoInicio = fondosInicio[8];
98+
fondoVisual = fondosVisuales[8];
99+
} else {
100+
fondoInicio = fondosInicio[2];
101+
fondoVisual = fondosVisuales[2];
102+
}
103+
104+
fondoI.src = `${ruta}${fondoInicio}`;
105+
fondoV.src = `${ruta}${fondoVisual}`;
106+
}
11107
</script>
108+
109+
<template></template>
110+
111+
<style></style>

‎src/componentes/Graficos/Creador.vue

Whitespace-only changes.

‎src/componentes/Graficos/Reloj.vue

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<script setup></script>
2+
3+
<template></template>
4+
5+
<style></style>

‎src/componentes/GuardaEscobas.vue

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<script setup></script>
2+
3+
<template></template>
4+
5+
<style></style>

‎src/componentes/Inicio/Menu.vue

+37-2
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,40 @@
11
<script setup></script>
22

3-
<template></template>
3+
<template>
4+
<body>
5+
<div id="contenedor">
6+
<h1>El Camino</h1>
7+
<div id="menu">
8+
<button class="botones" id="botonAv"><a>Aventura</a></button>
9+
<button class="botones" id="botonSMi"><a>Sobre Mi</a></button>
10+
<button class="botones"><a>Sobre Alma</a></button>
11+
<button class="botones"><a>Creditos</a></button>
12+
</div>
13+
</div>
14+
</body>
15+
</template>
416

5-
<style lang="scss" scoped></style>
17+
<style lang="scss">
18+
body {
19+
width: (128px, 20vw, 450px);
20+
}
21+
22+
h1 {
23+
font-family: 'Alquimia';
24+
font-size: 5em;
25+
color: var(--tinta);
26+
}
27+
28+
#menu {
29+
display: flex;
30+
width: 20vw;
31+
}
32+
33+
.botones {
34+
font-family: 'Alquimia';
35+
color: var(--tinta);
36+
padding: 0;
37+
border: none;
38+
background: none;
39+
}
40+
</style>

‎src/componentes/Inicio/Paginas/Creditos.vue

Whitespace-only changes.

‎src/componentes/Inicio/Paginas/SobreAlma.vue

Whitespace-only changes.

‎src/componentes/Inicio/Paginas/SobreMI.vue

Whitespace-only changes.

‎src/componentes/Introduccion/Escena.vue

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
<script setup></script>
2+
3+
<template></template>
4+
5+
<style></style>

0 commit comments

Comments
 (0)