diff --git a/src/images/SolyLuna.jpg b/src/images/SolyLuna.jpg new file mode 100644 index 00000000..ed84bca6 Binary files /dev/null and b/src/images/SolyLuna.jpg differ diff --git "a/src/images/astrolog\303\255a.png" "b/src/images/astrolog\303\255a.png" new file mode 100644 index 00000000..c62d05be Binary files /dev/null and "b/src/images/astrolog\303\255a.png" differ diff --git a/src/images/lectura-tarot.png b/src/images/lectura-tarot.png new file mode 100644 index 00000000..a44dbfff Binary files /dev/null and b/src/images/lectura-tarot.png differ diff --git a/src/images/tarot.png b/src/images/tarot.png new file mode 100644 index 00000000..108a5dcd Binary files /dev/null and b/src/images/tarot.png differ diff --git a/src/images/tarotlogo.png b/src/images/tarotlogo.png new file mode 100644 index 00000000..b0cb61aa Binary files /dev/null and b/src/images/tarotlogo.png differ diff --git a/src/images/the-tower.png b/src/images/the-tower.png new file mode 100644 index 00000000..b6513b26 Binary files /dev/null and b/src/images/the-tower.png differ diff --git a/src/index.html b/src/index.html index 5aef81f0..00e78857 100644 --- a/src/index.html +++ b/src/index.html @@ -6,7 +6,83 @@ +
+ + + + + + +
+ + + + +
+ + + +
+ +
+ +
+ +
+
+
+
+ +
+
+

¿Did you know?

+

No se sabe con exactitud quien fusionó los Arcanos Mayores con los Menores, pero se cree que surgió de la cultura gitana.

+ Read more +
+
+
+
+ +
+
+

The meaning

+

No se sabe con exactitud quien fusionó los Arcanos Mayores con los Menores, pero se cree que surgió de la cultura gitana.

+ Read more +
+
+
+
+ +
+
+

Learn how to read

+

No se sabe con exactitud quien fusionó los Arcanos Mayores con los Menores, pero se cree que surgió de la cultura gitana.

+ Read more +
+
+
+ +
+ +
+ + +
+
+ + diff --git a/src/main.js b/src/main.js index 71c59f2d..80d8c5b8 100644 --- a/src/main.js +++ b/src/main.js @@ -1,6 +1 @@ -import { example } from './data.js'; -// import data from './data/lol/lol.js'; -import data from './data/pokemon/pokemon.js'; -// import data from './data/rickandmorty/rickandmorty.js'; - -console.log(example, data); +import tarot from './data/tarot/tarot.js'; \ No newline at end of file diff --git a/src/style.css b/src/style.css index e69de29b..3d9c28a9 100644 --- a/src/style.css +++ b/src/style.css @@ -0,0 +1,94 @@ +header{ + height: 5rem; + display: inline-flex; + width: auto; +} +.tarotlogo{ + width: 50px; + height: 50px; + margin-top: .5rem; + margin-bottom: .5rem; + display: flex; + +} +.header_buttons{ + display: inline-block; + border-style: solid; + border-color: #550303; + background-color: whitesmoke; + border-radius: 1rem; + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: #550303; + border-width: 2px; +width: max-content; +margin-right: 2rem; +padding: 5px 15px 5px 15px; +} +.header_buttons:hover{ + color: goldenrod; + +} +header .header_search{ + display:inline-block; + width: 300px; + height: 20px; + border: none; + outline: none; + margin-top: 1rem; + margin-left: 15rem; + border-radius: 2rem; +} +header .header_search:hover{ + box-shadow: 0 1px 7px 0px #120230; +} +header .header_search_go{ + height: 36px; + background-color:aliceblue; + border: 0 5px 0 0; + border-color:#0e0224; + font-size: 14px; + color:#550303; + border-radius: 6px; + padding: 0 15px; + margin-right: 15px; +} +header .header_search_go:hover{ + box-shadow: 0 1px 10px 0px #0e0224; +} + +.fondo1 { + width: 100%; + height: 300px; + object-fit: cover; + object-position: bottom; + } + + body{ + background-color: #0F2E5C; + } + +.buttonSearch{ + border-style: solid; + border-color: #550303; + background-color: whitesmoke; + border-radius: 2em; + font-family: Verdana, Geneva, Tahoma, sans-serif; + color: #550303; + border-style:solid; + padding: 0.2em; + font-size: large; + margin-left: 39%; + +} + +.containerBody{ + color: whitesmoke; + width: 100%; + display: flex; + max-width: 1100px; + margin: auto; +} + +footer{ + color: whitesmoke; +} \ No newline at end of file