Error: [$errno] $errstr
in file $errfile line $errline

"; } set_error_handler("warnError"); if (!$_SERVER['DOCUMENT_ROOT']) { $_SERVER['DOCUMENT_ROOT'] = '/weblink'; } # TODO separate file ?> isDot()) && str_ends_with($file, ".css")) { echo '' . PHP_EOL . ' '; } } ?> DEV PLAYGROUND

PLAYGROUND

Trying random stuff that i see on the web (websites, insta reels etc.)

TODO: CATEGORIZE

Before
After 

      .images{
        width: 15%;
        aspect-ratio: 3/2;
        object-fit: contain;
        mix-blend-mode: color-burn;
      }
example image
Example Image
Create grid and place both image and figcaption on it. add gradient effect and transition to figcaption. Then make opacity: 1 when hover
      
        <figure class="card">
          <img src="image.jpg" alt="...">
          <figcaption>Example Image</figcaption>
        </figure>
      
      
        .card {
          width: 30rem;
          overflow: hidden;
          display: grid;
          grid-template-areas: "stack";
        }
        .card>*{
          grid-area: stack;
        }
        .card>figcaption {
          display: grid;
          align-items: end;
          padding: 1.5rem 2rem;
          background-image: linear-gradient(to bottom,
          rgb(33 44 55 / 0),
          rgb(33 44 55 / 0),
          rgb(33 44 55 / 0.75)
          );
          opacity: 0;
          transition: opacity 300ms;
        }
        .card:hover figcaption{
          opacity:1; 
        }
Footer
isDot()) && str_ends_with($file, ".js") && $file != "jquery.js") { echo '' . PHP_EOL . ' '; } } ?>