chore(clay-css-test-site): Move site only images to `content\site-ima…

…ges` directory
bryceosterhaus · May 19, 2020 · 8d6ff0f · 8d6ff0f
1 parent 9deb3b3
commit 8d6ff0f
Show file tree

Hide file tree

Showing 38 changed files with 42 additions and 42 deletions.
diff --git a/packages/clay-css/src/content/card_interactive.html b/packages/clay-css/src/content/card_interactive.html
@@ -146,7 +146,7 @@ <h3>Card Interactive Secondary</h3>
 			<div class="card-body">
 				<label>Geolocation</label>
 				<div class="aspect-ratio aspect-ratio-16-to-9">
-					<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+					<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 				</div>
 			</div>
 		</div>

diff --git a/packages/clay-css/src/content/cards.html b/packages/clay-css/src/content/cards.html
@@ -1016,7 +1016,7 @@ <h3>Padded Horizontal Cards</h3>
 			<div class="card-body">
 				<div class="card-row">
 					<div class="autofit-col">
-						<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/images/thumbnail_placeholder.gif" style="width: 121px;">
+						<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif" style="width: 121px;">
 					</div>
 
 					<div class="autofit-col autofit-col-expand autofit-col-gutters">
@@ -1305,7 +1305,7 @@ <h3>Card Row Content Alignment Helpers</h3>
 		<div class="card card-horizontal">
 			<div class="card-row">
 				<div class="autofit-col">
-					<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/images/thumbnail_placeholder.gif" style="width: 150px;">
+					<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif" style="width: 150px;">
 				</div>
 
 				<div class="autofit-col autofit-col-expand autofit-col-gutters">
@@ -1350,7 +1350,7 @@ <h3>Card Helper Classes</h3>
 			<div class="card-row">
 				<div class="autofit-col autofit-col-expand" style="overflow:hidden;">
 					<section class="autofit-section">
-						<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+						<img alt="thumbnail" class="card-item-first" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 					</section>
 				</div>
 				<div class="autofit-col autofit-col-expand">

diff --git a/packages/clay-css/src/content/images_and_thumbnails.html b/packages/clay-css/src/content/images_and_thumbnails.html
@@ -13,10 +13,10 @@ <h3>Responsive Image</h3>
 
 		<div class="row">
 			<div class="col-6 col-sm-3">
-				<img alt="responsive image" class="img-fluid" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+				<img alt="responsive image" class="img-fluid" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 			</div>
 			<div class="col-3 col-sm-2">
-				<img alt="responsive image" class="img-fluid" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+				<img alt="responsive image" class="img-fluid" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 			</div>
 		</div>
 	</div>
@@ -34,15 +34,15 @@ <h3>Image Shapes</h3>
 
 		<div class="row">
 			<div class="col-4">
-				<img alt="responsive image with rounded edges" class="img-fluid rounded" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+				<img alt="responsive image with rounded edges" class="img-fluid rounded" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 			</div>
 
 			<div class="col-4">
-				<img alt="responsive circle image" class="img-fluid rounded-circle" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+				<img alt="responsive circle image" class="img-fluid rounded-circle" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 			</div>
 
 			<div class="col-4">
-				<img alt="responsive thumbnail image" class="img-fluid img-thumbnail" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+				<img alt="responsive thumbnail image" class="img-fluid img-thumbnail" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 			</div>
 		</div>
 	</div>

diff --git a/packages/clay-css/src/content/images_aspect_ratio.html b/packages/clay-css/src/content/images_aspect_ratio.html
@@ -51,7 +51,7 @@ <h3>Aspect Ratio Item</h3>
 
 	<div class="col-3">
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class=" aspect-ratio-item" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class=" aspect-ratio-item" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 </div>
@@ -67,43 +67,43 @@ <h3>Aspect Ratio Item Fluid</h3>
 
 	<div class="col-md-6">
 		<h6>Original Image</h6>
-		<img alt="thumbnail" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg" style="max-width:300px;width:100%;">
+		<img alt="thumbnail" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg" style="max-width:300px;width:100%;">
 	</div>
 	<div class="col-md-6">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 
 	<div class="col-3">
 		<h6>1:1</h6>
 		<div class="aspect-ratio">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>3:2</h6>
 		<div class="aspect-ratio aspect-ratio-3-to-2">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>4:3</h6>
 		<div class="aspect-ratio aspect-ratio-4-to-3">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>8:5</h6>
 		<div class="aspect-ratio aspect-ratio-8-to-5">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 </div>
@@ -119,31 +119,31 @@ <h3>Aspect Ratio Item Vertical Fluid</h3>
 	<div class="col-3">
 		<h6>1:1</h6>
 		<div class="aspect-ratio">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/images/long_user_image.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/content/site-images/long_user_image.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>3:2</h6>
 		<div class="aspect-ratio aspect-ratio-3-to-2">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/images/long_user_image.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/content/site-images/long_user_image.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>4:3</h6>
 		<div class="aspect-ratio aspect-ratio-4-to-3">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/images/long_user_image.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/content/site-images/long_user_image.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>8:5</h6>
 		<div class="aspect-ratio aspect-ratio-8-to-5">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/images/long_user_image.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/content/site-images/long_user_image.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/images/long_user_image.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-vertical-fluid" src="{{rootPath}}/content/site-images/long_user_image.png">
 		</div>
 	</div>
 </div>
@@ -164,13 +164,13 @@ <h3>Aspect Ratio Item Flush</h3>
 	<div class="col-6">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/images/thumbnail_hot_air_ballon.jpg">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/content/site-images/thumbnail_hot_air_balloon.jpg">
 		</div>
 	</div>
 	<div class="col-6">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 </div>
@@ -187,13 +187,13 @@ <h3>Aspect Ratio Item Vertical Flush</h3>
 	<div class="col-6">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-vertical-flush" src="{{rootPath}}/images/thumbnail_graph2.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-vertical-flush" src="{{rootPath}}/content/site-images/thumbnail_graph2.png">
 		</div>
 	</div>
 	<div class="col-6">
 		<h6>16:9</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-vertical-flush" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-vertical-flush" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 </div>
@@ -206,55 +206,55 @@ <h3>Aspect Ratio Item Helper Classes</h3>
 	<div class="col-3">
 		<h6>aspect-ratio-item-center-middle</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-fluid</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-top-center</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-top-center aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-top-center aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-top-right</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid aspect-ratio-item-top-right" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid aspect-ratio-item-top-right" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-right-middle</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid aspect-ratio-item-right-middle" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-fluid aspect-ratio-item-right-middle" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-bottom-right</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-right aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-right aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-bottom-center</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-center aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-center aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-bottom-left</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-left aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-bottom-left aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 	<div class="col-3">
 		<h6>aspect-ratio-item-left-middle</h6>
 		<div class="aspect-ratio aspect-ratio-16-to-9">
-			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-left-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/liferay_logo_tagline.png">
+			<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-left-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/liferay_logo_tagline.png">
 		</div>
 	</div>
 </div>

diff --git a/packages/clay-css/src/content/sidebar.html b/packages/clay-css/src/content/sidebar.html
@@ -131,7 +131,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg" />
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg" />
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">

diff --git a/...lay-css/src/images/DeathtoStock_Desk4.jpg → ...ontent/site-images/DeathtoStock_Desk4.jpg b/...lay-css/src/images/DeathtoStock_Desk4.jpg → ...ontent/site-images/DeathtoStock_Desk4.jpg
diff --git a/...-css/src/images/DeathtoStock_Spring10.jpg → ...ent/site-images/DeathtoStock_Spring10.jpg b/...-css/src/images/DeathtoStock_Spring10.jpg → ...ent/site-images/DeathtoStock_Spring10.jpg
diff --git a/...ay-css/src/images/back_decoration_nav.png → ...ntent/site-images/back_decoration_nav.png b/...ay-css/src/images/back_decoration_nav.png → ...ntent/site-images/back_decoration_nav.png
diff --git a/...y-css/src/images/liferay_logo_tagline.png → ...tent/site-images/liferay_logo_tagline.png b/...y-css/src/images/liferay_logo_tagline.png → ...tent/site-images/liferay_logo_tagline.png
diff --git a/packages/clay-css/src/images/logo-dxp.svg → ...-css/src/content/site-images/logo-dxp.svg b/packages/clay-css/src/images/logo-dxp.svg → ...-css/src/content/site-images/logo-dxp.svg
diff --git a/...ges/clay-css/src/images/logo-settings.svg → ...src/content/site-images/logo-settings.svg b/...ges/clay-css/src/images/logo-settings.svg → ...src/content/site-images/logo-settings.svg
diff --git a/packages/clay-css/src/images/logo-site.svg → ...css/src/content/site-images/logo-site.svg b/packages/clay-css/src/images/logo-site.svg → ...css/src/content/site-images/logo-site.svg
diff --git a/packages/clay-css/src/images/logo1.svg → ...lay-css/src/content/site-images/logo1.svg b/packages/clay-css/src/images/logo1.svg → ...lay-css/src/content/site-images/logo1.svg
diff --git a/packages/clay-css/src/images/logo2.svg → ...lay-css/src/content/site-images/logo2.svg b/packages/clay-css/src/images/logo2.svg → ...lay-css/src/content/site-images/logo2.svg
diff --git a/packages/clay-css/src/images/logo3.svg → ...lay-css/src/content/site-images/logo3.svg b/packages/clay-css/src/images/logo3.svg → ...lay-css/src/content/site-images/logo3.svg
diff --git a/...s/clay-css/src/images/long_user_image.png → ...c/content/site-images/long_user_image.png b/...s/clay-css/src/images/long_user_image.png → ...c/content/site-images/long_user_image.png
diff --git a/packages/clay-css/src/images/switch_base.png → ...s/src/content/site-images/switch_base.png b/packages/clay-css/src/images/switch_base.png → ...s/src/content/site-images/switch_base.png
diff --git a/...ges/clay-css/src/images/switch_button.png → ...src/content/site-images/switch_button.png b/...ges/clay-css/src/images/switch_button.png → ...src/content/site-images/switch_button.png
diff --git a/...clay-css/src/images/switch_components.png → ...content/site-images/switch_components.png b/...clay-css/src/images/switch_components.png → ...content/site-images/switch_components.png
diff --git a/...s/clay-css/src/images/switch_off_icon.png → ...c/content/site-images/switch_off_icon.png b/...s/clay-css/src/images/switch_off_icon.png → ...c/content/site-images/switch_off_icon.png
diff --git a/...es/clay-css/src/images/switch_on_icon.png → ...rc/content/site-images/switch_on_icon.png b/...es/clay-css/src/images/switch_on_icon.png → ...rc/content/site-images/switch_on_icon.png
diff --git a/...ss/src/images/thumbnail_browser_blank.png → ...t/site-images/thumbnail_browser_blank.png b/...ss/src/images/thumbnail_browser_blank.png → ...t/site-images/thumbnail_browser_blank.png
diff --git a/.../clay-css/src/images/thumbnail_coffee.jpg → .../content/site-images/thumbnail_coffee.jpg b/.../clay-css/src/images/thumbnail_coffee.jpg → .../content/site-images/thumbnail_coffee.jpg
diff --git a/.../clay-css/src/images/thumbnail_coyote.jpg → .../content/site-images/thumbnail_coyote.jpg b/.../clay-css/src/images/thumbnail_coyote.jpg → .../content/site-images/thumbnail_coyote.jpg
diff --git a/...es/clay-css/src/images/thumbnail_desk.jpg → ...rc/content/site-images/thumbnail_desk.jpg b/...es/clay-css/src/images/thumbnail_desk.jpg → ...rc/content/site-images/thumbnail_desk.jpg
diff --git a/...es/clay-css/src/images/thumbnail_dock.jpg → ...rc/content/site-images/thumbnail_dock.jpg b/...es/clay-css/src/images/thumbnail_dock.jpg → ...rc/content/site-images/thumbnail_dock.jpg
diff --git a/.../clay-css/src/images/thumbnail_graph1.png → .../content/site-images/thumbnail_graph1.png b/.../clay-css/src/images/thumbnail_graph1.png → .../content/site-images/thumbnail_graph1.png
diff --git a/.../clay-css/src/images/thumbnail_graph2.png → .../content/site-images/thumbnail_graph2.png b/.../clay-css/src/images/thumbnail_graph2.png → .../content/site-images/thumbnail_graph2.png
diff --git a/...s/src/images/thumbnail_hot_air_ballon.jpg → ...site-images/thumbnail_hot_air_balloon.jpg b/...s/src/images/thumbnail_hot_air_ballon.jpg → ...site-images/thumbnail_hot_air_balloon.jpg
diff --git a/...-css/src/images/thumbnail_placeholder.gif → ...ent/site-images/thumbnail_placeholder.gif b/...-css/src/images/thumbnail_placeholder.gif → ...ent/site-images/thumbnail_placeholder.gif
diff --git a/...y-css/src/images/thumbnail_typewriter.jpg → ...tent/site-images/thumbnail_typewriter.jpg b/...y-css/src/images/thumbnail_typewriter.jpg → ...tent/site-images/thumbnail_typewriter.jpg
diff --git a/packages/clay-css/src/images/tv-at-beach.png → ...s/src/content/site-images/tv-at-beach.png b/packages/clay-css/src/images/tv-at-beach.png → ...s/src/content/site-images/tv-at-beach.png
diff --git a/packages/clay-css/src/content/test_card_custom_fields_view.html b/packages/clay-css/src/content/test_card_custom_fields_view.html
@@ -88,7 +88,7 @@ <h3 class="sheet-subtitle">Others</h3>
 						<div class="card-body">
 							<label>Geolocation</label>
 							<div class="aspect-ratio">
-								<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/images/thumbnail_placeholder.gif">
+								<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-flush" src="{{rootPath}}/content/site-images/thumbnail_placeholder.gif">
 							</div>
 						</div>
 					</div>

diff --git a/packages/clay-css/src/content/test_card_view_template_info_panel.html b/packages/clay-css/src/content/test_card_view_template_info_panel.html
@@ -240,7 +240,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg">
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg">
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">

diff --git a/packages/clay-css/src/content/test_list_view_template.html b/packages/clay-css/src/content/test_list_view_template.html
@@ -314,7 +314,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg">
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg">
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">

diff --git a/packages/clay-css/src/content/test_list_view_template_info_panel.html b/packages/clay-css/src/content/test_list_view_template_info_panel.html
@@ -238,7 +238,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg">
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg">
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">

diff --git a/packages/clay-css/src/content/test_table_view_template.html b/packages/clay-css/src/content/test_table_view_template.html
@@ -314,7 +314,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg">
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg">
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">

diff --git a/packages/clay-css/src/content/test_table_view_template_info_panel.html b/packages/clay-css/src/content/test_table_view_template_info_panel.html
@@ -238,7 +238,7 @@ <h4 class="component-title">
 				<div class="tab-content">
 					<div aria-labelledby="sidebarLightDetailsTab" class="active fade show tab-pane" id="sidebarLightDetails" role="tabpanel">
 						<div class="aspect-ratio aspect-ratio-16-to-9 sidebar-panel" style="margin-top:1.5rem;">
-							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/images/DeathtoStock_Desk4.jpg">
+							<img alt="thumbnail" class="aspect-ratio-item aspect-ratio-item-center-middle aspect-ratio-item-fluid" src="{{rootPath}}/content/site-images/DeathtoStock_Desk4.jpg">
 							<div class="sticker sticker-bottom-left sticker-danger">JPG</div>
 						</div>
 						<dl class="sidebar-dl sidebar-section">