gaiety / Phoenix (Elixir) + LitElement + TailwindCSS
0 likes
0 forks
1 files
Last active 4 months ago
Inline import the compiled TailwindCSS and Phoenix LiveView ViewHook and make it available to components
| 1 | import {LitElement, unsafeCSS} from 'lit' |
| 2 | import type {ViewHook} from 'phoenix_live_view' |
| 3 | import styles from '../../../priv/static/assets/app.css?inline' |
| 4 | |
| 5 | declare global { |
| 6 | interface HTMLElement { |
| 7 | LitLiveHook?: ViewHook |
| 8 | } |
| 9 | } |
gaiety / randomAlphaNumeric.js
0 likes
0 forks
1 files
Last active 4 months ago
Great for simple dynamic items, like a dynamic html ID suffix
| 1 | # Returns random a-z0-9 pattern of 9 characters |
| 2 | # Example: qhp050kba |
| 3 | |
| 4 | function randomAlphaNumeric() { |
| 5 | return Math.random().toString(36).slice(2) |
| 6 | } |
gaiety / date-time-bash.sh
0 likes
0 forks
1 files
Last active 4 months ago
Simple variables for the current date and time, great to include in logs for small scripts
| 1 | currentDate=$(date +"%m_%d_%Y") |
| 2 | currentTime=$(date +"%T") |
| 3 | |
| 4 | echo "Hello! It is $currentTime on the $currentDate" >> my-log.log |
gaiety / userIsTypingStuff.js
0 likes
0 forks
1 files
Last active 4 months ago
Hack for JavaScript check to see if the user might be typing somewhere
| 1 | let userIsTypingStuff = document.querySelectorAll('input:focus, textarea:focus').length !== 0; |