minor improvements

captainbrosset · captainbrosset · commit f90c8b8dc8c1 · 2025-07-08T11:50:08.000+02:00
diff --git a/css-masonry/dashboard.html b/css-masonry/dashboard.html
@@ -34,7 +34,7 @@
     item-tolerance: 0;
     gap: var(--gap);
     padding: var(--gap);
-    background: #0001;
+    background: linear-gradient(45deg, #3f03f94d, #f900ff36), linear-gradient(-45deg, #2dff4e42, #dfd61c45);
     border-radius: var(--outer-radius);
     user-select: none;
   }
diff --git a/css-masonry/plants.html b/css-masonry/plants.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <style>
   body {
-    margin: 0;
+    margin: 0 2rem;
     font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     font-size: 14pt;
     color: #4e814e;
@@ -27,7 +27,7 @@
 
   main {
     max-width: 1000px;
-    margin: 5rem auto;
+    margin: 5rem auto 20rem auto;
     display: masonry;
     grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
     gap: .25rem;
@@ -51,12 +51,10 @@
 
   @keyframes animate-in-and-out {
     entry 0% {
-      /* opacity: 0; */
-      transform: translateY(3rem);
+      transform: translateY(100%);
     }
 
-    entry 100% {
-      /* opacity: 1; */
+    entry 200% {
       transform: translateY(0);
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@`
`34`	`34`	`item-tolerance: 0;`
`35`	`35`	`gap: var(--gap);`
`36`	`36`	`padding: var(--gap);`
`37`		`- background: #0001;`
	`37`	`+ background: linear-gradient(45deg, #3f03f94d, #f900ff36), linear-gradient(-45deg, #2dff4e42, #dfd61c45);`
`38`	`38`	`border-radius: var(--outer-radius);`
`39`	`39`	`user-select: none;`
`40`	`40`	`}`