Skip to content

Commit e4ad499

Browse files
rinickmosinve
rinick
authored and
mosinve
committed
replace lorempixel.com with picsum.photos, resolves #1823 (#1825)
* replace lorempixel.com with placeimg.com, resolves #1823 * switch to picsum.photos
1 parent 8a35374 commit e4ad499

File tree

7 files changed

+47
-47
lines changed

7 files changed

+47
-47
lines changed

‎src/components/card/README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ Change the default `div` root tag to any other HTML element by specifying via th
1515
```html
1616
<div>
1717
<b-card title="Card Title"
18-
img-src="https://lorempixel.com/600/300/food/5/"
18+
img-src="https://picsum.photos/600/300/?image=25"
1919
img-alt="Image"
2020
img-top
2121
tag="article"
@@ -126,7 +126,7 @@ Place the image in the background of the card by setting the boolean prop `overl
126126
```html
127127
<div>
128128
<b-card overlay
129-
img-src="https://lorempixel.com/900/250/sports/6/"
129+
img-src="https://picsum.photos/900/250/?image=36"
130130
img-alt="Card Image"
131131
text-variant="white"
132132
title="Image Overlay"
@@ -471,7 +471,7 @@ card footers in decks will automatically line up.
471471
<div>
472472
<b-card-group deck>
473473
<b-card title="Title"
474-
img-src="https://lorempixel.com/300/300/"
474+
img-src="https://picsum.photos/300/300/?image=41"
475475
img-alt="Img"
476476
img-top>
477477
<p class="card-text">
@@ -484,7 +484,7 @@ card footers in decks will automatically line up.
484484
</div>
485485
</b-card>
486486
<b-card title="Title"
487-
img-src="https://lorempixel.com/300/300/"
487+
img-src="https://picsum.photos/300/300/?image=41"
488488
img-alt="Img"
489489
img-top>
490490
<p class="card-text">
@@ -496,7 +496,7 @@ card footers in decks will automatically line up.
496496
</div>
497497
</b-card>
498498
<b-card title="Title"
499-
img-src="https://lorempixel.com/300/300/"
499+
img-src="https://picsum.photos/300/300/?image=41"
500500
img-alt="Img"
501501
img-top>
502502
<p class="card-text">
@@ -569,12 +569,12 @@ isn’t a bulletproof solution yet.
569569
</p>
570570
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
571571
</b-card>
572-
<b-card img-src="https://lorempixel.com/400/400/"
572+
<b-card img-src="https://picsum.photos/400/400/?image=41"
573573
img-fluid
574574
img-alt="image"
575575
overlay>
576576
</b-card>
577-
<b-card img-src="https://lorempixel.com/400/200/"
577+
<b-card img-src="https://picsum.photos/400/200/?image=41"
578578
img-fluid
579579
img-alt="image"
580580
img-top>

‎src/components/carousel/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -23,23 +23,23 @@ controls and indicators. Please be aware that nested carousels are **not** suppo
2323
<!-- Text slides with image -->
2424
<b-carousel-slide caption="First slide"
2525
text="Nulla vitae elit libero, a pharetra augue mollis interdum."
26-
img-src="https://lorempixel.com/1024/480/technics/2/"
26+
img-src="https://picsum.photos/1024/480/?image=52"
2727
></b-carousel-slide>
2828

2929
<!-- Slides with custom text -->
30-
<b-carousel-slide img-src="https://lorempixel.com/1024/480/technics/4/">
30+
<b-carousel-slide img-src="https://picsum.photos/1024/480/?image=54">
3131
<h1>Hello world!</h1>
3232
</b-carousel-slide>
3333

3434
<!-- Slides with image only -->
35-
<b-carousel-slide img-src="https://lorempixel.com/1024/480/technics/8/">
35+
<b-carousel-slide img-src="https://picsum.photos/1024/480/?image=58">
3636
</b-carousel-slide>
3737

3838
<!-- Slides with img slot -->
3939
<!-- Note the classes .d-block and .img-fluid to prevent browser default image alignment -->
4040
<b-carousel-slide>
4141
<img slot="img" class="d-block img-fluid w-100" width="1024" height="480"
42-
src="https://lorempixel.com/1024/480/technics/5/" alt="image slot">
42+
src="https://picsum.photos/1024/480/?image=55" alt="image slot">
4343
</b-carousel-slide>
4444

4545
<!-- Slide with blank fluid image to maintain slide aspect ratio -->

‎src/components/carousel/fixtures/carousel.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,11 @@ <h1>Hello world!</h1>
2121
</b-carousel-slide>
2222

2323
<!-- Slides with image -->
24-
<b-carousel-slide img="https://lorempixel.com/1024/480/technics/2/">
24+
<b-carousel-slide img="https://picsum.photos/1024/480/?image=52">
2525
</b-carousel-slide>
2626

2727
<!-- Slides with image -->
28-
<b-carousel-slide img="https://lorempixel.com/1024/480/technics/4/">
28+
<b-carousel-slide img="https://picsum.photos/1024/480/?image=54">
2929
</b-carousel-slide>
3030

3131
</b-carousel>

‎src/components/image/README.md

Lines changed: 18 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@ with the parent element - up to the maximum native width of the image.
2020

2121
```html
2222
<div>
23-
<b-img src="https://lorempixel.com/1024/400/" fluid alt="Responsive image" />
23+
<b-img src="https://picsum.photos/1024/400/?image=41" fluid alt="Responsive image" />
2424
</div>
2525

2626
<!-- b-img-responsive-1.vue -->
@@ -32,9 +32,9 @@ the `fluid-grow` prop. Note this may cause bluring on small bitmap images.
3232
```html
3333
<div>
3434
<h5>Small image with <code>fluid</code>:</h5>
35-
<b-img src="https://lorempixel.com/300/150/" fluid alt="Fluid image" />
35+
<b-img src="https://picsum.photos/300/150/?image=41" fluid alt="Fluid image" />
3636
<h5 class="my-3">Small image with <code>fluid-grow</code>:</h5>
37-
<b-img src="https://lorempixel.com/300/150/" fluid-grow alt="Fluid-Grow image" />
37+
<b-img src="https://picsum.photos/300/150/?image=41" fluid-grow alt="Fluid-Grow image" />
3838
</div>
3939

4040
<!-- b-img-responsive-2.vue -->
@@ -54,13 +54,13 @@ You can use prop `thumbnail` to give an image a rounded light border appearance.
5454
<b-container fluid class="p-4 bg-dark">
5555
<b-row>
5656
<b-col>
57-
<b-img thumbnail fluid src="https://lorempixel.com/250/250/technics/4/" alt="Thumbnail" />
57+
<b-img thumbnail fluid src="https://picsum.photos/250/250/?image=54" alt="Thumbnail" />
5858
</b-col>
5959
<b-col>
60-
<b-img thumbnail fluid src="https://lorempixel.com/250/250/technics/8/" alt="Thumbnail" />
60+
<b-img thumbnail fluid src="https://picsum.photos/250/250/?image=58" alt="Thumbnail" />
6161
</b-col>
6262
<b-col>
63-
<b-img thumbnail fluid src="https://lorempixel.com/250/250/technics/4/" alt="Thumbnail" />
63+
<b-img thumbnail fluid src="https://picsum.photos/250/250/?image=59" alt="Thumbnail" />
6464
</b-col>
6565
</b-row>
6666
</b-container>
@@ -102,8 +102,8 @@ in a container that has the class `text-center`.
102102
**Left an Right aligned (float):**
103103
```html
104104
<div class="clearfix">
105-
<b-img left src="https://lorempixel.com/125/125/technics/8/" alt="left image" />
106-
<b-img right src="https://lorempixel.com/125/125/technics/8/" alt="right image" />
105+
<b-img left src="https://picsum.photos/125/125/?image=58" alt="left image" />
106+
<b-img right src="https://picsum.photos/125/125/?image=58" alt="right image" />
107107
</div>
108108

109109
<!-- b-img-left-right.vue -->
@@ -112,7 +112,7 @@ in a container that has the class `text-center`.
112112
**Center aligned (block):**
113113
```html
114114
<div>
115-
<b-img center src="https://lorempixel.com/125/125/technics/8/" alt="center image" />
115+
<b-img center src="https://picsum.photos/125/125/?image=58" alt="center image" />
116116
</div>
117117

118118
<!-- b-img-center.vue -->
@@ -194,15 +194,15 @@ removed.
194194
**Example usage:**
195195
```html
196196
<div>
197-
<b-img-lazy src="https://lorempixel.com/600/400/cats/1/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
198-
<b-img-lazy src="https://lorempixel.com/600/400/cats/3/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
199-
<b-img-lazy src="https://lorempixel.com/600/400/cats/4/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
200-
<b-img-lazy src="https://lorempixel.com/600/400/cats/5/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
201-
<b-img-lazy src="https://lorempixel.com/600/400/cats/6/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
202-
<b-img-lazy src="https://lorempixel.com/600/400/cats/7/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
203-
<b-img-lazy src="https://lorempixel.com/600/400/cats/8/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
204-
<b-img-lazy src="https://lorempixel.com/600/400/cats/9/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
205-
<b-img-lazy src="https://lorempixel.com/600/400/cats/10/" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
197+
<b-img-lazy src="https://picsum.photos/600/400/?image=81" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
198+
<b-img-lazy src="https://picsum.photos/600/400/?image=83" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
199+
<b-img-lazy src="https://picsum.photos/600/400/?image=84" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
200+
<b-img-lazy src="https://picsum.photos/600/400/?image=85" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
201+
<b-img-lazy src="https://picsum.photos/600/400/?image=91" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
202+
<b-img-lazy src="https://picsum.photos/600/400/?image=87" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
203+
<b-img-lazy src="https://picsum.photos/600/400/?image=88" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
204+
<b-img-lazy src="https://picsum.photos/600/400/?image=89" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
205+
<b-img-lazy src="https://picsum.photos/600/400/?image=90" center fluid-grow width="600" height="400" blank-color="#bbb" alt="img" class="my-5" />
206206
</div>
207207

208208
<!-- b-img-lazy.vue -->

‎src/components/image/fixtures/image.html

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11
<div id="app">
2-
<b-img ref="default" src="https://lorempixel.com/200/200/technics/8/"></b-img>
2+
<b-img ref="default" src="https://picsum.photos/200/200/?image=58"></b-img>
33
<br>
4-
<b-img ref="fluid" fluid src="https://lorempixel.com/200/200/technics/8/"></b-img>
4+
<b-img ref="fluid" fluid src="https://picsum.photos/200/200/?image=58"></b-img>
55
<br>
6-
<b-img ref="thumbnail" thumbnail src="https://lorempixel.com/200/200/technics/8/"></b-img>
6+
<b-img ref="thumbnail" thumbnail src="https://picsum.photos/200/200/?image=58"></b-img>
77
<br>
8-
<b-img ref="rounded" rounded src="https://lorempixel.com/200/200/technics/8/"></b-img>
8+
<b-img ref="rounded" rounded src="https://picsum.photos/200/200/?image=58"></b-img>
99
<br>
10-
<b-img ref="roundedTop" rounded="top" src="https://lorempixel.com/200/200/technics/8/"></b-img>
10+
<b-img ref="roundedTop" rounded="top" src="https://picsum.photos/200/200/?image=58"></b-img>
1111
<br>
1212
<b-img ref="blank" blank></b-img>
1313
<br>
1414
<b-img ref="blankSize" blank width="200" :height="250" blank-color="blue"></b-img>
1515
<br>
16-
<b-img ref="blankSrc" blank src="https://lorempixel.com/200/200/technics/8/"></b-img>
16+
<b-img ref="blankSrc" blank src="https://picsum.photos/200/200/?image=58"></b-img>
1717
<br>
18-
<b-img ref="center" center src="https://lorempixel.com/200/200/technics/8/"></b-img>
18+
<b-img ref="center" center src="https://picsum.photos/200/200/?image=58"></b-img>
1919
<br>
20-
<b-img ref="left" left src="https://lorempixel.com/200/200/technics/8/"></b-img>
20+
<b-img ref="left" left src="https://picsum.photos/200/200/?image=58"></b-img>
2121
<br>
22-
<b-img ref="right" right src="https://lorempixel.com/200/200/technics/8/"></b-img>
22+
<b-img ref="right" right src="https://picsum.photos/200/200/?image=58"></b-img>
2323
<br>
24-
<b-img-lazy ref="lazy" blank blank-color="#f00" width="200" height="200" src="https://lorempixel.com/200/200/technics/8/"></b-img-lazy>
24+
<b-img-lazy ref="lazy" blank blank-color="#f00" width="200" height="200" src="https://picsum.photos/200/200/?image=58"></b-img-lazy>
2525
</div>

‎src/components/image/img.spec.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ describe('img', async () => {
2525
})
2626
})
2727

28-
it("all but blanks should have 'src' starting with 'https://lorempixel.com'", async () => {
28+
it("all but blanks should have 'src' starting with 'https://picsum.photos'", async () => {
2929
const { app: { $refs } } = window;
3030
[
3131
'default',
@@ -39,7 +39,7 @@ describe('img', async () => {
3939
].forEach(ref => {
4040
const img = $refs[ref]
4141
expect(img).toBeDefined()
42-
expect(img.getAttribute('src')).toContain('https://lorempixel.com')
42+
expect(img.getAttribute('src')).toContain('https://picsum.photos')
4343
});
4444
[
4545
'blank',
@@ -48,7 +48,7 @@ describe('img', async () => {
4848
].forEach(ref => {
4949
const img = $refs[ref]
5050
expect(img).toBeDefined()
51-
expect(img.getAttribute('src')).not.toContain('https://lorempixel.com')
51+
expect(img.getAttribute('src')).not.toContain('https://picsum.photos')
5252
})
5353
})
5454

‎src/components/tabs/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -51,15 +51,15 @@ To disable the `card-body` class, set the `no-body` prop on `<b-tab>` sub compon
5151
<b-card no-body>
5252
<b-tabs card>
5353
<b-tab no-body title="Picture 1" active>
54-
<b-card-img bottom src="https://lorempixel.com/600/200/food/1/" />
54+
<b-card-img bottom src="https://picsum.photos/600/200/?image=21" />
5555
<b-card-footer>Picture 1 footer</b-card-footer>
5656
</b-tab>
5757
<b-tab no-body title="Picture 2">
58-
<b-card-img bottom src="https://lorempixel.com/600/200/food/5/" />
58+
<b-card-img bottom src="https://picsum.photos/600/200/?image=25" />
5959
<b-card-footer>Picture 2 footer</b-card-footer>
6060
</b-tab>
6161
<b-tab no-body title="Picture 3">
62-
<b-card-img bottom src="https://lorempixel.com/600/200/food/6/" />
62+
<b-card-img bottom src="https://picsum.photos/600/200/?image=26" />
6363
<b-card-footer>Picture 3 footer</b-card-footer>
6464
</b-tab>
6565
<b-tab title="Text">

0 commit comments

Comments
 (0)