akoepcke

// Remember to install mini-svg-data-uri
// Follow me on twitter for memes @jordienr

import { type Config } from "tailwindcss";
const {
  default: flattenColorPalette,
} = require("tailwindcss/lib/util/flattenColorPalette");
const svgToDataUri = require("mini-svg-data-uri");

export default {

akoepcke

There are two types of markup in Liquid: Output and Tag.

• Output markup (which may resolve to text) is surrounded by

{{ matched pairs of curly brackets (ie, braces) }}

• Tag markup (which cannot resolve to text) is surrounded by

akoepcke

module.exports = { 
  // forcing the creation of an index.html for every page to allow
  // providers serving pages without having to add .html to the url
  exportPathMap: async function (defaultPathMap) {
    const pathMap = {};

    for (const [path, config] of Object.entries(defaultPathMap)) {
      if (path === "/") {
        pathMap[path] = config;
      } else {

akoepcke

<?php

namespace App\Traits;

use Carbon\Carbon;

trait FilterableByDates
{
    public function scopeToday($query, $column = 'created_at')
    {

akoepcke

A Tailwind CSS aspect-ratio Replacement Supporting Safari 14

• Jump down to the plugin
• Try it on Codepen — and heart it!
• Try it on Tailwind Play
• Read my blog post about this plugin - and share it!

and star this gist!

License

akoepcke

function PlaceholderImage({
	height,
	width,
	...consumerProps
}) {
	return (
		<img
			{...consumerProps}
			alt=""
			src={`https://via.placeholder.com/${width}x${height}`}

akoepcke

{
...
  "scripts": {
    "dev": "astro dev",
    "start": "astro dev",
    "build": "astro build",
    "postbuild": "node ./postbuild.mjs -path ./",
    "preview": "astro preview",
    "astro": "astro"
  },

akoepcke

const Test = () => {
  return
    (
      <>
        <div className="absolute top-0 right-0 p-4 text-right bg-white">
          ref: {swipeRef.current?.clientHeight}
          <br />
          availHeight: {window.screen.availHeight}
          <br />
          innerHeight: {window.innerHeight}

akoepcke

@servers(['web' => ['user@my-server.com']])

@setup
    $env = isset($env) ? $env : 'dev';
    
    if ($env === 'dev') {
        $dir = '/var/www/html/dev/my-laravel-app';
    } else if ($env === 'production') {
        $dir = '/var/www/html/my-laravel-app';
    }

akoepcke

/* If you've ever had the need to link directly to an open modal window with Bootstrap, here's a quick and easy way to do it:

Make sure your modal has an id:

<div class="modal" id="myModal" ... >

Then stick this bit of Javascript at at the end of your document:
 */

$(document).ready(function() {