Update showcase.html

marc2o · Mar 10, 2024 · 77f6abf · 77f6abf
1 parent b57443f
commit 77f6abf
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/_includes/showcase.html b/_includes/showcase.html
@@ -14,6 +14,7 @@
 			height: auto;
 		}
 		.data_item .cover {
+			position: relative;
 			overflow: hidden;
 			border-radius: 0.2rem;
 		}
@@ -35,6 +36,24 @@
 			aspect-ratio: 2/4;
 			flex-basis: 40%;
 		}
+		.book>.cover::after {
+			content: "";
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: linear-gradient(to right, rgb(60, 13, 20) 3px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.25) 7px, rgba(255, 255, 255, 0.25) 10px, transparent 12px, transparent 16px, rgba(255, 255, 255, 0.25) 17px, transparent 22px);
+		}
+		.album>.cover::after {
+			content: "";
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.1) 49%, transparent 50%);	
+		}
 	</style>
 	<div class="data_items">
 		{% for item in site.data.items %}