Skip to content

Instantly share code, notes, and snippets.

View ahaywood's full-sized avatar

Amy Haywood Dutton ahaywood

330 followers · 6 following
View GitHub Profile
@ahaywood
ahaywood / nextjs-app-about.tsx
Created March 25, 2024 22:08
About Page Component from 4 Different Framework Setups
export default function AboutPage() {
return (
<div className="bg-purple-900 p-2 m-2">
<h1>About Page</h1>
</div>
);
}
@ahaywood
ahaywood / selfteachme
Last active August 3, 2023 15:26
VSCode Profile for Installing all of my Settings, Extensions, Snippets, Keyboard Shortcuts
{"name":"selfteachme","settings":"{\"settings\":\"{\\n \\\"atomKeymap.promptV3Features\\\": true,\\n \\\"files.autoSave\\\": \\\"off\\\",\\n \\\"editor.formatOnPaste\\\": true,\\n \\\"workbench.colorTheme\\\": \\\"Cobalt2\\\",\\n \\\"editor.fontSize\\\": 14,\\n \\\"editor.lineHeight\\\": 30,\\n \\\"editor.letterSpacing\\\": 0,\\n \\\"files.trimTrailingWhitespace\\\": true,\\n \\\"editor.fontWeight\\\": \\\"400\\\",\\n \\\"editor.cursorStyle\\\": \\\"line\\\",\\n \\\"editor.cursorWidth\\\": 5,\\n \\\"editor.cursorBlinking\\\": \\\"solid\\\",\\n // this associates MDX and SVX files with the markdown language - https://lightrun.com/answers/pngwn-mdsvex-vs-code-syntax-highlighting-file-type-icon\\n \\\"files.associations\\\": { \\\"*.mdx\\\": \\\"markdown\\\", \\\"*.svx\\\": \\\"markdown\\\" },\\n // Very important: Install this plugin: https://github.com/be5invis/vscode-custom-css\\n // you'll need to change this to an absolute path on your computer\\n \\\"vscode_custom_css.imports\\\": [\\n
@ahaywood
ahaywood / hyper.js
Created June 14, 2020 21:06
Hyper Configuration
// Future versions of Hyper may add additional config options,
// which will not automatically be merged into this file.
// See https://hyper.is#cfg for all currently supported options.
module.exports = {
config: {
// choose either `'stable'` for receiving highly polished,
// or `'canary'` for less polished but more frequent updates
updateChannel: "stable",
@ahaywood
ahaywood / states.ts
Last active November 14, 2022 15:37
export const states = [
{
value: 'AK', name: 'Alaska'
},
{
value: 'AL', name: 'Alabama'
},
{
value: 'AR', name: 'Arkansas'
},
@ahaywood
ahaywood / pull_request_template.md
Created May 5, 2020 16:14
Pull Request

Clubhouse: #ADD LINK TO CLUBHOUSE STORY

Feature description

Clearly and concisely describe the feature.

Analysis and Design

Analyze and attach design documentation.

@ahaywood
ahaywood / README.md
Last active June 13, 2022 12:54
svgo Config File

This is a config file to be used with svgo's command line tool.

You can ues it with the following command:

svgo *.svg --config=/PATH-TO-FILE/svgo-config.yml
@ahaywood
ahaywood / javascript.json
Last active October 11, 2021 19:43
JavaScript Snippets for VS Code
{
"Starter JS": {
"prefix": "start_js",
"body": [
"jQuery ( function($) {",
"\tvar $1 = new $2($);",
"\t$1.init();",
"});",
"\n",
"function $2($) {",
@ahaywood
ahaywood / header.scss
Last active September 29, 2021 18:33
WordPress: Mega Menu
/*------------------------------------*\
#PRIMARY-MENU
\*------------------------------------*/
.primary-menu {
@include grid;
@include sans-serif;
font-weight: $bold;
height: $nav-bar-height;
&__wrapper {
@ahaywood
ahaywood / .gitignore
Created February 16, 2015 06:08
.gitignore for a Wordpress Project
# As Yeoman assumes the usage of Bower and Grunt, ignore the below:
bower_components
node_modules
# Ignore automatically generated cruft
*.log
.sass-cache
# Ignore config
local-config.php
@ahaywood
ahaywood / .gitignore
Created June 1, 2020 20:18
.gitignore template (generated by Create React App)
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
# dependencies
/node_modules
/.pnp
.pnp.js
# testing
/coverage