Jordi Enric jordienr

🏝️

mallorca

designer & developer

jordienr / api.ts

Created January 15, 2024 12:48

Fully typed API client with zod and fetch

	import { z } from "zod";

	const Post = z.object({
	id: z.string(),
	slug: z.string(),
	content: z.string(),
	title: z.string()
	})

	export function createAPIClient() {

jordienr / tailwind.config.ts

Created July 15, 2023 09:10

Tailwind SVG Grid Background

	// 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 {

jordienr / button.css

Created June 10, 2023 12:03

pretty orange button with tailwind

	.btn {
	@apply flex w-full items-center justify-center gap-2 rounded-md border bg-white px-4 py-2 text-center font-medium tracking-wide text-slate-700 hover:bg-slate-50 sm:w-auto;
	}

	.btn.btn-icon {
	@apply inline-flex h-10 w-10 max-w-[40px] items-center border-none bg-transparent;
	}
	.btn.btn-icon:hover {
	@apply bg-orange-100 text-orange-500 transition-all;
	}

jordienr / Gradient.js

Created September 12, 2021 00:23

Stripe Mesh Gradient WebGL


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

jordienr / netlify.toml

Created July 13, 2021 11:42

netlify.toml - vue2

	[build]
	publish = "mvp/dist"
	command = "yarn build && yarn linkdeps"
	[context.production]
	environment = { NODE_VERSION = "14.17.0", NETLIFY_USE_YARN = "true" }
	[[redirects]]
	from = "/*"
	to = "/index.html"
	status = 200

jordienr / Tailwind 2.0 SCSS Color Variables.scss

Last active March 2, 2021 15:29

Tailwind 2.0 Colors as SCSS variables

jordienr / variables.scss

Created August 16, 2020 14:10

SCSS Variables I use in almost all my projects