neisdev
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="antialiased sans-serif bg-gray-300"> | |
| <!-- Alert Box --> | |
| <div class="fixed w-full z-50 flex inset-0 items-start justify-center pointer-events-none md:mt-5" x-data="{ | |
| message: '', | |
| showFlashMessage(event) { | |
| this.message = event.detail.message; | |
| setTimeout(() => this.message = '', 3000) | |
| } | |
| }"> | |
| <template x-on:flash.window="showFlashMessage(event)"></template> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- This example requires Tailwind CSS v2.0+ --> | |
| <div class="min-h-screen bg-white"> | |
| <nav class="bg-white border-b border-gray-200"> | |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> | |
| <div class="flex justify-between h-16"> | |
| <div class="flex"> | |
| <div class="flex-shrink-0 flex items-center"> | |
| <img class="block lg:hidden h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-mark-indigo-600.svg" alt="Workflow"> | |
| <img class="hidden lg:block h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-logo-indigo-600-mark-gray-800-text.svg" alt="Workflow"> | |
| </div> |
neisdev
/ alpine-js-intersectionobserver-enter-leave.markdown
Created
October 8, 2023 22:10
Alpine.js IntersectionObserver @Enter @Leave
Training integration of this template: https://d13yacurqjgara.cloudfront.net/users/207046/screenshots/3029510/attachments/634840/contact-profile-4-notes.png
A Pen by Leonardo BALLAND on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <title>Flexbox responsive grid</title> | |
| </head> | |
| <body> | |
| <div class="wrapper"> | |
| <p>Responsive grid with Flexbox</p> | |
| <h1>Basic Grid</h1> | |
| <p></p> |
A Pen by Tim Gaines on CodePen.
This is a recipe for a fast Drupal installation. Customization level: Custom Site name, custom site password, custom database password, configured drush alias
A Pen by Franco Cedillo on CodePen.