@@ -14,24 +14,24 @@ Here's another badge: image:https://img.shields.io/badge/license-MIT-blue.svg[Li
1414
1515=== Basic Image
1616
17- image::https://via.placeholder.com /600x300/25262b/c1c2c5?text=Sample+Image[Sample Image,600,300]
17+ image::https://placehold.co /600x300/25262b/c1c2c5?text=Sample+Image[Sample Image,600,300]
1818
1919=== Image with Caption
2020
2121.A placeholder image demonstrating dark theme colors
22- image::https://via.placeholder.com /600x200/1a1b1e/4dabf7?text=Dark+Theme+Colors[Dark Theme Colors,600,200]
22+ image::https://placehold.co /600x200/1a1b1e/4dabf7?text=Dark+Theme+Colors[Dark Theme Colors,600,200]
2323
2424=== Image with Title and Alt Text
2525
2626[#fig-placeholder]
2727.Figure 1: Theme Color Palette
28- image::https://via.placeholder.com /500x150/141517/f1f3f5?text=Navbar+Color[Navbar Background Color,500,150]
28+ image::https://placehold.co /500x150/141517/f1f3f5?text=Navbar+Color[Navbar Background Color,500,150]
2929
3030== Image Alignment
3131
3232=== Left Aligned Image
3333
34- image::https://via.placeholder.com /200x100/373a40/c1c2c5?text=Left[Left aligned,200,100,role=left]
34+ image::https://placehold.co /200x100/373a40/c1c2c5?text=Left[Left aligned,200,100,role=left]
3535
3636This text flows around the left-aligned image.
3737The dark theme ensures images integrate well with the surrounding content regardless of alignment.
@@ -42,7 +42,7 @@ Notice how the text wraps naturally around the image.
4242
4343=== Right Aligned Image
4444
45- image::https://via.placeholder.com /200x100/373a40/c1c2c5?text=Right[Right aligned,200,100,role=right]
45+ image::https://placehold.co /200x100/373a40/c1c2c5?text=Right[Right aligned,200,100,role=right]
4646
4747This text flows around the right-aligned image.
4848Right alignment is useful for supplementary visuals that support the main content.
@@ -53,29 +53,29 @@ The clear float ensures content flows properly.
5353
5454=== Center Aligned Image
5555
56- image::https://via.placeholder.com /300x100/2c2e33/f1f3f5?text=Centered[Centered image,300,100,role=text-center]
56+ image::https://placehold.co /300x100/2c2e33/f1f3f5?text=Centered[Centered image,300,100,role=text-center]
5757
5858== Image Sizes
5959
6060=== Small Image
6161
62- image::https://via.placeholder.com /150x100/25262b/c1c2c5?text=Small[Small,150,100]
62+ image::https://placehold.co /150x100/25262b/c1c2c5?text=Small[Small,150,100]
6363
6464=== Medium Image
6565
66- image::https://via.placeholder.com /300x150/25262b/c1c2c5?text=Medium[Medium,300,150]
66+ image::https://placehold.co /300x150/25262b/c1c2c5?text=Medium[Medium,300,150]
6767
6868=== Large Image
6969
70- image::https://via.placeholder.com /600x200/25262b/c1c2c5?text=Large[Large,600,200]
70+ image::https://placehold.co /600x200/25262b/c1c2c5?text=Large[Large,600,200]
7171
7272== Image Gallery
7373
7474[.image-gallery]
7575--
76- image:https://via.placeholder.com /150x150/4dabf7/ffffff?text=1[Image 1,150,150]
77- image:https://via.placeholder.com /150x150/74c0fc/ffffff?text=2[Image 2,150,150]
78- image:https://via.placeholder.com /150x150/a5d8ff/1a1b1e?text=3[Image 3,150,150]
76+ image:https://placehold.co /150x150/4dabf7/ffffff?text=1[Image 1,150,150]
77+ image:https://placehold.co /150x150/74c0fc/ffffff?text=2[Image 2,150,150]
78+ image:https://placehold.co /150x150/a5d8ff/1a1b1e?text=3[Image 3,150,150]
7979--
8080
8181== Icons
@@ -115,10 +115,10 @@ Refer to <<fig-placeholder>> for an example of the theme color palette.
115115|===
116116| Preview | Description
117117
118- | image:https://via.placeholder.com /100x60/25262b/c1c2c5?text=Thumb[Thumbnail,100,60]
118+ | image:https://placehold.co /100x60/25262b/c1c2c5?text=Thumb[Thumbnail,100,60]
119119| This is a thumbnail image inside a table cell.
120120
121- | image:https://via.placeholder.com /100x60/141517/f1f3f5?text=Dark[Dark theme,100,60]
121+ | image:https://placehold.co /100x60/141517/f1f3f5?text=Dark[Dark theme,100,60]
122122| Another image demonstrating dark colors in a table.
123123|===
124124
@@ -128,7 +128,7 @@ Refer to <<fig-placeholder>> for an example of the theme color palette.
128128====
129129Here's a visual tip:
130130
131- image::https://via.placeholder.com /400x100/25262b/4dabf7?text=Tip+Image[Tip with image,400,100]
131+ image::https://placehold.co /400x100/25262b/4dabf7?text=Tip+Image[Tip with image,400,100]
132132
133133Images work well inside admonition blocks.
134134====
0 commit comments