This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Update globs depending on your framework | |
--- | |
name: tailwind_v4 | |
description: Guide for using Tailwind CSS v4 instead of v3.x | |
globs: ["**/*.{js,ts,jsx,tsx,mdx,css}"] | |
tags: | |
- tailwind | |
- css | |
--- |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@layer base { | |
:root { | |
--flexoki-bg: 48 100% 97%; | |
--flexoki-bg-2: 51 33% 92%; | |
--flexoki-ui: 51 21% 88%; | |
--flexoki-ui-2: 50 14% 83%; | |
--flexoki-ui-3: 55 10% 79%; | |
--flexoki-tx: 0 3% 6%; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Tailwind colors for Flexoki theme by Steph Ango. https://stephango.com/flexoki | |
const colors = { | |
base: { | |
black: '#100F0F', | |
950: '#1C1B1A', | |
900: '#282726', | |
850: '#343331', | |
800: '#403E3C', | |
700: '#575653', |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const MY_DOMAIN = "agodrich.com" | |
const START_PAGE = "https://www.notion.so/gatsby-starter-notion-2c5e3d685aa341088d4cd8daca52fcc2" | |
const DISQUS_SHORTNAME = "agodrich" | |
addEventListener('fetch', event => { | |
event.respondWith(fetchAndApply(event.request)) | |
}) | |
const corsHeaders = { | |
"Access-Control-Allow-Origin": "*", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from 'react'; | |
import { NotionRenderer } from "react-notion"; | |
import "react-notion/src/styles.css"; | |
import "prismjs/themes/prism-tomorrow.css"; | |
class App extends React.Component { | |
constructor(props) { | |
super(props) |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const MY_DOMAIN = "agodrich.com" | |
const START_PAGE = "https://www.notion.so/gatsby-starter-notion-2c5e3d685aa341088d4cd8daca52fcc2" | |
const DISQUS_SHORTNAME = "agodrich" | |
addEventListener('fetch', event => { | |
event.respondWith(fetchAndApply(event.request)) | |
}) | |
const corsHeaders = { | |
"Access-Control-Allow-Origin": "*", |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { Override, motionValue, useTransform } from "framer" | |
const contentOffsetY = motionValue(0) | |
// Apply this override to your scroll component | |
export function TrackScroll(): Override { | |
return { contentOffsetY: contentOffsetY } | |
} | |
// Apply this override to your parallax layer |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import * as React from "react"; | |
import { Frame, PropertyControls, ControlType } from "framer"; | |
import { FrameProps } from "framer/types/src/render/presentation/Frame"; | |
export class Browser extends React.Component { | |
static defaultProps = { |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
class GoogleAnalytics | |
@init: (webPropertyId) -> | |
@_initQueue webPropertyId | |
scriptTag = @_createScriptTag() | |
@_injectScriptTag scriptTag | |
true | |
@_initQueue: (webPropertyId) -> | |
window._gaq ?= [] | |
window._gaq.push ['_setAccount', webPropertyId] |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#!/usr/bin/ruby | |
=begin | |
This script turns downloadable tweets from twitter into a markdown | |
based text file timeline. | |
To run, change the 'Username' and 'TwitterFilename' below. | |
I THINK that this is all working. Check the previous gist version | |
for a more stable script with far fewer features. Let me know in the |
NewerOlder