├── .gitignore
├── README.md
├── assets
    ├── README.md
    └── css
    │   └── tailwind.css
├── components
    ├── Header.vue
    ├── Logo.vue
    ├── README.md
    └── Talk.vue
├── layouts
    ├── README.md
    └── default.vue
├── middleware
    └── README.md
├── nuxt.config.js
├── package.json
├── pages
    ├── README.md
    ├── book.vue
    ├── index.vue
    ├── interviews.vue
    ├── projects.vue
    └── speaking.vue
├── plugins
    └── README.md
├── static
    ├── README.md
    ├── favicon.ico
    └── status-code-poster
    │   ├── css
    │       └── main.css
    │   ├── http-status-code-poster.pdf
    │   ├── http-status-code-poster.zip
    │   ├── img
    │       ├── status-code-twitter.png
    │       └── status-code.png
    │   └── index.html
├── store
    └── README.md
├── tailwind.config.js
└── yarn.lock


/.gitignore:
--------------------------------------------------------------------------------
 1 | # Created by .ignore support plugin (hsz.mobi)
 2 | ### Node template
 3 | # Logs
 4 | logs
 5 | *.log
 6 | npm-debug.log*
 7 | yarn-debug.log*
 8 | yarn-error.log*
 9 | 
10 | # Runtime data
11 | pids
12 | *.pid
13 | *.seed
14 | *.pid.lock
15 | 
16 | # Directory for instrumented libs generated by jscoverage/JSCover
17 | lib-cov
18 | 
19 | # Coverage directory used by tools like istanbul
20 | coverage
21 | 
22 | # nyc test coverage
23 | .nyc_output
24 | 
25 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
26 | .grunt
27 | 
28 | # Bower dependency directory (https://bower.io/)
29 | bower_components
30 | 
31 | # node-waf configuration
32 | .lock-wscript
33 | 
34 | # Compiled binary addons (https://nodejs.org/api/addons.html)
35 | build/Release
36 | 
37 | # Dependency directories
38 | node_modules/
39 | jspm_packages/
40 | 
41 | # TypeScript v1 declaration files
42 | typings/
43 | 
44 | # Optional npm cache directory
45 | .npm
46 | 
47 | # Optional eslint cache
48 | .eslintcache
49 | 
50 | # Optional REPL history
51 | .node_repl_history
52 | 
53 | # Output of 'npm pack'
54 | *.tgz
55 | 
56 | # Yarn Integrity file
57 | .yarn-integrity
58 | 
59 | # dotenv environment variables file
60 | .env
61 | 
62 | # parcel-bundler cache (https://parceljs.org/)
63 | .cache
64 | 
65 | # next.js build output
66 | .next
67 | 
68 | # nuxt.js build output
69 | .nuxt
70 | 
71 | # Nuxt generate
72 | dist
73 | 
74 | # vuepress build output
75 | .vuepress/dist
76 | 
77 | # Serverless directories
78 | .serverless
79 | 
80 | # IDE / Editor
81 | .idea
82 | .editorconfig
83 | 
84 | # Service worker
85 | sw.*
86 | 
87 | # Mac OSX
88 | .DS_Store


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # steveschoger-site
 2 | 
 3 | > My glorious Nuxt.js project
 4 | 
 5 | ## Build Setup
 6 | 
 7 | ``` bash
 8 | # install dependencies
 9 | $ yarn install
10 | 
11 | # serve with hot reload at localhost:3000
12 | $ yarn dev
13 | 
14 | # build for production and launch server
15 | $ yarn build
16 | $ yarn start
17 | 
18 | # generate static project
19 | $ yarn generate
20 | ```
21 | 
22 | For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).
23 | 


--------------------------------------------------------------------------------
/assets/README.md:
--------------------------------------------------------------------------------
1 | # ASSETS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains your un-compiled assets such as LESS, SASS, or JavaScript.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#webpacked).
8 | 


--------------------------------------------------------------------------------
/assets/css/tailwind.css:
--------------------------------------------------------------------------------
1 | @import 'tailwindcss/base';
2 | @import 'tailwindcss/components';
3 | @import 'tailwindcss/utilities';
4 | 


--------------------------------------------------------------------------------
/components/Header.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div>
 3 |     <div class="flex justify-between items-center mt-10">
 4 |       <h1 class="text-lg sm:text-xl md:text-2xl lg:text-3xl text-gray-900 font-medium md:font-normal leading-none"><a href="/">Steve Schoger</a></h1>
 5 |       <div class="block lg:hidden">
 6 |         <button type="button" @click="navOpen = !navOpen">
 7 |           <svg v-if="!navOpen" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 8 |             <path d="M2 6H22V7H2V6ZM2 12H22V13H2V12ZM22 18H2V19H22V18Z" class="fill-current text-gray-900" />
 9 |           </svg>
10 |           <svg v-if="navOpen" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11 |             <path d="M4 4L20 20M20 4L4 20" stroke="#1A202C"/>
12 |           </svg>
13 |         </button>
14 |       </div>
15 |     </div>
16 |     <div :class="{ 'hidden': !navOpen, 'block': navOpen }" class="lg:block">
17 |       <div class="w-full block lg:flex lg:justify-between lg:border-b lg:border-gray-400 mt-10 text-gray-700 font-medium lg:text-lg">
18 |         <div class="lg:flex -mb-px">
19 |           <nuxt-link active-class="text-gray-900 lg:border-gray-900" to="/book" class="block pb-6 border-b border-transparent lg:mt-0 lg:mr-8 hover:text-gray-900">Book</nuxt-link>
20 |           <nuxt-link active-class="text-gray-900 lg:border-gray-900" to="/projects" class="block pb-6 border-b border-transparent lg:mt-0 lg:mr-8 hover:text-gray-900">Projects</nuxt-link>
21 |           <nuxt-link active-class="text-gray-900 lg:border-gray-900" to="/interviews" class="block pb-6 border-b border-transparent lg:mt-0 lg:mr-8 hover:text-gray-900">Interviews</nuxt-link>
22 |           <nuxt-link active-class="text-gray-900 lg:border-gray-900" to="/speaking" class="block pb-6 border-b border-transparent lg:mt-0 lg:mr-8 hover:text-gray-900">Speaking</nuxt-link>
23 |         </div>
24 |         <div class="lg:flex">
25 |           <a href="https://twitter.com/steveschoger" class="block lg:mt-0 lg:ml-8 flex align-center hover:text-gray-900">
26 |             <div>Twitter</div>
27 |             <svg class="ml-1 -mt-px" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
28 |               <path d="M16.5 13V18.5H6.5V8.5H12" stroke="#4A5568" />
29 |               <path d="M10 15L18.5 6.5" stroke="#4A5568" />
30 |               <path d="M14 6.5H18.5V11" stroke="#4A5568" />
31 |             </svg>
32 |           </a>
33 |           <a href="https://www.youtube.com/channel/UCxqiDtkXtOCNJdckODHk9YA" class="block mt-6 lg:mt-0 lg:ml-8 flex align-center hover:text-gray-900">
34 |             <div>YouTube</div>
35 |             <svg class="ml-1 -mt-px" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
36 |               <path d="M16.5 13V18.5H6.5V8.5H12" stroke="#4A5568" />
37 |               <path d="M10 15L18.5 6.5" stroke="#4A5568" />
38 |               <path d="M14 6.5H18.5V11" stroke="#4A5568" />
39 |             </svg>
40 |           </a>
41 |           <a href="https://www.instagram.com/steveschoger/" class="block mt-6 lg:mt-0 lg:ml-8 flex align-center hover:text-gray-900">
42 |             <div>Instagram</div>
43 |             <svg class="ml-1 -mt-px" width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
44 |               <path d="M16.5 13V18.5H6.5V8.5H12" stroke="#4A5568" />
45 |               <path d="M10 15L18.5 6.5" stroke="#4A5568" />
46 |               <path d="M14 6.5H18.5V11" stroke="#4A5568" />
47 |             </svg>
48 |           </a>
49 |         </div>
50 |       </div>
51 |     </div>
52 |   </div>
53 | </template>
54 | <script>
55 |   export default {
56 |     data() {
57 |       return {
58 |         navOpen: false
59 |       }
60 |     }
61 |   }
62 | </script>
63 | 


--------------------------------------------------------------------------------
/components/Logo.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="VueToNuxtLogo">
 3 |     <div class="Triangle Triangle--two" />
 4 |     <div class="Triangle Triangle--one" />
 5 |     <div class="Triangle Triangle--three" />
 6 |     <div class="Triangle Triangle--four" />
 7 |   </div>
 8 | </template>
 9 | 
10 | <style>
11 | .VueToNuxtLogo {
12 |   display: inline-block;
13 |   animation: turn 2s linear forwards 1s;
14 |   transform: rotateX(180deg);
15 |   position: relative;
16 |   overflow: hidden;
17 |   height: 180px;
18 |   width: 245px;
19 | }
20 | 
21 | .Triangle {
22 |   position: absolute;
23 |   top: 0;
24 |   left: 0;
25 |   width: 0;
26 |   height: 0;
27 | }
28 | 
29 | .Triangle--one {
30 |   border-left: 105px solid transparent;
31 |   border-right: 105px solid transparent;
32 |   border-bottom: 180px solid #41b883;
33 | }
34 | 
35 | .Triangle--two {
36 |   top: 30px;
37 |   left: 35px;
38 |   animation: goright 0.5s linear forwards 3.5s;
39 |   border-left: 87.5px solid transparent;
40 |   border-right: 87.5px solid transparent;
41 |   border-bottom: 150px solid #3b8070;
42 | }
43 | 
44 | .Triangle--three {
45 |   top: 60px;
46 |   left: 35px;
47 |   animation: goright 0.5s linear forwards 3.5s;
48 |   border-left: 70px solid transparent;
49 |   border-right: 70px solid transparent;
50 |   border-bottom: 120px solid #35495e;
51 | }
52 | 
53 | .Triangle--four {
54 |   top: 120px;
55 |   left: 70px;
56 |   animation: godown 0.5s linear forwards 3s;
57 |   border-left: 35px solid transparent;
58 |   border-right: 35px solid transparent;
59 |   border-bottom: 60px solid #fff;
60 | }
61 | 
62 | @keyframes turn {
63 |   100% {
64 |     transform: rotateX(0deg);
65 |   }
66 | }
67 | 
68 | @keyframes godown {
69 |   100% {
70 |     top: 180px;
71 |   }
72 | }
73 | 
74 | @keyframes goright {
75 |   100% {
76 |     left: 70px;
77 |   }
78 | }
79 | </style>
80 | 


--------------------------------------------------------------------------------
/components/README.md:
--------------------------------------------------------------------------------
1 | # COMPONENTS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | The components directory contains your Vue.js Components.
6 | 
7 | _Nuxt.js doesn't supercharge these components._
8 | 


--------------------------------------------------------------------------------
/components/Talk.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="border-t border-gray-400 py-6 sm:py-8 lg:py-10">
 3 |     <div class="lg:flex items-center justify-between">
 4 |       <div>
 5 |         <h3 class="text-gray-900 sm:text-lg lg:text-xl">
 6 |         	<span v-if="link === null">{{ talk.talkTitle }}</span>
 7 |         	<a v-if="link !== null" :href="link" class="hover:underline">{{ talk.talkTitle }}</a>
 8 |         </h3>
 9 |         <div class="flex flex-wrap text-gray-700 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-3">
10 |           <a :href="talk.conferenceUrl" class="hover:underline hover:text-gray-900">{{ talk.conference }}</a>
11 |           <div class="mx-3 text-gray-500">•</div>
12 |           <div>{{ talk.location }}</div>
13 |           <div class="mx-3 text-gray-500">•</div>
14 |           <div>{{ talk.date }}</div>
15 |         </div>
16 |       </div>
17 |       <div class="flex text-gray-900 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-0">
18 |         <div v-if="talk.videoUrl !== null" class="lg:ml-8">
19 |           <a :href="talk.videoUrl" class="flex items-center group hover:underline">
20 |             <div class="relative w-6 h-6">
21 |               <svg class="absolute group-hover:opacity-0 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
22 |                 <path d="M22.5 11.5C22.5 17.5751 17.5751 22.5 11.5 22.5C5.42487 22.5 0.5 17.5751 0.5 11.5C0.5 5.42487 5.42487 0.5 11.5 0.5C17.5751 0.5 22.5 5.42487 22.5 11.5Z" stroke="#1A202C" />
23 |                 <path d="M8.5 6.89153L16.0411 11.5L8.5 16.1085V6.89153Z" stroke="#1A202C" />
24 |               </svg>
25 |               <svg class="absolute opacity-0 group-hover:opacity-100 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26 |                 <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 23C17.8513 23 23 17.8513 23 11.5C23 5.14873 17.8513 0 11.5 0C5.14873 0 0 5.14873 0 11.5C0 17.8513 5.14873 23 11.5 23ZM17 11.5L8 17V6L17 11.5Z" fill="#1A202C" />
27 |               </svg>
28 |             </div>
29 |             <div class="mt-px ml-2 lg:hidden hover:border-b hover:border-gray-900">Watch Video</div>
30 |           </a>
31 |         </div>
32 |         <div v-if="talk.slidesUrl !== null" :class="{ 'ml-8': talk.videoUrl !== null }">
33 |           <a :href="talk.slidesUrl" class="flex items-center group hover:underline">
34 |             <div class="relative w-6 h-6">
35 |               <svg class="absolute group-hover:opacity-0 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
36 |                 <path d="M0.5 2.5H17.5V15.5H0.5V2.5Z" stroke="#1A202C" />
37 |                 <path d="M17 7.5H22.5V20.5H5.5V15" stroke="#1A202C" />
38 |               </svg>
39 |               <svg class="absolute opacity-0 group-hover:opacity-100 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
40 |                 <path d="M0 2H18V16H0V2Z" fill="#1A202C" />
41 |                 <path d="M5 17V21H23V7H19V17H5Z" fill="#1A202C" />
42 |               </svg>
43 |             </div>
44 |             <div class="mt-px ml-2 lg:hidden">View Slides</div>
45 |           </a>
46 |         </div>
47 |       </div>
48 |     </div>
49 |   </div>
50 | </template>
51 | 
52 | <script>
53 | 	export default {
54 | 		props: [ "talk" ],
55 | 		computed: {
56 | 			link() {
57 | 				if (this.talk.videoUrl !== null) {
58 | 					return this.talk.videoUrl
59 | 				}
60 | 				if (this.talk.slidesUrl !== null) {
61 | 					return this.talk.slidesUrl
62 | 				}
63 | 				return null
64 | 			}
65 | 		}
66 | 	}
67 | </script>
68 | 


--------------------------------------------------------------------------------
/layouts/README.md:
--------------------------------------------------------------------------------
1 | # LAYOUTS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains your Application Layouts.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/views#layouts).
8 | 


--------------------------------------------------------------------------------
/layouts/default.vue:
--------------------------------------------------------------------------------
1 | <template>
2 |   <div class="antialiased">
3 |     <nuxt />
4 |   </div>
5 | </template>
6 | 


--------------------------------------------------------------------------------
/middleware/README.md:
--------------------------------------------------------------------------------
1 | # MIDDLEWARE
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains your application middleware.
6 | Middleware let you define custom functions that can be run before rendering either a page or a group of pages.
7 | 
8 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing#middleware).
9 | 


--------------------------------------------------------------------------------
/nuxt.config.js:
--------------------------------------------------------------------------------
 1 | 
 2 | export default {
 3 |   mode: 'universal',
 4 |   /*
 5 |   ** Headers of the page
 6 |   */
 7 |   head: {
 8 |     title: process.env.npm_package_name || '',
 9 |     meta: [
10 |       { charset: 'utf-8' },
11 |       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
12 |       { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
13 |     ],
14 |     link: [
15 |       { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
16 |     ]
17 |   },
18 |   /*
19 |   ** Customize the progress-bar color
20 |   */
21 |   loading: { color: '#fff' },
22 |   /*
23 |   ** Global CSS
24 |   */
25 |   css: [
26 |   ],
27 |   /*
28 |   ** Plugins to load before mounting the App
29 |   */
30 |   plugins: [
31 |   ],
32 |   /*
33 |   ** Nuxt.js dev-modules
34 |   */
35 |   devModules: [
36 |     // Doc: https://github.com/nuxt-community/nuxt-tailwindcss
37 |     '@nuxtjs/tailwindcss',
38 |   ],
39 |   /*
40 |   ** Nuxt.js modules
41 |   */
42 |   modules: [
43 |   ],
44 |   /*
45 |   ** Build configuration
46 |   */
47 |   build: {
48 |     /*
49 |     ** You can extend webpack config here
50 |     */
51 |     extend(config, ctx) {
52 |     }
53 |   }
54 | }
55 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "steveschoger-site",
 3 |   "version": "1.0.0",
 4 |   "description": "My glorious Nuxt.js project",
 5 |   "author": "Steve Schoger",
 6 |   "private": true,
 7 |   "scripts": {
 8 |     "dev": "nuxt",
 9 |     "build": "nuxt build",
10 |     "start": "nuxt start",
11 |     "generate": "nuxt generate"
12 |   },
13 |   "dependencies": {
14 |     "@nuxtjs/tailwindcss": "^1.0.0",
15 |     "nuxt": "^2.0.0"
16 |   },
17 |   "devDependencies": {
18 |     "nodemon": "^1.18.9"
19 |   }
20 | }
21 | 


--------------------------------------------------------------------------------
/pages/README.md:
--------------------------------------------------------------------------------
1 | # PAGES
2 | 
3 | This directory contains your Application Views and Routes.
4 | The framework reads all the `*.vue` files inside this directory and creates the router of your application.
5 | 
6 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
7 | 


--------------------------------------------------------------------------------
/pages/book.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |     <div class="max-w-5xl mx-auto px-6 md:px-8">
 3 |         <Header/>
 4 |         <div class="mb-20 md:flex mt-10 lg:mt-6 items-baseline md:border-t md:border-gray-400 md:pt-2 lg:border-t-0 lg:pt-0">
 5 |             <div class="w-full md:w-1/3">
 6 |                 <h2 class="font-medium sm:font-normal text-xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-900">Book</h2>
 7 |             </div>
 8 |             <div class="w-full md:w-2/3 mt-6">
 9 |                 <div class="text-lg sm:text-xl lg:text-2xl text-gray-700">
10 |                     <p>Learn how to design awesome UIs by yourself using specific tactics explained from a developer's point-of-view.</p>
11 |                     <p class="mt-6"><a href="https://refactoringui.com/book/" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">Refactoring UI</a> is a book, video series, and a collection of resources I worked on with my friend <a href="https://twitter.com/adamwathan" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">Adam Wathan</a>. It teaches everything we know about designing for the web, packed into a single comprehensive resource.</p>
12 |                     <p class="mt-6">We’ve already sold over 10,000 copies to developers and designers all around the world.</p>
13 |                     <div class="mt-6">
14 |                         <a href="https://refactoringui.com/book/" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900 text-base sm:text-lg lg:text-xl">Check out Refactoring UI</a>
15 |                     </div>
16 |                 </div>
17 |             </div>
18 |         </div>
19 |     </div>
20 | </template>
21 | <script>
22 |     import Header from "../components/Header"
23 | export default {
24 |     components: { Header },
25 | }
26 | </script>


--------------------------------------------------------------------------------
/pages/index.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="max-w-5xl mx-auto px-6 md:px-8">
 3 |     <Header/>
 4 |     <div class="text-xl sm:text-2xl md:text-3xl lg:text-4xl md:font-light text-gray-700">
 5 |       <p class="mt-10">Hey! I’m Steve Schoger, a visual designer from Canada. Many people know me as the guy who shares <a href="https://twitter.com/i/moments/994601867987619840?s=13" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">design tips</a> on <a href="https://twitter.com/steveschoger" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">Twitter</a> or <a href="https://www.youtube.com/playlist?list=PLDVpvW8ghDr9tasku_YvuTy_l0xPUtOHE" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">refactors UI’s</a> on <a href="https://www.youtube.com/channel/UCxqiDtkXtOCNJdckODHk9YA" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">YouTube</a>.</p>
 6 |       <p class="mt-6 sm:mt-8 md:mt-10">I recently published a book and video course called <a href="https://refactoringui.com/book/" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">Refactoring UI</a> with my friend <a href="https://twitter.com/adamwathan" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">Adam Wathan</a>. It teaches everything we know about designing for the web, packed into a single comprehensive resource.</p>
 7 |       <p class="mt-6 sm:mt-8 md:mt-10">I’m not currently taking on new client work but feel free to <a href="/" class="border-b border-gray-900 pb-px md:pb-1 text-gray-900">contact me</a> for any other inquiries.</p>
 8 |     </div>
 9 |     <p class="border-gray-400 border-t pt-6 mt-6 sm:mt-8 md:mt-10 mb-20 text-gray-700 text-sm sm:text-base lg:text-lg">This website was built with <a href="https://tailwindcss.com/" class="border-b border-gray-900 pb-px text-gray-900">TailwindCSS</a> and <a href="https://nuxtjs.org/" class="border-b border-gray-900 pb-px text-gray-900">Nuxt.js</a>.</p>
10 |   </div>
11 | </template>
12 | 
13 | <script>
14 |   import Header from "../components/Header"
15 | export default {
16 |     components: { Header },
17 | }
18 | 
19 | </script>
20 | 


--------------------------------------------------------------------------------
/pages/interviews.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="max-w-5xl mx-auto px-6 md:px-8">
 3 |     <Header/>
 4 |     <div class="mb-20 md:flex mt-10 lg:mt-6 items-baseline md:border-t md:border-gray-400 md:pt-2 lg:border-t-0 lg:pt-0">
 5 |       <div class="w-full md:w-1/3">
 6 |         <h2 class="font-medium sm:font-normal text-xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-900">Interviews</h2>
 7 |       </div>
 8 |       <div class="w-full md:w-2/3 mt-6">
 9 |         <p class="text-lg sm:text-xl lg:text-2xl text-gray-700">I've been a guest on a handful of podcasts where I engaged in conversations about everything from design tips to my life's story. Here are some of my favorite interviews: </p>
10 |         <div class="mt-6 lg:mt-10 border-b border-gray-400">
11 |           <div class="border-t border-gray-400 py-6 sm:py-8 lg:py-10" v-for="interview in interviews">
12 |             <div class="lg:flex items-center justify-between">
13 |               <div>
14 |                 <h3 class="text-gray-900 sm:text-lg lg:text-xl"><a :href="interview.podcastUrl" class="hover:underline">{{ interview.podcast }} <span class="text-gray-700">{{ interview.episode }}</span></a></h3>
15 |                 <div class="flex text-gray-700 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-3">
16 |                   <div><span class="italic">with</span> <a :href="interview.hostUrl" class="hover:underline">{{ interview.host }}</a></div>
17 |                   <div class="mx-3 text-gray-500">•</div>
18 |                   <div>{{ interview.date }}</div>
19 |                 </div>
20 |               </div>
21 |               <div class="flex flex-wrap text-gray-900 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-0">
22 |                 <div class="lg:ml-8">
23 |                   <a :href="interview.podcastUrl" class="flex items-center group">
24 |                     <div class="relative w-6 h-6">
25 |                       <svg class="absolute group-hover:opacity-0 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
26 |                         <path d="M18.5711 17.5711C22.4763 13.6658 22.4763 7.33418 18.5711 3.42893C14.6658 -0.47631 8.33418 -0.476311 4.42893 3.42893C0.523689 7.33418 0.523689 13.6658 4.42893 17.5711M15.7426 14.7426C18.0858 12.3995 18.0858 8.60051 15.7426 6.25736C13.3995 3.91421 9.60051 3.91421 7.25736 6.25736C4.91421 8.60051 4.91421 12.3995 7.25736 14.7426" stroke="#1A202C" stroke-linecap="round" />
27 |                         <path d="M13.5 10.5C13.5 11.6046 12.6046 12.5 11.5 12.5C10.3954 12.5 9.5 11.6046 9.5 10.5C9.5 9.39543 10.3954 8.5 11.5 8.5C12.6046 8.5 13.5 9.39543 13.5 10.5Z" stroke="#1A202C" />
28 |                         <path d="M9.5 14.5H13.5L12.5 22.5H10.5L9.5 14.5Z" stroke="#1A202C" stroke-linejoin="round" />
29 |                       </svg>
30 |                       <svg class="absolute opacity-0 group-hover:opacity-100 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
31 |                         <path d="M18.5711 17.5711C22.4763 13.6658 22.4763 7.33418 18.5711 3.42893C14.6658 -0.47631 8.33418 -0.476311 4.42893 3.42893C0.523689 7.33418 0.523689 13.6658 4.42893 17.5711M15.7426 14.7426C18.0858 12.3995 18.0858 8.60051 15.7426 6.25736C13.3995 3.91421 9.60051 3.91421 7.25736 6.25736C4.91421 8.60051 4.91421 12.3995 7.25736 14.7426" stroke="#1A202C" stroke-linecap="round" />
32 |                         <path d="M14 10.5C14 11.8807 12.8807 13 11.5 13C10.1193 13 9 11.8807 9 10.5C9 9.11929 10.1193 8 11.5 8C12.8807 8 14 9.11929 14 10.5Z" fill="#1A202C" />
33 |                         <path d="M9.12516 14.1691C9.22008 14.0616 9.35659 14 9.5 14H13.5C13.6434 14 13.7799 14.0616 13.8748 14.1691C13.9698 14.2766 14.0139 14.4197 13.9961 14.562L12.9961 22.562C12.9649 22.8122 12.7522 23 12.5 23H10.5C10.2478 23 10.0351 22.8122 10.0039 22.562L9.00386 14.562C8.98608 14.4197 9.03025 14.2766 9.12516 14.1691Z" fill="#1A202C" />
34 |                       </svg>
35 |                     </div>
36 |                     <div class="mt-px ml-2 lg:hidden">Listen to this episode</div>
37 |                   </a>
38 |                 </div>
39 |               </div>
40 |             </div>
41 |           </div>
42 |         </div>
43 |       </div>
44 |     </div>
45 |   </div>
46 | </template>
47 | <script>
48 | import Header from "../components/Header"
49 | export default {
50 |     components: { Header },
51 |   data() {
52 |     return {
53 |       interviews: [{
54 |           podcast: 'Yo! Podcast',
55 |           episode: '#005',
56 |           host: 'Rob Hope',
57 |           hostUrl: 'https://twitter.com/robhope',
58 |           date: 'May 15, 2019',
59 |           podcastUrl: 'https://onepagelove.com/podcast-005',
60 |         },
61 |         {
62 |           podcast: 'The Laravel Podcast',
63 |           episode: 'Episode 17',
64 |           host: 'Matt Stauffer',
65 |           hostUrl: 'https://twitter.com/stauffermatt',
66 |           date: 'February 8, 2019',
67 |           podcastUrl: 'https://laravelpodcast.com/episodes/89e3758b',
68 |         },
69 |         {
70 |           podcast: 'Fullstack Radio',
71 |           episode: 'Episode 103: Design Q&A + Refactoring UI Details',
72 |           host: 'Adam Wathan',
73 |           hostUrl: 'https://twitter.com/adamwathan',
74 |           date: 'December 5, 2018',
75 |           podcastUrl: 'http://www.fullstackradio.com/103',
76 |         },
77 |         {
78 |           podcast: 'Fullstack Radio',
79 |           episode: 'Episode 74: Tactical Design Advice for Developers',
80 |           host: 'Adam Wathan',
81 |           hostUrl: 'https://twitter.com/adamwathan',
82 |           date: 'October 12, 2017',
83 |           podcastUrl: 'http://www.fullstackradio.com/74',
84 |         },
85 |       ]
86 |     }
87 |   }
88 | }
89 | </script>
90 | 


--------------------------------------------------------------------------------
/pages/projects.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="max-w-5xl mx-auto px-6 md:px-8">
 3 |     <Header />
 4 |     <div class="mb-20 md:flex mt-10 lg:mt-6 items-baseline md:border-t md:border-gray-400 md:pt-2 lg:border-t-0 lg:pt-0">
 5 |       <div class="w-full md:w-1/3">
 6 |         <h2 class="font-medium sm:font-normal text-xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-900">Projects</h2>
 7 |       </div>
 8 |       <div class="w-full md:w-2/3 mt-6">
 9 |         <div class="text-lg sm:text-xl lg:text-2xl text-gray-700">
10 |           <p>Currently I'm working with my friend <a href="https://twitter.com/adamwathan" class="border-b border-gray-900 pb-px text-gray-900">Adam Wathan</a> to help improve and grow <a href="https://tailwindcss.com/" class="border-b border-gray-900 pb-px text-gray-900">TailwindCSS</a> — a utility-first CSS framework that he created.</p>
11 |           <p class="mt-6">Here are a few of my favorite projects that I've previously made:</p>
12 |         </div>
13 |         <div class="mt-6 lg:mt-10 border-b border-gray-400">
14 |           <div class="border-t border-gray-400 py-6 sm:py-8 lg:py-10" v-for="project in projects">
15 |             <div class="lg:flex items-center justify-between">
16 |               <div>
17 |                 <h3 class="text-gray-900 sm:text-lg lg:text-xl"><a :href="project.projectUrl" class="hover:underline">{{ project.projectName }}</a></h3>
18 |                 <div class="flex text-gray-700 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-3">
19 |                   {{ project.description }}
20 |                 </div>
21 |               </div>
22 |               <div class="flex flex-wrap text-gray-900 text-sm sm:text-base lg:text-lg mt-2 sm:mt-3 lg:mt-0">
23 |                 <div class="lg:ml-8">
24 |                   <a :href="project.projectUrl" class="flex items-center group hover:underline">
25 |                     <div class="relative w-6 h-6">
26 |                       <svg class="absolute group-hover:opacity-0 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
27 |                         <path d="M19.5 11V21.5H2.5V4.5H13" stroke="#1A202C" />
28 |                         <path d="M7.5 16.5L21.5 2.5" stroke="#1A202C" stroke-linecap="round" />
29 |                         <path d="M15 2.5H21.5V9" stroke="#1A202C" />
30 |                       </svg>
31 |                       <svg class="absolute opacity-0 group-hover:opacity-100 w-6 h-6" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
32 |                         <path d="M7.5 16.5L21.5 2.5" stroke="#1A202C" stroke-linecap="round" />
33 |                         <path d="M6.43934 15.4393C5.85355 16.0251 5.85355 16.9749 6.43934 17.5607C7.02512 18.1464 7.97487 18.1464 8.56066 17.5607L20 6.12132V22H2V4H17.8787L6.43934 15.4393Z" fill="#1A202C" />
34 |                         <path d="M15 2.5H21.5V9" stroke="#1A202C" />
35 |                       </svg>
36 |                     </div>
37 |                     <div class="mt-px ml-2 lg:hidden">Check out this project</div>
38 |                   </a>
39 |                 </div>
40 |               </div>
41 |             </div>
42 |           </div>
43 |         </div>
44 |       </div>
45 |     </div>
46 |   </div>
47 | </template>
48 | <script>
49 | import Header from "../components/Header"
50 | export default {
51 |   components: { Header },
52 |   data() {
53 |     return {
54 |       projects: [{
55 |           projectName: 'Heroicons',
56 |           description: 'Heroicons are a unique set of icons for your marketing website that make it easy to customize with CSS to better align to your brand.',
57 |           projectUrl: 'http://www.heroicons.com/',
58 |         },
59 |         {
60 |           projectName: 'Hero Patterns',
61 |           description: 'A collection of repeatable SVG background patterns for you to use on your web projects.',
62 |           projectUrl: 'https://www.heropatterns.com/',
63 |         },
64 |         {
65 |           projectName: 'Zondicons',
66 |           description: 'A set of free premium SVG icons for you to use on your digital products.',
67 |           projectUrl: 'https://www.zondicons.com/',
68 |         },
69 |       ]
70 |     }
71 |   }
72 | }
73 | 
74 | </script>
75 | 


--------------------------------------------------------------------------------
/pages/speaking.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="max-w-5xl mx-auto px-6 md:px-8">
 3 |     <Header/>
 4 |     <div class="mb-20 md:flex mt-10 lg:mt-6 items-baseline md:border-t md:border-gray-400 md:pt-2 lg:border-t-0 lg:pt-0">
 5 |       <div class="w-full md:w-1/3">
 6 |         <h2 class="font-medium sm:font-normal text-xl sm:text-2xl md:text-3xl lg:text-4xl text-gray-900">Speaking</h2>
 7 |       </div>
 8 |       <div class="w-full md:w-2/3 mt-6">
 9 |         <p class="text-lg sm:text-xl lg:text-2xl text-gray-700">I’ve had the pleasure of speaking at design and front-end conferences all around the world. <a href="mailto:&#115;&#109;&#046;&#115;&#099;&#104;&#111;&#103;&#101;&#114;&#064;&#103;&#109;&#097;&#105;&#108;&#046;&#099;&#111;&#109;" class="border-b border-gray-900 pb-px text-gray-900">Contact me</a> if you think I would make a great fit at your conference. </p>
10 |         <div class="mt-6 lg:mt-10 border-b border-gray-400">
11 |           <Talk :talk="talk" v-for="talk in talks"/>
12 |         </div>
13 |       </div>
14 |     </div>
15 |   </div>
16 | </template>
17 | <script>
18 |     import Header from "../components/Header"
19 |     import Talk from "../components/Talk"
20 | export default {
21 |     components: { Header, Talk },
22 |   data() {
23 |     return {
24 |       talks: [{
25 |           talkTitle: 'How to Think Like a Visual Designer',
26 |           conference: 'Laracon US',
27 |           conferenceUrl: 'https://laracon.us/',
28 |           location: 'New York, USA',
29 |           date: 'July 24 - 25, 2019',
30 |           videoUrl: null,
31 |           slidesUrl: 'https://speakerdeck.com/steveschoger/how-to-think-like-a-visual-designer',
32 |         },
33 |         {
34 |           talkTitle: 'Practical Solutions to Common UI Design Problems',
35 |           conference: 'CSSDay',
36 |           conferenceUrl: 'https://cssday.nl/2019',
37 |           location: 'Amsterdam, NL',
38 |           date: 'June 13 - 14, 2019',
39 |           videoUrl: 'https://youtu.be/7Z9rrryIOC4',
40 |           slidesUrl: 'https://speakerdeck.com/steveschoger/practical-solutions-to-common-ui-design-problems',
41 |         },
42 |         {
43 |           talkTitle: 'Practical Solutions to Common UI Design Problems (no slides)',
44 |           conference: 'Smashing Conference',
45 |           conferenceUrl: 'https://smashingconf.com/',
46 |           location: 'San Francisco, USA',
47 |           date: 'April 21 - 22, 2019',
48 |           videoUrl: null,
49 |           slidesUrl: null,
50 |         },
51 |         {
52 |           talkTitle: 'Practical Solutions to Common UI Design Problems',
53 |           conference: 'Laracon Online',
54 |           conferenceUrl: 'https://laracon.net/',
55 |           location: 'Online',
56 |           date: 'March 6, 2019',
57 |           videoUrl: null,
58 |           slidesUrl: 'https://speakerdeck.com/steveschoger/practical-solutions-to-common-ui-design-problems',
59 |         },
60 |         {
61 |           talkTitle: 'Refactoring UI',
62 |           conference: 'Laracon AU',
63 |           conferenceUrl: 'https://laracon.com.au/',
64 |           location: 'Sydney, AU',
65 |           date: 'October 17 - 18, 2018',
66 |           videoUrl: null,
67 |           slidesUrl: null,
68 |         },
69 |         {
70 |           talkTitle: '15 Practical Tips for Cheating at Design',
71 |           conference: 'Fluxible',
72 |           conferenceUrl: '/',
73 |           location: 'Waterloo, CA',
74 |           date: 'September 22 - 23, 2018',
75 |           videoUrl: null,
76 |           slidesUrl: 'https://speakerdeck.com/steveschoger/fluxible-15m',
77 |         },
78 |         {
79 |           talkTitle: 'The Little Details of UI Design',
80 |           conference: 'Laracon Online',
81 |           conferenceUrl: 'https://laracon.net/',
82 |           location: 'Online',
83 |           date: 'February 2, 2019',
84 |           videoUrl: 'https://laracon.net/2018',
85 |           slidesUrl: 'https://speakerdeck.com/steveschoger/the-little-details-of-ui-design',
86 |         },
87 |       ]
88 |     }
89 |   }
90 | }
91 | </script>
92 | 


--------------------------------------------------------------------------------
/plugins/README.md:
--------------------------------------------------------------------------------
1 | # PLUGINS
2 | 
3 | **This directory is not required, you can delete it if you don't want to use it.**
4 | 
5 | This directory contains Javascript plugins that you want to run before mounting the root Vue.js application.
6 | 
7 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/plugins).
8 | 


--------------------------------------------------------------------------------
/static/README.md:
--------------------------------------------------------------------------------
 1 | # STATIC
 2 | 
 3 | **This directory is not required, you can delete it if you don't want to use it.**
 4 | 
 5 | This directory contains your static files.
 6 | Each file inside this directory is mapped to `/`.
 7 | Thus you'd want to delete this README.md before deploying to production.
 8 | 
 9 | Example: `/static/robots.txt` is mapped as `/robots.txt`.
10 | 
11 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
12 | 


--------------------------------------------------------------------------------
/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sschoger/steveschoger-site/94fa96c5a7ca8b9af45e6e88da4397742681db29/static/favicon.ico


--------------------------------------------------------------------------------
/static/status-code-poster/css/main.css:
--------------------------------------------------------------------------------
 1 | body {
 2 | 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 3 | 	font-size: 16px;
 4 | 	font-weight: 400;
 5 | 	-webkit-font-smoothing: antialiased;
 6 |     -moz-osx-font-smoothing: grayscale;
 7 |     margin: 40px;
 8 | }
 9 | 
10 | h1 {
11 | 	font-size: 1.5em;
12 | 	font-weight: 300;
13 | 	color: #000;
14 | 	margin-bottom: 40px;
15 | }
16 | 
17 | p{
18 | 	color: #575757;
19 | 	font-size: 0.875em;
20 | 	line-height: 20px;
21 | 	margin-botton: 12px;
22 | }
23 | 
24 | button{ 
25 | 	color: #fff;
26 | 	background: #4688D3;
27 | 	border: none;
28 | 	border-radius: 4px;
29 | 	padding: 8px 20px;
30 | 	margin-bottom: 40px;
31 | 	margin-top: 20px;
32 | }
33 | 
34 | ol{
35 | 	color: #575757;
36 | 	font-size: 0.875em;
37 | }
38 | 
39 | li{
40 | 	line-height: 20px;
41 | 	margin-bottom: 12px;
42 | }
43 | 
44 | em{ 
45 | 	font-size: 12px;
46 | }
47 | 
48 | strong{
49 | 	color: #000;
50 | }
51 | 
52 | .status-code-poster-container{
53 | 	background: #F2F2F2;
54 | 	width: 100%;
55 | 	padding: 40px;
56 | }
57 | 
58 | .status-code-poster{
59 | 	max-width: 500px;
60 | 	margin: 0 auto;
61 | 	display: block;
62 | 	height: auto;
63 | }
64 | 
65 | img{
66 | 	max-width: 100%;
67 | 	width: 100%;
68 |     -webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
69 | 	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
70 | 	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
71 | }
72 | 
73 | .main-content{
74 | 	border-bottom: 1px solid #ccc;
75 | 	padding-bottom: 40px;
76 | 	
77 | }
78 | 
79 | .info{
80 | 	padding-bottom: 20px;
81 | }
82 | 
83 | .footer{
84 | 	padding-top: 20px;
85 | }
86 | 


--------------------------------------------------------------------------------
/static/status-code-poster/http-status-code-poster.pdf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sschoger/steveschoger-site/94fa96c5a7ca8b9af45e6e88da4397742681db29/static/status-code-poster/http-status-code-poster.pdf


--------------------------------------------------------------------------------
/static/status-code-poster/http-status-code-poster.zip:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sschoger/steveschoger-site/94fa96c5a7ca8b9af45e6e88da4397742681db29/static/status-code-poster/http-status-code-poster.zip


--------------------------------------------------------------------------------
/static/status-code-poster/img/status-code-twitter.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sschoger/steveschoger-site/94fa96c5a7ca8b9af45e6e88da4397742681db29/static/status-code-poster/img/status-code-twitter.png


--------------------------------------------------------------------------------
/static/status-code-poster/img/status-code.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/sschoger/steveschoger-site/94fa96c5a7ca8b9af45e6e88da4397742681db29/static/status-code-poster/img/status-code.png


--------------------------------------------------------------------------------
/static/status-code-poster/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 	<head>
 4 | 		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 5 | 		<meta name="viewport" content = "width=device-width ,  user-scalable=no">
 6 | 		<meta http-equiv="X-UA-Compatible" content="IE=edge">
 7 | 		<meta name="description" content="Steve Schoger / User Interface Designer">
 8 | 		
 9 | 		<meta name="twitter:card" content="summary_large_image">
10 | 		<meta name="twitter:site" content="@steveschoger" />
11 | 		<meta name="twitter:title" content="HTTP Status Code Poster" />
12 | 		<meta name="twitter:description" content="Free HTTP Status Code Poster" />
13 | 		<meta name="twitter:image" content="http://www.steveschoger.com/status-code-poster/img/status-code-twitter.png" />
14 | 	
15 | 	
16 | 		<title>Steve Schoger / User Interface Designer</title>
17 | 		
18 | 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
19 | 		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
20 | 		
21 | 		<link href="css/main.css" rel="stylesheet" type="text/css">
22 | 		
23 | 		<!--[if lt IE 9]>
24 | 			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
25 | 			<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
26 | 			<script>
27 | 				document.createElement('nav');
28 | 				document.createElement('section');
29 | 				document.createElement('figure');
30 | 			</script>
31 | 		<![endif]-->
32 | 		
33 | 	</head>
34 | 	<body>
35 | 		<h1>HTTP Status Code Poster</h1>
36 | 		<div class="main-content">
37 | 			<div class="row">
38 | 				<div class="col-xs-12 col-sm-4">
39 | 					<div class="info">
40 | 					<p>This nifty print-it-yourself poster is a great reference for developers to hang near their workspace. For best results, follow the directions provided below. </p>
41 | 					<p>Size 19.75x22 inches </p>
42 | 					<a href="http-status-code-poster.zip"><button>Download PDF</button></a>
43 | 					
44 | 					<p><strong>Directions</strong></p>
45 | 					<ol>
46 | 						<li>Click the download button above.</li>
47 | 						<li>Send the file to your local print shop and inform them that there is a 0.5” bleed (they’ll know what you mean). <br><em>Optional: ask for it in matte or gloss.</em> </li>
48 | 						<li>Pick up your new poster.</li>
49 | 						<li>Hang your poster on your wall above your computer workspace.</li>
50 | 					</ol>
51 | 				</div>
52 | 				</div>
53 | 				<div class="col-xs-12 col-sm-8">
54 | 					<div class="status-code-poster-container">
55 | 						<div class="status-code-poster">
56 | 							<img src="img/status-code.png">
57 | 						</div>
58 | 					</div>
59 | 				</div>
60 | 			</div>
61 | 		</div>
62 | 		<div class="footer">
63 | 			<p>The HTTP Status Code poster was Designed by <a href="/">Steve Schoger</a>. He designs things and gives lots of stuff away for free. You can follow him on Twitter <a href="https://www.twitter.com/steveschoger">@steveschoger</a>.</p>
64 | 		</div>
65 | 								
66 | 	</body>
67 | 	<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
68 | 	<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
69 | 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
70 | </html>


--------------------------------------------------------------------------------
/store/README.md:
--------------------------------------------------------------------------------
 1 | # STORE
 2 | 
 3 | **This directory is not required, you can delete it if you don't want to use it.**
 4 | 
 5 | This directory contains your Vuex Store files.
 6 | Vuex Store option is implemented in the Nuxt.js framework.
 7 | 
 8 | Creating a file in this directory automatically activates the option in the framework.
 9 | 
10 | More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
11 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | /*
 2 | ** TailwindCSS Configuration File
 3 | **
 4 | ** Docs: https://tailwindcss.com/docs/configuration
 5 | ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
 6 | */
 7 | module.exports = {
 8 |   theme: {},
 9 |   variants: { 
10 |   	opacity: [ "responsive", "group-hover", "hover", "focus" ],
11 |   },
12 |   plugins: []
13 | }
14 | 


--------------------------------------------------------------------------------