douggrubba

{
  "bold_folder_labels": true,
	"close_windows_when_empty": false,
	"color_scheme": "Packages/Dayle Rees Color Schemes/CarbonightBlue.tmTheme",
	"create_window_at_startup": false,
	"ensure_newline_at_eof_on_save": true,
	"fade_fold_buttons": false,
	"font_face": "Cousine",
	"font_size": 15,
	"highlight_line": true,

douggrubba

gifify -o my-awesome-feature recording.mov

douggrubba

brew install gifify

douggrubba

<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">

douggrubba

<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>

douggrubba

<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

<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">

douggrubba

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

<template>
  <div class="flex flex-col">
    <h2 class="text-4xl p-6">Appointments</h2>
  </div>
</template>

<script>
export default {
  name: 'appointments-screen'
}

douggrubba

<template>
  <div class="flex flex-col">
    <highlights title="Last 30 Days" />

    <div class="flex flex-row">
      <activities title="Activities" />
      <appointments title="Upcoming Appointments" />
    </div>
    
    <div class="flex flex-col p-12">