commit e09e45307119c8d6fcc0b10f5c1ef37c2cdeed58 Author: Matt Fiddaman Date: Wed Mar 30 00:01:25 2022 +0100 Initial commit diff --git a/js/funkos.js b/js/funkos.js new file mode 100644 index 0000000..3aa0bd1 --- /dev/null +++ b/js/funkos.js @@ -0,0 +1,65 @@ +const funkos = [ + { + title: 'Age of Ultron Wanda', + img: 'aouwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Anti Venom', + img: 'antivenom', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Integrated Spiderman Suit', + img: 'spidey', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Halloween Wanda', + img: 'halwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'The Scarlet Witch', + img: 'floatwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Kate Bishop and Lucky the Dog', + img: 'katebishop', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Yelena', + img: 'yelena', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Civil War Wanda', + img: 'cwwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'My fave funko', + img: 'myfavefunko', + price: 'priceless', + description: 'arsehole', + rank: -400 + } +]; \ No newline at end of file diff --git a/js/img/antivenom.jpg b/js/img/antivenom.jpg new file mode 100644 index 0000000..72ff824 Binary files /dev/null and b/js/img/antivenom.jpg differ diff --git a/js/img/aouwanda.jpg b/js/img/aouwanda.jpg new file mode 100644 index 0000000..bd635b7 Binary files /dev/null and b/js/img/aouwanda.jpg differ diff --git a/js/img/cwwanda.jpg b/js/img/cwwanda.jpg new file mode 100644 index 0000000..b8b3afe Binary files /dev/null and b/js/img/cwwanda.jpg differ diff --git a/js/img/floatwanda.jpg b/js/img/floatwanda.jpg new file mode 100644 index 0000000..91ce72a Binary files /dev/null and b/js/img/floatwanda.jpg differ diff --git a/js/img/halwanda.jpg b/js/img/halwanda.jpg new file mode 100644 index 0000000..857230b Binary files /dev/null and b/js/img/halwanda.jpg differ diff --git a/js/img/katebishop.jpg b/js/img/katebishop.jpg new file mode 100644 index 0000000..7cbf944 Binary files /dev/null and b/js/img/katebishop.jpg differ diff --git a/js/img/myfavefunko.jpg b/js/img/myfavefunko.jpg new file mode 100644 index 0000000..b7dd45c Binary files /dev/null and b/js/img/myfavefunko.jpg differ diff --git a/js/img/spidey.jpg b/js/img/spidey.jpg new file mode 100644 index 0000000..b96ff6d Binary files /dev/null and b/js/img/spidey.jpg differ diff --git a/js/img/yelena.jpg b/js/img/yelena.jpg new file mode 100644 index 0000000..13c8360 Binary files /dev/null and b/js/img/yelena.jpg differ diff --git a/js/js.html b/js/js.html new file mode 100644 index 0000000..4d2217c --- /dev/null +++ b/js/js.html @@ -0,0 +1,46 @@ + + + + + + + + Funko Pops + + + + +

Funkos

+ +

+ + +

+ + + + + + \ No newline at end of file diff --git a/js/script.js b/js/script.js new file mode 100644 index 0000000..8b0c375 --- /dev/null +++ b/js/script.js @@ -0,0 +1,21 @@ +window.addEventListener('load', () => { + const funkoTemplate = document.querySelector('#funkoTemplate'); + const funkoContainer = document.querySelector('#funkos'); + + funkos.forEach(funko => { + const elem = funkoTemplate.content.cloneNode(true); + const special = ['img', 'href']; + + elem.querySelector('.funko__img').setAttribute('src', `img/${funko.img}.jpg`); + elem.querySelector('.funko__readmore').setAttribute('href', `/${funko.href}.html`); + + for (const [k, v] of Object.entries(funko)) { + if (special.includes(k)) + continue; + + elem.querySelector(`.funko__${k}`).innerHTML = v; + } + + funkoContainer.appendChild(elem); + }); +}); \ No newline at end of file diff --git a/plain/img/antivenom.jpg b/plain/img/antivenom.jpg new file mode 100644 index 0000000..72ff824 Binary files /dev/null and b/plain/img/antivenom.jpg differ diff --git a/plain/img/aouwanda.jpg b/plain/img/aouwanda.jpg new file mode 100644 index 0000000..bd635b7 Binary files /dev/null and b/plain/img/aouwanda.jpg differ diff --git a/plain/img/cwwanda.jpg b/plain/img/cwwanda.jpg new file mode 100644 index 0000000..b8b3afe Binary files /dev/null and b/plain/img/cwwanda.jpg differ diff --git a/plain/img/floatwanda.jpg b/plain/img/floatwanda.jpg new file mode 100644 index 0000000..91ce72a Binary files /dev/null and b/plain/img/floatwanda.jpg differ diff --git a/plain/img/halwanda.jpg b/plain/img/halwanda.jpg new file mode 100644 index 0000000..857230b Binary files /dev/null and b/plain/img/halwanda.jpg differ diff --git a/plain/img/katebishop.jpg b/plain/img/katebishop.jpg new file mode 100644 index 0000000..7cbf944 Binary files /dev/null and b/plain/img/katebishop.jpg differ diff --git a/plain/img/myfavefunko.jpg b/plain/img/myfavefunko.jpg new file mode 100644 index 0000000..b7dd45c Binary files /dev/null and b/plain/img/myfavefunko.jpg differ diff --git a/plain/img/spidey.jpg b/plain/img/spidey.jpg new file mode 100644 index 0000000..b96ff6d Binary files /dev/null and b/plain/img/spidey.jpg differ diff --git a/plain/img/yelena.jpg b/plain/img/yelena.jpg new file mode 100644 index 0000000..13c8360 Binary files /dev/null and b/plain/img/yelena.jpg differ diff --git a/plain/index.html b/plain/index.html new file mode 100644 index 0000000..0ae1ef0 --- /dev/null +++ b/plain/index.html @@ -0,0 +1,62 @@ + + + + + + + + Funko Pops + + + + +

Funko Pops

+ +

Age of Ultron Wanda

Anti Venom

Integrated Spiderman Suit

Halloween Wanda

The Scarlet Witch

Kate Bishop and Lucky the Dog

Yelena

Civil War Wanda

+ + + \ No newline at end of file diff --git a/vue/components/funkoCard.js b/vue/components/funkoCard.js new file mode 100644 index 0000000..c73c735 --- /dev/null +++ b/vue/components/funkoCard.js @@ -0,0 +1,17 @@ +export default { + props: ['funko'], + template: ` +

+ +

+ Read more +

+ ` +} \ No newline at end of file diff --git a/vue/funkos.js b/vue/funkos.js new file mode 100644 index 0000000..3aa0bd1 --- /dev/null +++ b/vue/funkos.js @@ -0,0 +1,65 @@ +const funkos = [ + { + title: 'Age of Ultron Wanda', + img: 'aouwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Anti Venom', + img: 'antivenom', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Integrated Spiderman Suit', + img: 'spidey', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Halloween Wanda', + img: 'halwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'The Scarlet Witch', + img: 'floatwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Kate Bishop and Lucky the Dog', + img: 'katebishop', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Yelena', + img: 'yelena', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'Civil War Wanda', + img: 'cwwanda', + price: 50, + description: 'bob', + rank: 1 + }, + { + title: 'My fave funko', + img: 'myfavefunko', + price: 'priceless', + description: 'arsehole', + rank: -400 + } +]; \ No newline at end of file diff --git a/vue/img/antivenom.jpg b/vue/img/antivenom.jpg new file mode 100644 index 0000000..72ff824 Binary files /dev/null and b/vue/img/antivenom.jpg differ diff --git a/vue/img/aouwanda.jpg b/vue/img/aouwanda.jpg new file mode 100644 index 0000000..bd635b7 Binary files /dev/null and b/vue/img/aouwanda.jpg differ diff --git a/vue/img/cwwanda.jpg b/vue/img/cwwanda.jpg new file mode 100644 index 0000000..b8b3afe Binary files /dev/null and b/vue/img/cwwanda.jpg differ diff --git a/vue/img/floatwanda.jpg b/vue/img/floatwanda.jpg new file mode 100644 index 0000000..91ce72a Binary files /dev/null and b/vue/img/floatwanda.jpg differ diff --git a/vue/img/halwanda.jpg b/vue/img/halwanda.jpg new file mode 100644 index 0000000..857230b Binary files /dev/null and b/vue/img/halwanda.jpg differ diff --git a/vue/img/katebishop.jpg b/vue/img/katebishop.jpg new file mode 100644 index 0000000..7cbf944 Binary files /dev/null and b/vue/img/katebishop.jpg differ diff --git a/vue/img/myfavefunko.jpg b/vue/img/myfavefunko.jpg new file mode 100644 index 0000000..b7dd45c Binary files /dev/null and b/vue/img/myfavefunko.jpg differ diff --git a/vue/img/spidey.jpg b/vue/img/spidey.jpg new file mode 100644 index 0000000..b96ff6d Binary files /dev/null and b/vue/img/spidey.jpg differ diff --git a/vue/img/yelena.jpg b/vue/img/yelena.jpg new file mode 100644 index 0000000..13c8360 Binary files /dev/null and b/vue/img/yelena.jpg differ diff --git a/vue/index.html b/vue/index.html new file mode 100644 index 0000000..261e8db --- /dev/null +++ b/vue/index.html @@ -0,0 +1,47 @@ + + + + + + + + Funko Pops + + + + + + +

Funkos

+ +

+ + + + + + + \ No newline at end of file