Skip to content

Instantly share code, notes, and snippets.

View akoepcke's full-sized avatar

A. Koepcke akoepcke

13 followers · 5 following
View GitHub Profile
@akoepcke
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>
@akoepcke
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.
spacing: {
"13": '3.25rem',
"15": '3.75rem',
"17": '4.25rem',
"18": '4.5rem',
"19": '4.75rem',
"76": "19rem",
"84": "21rem",
"88": "22rem",
"92": "23rem",
@akoepcke
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
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
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
akoepcke / Envoy.blade.php
Last active November 26, 2021 12:10
Deploy Laravel with Envoy
@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
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
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
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
akoepcke / A Tailwind CSS aspect-ratio Replacement Supporting Safari 14.md
Created March 30, 2023 09:27 — forked from olets/A Tailwind CSS aspect-ratio Replacement Supporting Safari 14.md
A Tailwind CSS aspect-ratio Replacement Supporting Safari 14