Anders Ramsay andersr

😅

Focusing

Full stack developer with a background in UX design, Agile coaching, and more.

andersr / Post.tsx

Created December 23, 2024 15:58

Main component in my previous NextJS / React app for rendering mdx blog posts

	import { MDXRemote, MDXRemoteSerializeResult } from "next-mdx-remote";
	import { CodeBlock, Link, Page } from "~/components";
	import { PostData, PostSummaryData } from "~/models";
	import Gist from "react-gist";
	import Emoji from "a11y-react-emoji";
	import { POSTS_DIR, TEST_IDS } from "~/shared";
	import React from "react";
	import { PullQuote } from "../PullQuote/PullQuote";
	import { CalloutBox } from "../CalloutBox/CalloutBox";
	import { Image } from "../Image";

andersr / component-template-initial.tsx

Last active April 8, 2022 11:40

Blog Post: How to start automating repetitive coding tasks

	interface Props {
	children?: React.ReactNode;
	}

	export function {{pascalCase name}} ({ children }: Props) {
	return (
	<div>
	{children}
	</div>
	);

andersr / vscode-settings.json

Created April 30, 2020 00:33

	{
	"workbench.startupEditor": "newUntitledFile",
	"workbench.iconTheme": "vscode-icons",
	"window.zoomLevel": 3,
	"terminal.integrated.shell.osx": "/usr/local/bin/fish",
	"terminal.integrated.fontFamily": "'Ubuntu Mono derivative Powerline', Menlo, Monaco, 'Courier New', monospace",
	"editor.snippetSuggestions": "top",
	"editor.fontFamily": "'Victor Mono', Menlo, Monaco, 'Courier New', monospace",
	"editor.fontLigatures": true,
	"workbench.colorTheme": "One Dark Plus",

andersr / ajr-bob-the-fish-settings.fish

Created August 20, 2019 11:20

	# name: bobthefish
	#
	# bobthefish is a Powerline-style, Git-aware fish theme optimized for awesome.
	#
	# You will need a Powerline-patched font for this to work:
	#
	# https://powerline.readthedocs.org/en/master/installation.html#patched-fonts
	#
	# I recommend picking one of these:
	#

andersr / old-mac-vscode-settings.json

Created August 20, 2019 11:19

	{
	"workbench.startupEditor": "newUntitledFile",
	"files.insertFinalNewline": true,
	"javascript.format.enable": false,
	"workbench.iconTheme": "vscode-icons",
	"editor.wordWrap": "on",
	"workbench.colorTheme": "One Dark Pro Vivid",
	"terminal.integrated.shell.osx": "/usr/local/bin/fish",
	"terminal.integrated.fontFamily": "Source Code Pro for Powerline",
	"editor.formatOnSave": true,

andersr / index.html

Last active August 14, 2019 16:41

PS Tutorial - initial content

	<!DOCTYPE html>
	<html>

	<head>
	<title><your name>'s Personal Site</title>
	</head>

	<body>
	<p>Hi, I'm <your name>.</p>
	<p>Thanks for stopping by!</p>

andersr / package.json

Last active August 14, 2019 15:43

PS Tutorial - add live-server script.

	{
	"name": "my-personal-site",
	"version": "1.0.0",
	"main": "index.html",
	"repository": "[email protected]:andersr/my-personal-site.git",
	"author": "Anders <[email protected]>",
	"license": "MIT",
	"scripts": {
	"dev": "live-server ",
	},

andersr / package.json

Created August 14, 2019 15:39

PS Tutorial default package.json

	{
	"name": "my-personal-site",
	"version": "1.0.0",
	"main": "index.html",
	"repository": "[email protected]:andersr/my-personal-site.git",
	"author": "Anders <[email protected]>",
	"license": "MIT",
	"devDependencies": {
	"live-server": "^1.2.1"
	}

andersr / index.html

Created August 14, 2019 15:36

PS Tutorial, initial index file

andersr / git-custom-command.sh

Created June 19, 2019 10:35

	#!/bin/zsh

	((!$#)) && echo No matching branch found && exit 1

	git checkout $1

	# place in ~./bin/git-<command>