| # Define the relevant variables | |
| $APIKey = "<YOUR API KEY HERE>" | |
| $DownloadsPath = (New-Object -ComObject Shell.Application).NameSpace('shell:Downloads').Self.Path | |
| $ChatAPIUrl = "https://api.openAI.com/v1/chat/completions" | |
| $ChatAPIModel = "gpt-3.5-turbo-16k" | |
| $ImageAPIUrl = "https://api.openai.com/v1/images/generations" | |
| $ImageAPIModel = "dall-e-3" |
| :root { | |
| --none: linear(0, 1); | |
| --power1-in: linear( 0, 0.0039, 0.0156, 0.0352, 0.0625, 0.0977, 0.1407, 0.1914, 0.2499, 0.3164, 0.3906 62.5%, 0.5625, 0.7656, 1 ); | |
| --power1-out: linear( 0, 0.2342, 0.4374, 0.6093 37.49%, 0.6835, 0.7499, 0.8086, 0.8593, 0.9023, 0.9375, 0.9648, 0.9844, 0.9961, 1 ); | |
| --power1-in-out: linear( 0, 0.0027, 0.0106 7.29%, 0.0425, 0.0957, 0.1701 29.16%, 0.2477, 0.3401 41.23%, 0.5982 55.18%, 0.7044 61.56%, 0.7987, 0.875 75%, 0.9297, 0.9687, 0.9922, 1 ); | |
| --power2-in: linear( 0, 0.0014 11.11%, 0.0071 19.24%, 0.0188 26.6%, 0.037 33.33%, 0.0634 39.87%, 0.0978 46.07%, 0.1407 52.02%, 0.1925 57.74%, 0.2559 63.49%, 0.3295 69.07%, 0.4135 74.5%, 0.5083 79.81%, 0.6141 85%, 0.7312 90.09%, 1 ); | |
| --power2-out: linear( 0, 0.2688 9.91%, 0.3859 15%, 0.4917 20.19%, 0.5865 25.5%, 0.6705 30.93%, 0.7441 36.51%, 0.8075 42.26%, 0.8593 47.98%, 0.9022 53.93%, 0.9366 60.13%, 0.963 66.67%, 0.9812 73.4%, 0.9929 80.76%, 0.9986 88.89%, 1 ); | |
| --power2-in-out: linear( 0, 0.0036 9.62%, 0.0185 16.66 |
| import { reactive } from '@vue/reactivity' | |
| function switchboard(value) { | |
| let lookup = {} | |
| let current | |
| let get = () => current | |
| let set = (newValue) => { |
| /** | |
| * Tiny customElement wrapper that enables scalable web component architecture. | |
| * Define custom elements with a configuration object that separates markup from css and javascript. | |
| * Uses a slotted light DOM (no shadow DOM) to allow for powerful component extension, | |
| * composition and easier styling with external stylesheets and global css variables. | |
| * Exports a component class that can be imported and explicitly used to be picked up by module bundlers. | |
| * See comments for examples and GNU license below. | |
| */ | |
| export function defineComponent(name, config) { |
| --- | |
| import Markdown from 'astro/components/Markdown.astro'; | |
| import Layout from '../layouts/main.astro'; | |
| import ReactComponent from '../components/ReactComponent.jsx'; | |
| import PreactComponent from '../components/PreactComponent.tsx'; | |
| import VueComponent from '../components/VueComponent.vue'; | |
| import SvelteComponent from '../components/SvelteComponent.svelte'; | |
| const title = 'Astro Markdown'; | |
| const variable = 'content'; |
| // 1. Open the browser developper console on the network tab | |
| // 2. Start the video | |
| // 3. In the dev tab, locate the load of the "master.json" file, copy its full URL | |
| // 4. Run: node vimeo-downloader.js "<URL>" | |
| // (done automatically now) 5. Combine the m4v and m4a files with mkvmerge | |
| const fs = require('fs'); | |
| const url = require('url'); | |
| const https = require('https'); | |
| const { exec } = require('child_process'); |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <link rel="stylesheet" href="<?php echo get_template_directory_uri() ?>/style.css"> | |
| <title>Watch Learn Theme</title> | |
| </head> | |
| <body> | |
| <h1>Hello World</h1> |
| import fetch from 'node-fetch' | |
| const secretKey = process.env.JSONBIN_SECRET_KEY | |
| const basicHeaders = () => ({ | |
| 'Content-Type': 'application/json', | |
| 'X-Master-Key': secretKey, | |
| }) | |
| export const createBin = async ( |
All the pieces of authentication are possible in Gatsby. Thanks to Auth0, setting it up doesn't have to be so cumbersome!
This setup comes straight from Auth0's official quick start for React.
The first step is installing the official Auth0 SDK for JavaScript from npm.
| let mix = require('laravel-mix'); | |
| let tailwindcss = require('tailwindcss'); | |
| let atImport = require('postcss-import'); | |
| let glob = require("glob-all"); | |
| let PurgecssPlugin = require("purgecss-webpack-plugin"); | |
| const TailwindExtractor = (content) => { | |
| return content.match(/[A-Za-z0-9-_/:]*[A-Za-z0-9-_/]+/g) || []; | |
| } |
