License

akoepcke / placeholder-image.js

Created March 1, 2023 09:44 — forked from stowball/placeholder-image.js

Placeholder React Components

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

akoepcke / package.json

Created January 4, 2023 17:01

Astro relative base path

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

akoepcke / test.tsx

Created February 7, 2022 19:41

	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 / Envoy.blade.php

Last active November 26, 2021 12:10

Deploy Laravel with Envoy

	@servers(['web' => ['[email protected]']])

	@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 / gist:0a07c557493214b7e1e9ff2b62a13e09

Created May 11, 2021 10:57 — forked from MrDys/gist:3512455

Link directly to an open modal window in Bootstrap

	/* 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() {

akoepcke / readDuration.php

Created May 7, 2021 19:07 — forked from owenvoke/readDuration.php

A string macro for the duration to read text.

	<?php

	// From Marcel Pociot's tweet
	// See: https://twitter.com/marcelpociot/status/1389881758267625473

	Str::macro('readDuration', function (... $text) {
	$totalWords = str_word_count(implode(' ', $text));
	$minutesToRead = round($totalWords / 200);

	return (int) max(1, $minutesToRead);

akoepcke / tailwind.config.js

Created April 17, 2021 21:39 — forked from samselikoff/tailwind.config.js

Firefox plugin for Tailwind CSS. Add styles that target Firefox browser only.

	const plugin = require("tailwindcss/plugin");

	module.exports = {
	mode: "jit",
	purge: {
	content: ["./src/*/.{js,ts,jsx,tsx,mdx,vue}"],
	},
	theme: { extend: {} },
	variants: {},
	plugins: [

akoepcke / bigger-tailwindcss-spacing-scale.js

Created January 18, 2021 09:59 — forked from vivgui/bigger-tailwindcss-spacing-scale.js

Here's a bigger spacing scale for TailwindCSS.

akoepcke / App.js

Created January 4, 2021 15:58 — forked from daankauwenberg/App.js

A React cookie consent using hooks and context

	import React from 'react';
	import { CookieConsentProvider } from './CookieConsent'
	import Page from './Page'

	function App() {
	return (
	<CookieConsentProvider>
	<div className="App">
	<Page />
	</div>

A. Koepcke akoepcke