Skip to content

Commit 6c7e27f

Browse files
john-smilgajohn-smilga
committed
update to imgbox
1 parent 6526576 commit 6c7e27f

4 files changed

Lines changed: 62 additions & 84 deletions

File tree

‎03-reviews/final/app.js‎

Lines changed: 28 additions & 36 deletions
Original file line numberDiff line numberDiff line change
@@ -2,56 +2,48 @@
22
const reviews = [
33
{
44
id: 1,
5-
name: "susan smith",
6-
job: "web developer",
7-
img:
8-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883334/person-1_rfzshl.jpg",
9-
text:
10-
"I'm baby meggings twee health goth +1. Bicycle rights tumeric chartreuse before they sold out chambray pop-up. Shaman humblebrag pickled coloring book salvia hoodie, cold-pressed four dollar toast everyday carry",
5+
name: 'susan smith',
6+
job: 'web developer',
7+
img: 'https://images2.imgbox.com/e0/57/qI5bbwvg_o.jpeg',
8+
text: "I'm baby meggings twee health goth +1. Bicycle rights tumeric chartreuse before they sold out chambray pop-up. Shaman humblebrag pickled coloring book salvia hoodie, cold-pressed four dollar toast everyday carry",
119
},
1210
{
1311
id: 2,
14-
name: "anna johnson",
15-
job: "web designer",
16-
img:
17-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883409/person-2_np9x5l.jpg",
18-
text:
19-
"Helvetica artisan kinfolk thundercats lumbersexual blue bottle. Disrupt glossier gastropub deep v vice franzen hell of brooklyn twee enamel pin fashion axe.photo booth jean shorts artisan narwhal.",
12+
name: 'anna johnson',
13+
job: 'web designer',
14+
img: 'https://images2.imgbox.com/2e/6e/JAMvTZ56_o.jpeg',
15+
text: 'Helvetica artisan kinfolk thundercats lumbersexual blue bottle. Disrupt glossier gastropub deep v vice franzen hell of brooklyn twee enamel pin fashion axe.photo booth jean shorts artisan narwhal.',
2016
},
2117
{
2218
id: 3,
23-
name: "peter jones",
24-
job: "intern",
25-
img:
26-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883417/person-3_ipa0mj.jpg",
27-
text:
28-
"Sriracha literally flexitarian irony, vape marfa unicorn. Glossier tattooed 8-bit, fixie waistcoat offal activated charcoal slow-carb marfa hell of pabst raclette post-ironic jianbing swag.",
19+
name: 'peter jones',
20+
job: 'intern',
21+
img: 'https://images2.imgbox.com/56/88/oJvFN3l5_o.jpeg',
22+
text: 'Sriracha literally flexitarian irony, vape marfa unicorn. Glossier tattooed 8-bit, fixie waistcoat offal activated charcoal slow-carb marfa hell of pabst raclette post-ironic jianbing swag.',
2923
},
3024
{
3125
id: 4,
32-
name: "bill anderson",
33-
job: "the boss",
34-
img:
35-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883423/person-4_t9nxjt.jpg",
36-
text:
37-
"Edison bulb put a bird on it humblebrag, marfa pok pok heirloom fashion axe cray stumptown venmo actually seitan. VHS farm-to-table schlitz, edison bulb pop-up 3 wolf moon tote bag street art shabby chic. ",
26+
name: 'bill anderson',
27+
job: 'the boss',
28+
img: 'https://images2.imgbox.com/8b/1c/vwWNTsCd_o.jpeg',
29+
text: 'Edison bulb put a bird on it humblebrag, marfa pok pok heirloom fashion axe cray stumptown venmo actually seitan. VHS farm-to-table schlitz, edison bulb pop-up 3 wolf moon tote bag street art shabby chic. ',
3830
},
3931
];
4032
// select items
41-
const img = document.getElementById("person-img");
42-
const author = document.getElementById("author");
43-
const job = document.getElementById("job");
44-
const info = document.getElementById("info");
33+
const img = document.getElementById('person-img');
34+
const author = document.getElementById('author');
35+
const job = document.getElementById('job');
36+
const info = document.getElementById('info');
4537

46-
const prevBtn = document.querySelector(".prev-btn");
47-
const nextBtn = document.querySelector(".next-btn");
48-
const randomBtn = document.querySelector(".random-btn");
38+
const prevBtn = document.querySelector('.prev-btn');
39+
const nextBtn = document.querySelector('.next-btn');
40+
const randomBtn = document.querySelector('.random-btn');
4941

5042
// set starting item
5143
let currentItem = 0;
5244

5345
// load initial item
54-
window.addEventListener("DOMContentLoaded", function () {
46+
window.addEventListener('DOMContentLoaded', function () {
5547
const item = reviews[currentItem];
5648
img.src = item.img;
5749
author.textContent = item.name;
@@ -68,24 +60,24 @@ function showPerson(person) {
6860
info.textContent = item.text;
6961
}
7062
// show next person
71-
nextBtn.addEventListener("click", function () {
63+
nextBtn.addEventListener('click', function () {
7264
currentItem++;
7365
if (currentItem > reviews.length - 1) {
7466
currentItem = 0;
7567
}
7668
showPerson(currentItem);
7769
});
7870
// show prev person
79-
prevBtn.addEventListener("click", function () {
71+
prevBtn.addEventListener('click', function () {
8072
currentItem--;
8173
if (currentItem < 0) {
8274
currentItem = reviews.length - 1;
8375
}
8476
showPerson(currentItem);
8577
});
8678
// show random person
87-
randomBtn.addEventListener("click", function () {
88-
console.log("hello");
79+
randomBtn.addEventListener('click', function () {
80+
console.log('hello');
8981

9082
currentItem = Math.floor(Math.random() * reviews.length);
9183
showPerson(currentItem);

‎03-reviews/setup/app.js‎

Lines changed: 16 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -2,38 +2,30 @@
22
const reviews = [
33
{
44
id: 1,
5-
name: "susan smith",
6-
job: "web developer",
7-
img:
8-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883334/person-1_rfzshl.jpg",
9-
text:
10-
"I'm baby meggings twee health goth +1. Bicycle rights tumeric chartreuse before they sold out chambray pop-up. Shaman humblebrag pickled coloring book salvia hoodie, cold-pressed four dollar toast everyday carry",
5+
name: 'susan smith',
6+
job: 'web developer',
7+
img: 'https://images2.imgbox.com/e0/57/qI5bbwvg_o.jpeg',
8+
text: "I'm baby meggings twee health goth +1. Bicycle rights tumeric chartreuse before they sold out chambray pop-up. Shaman humblebrag pickled coloring book salvia hoodie, cold-pressed four dollar toast everyday carry",
119
},
1210
{
1311
id: 2,
14-
name: "anna johnson",
15-
job: "web designer",
16-
img:
17-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883409/person-2_np9x5l.jpg",
18-
text:
19-
"Helvetica artisan kinfolk thundercats lumbersexual blue bottle. Disrupt glossier gastropub deep v vice franzen hell of brooklyn twee enamel pin fashion axe.photo booth jean shorts artisan narwhal.",
12+
name: 'anna johnson',
13+
job: 'web designer',
14+
img: 'https://images2.imgbox.com/2e/6e/JAMvTZ56_o.jpeg',
15+
text: 'Helvetica artisan kinfolk thundercats lumbersexual blue bottle. Disrupt glossier gastropub deep v vice franzen hell of brooklyn twee enamel pin fashion axe.photo booth jean shorts artisan narwhal.',
2016
},
2117
{
2218
id: 3,
23-
name: "peter jones",
24-
job: "intern",
25-
img:
26-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883417/person-3_ipa0mj.jpg",
27-
text:
28-
"Sriracha literally flexitarian irony, vape marfa unicorn. Glossier tattooed 8-bit, fixie waistcoat offal activated charcoal slow-carb marfa hell of pabst raclette post-ironic jianbing swag.",
19+
name: 'peter jones',
20+
job: 'intern',
21+
img: 'https://images2.imgbox.com/56/88/oJvFN3l5_o.jpeg',
22+
text: 'Sriracha literally flexitarian irony, vape marfa unicorn. Glossier tattooed 8-bit, fixie waistcoat offal activated charcoal slow-carb marfa hell of pabst raclette post-ironic jianbing swag.',
2923
},
3024
{
3125
id: 4,
32-
name: "bill anderson",
33-
job: "the boss",
34-
img:
35-
"https://res.cloudinary.com/diqqf3eq2/image/upload/v1586883423/person-4_t9nxjt.jpg",
36-
text:
37-
"Edison bulb put a bird on it humblebrag, marfa pok pok heirloom fashion axe cray stumptown venmo actually seitan. VHS farm-to-table schlitz, edison bulb pop-up 3 wolf moon tote bag street art shabby chic. ",
26+
name: 'bill anderson',
27+
job: 'the boss',
28+
img: 'https://images2.imgbox.com/8b/1c/vwWNTsCd_o.jpeg',
29+
text: 'Edison bulb put a bird on it humblebrag, marfa pok pok heirloom fashion axe cray stumptown venmo actually seitan. VHS farm-to-table schlitz, edison bulb pop-up 3 wolf moon tote bag street art shabby chic. ',
3830
},
3931
];

‎25-slider/final/data.js‎

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,20 @@
11
const people = [
22
{
3-
img:
4-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959121/person-1_aufeoq.jpg",
5-
name: "peter doe",
6-
job: "product manager",
3+
img: 'https://images2.imgbox.com/56/88/oJvFN3l5_o.jpeg',
4+
name: 'peter doe',
5+
job: 'product manager',
76
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis? `,
87
},
98
{
10-
img:
11-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959131/person-2_ipcjws.jpg",
12-
name: "susan doe",
13-
job: "developer",
9+
img: 'https://images2.imgbox.com/e0/57/qI5bbwvg_o.jpeg',
10+
name: 'susan doe',
11+
job: 'developer',
1412
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis?`,
1513
},
1614
{
17-
img:
18-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959131/person-3_rxtqvi.jpg",
19-
name: "emma doe",
20-
job: "designer",
15+
img: 'https://images2.imgbox.com/2e/6e/JAMvTZ56_o.jpeg',
16+
name: 'emma doe',
17+
job: 'designer',
2118
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis?`,
2219
},
2320
];

‎25-slider/setup/data.js‎

Lines changed: 9 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,20 @@
11
const people = [
22
{
3-
img:
4-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959121/person-1_aufeoq.jpg",
5-
name: "peter doe",
6-
job: "product manager",
3+
img: 'https://images2.imgbox.com/56/88/oJvFN3l5_o.jpeg',
4+
name: 'peter doe',
5+
job: 'product manager',
76
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis? `,
87
},
98
{
10-
img:
11-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959131/person-2_ipcjws.jpg",
12-
name: "susan doe",
13-
job: "developer",
9+
img: 'https://images2.imgbox.com/e0/57/qI5bbwvg_o.jpeg',
10+
name: 'susan doe',
11+
job: 'developer',
1412
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis?`,
1513
},
1614
{
17-
img:
18-
"https://res.cloudinary.com/diqqf3eq2/image/upload/c_scale,w_200/v1595959131/person-3_rxtqvi.jpg",
19-
name: "emma doe",
20-
job: "designer",
15+
img: 'https://images2.imgbox.com/2e/6e/JAMvTZ56_o.jpeg',
16+
name: 'emma doe',
17+
job: 'designer',
2118
text: `Lorem ipsum dolor sit amet consectetur adipisicing elit. Quidem quoeius recusandae officia voluptas sint deserunt dicta nihil nam omnis?`,
2219
},
2320
];

0 commit comments

Comments
 (0)