diff --git a/404.html b/404.html
index 8a4aff7..8d504f9 100644
--- a/404.html
+++ b/404.html
@@ -1,12 +1,12 @@
 <!DOCTYPE html>
-<html lang="">
+<html lang="en">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="description" content="Web site created using Vue" />
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= htmlWebpackPlugin.options.title %></title>
-    <script src="https://cdn.tailwindcss.com"></script>
   </head>
   <body>
     <noscript>
diff --git a/css/app.6a6b1015.css b/css/app.6a6b1015.css
deleted file mode 100644
index 92f2a36..0000000
--- a/css/app.6a6b1015.css
+++ /dev/null
@@ -1 +0,0 @@
-.active[data-v-77bf5596]{border-bottom:2px solid rgb(34 197 94/var(--tw-bg-opacity));transform:scale(1.1);transition:border-bottom .3s ease,color .3s ease,transform .3s ease}
\ No newline at end of file
diff --git a/css/app.9355ba2e.css b/css/app.9355ba2e.css
new file mode 100644
index 0000000..49c8c46
--- /dev/null
+++ b/css/app.9355ba2e.css
@@ -0,0 +1,4 @@
+.active[data-v-55f14b65]{border-bottom:2px solid rgb(34 197 94/var(--tw-bg-opacity));transform:scale(1.1);transition:border-bottom .3s ease,color .3s ease,transform .3s ease}
+/*
+! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com
+*/*,:after,:before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-5{margin-right:1.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.inline-flex{display:inline-flex}.h-1{height:.25rem}.h-10{height:2.5rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-screen{height:100vh}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-full{width:100%}.rotate-12{--tw-rotate:12deg}.rotate-12,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-l-2{border-left-width:2px}.border-t{border-top-width:1px}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.bg-\[\#1A2238\]{--tw-bg-opacity:1;background-color:rgb(26 34 56/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-bottom:2rem}.pt-8,.py-8{padding-top:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-9xl{font-size:8rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-8{line-height:2rem}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.625}.tracking-widest{letter-spacing:.1em}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-opacity-90{--tw-text-opacity:0.9}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.focus\:bg-gray-900:focus{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-900:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 83 45/var(--tw-ring-opacity))}@media (min-width:640px){.sm\:ml-4{margin-left:1rem}.sm\:mt-0{margin-top:0}.sm\:flex-row{flex-direction:row}.sm\:border-l-2{border-left-width:2px}.sm\:border-gray-800{--tw-border-opacity:1;border-color:rgb(31 41 55/var(--tw-border-opacity))}.sm\:py-2{padding-top:.5rem;padding-bottom:.5rem}.sm\:pl-4{padding-left:1rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:ml-auto{margin-left:auto}.md\:w-1\/2{width:50%}.md\:w-2\/3{width:66.666667%}.md\:w-full{width:100%}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}}@media (min-width:1024px){.lg\:mb-0{margin-bottom:0}.lg\:w-1\/2{width:50%}.lg\:w-2\/3{width:66.666667%}}@media (min-width:1280px){.xl\:w-1\/4{width:25%}}
\ No newline at end of file
diff --git a/index.html b/index.html
index c9c76f2..7d57c75 100644
--- a/index.html
+++ b/index.html
@@ -1 +1 @@
-<!doctype html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/demo-spa-vue/favicon.ico"><title>demo-spa-vue</title><script src="https://cdn.tailwindcss.com"></script><script defer="defer" src="/demo-spa-vue/js/chunk-vendors.687dfa45.js"></script><script defer="defer" src="/demo-spa-vue/js/app.7bf175c1.js"></script><link href="/demo-spa-vue/css/app.6a6b1015.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but demo-spa-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
\ No newline at end of file
+<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="description" content="Web site created using Vue"/><link rel="icon" href="/demo-spa-vue/favicon.ico"><title>demo-spa-vue</title><script defer="defer" src="/demo-spa-vue/js/chunk-vendors.687dfa45.js"></script><script defer="defer" src="/demo-spa-vue/js/app.71027890.js"></script><link href="/demo-spa-vue/css/app.9355ba2e.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but demo-spa-vue doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>
\ No newline at end of file
diff --git a/js/app.71027890.js b/js/app.71027890.js
new file mode 100644
index 0000000..4eb78f8
--- /dev/null
+++ b/js/app.71027890.js
@@ -0,0 +1,2 @@
+(function(){"use strict";var e={6433:function(e,t,a){var r=a(5130),o=a(6768);function n(e,t,a,r,n,l){const s=(0,o.g2)("HeaderView"),i=(0,o.g2)("router-view"),c=(0,o.g2)("FooterView");return(0,o.uX)(),(0,o.CE)(o.FK,null,[(0,o.bF)(s),(0,o.bF)(i),(0,o.bF)(c)],64)}var l=a(9975);const s=e=>((0,o.Qi)("data-v-55f14b65"),e=e(),(0,o.jt)(),e),i={class:"text-gray-400 bg-gray-900 body-font"},c={class:"container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"},d=s((()=>(0,o.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",class:"w-10 h-10 text-white p-2 bg-green-500 rounded-full",viewBox:"0 0 24 24"},[(0,o.Lk)("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"})],-1))),u=s((()=>(0,o.Lk)("span",{class:"ml-3 text-xl"},"Demo SPA Vue",-1))),x={class:"md:ml-auto flex flex-wrap items-center text-base justify-center"};function g(e,t){const a=(0,o.g2)("router-link");return(0,o.uX)(),(0,o.CE)("header",i,[(0,o.Lk)("div",c,[(0,o.bF)(a,{to:"/home",class:"flex title-font font-medium items-center text-white mb-4 md:mb-0"},{default:(0,o.k6)((()=>[d,u])),_:1}),(0,o.Lk)("nav",x,[(0,o.bF)(a,{to:"/home","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("Home")])),_:1}),(0,o.bF)(a,{to:"/about","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("About")])),_:1}),(0,o.bF)(a,{to:"/contact","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("Contact")])),_:1})])])])}var m=a(1241);const f={},b=(0,m.A)(f,[["render",g],["__scopeId","data-v-55f14b65"]]);var p=b;const h={class:"text-gray-400 bg-gray-900 body-font"},v={class:"container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"},w=(0,o.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",class:"w-10 h-10 text-white p-2 bg-green-500 rounded-full",viewBox:"0 0 24 24"},[(0,o.Lk)("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"})],-1),y=(0,o.Lk)("span",{class:"ml-3 text-xl"},"Demo SPA Vue",-1),k=(0,o.Lk)("p",{class:"text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4"},"© 2020 Tailblocks ",-1);function j(e,t){const a=(0,o.g2)("router-link");return(0,o.uX)(),(0,o.CE)("footer",h,[(0,o.Lk)("div",v,[(0,o.bF)(a,{to:"/home",class:"flex title-font font-medium items-center md:justify-start justify-center text-white"},{default:(0,o.k6)((()=>[w,y])),_:1}),k])])}const F={},M=(0,m.A)(F,[["render",j]]);var C=M,L=function(e,t,a,r){var o,n=arguments.length,l=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)l=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(n<3?o(l):n>3?o(t,a,l):o(t,a))||l);return n>3&&l&&Object.defineProperty(t,a,l),l};let O=class extends l.lD{};O=L([(0,l.JY)({components:{HeaderView:p,FooterView:C}})],O);var A=O;const B=(0,m.A)(A,[["render",n]]);var E=B,T=a(1387);const _={class:"text-gray-400 body-font bg-gray-900"},D=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap w-full mb-20"><div class="lg:w-1/2 w-full mb-6 lg:mb-0"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-white">Pitchfork Kickstarter Taxidermy</h1><div class="h-1 w-20 bg-green-500 rounded"></div></div><p class="lg:w-1/2 w-full leading-relaxed text-gray-400 text-opacity-90">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven&#39;t heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p></div><div class="flex flex-wrap -m-4"><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/720x400" alt="content"><p class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</p><p class="text-lg text-white font-medium title-font mb-4">Chichen Itza</p><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/721x401" alt="content"><p class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</p><p class="text-lg text-white font-medium title-font mb-4">Colosseum Roma</p><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/722x402" alt="content"><p class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</p><p class="text-lg text-white font-medium title-font mb-4">Great Pyramid of Giza</p><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/723x403" alt="content"><p class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</p><p class="text-lg text-white font-medium title-font mb-4">San Francisco</p><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div></div></div>',1),z=[D];function P(e,t){return(0,o.uX)(),(0,o.CE)("section",_,z)}const S={},R=(0,m.A)(S,[["render",P]]);var H=R;const I={class:"text-gray-400 body-font bg-gray-900"},V=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-20"><h2 class="text-xs text-green-400 tracking-widest font-medium title-font mb-1">ROOF PARTY POLAROID</h2><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Master Cleanse Reliac Heirloom</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven&#39;t heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p></div><div class="flex flex-wrap"><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Shooting Stars</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">The Catalyzer</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Neptune</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Melanchole</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div></div><button class="flex mx-auto mt-16 text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg">Button</button></div>',1),W=[V];function X(e,t){return(0,o.uX)(),(0,o.CE)("section",I,W)}const N={},U=(0,m.A)(N,[["render",X]]);var G=U;const q={class:"text-gray-400 bg-gray-900 body-font relative"},K=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-12"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Contact Us</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.</p></div><div class="lg:w-1/2 md:w-2/3 mx-auto"><div class="flex flex-wrap -m-2"><div class="p-2 w-1/2"><div class="relative"><label for="name" class="leading-7 text-sm text-gray-400">Name</label><input type="text" id="name" name="name" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"></div></div><div class="p-2 w-1/2"><div class="relative"><label for="email" class="leading-7 text-sm text-gray-400">Email</label><input type="email" id="email" name="email" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"></div></div><div class="p-2 w-full"><div class="relative"><label for="message" class="leading-7 text-sm text-gray-400">Message</label><textarea id="message" name="message" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 h-32 text-base outline-none text-gray-100 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"></textarea></div></div><div class="p-2 w-full"><button class="flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg">Button</button></div><div class="p-2 w-full pt-8 mt-8 border-t border-gray-800 text-center"><a class="text-green-400">example@email.com</a><p class="leading-normal my-5">49 Smith St. <br>Saint Cloud, MN 56301 </p><span class="inline-flex"><a class="text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></a></span></div></div></div></div>',1),Y=[K];function J(e,t){return(0,o.uX)(),(0,o.CE)("section",q,Y)}const Q={},$=(0,m.A)(Q,[["render",J]]);var Z=$;const ee={class:"h-screen w-full flex flex-col justify-center items-center bg-[#1A2238]"},te=(0,o.Lk)("h1",{class:"text-9xl font-extrabold text-white tracking-widest"},"404",-1),ae=(0,o.Lk)("div",{class:"bg-green-500 text-white px-2 text-sm rounded rotate-12 absolute"}," Page Not Found ",-1);function re(e,t){const a=(0,o.g2)("router-link");return(0,o.uX)(),(0,o.CE)("main",ee,[te,ae,(0,o.bF)(a,{to:"/home",class:"mt-10 flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg"},{default:(0,o.k6)((()=>[(0,o.eW)("Go Home")])),_:1})])}const oe={},ne=(0,m.A)(oe,[["render",re]]);var le=ne;const se=[{path:"/home",name:"home",meta:{title:"Home"},component:H},{path:"/about",name:"about",meta:{title:"About"},component:G},{path:"/contact",name:"contact",meta:{title:"Contact"},component:Z},{path:"/",redirect:"/home"},{path:"/:pathMatch(.*)",name:"pageNotFound",meta:{title:"Page Not Found"},component:le}],ie=(0,T.aE)({history:(0,T.Bt)("/demo-spa-vue/"),routes:se}),ce="demo-spa-vue";ie.beforeEach(((e,t,a)=>{document.title=e.meta.title||ce,a()}));var de=ie,ue=a(782),xe=(0,ue.y$)({state:{},getters:{},mutations:{},actions:{},modules:{}});(0,r.Ef)(E).use(xe).use(de).mount("#app")}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={exports:{}};return e[r].call(n.exports,n,n.exports,a),n.exports}a.m=e,function(){var e=[];a.O=function(t,r,o,n){if(!r){var l=1/0;for(d=0;d<e.length;d++){r=e[d][0],o=e[d][1],n=e[d][2];for(var s=!0,i=0;i<r.length;i++)(!1&n||l>=n)&&Object.keys(a.O).every((function(e){return a.O[e](r[i])}))?r.splice(i--,1):(s=!1,n<l&&(l=n));if(s){e.splice(d--,1);var c=o();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[r,o,n]}}(),function(){a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,{a:t}),t}}(),function(){a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){a.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){var e={524:0};a.O.j=function(t){return 0===e[t]};var t=function(t,r){var o,n,l=r[0],s=r[1],i=r[2],c=0;if(l.some((function(t){return 0!==e[t]}))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(i)var d=i(a)}for(t&&t(r);c<l.length;c++)n=l[c],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(d)},r=self["webpackChunkdemo_spa_vue"]=self["webpackChunkdemo_spa_vue"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var r=a.O(void 0,[504],(function(){return a(6433)}));r=a.O(r)})();
+//# sourceMappingURL=app.71027890.js.map
\ No newline at end of file
diff --git a/js/app.71027890.js.map b/js/app.71027890.js.map
new file mode 100644
index 0000000..bbac322
--- /dev/null
+++ b/js/app.71027890.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"js/app.71027890.js","mappings":"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","sources":["webpack://demo-spa-vue/./src/App.vue?3275","webpack://demo-spa-vue/./src/App.vue","webpack://demo-spa-vue/./src/views/HeaderView.vue","webpack://demo-spa-vue/./src/views/HeaderView.vue?d554","webpack://demo-spa-vue/./src/views/FooterView.vue","webpack://demo-spa-vue/./src/views/FooterView.vue?a54f","webpack://demo-spa-vue/./src/App.vue?7ccd","webpack://demo-spa-vue/./src/views/HomeView.vue","webpack://demo-spa-vue/./src/views/HomeView.vue?1da1","webpack://demo-spa-vue/./src/views/AboutView.vue","webpack://demo-spa-vue/./src/views/AboutView.vue?d56f","webpack://demo-spa-vue/./src/views/ContactView.vue","webpack://demo-spa-vue/./src/views/ContactView.vue?405e","webpack://demo-spa-vue/./src/views/PageNotFoundView.vue","webpack://demo-spa-vue/./src/views/PageNotFoundView.vue?efe0","webpack://demo-spa-vue/./src/router/index.ts","webpack://demo-spa-vue/./src/store/index.ts","webpack://demo-spa-vue/./src/main.ts","webpack://demo-spa-vue/webpack/bootstrap","webpack://demo-spa-vue/webpack/runtime/chunk loaded","webpack://demo-spa-vue/webpack/runtime/compat get default export","webpack://demo-spa-vue/webpack/runtime/define property getters","webpack://demo-spa-vue/webpack/runtime/global","webpack://demo-spa-vue/webpack/runtime/hasOwnProperty shorthand","webpack://demo-spa-vue/webpack/runtime/jsonp chunk loading","webpack://demo-spa-vue/webpack/startup"],"sourcesContent":["import { resolveComponent as _resolveComponent, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_HeaderView = _resolveComponent(\"HeaderView\")!\n  const _component_router_view = _resolveComponent(\"router-view\")!\n  const _component_FooterView = _resolveComponent(\"FooterView\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(_component_HeaderView),\n    _createVNode(_component_router_view),\n    _createVNode(_component_FooterView)\n  ], 64))\n}","<template>\n  <HeaderView></HeaderView>\n  <router-view/>\n  <FooterView></FooterView>\n</template>\n\n<script lang=\"ts\">\nimport { Options, Vue } from 'vue-class-component';\nimport HeaderView from '@/views/HeaderView.vue';\nimport FooterView from '@/views/FooterView.vue';\nimport './App.css'\n\n@Options({\n  components: {\n    HeaderView,\n    FooterView\n  },\n})\nexport default class App extends Vue {\n}\n</script>\n","<template>\n  <header class=\"text-gray-400 bg-gray-900 body-font\">\n    <div class=\"container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center\">\n      <router-link to=\"/home\" class=\"flex title-font font-medium items-center text-white mb-4 md:mb-0\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-10 h-10 text-white p-2 bg-green-500 rounded-full\" viewBox=\"0 0 24 24\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"></path>\n        </svg>\n        <span class=\"ml-3 text-xl\">Demo SPA Vue</span>\n      </router-link>\n      <nav class=\"md:ml-auto flex flex-wrap items-center text-base justify-center\">\n        <router-link to=\"/home\" active-class=\"active\" class=\"mr-5 hover:text-white\">Home</router-link>\n        <router-link to=\"/about\" active-class=\"active\" class=\"mr-5 hover:text-white\">About</router-link>\n        <router-link to=\"/contact\" active-class=\"active\" class=\"mr-5 hover:text-white\">Contact</router-link>\n      </nav>\n    </div>\n  </header>\n</template>\n\n<style scoped lang=\"scss\">\n.active {\n    border-bottom: 2px solid rgb(34 197 94 / var(--tw-bg-opacity));\n    transform: scale(1.1);\n    transition: border-bottom 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n</style>","import { render } from \"./HeaderView.vue?vue&type=template&id=55f14b65&scoped=true\"\nconst script = {}\n\nimport \"./HeaderView.vue?vue&type=style&index=0&id=55f14b65&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-55f14b65\"]])\n\nexport default __exports__","<template>\n  <footer class=\"text-gray-400 bg-gray-900 body-font\">\n    <div class=\"container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col\">\n      <router-link to=\"/home\"  class=\"flex title-font font-medium items-center md:justify-start justify-center text-white\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-10 h-10 text-white p-2 bg-green-500 rounded-full\" viewBox=\"0 0 24 24\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"></path>\n        </svg>\n        <span class=\"ml-3 text-xl\">Demo SPA Vue</span>\n      </router-link>\n      <p class=\"text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4\">© 2020 Tailblocks\n      </p>\n    </div>\n  </footer>\n</template>\n","import { render } from \"./FooterView.vue?vue&type=template&id=6574d302\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=6dffb7dd&ts=true\"\nimport script from \"./App.vue?vue&type=script&lang=ts\"\nexport * from \"./App.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 body-font bg-gray-900\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-wrap w-full mb-20\">\n        <div class=\"lg:w-1/2 w-full mb-6 lg:mb-0\">\n          <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-2 text-white\">Pitchfork Kickstarter Taxidermy</h1>\n          <div class=\"h-1 w-20 bg-green-500 rounded\"></div>\n        </div>\n        <p class=\"lg:w-1/2 w-full leading-relaxed text-gray-400 text-opacity-90\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p>\n      </div>\n      <div class=\"flex flex-wrap -m-4\">\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/720x400\" alt=\"content\">\n            <p class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</p>\n            <p class=\"text-lg text-white font-medium title-font mb-4\">Chichen Itza</p>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/721x401\" alt=\"content\">\n            <p class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</p>\n            <p class=\"text-lg text-white font-medium title-font mb-4\">Colosseum Roma</p>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/722x402\" alt=\"content\">\n            <p class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</p>\n            <p class=\"text-lg text-white font-medium title-font mb-4\">Great Pyramid of Giza</p>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/723x403\" alt=\"content\">\n            <p class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</p>\n            <p class=\"text-lg text-white font-medium title-font mb-4\">San Francisco</p>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./HomeView.vue?vue&type=template&id=59fd805e\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 body-font bg-gray-900\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-col text-center w-full mb-20\">\n        <h2 class=\"text-xs text-green-400 tracking-widest font-medium title-font mb-1\">ROOF PARTY POLAROID</h2>\n        <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-4 text-white\">Master Cleanse Reliac Heirloom</h1>\n        <p class=\"lg:w-2/3 mx-auto leading-relaxed text-base\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p>\n      </div>\n      <div class=\"flex flex-wrap\">\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Shooting Stars</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">The Catalyzer</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Neptune</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Melanchole</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n      </div>\n      <button class=\"flex mx-auto mt-16 text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Button</button>\n    </div>\n  </section>\n</template>\n","import { render } from \"./AboutView.vue?vue&type=template&id=3908eb6a\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 bg-gray-900 body-font relative\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-col text-center w-full mb-12\">\n        <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-4 text-white\">Contact Us</h1>\n        <p class=\"lg:w-2/3 mx-auto leading-relaxed text-base\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.</p>\n      </div>\n      <div class=\"lg:w-1/2 md:w-2/3 mx-auto\">\n        <div class=\"flex flex-wrap -m-2\">\n          <div class=\"p-2 w-1/2\">\n            <div class=\"relative\">\n              <label for=\"name\" class=\"leading-7 text-sm text-gray-400\">Name</label>\n              <input type=\"text\" id=\"name\" name=\"name\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n            </div>\n          </div>\n          <div class=\"p-2 w-1/2\">\n            <div class=\"relative\">\n              <label for=\"email\" class=\"leading-7 text-sm text-gray-400\">Email</label>\n              <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n            </div>\n          </div>\n          <div class=\"p-2 w-full\">\n            <div class=\"relative\">\n              <label for=\"message\" class=\"leading-7 text-sm text-gray-400\">Message</label>\n              <textarea id=\"message\" name=\"message\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 h-32 text-base outline-none text-gray-100 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out\"></textarea>\n            </div>\n          </div>\n          <div class=\"p-2 w-full\">\n            <button class=\"flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Button</button>\n          </div>\n          <div class=\"p-2 w-full pt-8 mt-8 border-t border-gray-800 text-center\">\n            <a class=\"text-green-400\">example&#64;email.com</a>\n            <p class=\"leading-normal my-5\">49 Smith St.\n              <br>Saint Cloud, MN 56301\n            </p>\n            <span class=\"inline-flex\">\n              <a class=\"text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"></rect>\n                  <path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"></path>\n                </svg>\n              </a>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./ContactView.vue?vue&type=template&id=2a3f2e06\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <main class=\"h-screen w-full flex flex-col justify-center items-center bg-[#1A2238]\">\n    <h1 class=\"text-9xl font-extrabold text-white tracking-widest\">404</h1>\n    <div class=\"bg-green-500 text-white px-2 text-sm rounded rotate-12 absolute\">\n      Page Not Found\n    </div>\n      <router-link to=\"/home\" class=\"mt-10 flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Go Home</router-link>\n  </main>\n</template>\n","import { render } from \"./PageNotFoundView.vue?vue&type=template&id=5aac114f\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'\nimport HomeView from '../views/HomeView.vue'\nimport AboutView from '../views/AboutView.vue'\nimport ContactView from '../views/ContactView.vue'\nimport PageNotFoundView from '@/views/PageNotFoundView.vue'\n\nconst routes: Array<RouteRecordRaw> = [\n  {\n    path: '/home',\n    name: 'home',\n    meta: { title: 'Home' },\n    component: HomeView\n  },\n  {\n    path: '/about',\n    name: 'about',\n    meta: { title: 'About' },\n    component: AboutView\n  },\n  {\n    path: '/contact',\n    name: 'contact',\n    meta: { title: 'Contact' },\n    component: ContactView\n  },\n  {\n    path: '/',\n    redirect: '/home'\n  },\n  {\n    path: '/:pathMatch(.*)',\n    name: 'pageNotFound',\n    meta: { title: 'Page Not Found' },\n    component: PageNotFoundView\n  }\n]\n\nconst router = createRouter({\n  history: createWebHashHistory(process.env.BASE_URL),\n  routes\n})\n\nconst DEFAULT_TITLE = 'demo-spa-vue';\nrouter.beforeEach((to, from, next) => {\n  document.title = to.meta.title as string || DEFAULT_TITLE;\n  next();\n});\n\nexport default router\n","import { createStore } from 'vuex'\n\nexport default createStore({\n  state: {\n  },\n  getters: {\n  },\n  mutations: {\n  },\n  actions: {\n  },\n  modules: {\n  }\n})\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\n\ncreateApp(App).use(store).use(router).mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdemo_spa_vue\"] = self[\"webpackChunkdemo_spa_vue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(6433); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_ctx","_cache","$props","$setup","$data","$options","_component_HeaderView","_resolveComponent","_component_router_view","_component_FooterView","_openBlock","_createElementBlock","_Fragment","_createVNode","class","_createElementVNode","xmlns","fill","stroke","viewBox","d","_hoisted_1","_hoisted_2","_component_router_link","to","default","_withCtx","_hoisted_3","_hoisted_4","_","_hoisted_5","_createTextVNode","script","__exports__","App","Vue","__decorate","Options","components","HeaderView","FooterView","_createStaticVNode","routes","path","name","meta","title","component","HomeView","AboutView","ContactView","redirect","PageNotFoundView","router","createRouter","history","createWebHashHistory","process","DEFAULT_TITLE","beforeEach","from","next","document","createStore","state","getters","mutations","actions","modules","createApp","use","store","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","a","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""}
\ No newline at end of file
diff --git a/js/app.7bf175c1.js b/js/app.7bf175c1.js
deleted file mode 100644
index 1febfd4..0000000
--- a/js/app.7bf175c1.js
+++ /dev/null
@@ -1,2 +0,0 @@
-(function(){"use strict";var e={1645:function(e,t,a){var r=a(5130),o=a(6768);function n(e,t,a,r,n,l){const s=(0,o.g2)("HeaderView"),i=(0,o.g2)("router-view"),c=(0,o.g2)("FooterView");return(0,o.uX)(),(0,o.CE)(o.FK,null,[(0,o.bF)(s),(0,o.bF)(i),(0,o.bF)(c)],64)}var l=a(9975);const s=e=>((0,o.Qi)("data-v-77bf5596"),e=e(),(0,o.jt)(),e),i={class:"text-gray-400 bg-gray-900 body-font"},c={class:"container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center"},d=s((()=>(0,o.Lk)("a",{class:"flex title-font font-medium items-center text-white mb-4 md:mb-0"},[(0,o.Lk)("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor","stroke-linecap":"round","stroke-linejoin":"round","stroke-width":"2",class:"w-10 h-10 text-white p-2 bg-green-500 rounded-full",viewBox:"0 0 24 24"},[(0,o.Lk)("path",{d:"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"})]),(0,o.Lk)("span",{class:"ml-3 text-xl"},"Demo SPA Vue")],-1))),u={class:"md:ml-auto flex flex-wrap items-center text-base justify-center"};function x(e,t){const a=(0,o.g2)("router-link");return(0,o.uX)(),(0,o.CE)("header",i,[(0,o.Lk)("div",c,[d,(0,o.Lk)("nav",u,[(0,o.bF)(a,{to:"/home","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("Home")])),_:1}),(0,o.bF)(a,{to:"/about","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("About")])),_:1}),(0,o.bF)(a,{to:"/contact","active-class":"active",class:"mr-5 hover:text-white"},{default:(0,o.k6)((()=>[(0,o.eW)("Contact")])),_:1})])])])}var g=a(1241);const m={},f=(0,g.A)(m,[["render",x],["__scopeId","data-v-77bf5596"]]);var h=f;const b={class:"text-gray-400 bg-gray-900 body-font"},p=(0,o.Fv)('<div class="container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col"><a class="flex title-font font-medium items-center md:justify-start justify-center text-white"><svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-10 h-10 text-white p-2 bg-green-500 rounded-full" viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path></svg><span class="ml-3 text-xl">Demo SPA Vue</span></a><p class="text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4">© 2020 Tailblocks </p></div>',1),v=[p];function w(e,t){return(0,o.uX)(),(0,o.CE)("footer",b,v)}const y={},k=(0,g.A)(y,[["render",w]]);var j=k,F=function(e,t,a,r){var o,n=arguments.length,l=n<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,a):r;if("object"===typeof Reflect&&"function"===typeof Reflect.decorate)l=Reflect.decorate(e,t,a,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(l=(n<3?o(l):n>3?o(t,a,l):o(t,a))||l);return n>3&&l&&Object.defineProperty(t,a,l),l};let M=class extends l.lD{};M=F([(0,l.JY)({components:{HeaderView:h,FooterView:j}})],M);var C=M;const L=(0,g.A)(C,[["render",n]]);var O=L,A=a(1387);const B={class:"text-gray-400 body-font bg-gray-900"},E=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-wrap w-full mb-20"><div class="lg:w-1/2 w-full mb-6 lg:mb-0"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-2 text-white">Pitchfork Kickstarter Taxidermy</h1><div class="h-1 w-20 bg-green-500 rounded"></div></div><p class="lg:w-1/2 w-full leading-relaxed text-gray-400 text-opacity-90">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven&#39;t heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p></div><div class="flex flex-wrap -m-4"><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/720x400" alt="content"><h3 class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</h3><h2 class="text-lg text-white font-medium title-font mb-4">Chichen Itza</h2><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/721x401" alt="content"><h3 class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</h3><h2 class="text-lg text-white font-medium title-font mb-4">Colosseum Roma</h2><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/722x402" alt="content"><h3 class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</h3><h2 class="text-lg text-white font-medium title-font mb-4">Great Pyramid of Giza</h2><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div><div class="xl:w-1/4 md:w-1/2 p-4"><div class="bg-gray-800 bg-opacity-40 p-6 rounded-lg"><img class="h-40 rounded w-full object-cover object-center mb-6" src="https://dummyimage.com/723x403" alt="content"><h3 class="tracking-widest text-green-400 text-xs font-medium title-font">SUBTITLE</h3><h2 class="text-lg text-white font-medium title-font mb-4">San Francisco</h2><p class="leading-relaxed text-base">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p></div></div></div></div>',1),T=[E];function D(e,t){return(0,o.uX)(),(0,o.CE)("section",B,T)}const z={},P=(0,g.A)(z,[["render",D]]);var S=P;const _={class:"text-gray-400 body-font bg-gray-900"},R=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-20"><h2 class="text-xs text-green-400 tracking-widest font-medium title-font mb-1">ROOF PARTY POLAROID</h2><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Master Cleanse Reliac Heirloom</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven&#39;t heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p></div><div class="flex flex-wrap"><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Shooting Stars</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">The Catalyzer</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Neptune</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div><div class="xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800"><h2 class="text-lg sm:text-xl text-white font-medium title-font mb-2">Melanchole</h2><p class="leading-relaxed text-base mb-4">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p><a class="text-green-400 inline-flex items-center">Learn More <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24"><path d="M5 12h14M12 5l7 7-7 7"></path></svg></a></div></div><button class="flex mx-auto mt-16 text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg">Button</button></div>',1),H=[R];function I(e,t){return(0,o.uX)(),(0,o.CE)("section",_,H)}const V={},W=(0,g.A)(V,[["render",I]]);var X=W;const N={class:"text-gray-400 bg-gray-900 body-font relative"},U=(0,o.Fv)('<div class="container px-5 py-24 mx-auto"><div class="flex flex-col text-center w-full mb-12"><h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-white">Contact Us</h1><p class="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.</p></div><div class="lg:w-1/2 md:w-2/3 mx-auto"><div class="flex flex-wrap -m-2"><div class="p-2 w-1/2"><div class="relative"><label for="name" class="leading-7 text-sm text-gray-400">Name</label><input type="text" id="name" name="name" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"></div></div><div class="p-2 w-1/2"><div class="relative"><label for="email" class="leading-7 text-sm text-gray-400">Email</label><input type="email" id="email" name="email" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out"></div></div><div class="p-2 w-full"><div class="relative"><label for="message" class="leading-7 text-sm text-gray-400">Message</label><textarea id="message" name="message" class="w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 h-32 text-base outline-none text-gray-100 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out"></textarea></div></div><div class="p-2 w-full"><button class="flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg">Button</button></div><div class="p-2 w-full pt-8 mt-8 border-t border-gray-800 text-center"><a class="text-green-400">example@email.com</a><p class="leading-normal my-5">49 Smith St. <br>Saint Cloud, MN 56301 </p><span class="inline-flex"><a class="text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect><path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path></svg></a><a class="ml-4 text-gray-500"><svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24"><path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z"></path></svg></a></span></div></div></div></div>',1),G=[U];function q(e,t){return(0,o.uX)(),(0,o.CE)("section",N,G)}const K={},Y=(0,g.A)(K,[["render",q]]);var J=Y;const Q={class:"h-screen w-full flex flex-col justify-center items-center bg-[#1A2238]"},$=(0,o.Lk)("h1",{class:"text-9xl font-extrabold text-white tracking-widest"},"404",-1),Z=(0,o.Lk)("div",{class:"bg-green-500 text-white px-2 text-sm rounded rotate-12 absolute"}," Page Not Found ",-1);function ee(e,t){const a=(0,o.g2)("router-link");return(0,o.uX)(),(0,o.CE)("main",Q,[$,Z,(0,o.bF)(a,{to:"/home",class:"mt-10 flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg"},{default:(0,o.k6)((()=>[(0,o.eW)("Go Home")])),_:1})])}const te={},ae=(0,g.A)(te,[["render",ee]]);var re=ae;const oe=[{path:"/home",name:"home",meta:{title:"Home"},component:S},{path:"/about",name:"about",meta:{title:"About"},component:X},{path:"/contact",name:"contact",meta:{title:"Contact"},component:J},{path:"/",redirect:"/home"},{path:"/:pathMatch(.*)",name:"pageNotFound",meta:{title:"Page Not Found"},component:re}],ne=(0,A.aE)({history:(0,A.Bt)("/demo-spa-vue/"),routes:oe}),le="demo-spa-vue";ne.beforeEach(((e,t,a)=>{document.title=e.meta.title||le,a()}));var se=ne,ie=a(782),ce=(0,ie.y$)({state:{},getters:{},mutations:{},actions:{},modules:{}});(0,r.Ef)(O).use(ce).use(se).mount("#app")}},t={};function a(r){var o=t[r];if(void 0!==o)return o.exports;var n=t[r]={exports:{}};return e[r].call(n.exports,n,n.exports,a),n.exports}a.m=e,function(){var e=[];a.O=function(t,r,o,n){if(!r){var l=1/0;for(d=0;d<e.length;d++){r=e[d][0],o=e[d][1],n=e[d][2];for(var s=!0,i=0;i<r.length;i++)(!1&n||l>=n)&&Object.keys(a.O).every((function(e){return a.O[e](r[i])}))?r.splice(i--,1):(s=!1,n<l&&(l=n));if(s){e.splice(d--,1);var c=o();void 0!==c&&(t=c)}}return t}n=n||0;for(var d=e.length;d>0&&e[d-1][2]>n;d--)e[d]=e[d-1];e[d]=[r,o,n]}}(),function(){a.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return a.d(t,{a:t}),t}}(),function(){a.d=function(e,t){for(var r in t)a.o(t,r)&&!a.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}}(),function(){a.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)}}(),function(){var e={524:0};a.O.j=function(t){return 0===e[t]};var t=function(t,r){var o,n,l=r[0],s=r[1],i=r[2],c=0;if(l.some((function(t){return 0!==e[t]}))){for(o in s)a.o(s,o)&&(a.m[o]=s[o]);if(i)var d=i(a)}for(t&&t(r);c<l.length;c++)n=l[c],a.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return a.O(d)},r=self["webpackChunkdemo_spa_vue"]=self["webpackChunkdemo_spa_vue"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}();var r=a.O(void 0,[504],(function(){return a(1645)}));r=a.O(r)})();
-//# sourceMappingURL=app.7bf175c1.js.map
\ No newline at end of file
diff --git a/js/app.7bf175c1.js.map b/js/app.7bf175c1.js.map
deleted file mode 100644
index abdc072..0000000
--- a/js/app.7bf175c1.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"js/app.7bf175c1.js","mappings":"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","sources":["webpack://demo-spa-vue/./src/App.vue?a373","webpack://demo-spa-vue/./src/App.vue","webpack://demo-spa-vue/./src/views/HeaderView.vue","webpack://demo-spa-vue/./src/views/HeaderView.vue?d554","webpack://demo-spa-vue/./src/views/FooterView.vue","webpack://demo-spa-vue/./src/views/FooterView.vue?a54f","webpack://demo-spa-vue/./src/App.vue?7ccd","webpack://demo-spa-vue/./src/views/HomeView.vue","webpack://demo-spa-vue/./src/views/HomeView.vue?1da1","webpack://demo-spa-vue/./src/views/AboutView.vue","webpack://demo-spa-vue/./src/views/AboutView.vue?d56f","webpack://demo-spa-vue/./src/views/ContactView.vue","webpack://demo-spa-vue/./src/views/ContactView.vue?405e","webpack://demo-spa-vue/./src/views/PageNotFoundView.vue","webpack://demo-spa-vue/./src/views/PageNotFoundView.vue?efe0","webpack://demo-spa-vue/./src/router/index.ts","webpack://demo-spa-vue/./src/store/index.ts","webpack://demo-spa-vue/./src/main.ts","webpack://demo-spa-vue/webpack/bootstrap","webpack://demo-spa-vue/webpack/runtime/chunk loaded","webpack://demo-spa-vue/webpack/runtime/compat get default export","webpack://demo-spa-vue/webpack/runtime/define property getters","webpack://demo-spa-vue/webpack/runtime/global","webpack://demo-spa-vue/webpack/runtime/hasOwnProperty shorthand","webpack://demo-spa-vue/webpack/runtime/jsonp chunk loading","webpack://demo-spa-vue/webpack/startup"],"sourcesContent":["import { resolveComponent as _resolveComponent, createVNode as _createVNode, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport function render(_ctx: any,_cache: any,$props: any,$setup: any,$data: any,$options: any) {\n  const _component_HeaderView = _resolveComponent(\"HeaderView\")!\n  const _component_router_view = _resolveComponent(\"router-view\")!\n  const _component_FooterView = _resolveComponent(\"FooterView\")!\n\n  return (_openBlock(), _createElementBlock(_Fragment, null, [\n    _createVNode(_component_HeaderView),\n    _createVNode(_component_router_view),\n    _createVNode(_component_FooterView)\n  ], 64))\n}","<template>\n  <HeaderView></HeaderView>\n  <router-view/>\n  <FooterView></FooterView>\n</template>\n\n<script lang=\"ts\">\nimport { Options, Vue } from 'vue-class-component';\nimport HeaderView from '@/views/HeaderView.vue';\nimport FooterView from '@/views/FooterView.vue';\n\n@Options({\n  components: {\n    HeaderView,\n    FooterView\n  },\n})\nexport default class App extends Vue {\n}\n</script>\n","<template>\n  <header class=\"text-gray-400 bg-gray-900 body-font\">\n    <div class=\"container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center\">\n      <a class=\"flex title-font font-medium items-center text-white mb-4 md:mb-0\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-10 h-10 text-white p-2 bg-green-500 rounded-full\" viewBox=\"0 0 24 24\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"></path>\n        </svg>\n        <span class=\"ml-3 text-xl\">Demo SPA Vue</span>\n      </a>\n      <nav class=\"md:ml-auto flex flex-wrap items-center text-base justify-center\">\n        <router-link to=\"/home\" active-class=\"active\" class=\"mr-5 hover:text-white\">Home</router-link>\n        <router-link to=\"/about\" active-class=\"active\" class=\"mr-5 hover:text-white\">About</router-link>\n        <router-link to=\"/contact\" active-class=\"active\" class=\"mr-5 hover:text-white\">Contact</router-link>\n      </nav>\n    </div>\n  </header>\n</template>\n\n<style scoped lang=\"scss\">\n.active {\n    border-bottom: 2px solid rgb(34 197 94 / var(--tw-bg-opacity));\n    transform: scale(1.1);\n    transition: border-bottom 0.3s ease, color 0.3s ease, transform 0.3s ease;\n}\n</style>","import { render } from \"./HeaderView.vue?vue&type=template&id=77bf5596&scoped=true\"\nconst script = {}\n\nimport \"./HeaderView.vue?vue&type=style&index=0&id=77bf5596&scoped=true&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-77bf5596\"]])\n\nexport default __exports__","<template>\n  <footer class=\"text-gray-400 bg-gray-900 body-font\">\n    <div class=\"container px-5 py-8 mx-auto flex items-center sm:flex-row flex-col\">\n      <a class=\"flex title-font font-medium items-center md:justify-start justify-center text-white\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-10 h-10 text-white p-2 bg-green-500 rounded-full\" viewBox=\"0 0 24 24\">\n          <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"></path>\n        </svg>\n        <span class=\"ml-3 text-xl\">Demo SPA Vue</span>\n      </a>\n      <p class=\"text-sm text-gray-400 sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-800 sm:py-2 sm:mt-0 mt-4\">© 2020 Tailblocks\n      </p>\n    </div>\n  </footer>\n</template>\n","import { render } from \"./FooterView.vue?vue&type=template&id=46d08c33\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=0cea148a&ts=true\"\nimport script from \"./App.vue?vue&type=script&lang=ts\"\nexport * from \"./App.vue?vue&type=script&lang=ts\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 body-font bg-gray-900\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-wrap w-full mb-20\">\n        <div class=\"lg:w-1/2 w-full mb-6 lg:mb-0\">\n          <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-2 text-white\">Pitchfork Kickstarter Taxidermy</h1>\n          <div class=\"h-1 w-20 bg-green-500 rounded\"></div>\n        </div>\n        <p class=\"lg:w-1/2 w-full leading-relaxed text-gray-400 text-opacity-90\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p>\n      </div>\n      <div class=\"flex flex-wrap -m-4\">\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/720x400\" alt=\"content\">\n            <h3 class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</h3>\n            <h2 class=\"text-lg text-white font-medium title-font mb-4\">Chichen Itza</h2>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/721x401\" alt=\"content\">\n            <h3 class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</h3>\n            <h2 class=\"text-lg text-white font-medium title-font mb-4\">Colosseum Roma</h2>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/722x402\" alt=\"content\">\n            <h3 class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</h3>\n            <h2 class=\"text-lg text-white font-medium title-font mb-4\">Great Pyramid of Giza</h2>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n        <div class=\"xl:w-1/4 md:w-1/2 p-4\">\n          <div class=\"bg-gray-800 bg-opacity-40 p-6 rounded-lg\">\n            <img class=\"h-40 rounded w-full object-cover object-center mb-6\" src=\"https://dummyimage.com/723x403\" alt=\"content\">\n            <h3 class=\"tracking-widest text-green-400 text-xs font-medium title-font\">SUBTITLE</h3>\n            <h2 class=\"text-lg text-white font-medium title-font mb-4\">San Francisco</h2>\n            <p class=\"leading-relaxed text-base\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./HomeView.vue?vue&type=template&id=a0a3d316\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 body-font bg-gray-900\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-col text-center w-full mb-20\">\n        <h2 class=\"text-xs text-green-400 tracking-widest font-medium title-font mb-1\">ROOF PARTY POLAROID</h2>\n        <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-4 text-white\">Master Cleanse Reliac Heirloom</h1>\n        <p class=\"lg:w-2/3 mx-auto leading-relaxed text-base\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably haven't heard of them man bun deep jianbing selfies heirloom prism food truck ugh squid celiac humblebrag.</p>\n      </div>\n      <div class=\"flex flex-wrap\">\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Shooting Stars</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">The Catalyzer</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Neptune</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n        <div class=\"xl:w-1/4 lg:w-1/2 md:w-full px-8 py-6 border-l-2 border-gray-800\">\n          <h2 class=\"text-lg sm:text-xl text-white font-medium title-font mb-2\">Melanchole</h2>\n          <p class=\"leading-relaxed text-base mb-4\">Fingerstache flexitarian street art 8-bit waistcoat. Distillery hexagon disrupt edison bulbche.</p>\n          <a class=\"text-green-400 inline-flex items-center\">Learn More\n            <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-4 h-4 ml-2\" viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14M12 5l7 7-7 7\"></path>\n            </svg>\n          </a>\n        </div>\n      </div>\n      <button class=\"flex mx-auto mt-16 text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Button</button>\n    </div>\n  </section>\n</template>\n","import { render } from \"./AboutView.vue?vue&type=template&id=3908eb6a\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <section class=\"text-gray-400 bg-gray-900 body-font relative\">\n    <div class=\"container px-5 py-24 mx-auto\">\n      <div class=\"flex flex-col text-center w-full mb-12\">\n        <h1 class=\"sm:text-3xl text-2xl font-medium title-font mb-4 text-white\">Contact Us</h1>\n        <p class=\"lg:w-2/3 mx-auto leading-relaxed text-base\">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify.</p>\n      </div>\n      <div class=\"lg:w-1/2 md:w-2/3 mx-auto\">\n        <div class=\"flex flex-wrap -m-2\">\n          <div class=\"p-2 w-1/2\">\n            <div class=\"relative\">\n              <label for=\"name\" class=\"leading-7 text-sm text-gray-400\">Name</label>\n              <input type=\"text\" id=\"name\" name=\"name\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n            </div>\n          </div>\n          <div class=\"p-2 w-1/2\">\n            <div class=\"relative\">\n              <label for=\"email\" class=\"leading-7 text-sm text-gray-400\">Email</label>\n              <input type=\"email\" id=\"email\" name=\"email\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 text-base outline-none text-gray-100 py-1 px-3 leading-8 transition-colors duration-200 ease-in-out\">\n            </div>\n          </div>\n          <div class=\"p-2 w-full\">\n            <div class=\"relative\">\n              <label for=\"message\" class=\"leading-7 text-sm text-gray-400\">Message</label>\n              <textarea id=\"message\" name=\"message\" class=\"w-full bg-gray-800 bg-opacity-40 rounded border border-gray-700 focus:border-green-500 focus:bg-gray-900 focus:ring-2 focus:ring-green-900 h-32 text-base outline-none text-gray-100 py-1 px-3 resize-none leading-6 transition-colors duration-200 ease-in-out\"></textarea>\n            </div>\n          </div>\n          <div class=\"p-2 w-full\">\n            <button class=\"flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Button</button>\n          </div>\n          <div class=\"p-2 w-full pt-8 mt-8 border-t border-gray-800 text-center\">\n            <a class=\"text-green-400\">example&#64;email.com</a>\n            <p class=\"leading-normal my-5\">49 Smith St.\n              <br>Saint Cloud, MN 56301\n            </p>\n            <span class=\"inline-flex\">\n              <a class=\"text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <rect width=\"20\" height=\"20\" x=\"2\" y=\"2\" rx=\"5\" ry=\"5\"></rect>\n                  <path d=\"M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01\"></path>\n                </svg>\n              </a>\n              <a class=\"ml-4 text-gray-500\">\n                <svg fill=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" class=\"w-5 h-5\" viewBox=\"0 0 24 24\">\n                  <path d=\"M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z\"></path>\n                </svg>\n              </a>\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </section>\n</template>\n","import { render } from \"./ContactView.vue?vue&type=template&id=2a3f2e06\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <main class=\"h-screen w-full flex flex-col justify-center items-center bg-[#1A2238]\">\n    <h1 class=\"text-9xl font-extrabold text-white tracking-widest\">404</h1>\n    <div class=\"bg-green-500 text-white px-2 text-sm rounded rotate-12 absolute\">\n      Page Not Found\n    </div>\n      <router-link to=\"/home\" class=\"mt-10 flex mx-auto text-white bg-green-500 border-0 py-2 px-8 focus:outline-none hover:bg-green-600 rounded text-lg\">Go Home</router-link>\n  </main>\n</template>\n","import { render } from \"./PageNotFoundView.vue?vue&type=template&id=5aac114f\"\nconst script = {}\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router'\nimport HomeView from '../views/HomeView.vue'\nimport AboutView from '../views/AboutView.vue'\nimport ContactView from '../views/ContactView.vue'\nimport PageNotFoundView from '@/views/PageNotFoundView.vue'\n\nconst routes: Array<RouteRecordRaw> = [\n  {\n    path: '/home',\n    name: 'home',\n    meta: { title: 'Home' },\n    component: HomeView\n  },\n  {\n    path: '/about',\n    name: 'about',\n    meta: { title: 'About' },\n    component: AboutView\n  },\n  {\n    path: '/contact',\n    name: 'contact',\n    meta: { title: 'Contact' },\n    component: ContactView\n  },\n  {\n    path: '/',\n    redirect: '/home'\n  },\n  {\n    path: '/:pathMatch(.*)',\n    name: 'pageNotFound',\n    meta: { title: 'Page Not Found' },\n    component: PageNotFoundView\n  }\n]\n\nconst router = createRouter({\n  history: createWebHashHistory(process.env.BASE_URL),\n  routes\n})\n\nconst DEFAULT_TITLE = 'demo-spa-vue';\nrouter.beforeEach((to, from, next) => {\n  document.title = to.meta.title as string || DEFAULT_TITLE;\n  next();\n});\n\nexport default router\n","import { createStore } from 'vuex'\n\nexport default createStore({\n  state: {\n  },\n  getters: {\n  },\n  mutations: {\n  },\n  actions: {\n  },\n  modules: {\n  }\n})\n","import { createApp } from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\n\ncreateApp(App).use(store).use(router).mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdemo_spa_vue\"] = self[\"webpackChunkdemo_spa_vue\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(1645); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["render","_ctx","_cache","$props","$setup","$data","$options","_component_HeaderView","_resolveComponent","_component_router_view","_component_FooterView","_openBlock","_createElementBlock","_Fragment","_createVNode","class","_createElementVNode","xmlns","fill","stroke","viewBox","d","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_component_router_link","to","default","_withCtx","_createTextVNode","_","script","__exports__","_createStaticVNode","App","Vue","__decorate","Options","components","HeaderView","FooterView","routes","path","name","meta","title","component","HomeView","AboutView","ContactView","redirect","PageNotFoundView","router","createRouter","history","createWebHashHistory","process","DEFAULT_TITLE","beforeEach","from","next","document","createStore","state","getters","mutations","actions","modules","createApp","use","store","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","result","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","key","splice","r","n","getter","__esModule","a","definition","o","defineProperty","enumerable","get","g","globalThis","this","Function","e","window","obj","prop","prototype","hasOwnProperty","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","data","moreModules","runtime","some","id","chunkLoadingGlobal","self","forEach","bind","push","__webpack_exports__"],"sourceRoot":""}
\ No newline at end of file
