Skip to content

Instantly share code, notes, and snippets.

@douggrubba
douggrubba / index.js
Last active May 22, 2021 18:02
A simple vue router file.
import { createWebHistory, createRouter } from 'vue-router'
import HomeScreen from '../components/screens/HomeScreen.vue'
import AppointmentsScreen from '../components/screens/AppointmentsScreen.vue'
const routes = [
{
path: "/",
name: "home-screen",
component: HomeScreen,
@douggrubba
douggrubba / trimmed-down-layout.vue
Created April 15, 2021 19:28
trimmed-down-layout
<template>
<div class="flex flex-row bg-gray-100">
<!-- Sidebar -->
<div class="flex flex-col h-0 border-r border-gray-200 bg-white w-64 min-h-screen h-screen pt-12">
<div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
<div class="flex items-center flex-shrink-0 mx-auto">
<logo />
</div>
<nav class="mt-5 flex-1 px-2 bg-white space-y-1" aria-label="Sidebar">
<sidebar-nav-item current>
<template>
<default-layout>
<div class="flex flex-col">
<!-- Content -->
<div class="p-12">
<h3 class="text-lg leading-6 font-medium text-gray-900">
Last 30 days
</h3>
<dl class="mt-5 grid grid-cols-1 rounded-lg bg-white overflow-hidden shadow divide-y divide-gray-200 md:grid-cols-3 md:divide-y-0 md:divide-x">
<div class="px-4 py-5 sm:p-6">
<template>
<div class="flex flex-row bg-gray-100">
<!-- Sidebar -->
<div class="flex flex-col h-0 border-r border-gray-200 bg-white w-64 h-screen pt-12">
<div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
<div class="flex items-center flex-shrink-0 mx-auto">
<img class="h-8 w-auto" src="https://static.thenounproject.com/png/3717198-200.png" alt="Workflow">
</div>
<nav class="mt-5 flex-1 px-2 bg-white space-y-1" aria-label="Sidebar">
<!-- Current: "bg-gray-100 text-gray-900 hover:text-gray-900 hover:bg-gray-100", Default: "text-gray-600 hover:text-gray-900 hover:bg-gray-50" -->
@douggrubba
douggrubba / sidebar-1.html
Last active April 19, 2021 15:20
sidebar-1.html
<template>
<div class="flex flex-row bg-gray-100">
<div class="flex flex-col h-0 flex-1 border-r border-gray-200 bg-white w-64 h-screen">
<div class="flex-1 flex flex-col pt-5 pb-4 overflow-y-auto">
<div class="flex items-center flex-shrink-0 px-4">
<img class="h-8 w-auto" src="https://tailwindui.com/img/logos/workflow-logo-indigo-600-mark-gray-800-text.svg" alt="Workflow">
</div>
<nav class="mt-5 flex-1 px-2 bg-white space-y-1" aria-label="Sidebar">
<!-- Current: "bg-gray-100 text-gray-900 hover:text-gray-900 hover:bg-gray-100", Default: "text-gray-600 hover:text-gray-900 hover:bg-gray-50" -->
<a href="#" class="bg-gray-100 text-gray-900 hover:text-gray-900 hover:bg-gray-100 group flex items-center px-2 py-2 text-sm font-medium rounded-md">
brew install gifify
gifify -o my-awesome-feature recording.mov
alias blue='sudo kextunload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport && sudo kextload -b com.apple.iokit.BroadcomBluetoothHostControllerUSBTransport'
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<!--
======================================================================
Halflife Contrast
======================================================================
A Sublime Text 2 / Textmate theme.
Copyright (c) 2014 Dayle Rees.
Released under the MIT License <http://opensource.org/licenses/MIT>
======================================================================
@douggrubba
douggrubba / nfl.css
Created June 26, 2014 03:34
All the NFL teams with a 3 color scheme.
.ARI {
background-color: #870619;
border: 1px solid #000000;
color: #ffffff;
}
.ATL {
background-color: #BD0D18;
border: 1px solid #000000;
color: #ffffff;