Commit 487ed81e authored by Cameron McDonald's avatar Cameron McDonald

finish building site. need to add blog

parent ba243236
.DS_Store
node_modules
/dist
# local env files
.env.local
......
nav[data-v-0bd292b8]{position:relative;right:0;left:63%;top:3vh;width:36vw}nav .socialNet[data-v-0bd292b8]{padding-top:2vh}h2[data-v-0bd292b8]{margin-left:3vw}.employer[data-v-0bd292b8]{padding-bottom:3vh}.employer a[data-v-0bd292b8]{text-decoration:underline}.desc[data-v-0bd292b8],.employer[data-v-0bd292b8],.goals[data-v-0bd292b8]{width:85vw;margin:0 auto}@media (min-width:300px) and (max-width:768px){nav[data-v-0bd292b8]{position:relative;right:0;left:0;top:2vh;width:100vw}p[data-v-0bd292b8]{padding-left:10vw}}
\ No newline at end of file
a{text-decoration:none;color:inherit}#app{min-height:100vh;background-color:#222;color:#fff;font-family:Fira Mono,monospace}.home .info[data-v-12148708]{padding:35vh 0 0 40vw;position:relative;z-index:2}.home .brickContainer[data-v-12148708]{margin-top:-40vh}.home .brickContainer .brick[data-v-12148708],.home .brickContainer .line[data-v-12148708]{background-color:#333;-webkit-transform:skewY(10deg);transform:skewY(10deg);-webkit-box-shadow:3px 3px 5px #444;box-shadow:3px 3px 5px #444}.home .brickContainer .line[data-v-12148708]{height:2vh;width:77vw;margin:1vh 0 0 0}.home .brickContainer .brick[data-v-12148708]{height:25vh;width:75vw;margin:3% 0;padding:2vh 2vw 2vh 0}@media (min-width:300px) and (max-width:768px){nav[data-v-12148708]{text-align:left;margin-right:0;font-size:.86rem}h1[data-v-12148708],nav[data-v-12148708],p[data-v-12148708]{position:relative;left:-5vw;right:0}}
\ No newline at end of file
nav[data-v-0b8eb015]{position:relative;right:0;left:63%;top:3vh;width:36vw}h2[data-v-0b8eb015]{padding-left:3vw}.container img[data-v-0b8eb015]{padding:2vh 0;display:block;width:75vw;margin:0 auto}@media (min-width:300px) and (max-width:768px){nav[data-v-0b8eb015]{position:relative;right:0;left:0;top:2vh;width:100vw}}
\ No newline at end of file
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
\ 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"><link rel=icon href=/favicon.ico><title>Cameron McDonald</title><link href="https://fonts.googleapis.com/css?family=Fira+Mono|Lato" rel=stylesheet><link href=/css/about.0c330445.css rel=prefetch><link href=/css/chunk-2666e9bf.60f9158d.css rel=prefetch><link href=/js/about.0fe73232.js rel=prefetch><link href=/js/chunk-2666e9bf.d4825d11.js rel=prefetch><link href=/css/app.a025d343.css rel=preload as=style><link href=/css/chunk-vendors.391ed6f9.css rel=preload as=style><link href=/js/app.6896b8f4.js rel=preload as=script><link href=/js/chunk-vendors.3bd1e65e.js rel=preload as=script><link href=/css/chunk-vendors.391ed6f9.css rel=stylesheet><link href=/css/app.a025d343.css rel=stylesheet></head><body><noscript><style>body {
background-color: #333;
color: #fff;
font-family: 'Fira Mono', monosapce;
}
a {
color: inherit;
}</style><p>Sorry but this site doesn't work properly without JavaScript enabled. Please enable it to continue.</p><p>This site was created using the <a href=https://vuejs.org/ >Vue.js </a>framework.</p><a href=https://gitlab.com/ccam__/portfoliov2>Here is the source code if you would like to look at it</a></noscript><div id=app></div><script src=/js/chunk-vendors.3bd1e65e.js></script><script src=/js/app.6896b8f4.js></script></body></html>
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{"9f4d":function(e,t,o){},d6e2:function(e,t,o){"use strict";var a=o("9f4d"),n=o.n(a);n.a},f820:function(e,t,o){"use strict";o.r(t);var a=function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"about"},[o("nav",[o("Nav"),e._m(0)],1),o("h2",[e._v(" Hi, hello, how are you?")]),e._m(1),e._m(2),e._m(3)])},n=[function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"socialNet"},[e._v("\n Social: \n "),o("a",{attrs:{href:"https://cybre.space/web/accounts/36412"}},[e._v("cybre.space - Mastodon")]),e._v(" |\n "),o("a",{attrs:{href:"https://twitter.com/ccam__"}},[e._v("Twitter")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"desc"},[o("h3",[e._v(" whoami ")]),o("p",[e._v(" \n My name is Cameron McDonald, obviously. I am a programmer, or I enjoy telling the computer what to do and then crying when it doesn't. I also enjoy using linux, advocating for internet privacy, and privacy in irl, using the terminal, minimalism, fixed gear bicycles, hiking and camping. I mainly make websites and web applications but I'm learning native code as well. I understand the basics of Python and I would like to be able to mae native apps with that or get super hardcore and learn C. My main focus is on the web though, I feel like it is the future. I believe the general public only uses the internet for entertainment(netfilx), social media(facebook), and shopping(amazon). I don't think this is going to change any time soon. The web is only going to get bigger unless something crazy happens like the governament regulating what can and can't be seen, like in China. But I digress, I am a strong believer in freedom, free speech, and being left alone. Do what you want just don't force your views on people and don't hurt other people. \n "),o("br"),o("br"),e._v("\n Hopefully the above paragraph gives you an idea of who i am.\n ")])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"goals"},[o("h3",[e._v(" Goals for 2019 ")]),o("ol",[o("li",[e._v("Start a career in the web development field.")]),o("li",[e._v("Grow my knowledge in Python and some lower level laguages, probably C++.")]),o("li",[e._v("Grow my social network in the tech field.")]),o("li",[e._v("Eat healthier and workout or be more active.")]),o("li",[e._v("Write a blog post every week.")])]),o("h3",[e._v(" How I'm going to achieve my goals ")]),o("ol",[o("li",[o("ul",[o("li",[e._v(" Spend 3 hours a week applying to jobs on indeed and glass door or other platforms. ")]),o("li",[e._v(" Spend 10 hours a week learning programming and working on projects to display in my portfolio.")])])]),o("li",[e._v("Again spending at least 10 hours a week learning laguages, frameworks, data structures, and algorithm development")]),o("li",[o("ul",[o("li",[e._v("Attend meetups and try to make friends at meetups.")]),o("li",[e._v("Overcome my social Anxiety.")])])]),o("li",[o("ul",[o("li",[e._v("Cook dinner at home 3 or 4 times a week.")]),o("li",[e._v("Find an alternative to going to the gym. Crossfit or Create own workout that doesn't involve going to the gym. Find a sport? Airsoft? or Paintball again? ")])])]),o("li",[o("ul",[o("li",[e._v("Spend 2 hours a week brainstorming topics to write about. Keep a moleskin on me for ideas or make a ideas note in Nextcloud.")]),o("li",[e._v("At then end of the day Monday-Thursday spend 30 minutes- 1 hour writing about the chosen subject.")])])])])])},function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("div",{staticClass:"employer"},[o("h3",[e._v(" If you're looking to hire me read this! ")]),o("p",[e._v("Why should you hire me? Well, if you're looking to hire someone that has a strong work ethic and doesn't know when to quit, then I'm your guy. I don't have much 'professional' experience, but I do have plenty of experience writing code and problem solving. I just haven't been able to get my foot in the door in the web development field. If you're willing to give me the chance I would be forever grateful and I won't let you down. I know HTML and CSS like the back of my hand. I'm ok at javascipt but I'm great at searching the answers if I can't figurea a solution out. I have a little of experience with the Vue framework. I did the hello world tutorial with React. I use SASS in my projects and try to stay away from CSS frameworks like bootstrap and foundation. I do understand that it is a better idea to use said frameworkd when working with a team because it's easier to keep the code clean and understandble to everyone. I'm not against using css frameworks at all. The projects I have worked on it's only been me developing them and I feel like it's better if the developer knows their code inside and out. There are a lot exceptions to my previous statments. If you would like to discuss them you can find my contact information on my "),o("a",{attrs:{href:"/static/CameronMcDonaldResume.pdf",target:"_blank"}},[e._v("resume,")]),e._v(" or you can shoot me an email at "),o("a",{attrs:{href:"mailto:cam@cameronmcdonald.me"}},[e._v("cam@cameronmcdonald.me")])])])}],i=o("216c"),r={name:"about",components:{Nav:i["a"]}},s=r,l=(o("d6e2"),o("2877")),d=Object(l["a"])(s,a,n,!1,null,"0bd292b8",null);d.options.__file="About.vue";t["default"]=d.exports}}]);
//# sourceMappingURL=about.0fe73232.js.map
\ No newline at end of file
This diff is collapsed.
(function(e){function t(t){for(var r,o,u=t[0],s=t[1],c=t[2],l=0,f=[];l<u.length;l++)o=u[l],a[o]&&f.push(a[o][0]),a[o]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);p&&p(t);while(f.length)f.shift()();return i.push.apply(i,c||[]),n()}function n(){for(var e,t=0;t<i.length;t++){for(var n=i[t],r=!0,o=1;o<n.length;o++){var u=n[o];0!==a[u]&&(r=!1)}r&&(i.splice(t--,1),e=s(s.s=n[0]))}return e}var r={},o={app:0},a={app:0},i=[];function u(e){return s.p+"js/"+({about:"about"}[e]||e)+"."+{about:"0fe73232","chunk-2666e9bf":"d4825d11"}[e]+".js"}function s(t){if(r[t])return r[t].exports;var n=r[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,s),n.l=!0,n.exports}s.e=function(e){var t=[],n={about:1,"chunk-2666e9bf":1};o[e]?t.push(o[e]):0!==o[e]&&n[e]&&t.push(o[e]=new Promise(function(t,n){for(var r="css/"+({about:"about"}[e]||e)+"."+{about:"0c330445","chunk-2666e9bf":"60f9158d"}[e]+".css",a=s.p+r,i=document.getElementsByTagName("link"),u=0;u<i.length;u++){var c=i[u],l=c.getAttribute("data-href")||c.getAttribute("href");if("stylesheet"===c.rel&&(l===r||l===a))return t()}var f=document.getElementsByTagName("style");for(u=0;u<f.length;u++){c=f[u],l=c.getAttribute("data-href");if(l===r||l===a)return t()}var p=document.createElement("link");p.rel="stylesheet",p.type="text/css",p.onload=t,p.onerror=function(t){var r=t&&t.target&&t.target.src||a,i=new Error("Loading CSS chunk "+e+" failed.\n("+r+")");i.request=r,delete o[e],p.parentNode.removeChild(p),n(i)},p.href=a;var d=document.getElementsByTagName("head")[0];d.appendChild(p)}).then(function(){o[e]=0}));var r=a[e];if(0!==r)if(r)t.push(r[2]);else{var i=new Promise(function(t,n){r=a[e]=[t,n]});t.push(r[2]=i);var c,l=document.createElement("script");l.charset="utf-8",l.timeout=120,s.nc&&l.setAttribute("nonce",s.nc),l.src=u(e),c=function(t){l.onerror=l.onload=null,clearTimeout(f);var n=a[e];if(0!==n){if(n){var r=t&&("load"===t.type?"missing":t.type),o=t&&t.target&&t.target.src,i=new Error("Loading chunk "+e+" failed.\n("+r+": "+o+")");i.type=r,i.request=o,n[1](i)}a[e]=void 0}};var f=setTimeout(function(){c({type:"timeout",target:l})},12e4);l.onerror=l.onload=c,document.head.appendChild(l)}return Promise.all(t)},s.m=e,s.c=r,s.d=function(e,t,n){s.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},s.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.t=function(e,t){if(1&t&&(e=s(e)),8&t)return e;if(4&t&&"object"===typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(s.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)s.d(n,r,function(t){return e[t]}.bind(null,r));return n},s.n=function(e){var t=e&&e.__esModule?function(){return e["default"]}:function(){return e};return s.d(t,"a",t),t},s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.p="/",s.oe=function(e){throw console.error(e),e};var c=window["webpackJsonp"]=window["webpackJsonp"]||[],l=c.push.bind(c);c.push=t,c=c.slice();for(var f=0;f<c.length;f++)t(c[f]);var p=l;i.push([0,"chunk-vendors"]),n()})({0:function(e,t,n){e.exports=n("56d7")},"216c":function(e,t,n){"use strict";var r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"nav"}},[n("router-link",{attrs:{to:"/"}},[e._v(". Home")]),n("router-link",{attrs:{to:"/about"}},[e._v(" . About")]),n("router-link",{attrs:{to:"/work"}},[e._v(" . Work ")]),n("a",{attrs:{href:"/blog"}},[e._v(" . Blog")]),n("a",{attrs:{href:"https://gitlab.com/ccam__"}},[e._v(" . Gitlab ")]),n("a",{attrs:{href:"/static/CameronMcDonaldResume.pdf",target:"_blank"}},[e._v(". Resume .")])],1)},o=[],a={name:"Nav"},i=a,u=n("2877"),s=Object(u["a"])(i,r,o,!1,null,null,null);s.options.__file="Nav.vue";t["a"]=s.exports},"272f":function(e,t,n){},"56d7":function(e,t,n){"use strict";n.r(t);var r=n("2b0e"),o=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{attrs:{id:"app"}},[n("router-view")],1)},a=[],i=(n("5c0b"),n("2877")),u={},s=Object(i["a"])(u,o,a,!1,null,null,null);s.options.__file="App.vue";var c=s.exports,l=n("8c4f"),f=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"home"},[n("div",{staticClass:"info"},[n("h1",[e._v(" <Cameron McDonald/> ")]),n("p",[e._v(" { I'm Cameron. I live in NYC. I make things that live on the web.} ")]),n("nav",[n("Nav")],1)]),e._m(0)])},p=[function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("div",{staticClass:"brickContainer"},[n("div",{staticClass:"line"}),n("div",{staticClass:"line"}),n("div",{staticClass:"line"}),n("div",{staticClass:"brick"}),n("div",{staticClass:"line"}),n("div",{staticClass:"line"}),n("div",{staticClass:"line"})])}],d=n("216c"),v={name:"home",components:{Nav:d["a"]}},h=v,m=(n("8178"),Object(i["a"])(h,f,p,!1,null,"12148708",null));m.options.__file="Home.vue";var b=m.exports;r["a"].use(l["a"]);var g=new l["a"]({mode:"history",base:"/",routes:[{path:"/",name:"home",component:b},{path:"/about",name:"about",component:function(){return n.e("about").then(n.bind(null,"f820"))}},{path:"/work",name:"work",component:function(){return n.e("chunk-2666e9bf").then(n.bind(null,"f126"))}}]});n("f5df");r["a"].config.productionTip=!1,new r["a"]({router:g,render:function(e){return e(c)}}).$mount("#app")},"5c0b":function(e,t,n){"use strict";var r=n("5e27"),o=n.n(r);o.a},"5e27":function(e,t,n){},8178:function(e,t,n){"use strict";var r=n("272f"),o=n.n(r);o.a}});
//# sourceMappingURL=app.6896b8f4.js.map
\ No newline at end of file
This diff is collapsed.
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-2666e9bf"],{"5fc4":function(t,a,i){},eaed:function(t,a,i){"use strict";var n=i("5fc4"),s=i.n(n);s.a},f126:function(t,a,i){"use strict";i.r(a);var n=function(){var t=this,a=t.$createElement,i=t._self._c||a;return i("div",{staticClass:"work"},[i("nav",[i("Nav")],1),i("h2",[t._v(" My Work ")]),i("div",{staticClass:"container"},t._l(t.images,function(a){return i("div",[i("a",{attrs:{href:a.link}},[i("img",{attrs:{src:a.src,al:t.images.alt}})])])}),0)])},s=[],e=i("216c"),c={name:"work",components:{Nav:e["a"]},data(){return{images:[{link:"../static/work/chabad/index.html",src:"../static/img/chabad.png",alt:"Chabab-Lubavitch"},{link:"../static/work/wpc/index.html",src:"../static/img/pretzel.png",alt:"Woodstock Pretzel Company"},{link:"../static/work/nails/index.html",src:"../static/img/lenails.png",alt:"Le's Nails"},{link:"../static/work/tuf/index.html",src:"../static/img/tuf.png",alt:"TufShot Media"}]}}},r=c,l=(i("eaed"),i("2877")),o=Object(l["a"])(r,n,s,!1,null,"0b8eb015",null);o.options.__file="Work.vue";a["default"]=o.exports}}]);
//# sourceMappingURL=chunk-2666e9bf.d4825d11.js.map
\ No newline at end of file
{"version":3,"sources":["webpack:///./src/views/Work.vue?f0fd","webpack:///./src/views/Work.vue?dc67","webpack:///src/views/Work.vue","webpack:///./src/views/Work.vue?203d","webpack:///./src/views/Work.vue"],"names":["_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Work_vue_vue_type_style_index_0_id_0b8eb015_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Work_vue_vue_type_style_index_0_id_0b8eb015_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","image","attrs","href","link","src","al","images","alt","staticRenderFns","Workvue_type_script_lang_js_","name","components","Nav","[object Object]","views_Workvue_type_script_lang_js_","component","Object","componentNormalizer","options","__file","__webpack_exports__"],"mappings":"yIAAA,IAAAA,EAAAC,EAAA,QAAAC,EAAAD,EAAAE,EAAAH,GAAgiBE,EAAG,4CCAniB,IAAAE,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,QAAmB,CAAAF,EAAA,OAAAA,EAAA,WAAAA,EAAA,MAAAJ,EAAAO,GAAA,eAAAH,EAAA,OAAmEE,YAAA,aAAwBN,EAAAQ,GAAAR,EAAA,gBAAAS,GAAqC,OAAAL,EAAA,OAAAA,EAAA,KAAyBM,MAAA,CAAOC,KAAAF,EAAAG,OAAmB,CAAAR,EAAA,OAAYM,MAAA,CAAOG,IAAAJ,EAAAI,IAAAC,GAAAd,EAAAe,OAAAC,aAA2C,MAC9WC,EAAA,eCeeC,EAAA,CACfC,KAAA,OACAC,WAAA,CACIC,MAAA,MAEJC,OACA,OACAP,OAAA,CACA,CAAAH,KAAA,mCAAAC,IAAA,2BAAAG,IAAA,oBACA,CAAAJ,KAAA,gCAAAC,IAAA,4BAAAG,IAAA,6BACA,CAAAJ,KAAA,kCAAAC,IAAA,4BAAAG,IAAA,cACA,CAAAJ,KAAA,gCAAAC,IAAA,wBAAAG,IAAA,qBC3B6LO,EAAA,0BCQ7LC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAxB,EACAkB,GACF,EACA,KACA,WACA,MAIAO,EAAAG,QAAAC,OAAA,WACeC,EAAA,WAAAL","file":"js/chunk-2666e9bf.d4825d11.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Work.vue?vue&type=style&index=0&id=0b8eb015&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Work.vue?vue&type=style&index=0&id=0b8eb015&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"work\"},[_c('nav',[_c('Nav')],1),_c('h2',[_vm._v(\" My Work \")]),_c('div',{staticClass:\"container\"},_vm._l((_vm.images),function(image){return _c('div',[_c('a',{attrs:{\"href\":image.link}},[_c('img',{attrs:{\"src\":image.src,\"al\":_vm.images.alt}})])])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n <div class=\"work\">\n <nav>\n <Nav/>\n </nav>\n <h2> My Work </h2>\n <div class=\"container\">\n <div v-for=\"image in images\">\n <a :href=\"image.link\"> <img :src=\"image.src\" :al=\"images.alt\"/> </a>\n </div>\n </div>\n </div>\n</template>\n<script> \nimport Nav from '@/components/Nav.vue'\n\nexport default {\n name: 'work',\n components: {\n Nav\n },\n data() {\n return {\n images: [\n {link: '../static/work/chabad/index.html', src: '../static/img/chabad.png', alt: 'Chabab-Lubavitch'},\n {link: '../static/work/wpc/index.html', src: '../static/img/pretzel.png', alt: 'Woodstock Pretzel Company'},\n {link: '../static/work/nails/index.html', src: '../static/img/lenails.png', alt: 'Le\\'s Nails'},\n {link: '../static/work/tuf/index.html', src: '../static/img/tuf.png', alt: 'TufShot Media'}\n ]\n }\n }\n}\n</script>\n<style lang='scss' scoped>\nnav {\n position: relative;\n right: 0;\n left: 63%;\n top: 3vh;\n width: 36vw;\n}\n\nh2 {\n padding-left: 3vw;\n}\n\n.container {\n img {\n padding: 2vh 0;\n display: block;\n width: 75vw;\n margin: 0 auto;\n }\n}\n\n\n@media (min-width: 300px) and (max-width: 768px) {\n nav {\n position: relative;\n right: 0;\n left: 0;\n top: 2vh;\n width: 100vw;\n }\n\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Work.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Work.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Work.vue?vue&type=template&id=0b8eb015&scoped=true&\"\nimport script from \"./Work.vue?vue&type=script&lang=js&\"\nexport * from \"./Work.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Work.vue?vue&type=style&index=0&id=0b8eb015&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"0b8eb015\",\n null\n \n)\n\ncomponent.options.__file = \"Work.vue\"\nexport default component.exports"],"sourceRoot":""}
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
dist/l.ico

1.12 KB

This diff is collapsed.
<!DOCTYPE html>
<html>
<head>
<title>Welcome to The Skater's Choice</title>
<link rel="stylesheet" type="text/css" href="styles/style.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
</head>
<body>
<header>
<h1 class="heading">WELCOME TO THE SKATER'S CHOICE OF THE SOUTHEAST</h1>
<nav>
<ul class="nav">
<li><a href="index.html">HOME</a></li>
<li><a href="#">ALABAMA</a></li>
<li><a href="#">FLORIDA</a>
<ul>
<li><a href="#">Pensacola</a></li>
<li><a href="#">Panama</a></li>
</ul>
</li>
</ul>
</nav>
</header>
</br>
<p class="intro">
Here at the skaters choice But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there.
</p>
<div class="section">
<h2><a href="#">Alabama's Funtime Skate Center</a></h2>
<p class="left">Funtime Skate Center was established in November of 1985.Funtime Skate Center offers family entertainment for all ages! There is a variety of fun-filled activities which include Roller Skating, Arcade games, Redemption Games with a Prize Center, skate races, the State of the Art Cosmic Light & Sound Show on Friday and Saturday nights and much, much more! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae elit augue, at mollis ante. Maecenas fermentum iaculis aliquam. Donec ullamcorper neque sed diam tincidunt mollis. Nullam purus arcu, ullamcorper id interdum quis, consequat tristique nulla. Vestibulum gravida tempor sem in aliquet. Nam nec erat in sem vehicula elementum. Suspendisse nunc massa, dictum non consequat a, tempus at mi.</p>
<img src="funtimeSkate.jpg" alt="Funtime Skate Center" class="right">
</div>
<div class="section">
<h2><a href="#">Pensacola's Dreamland</a></h2>
<p class="left">Funtime Skate Center was established in November of 1985.Funtime Skate Center offers family entertainment for all ages! There is a variety of fun-filled activities which include Roller Skating, Arcade games, Redemption Games with a Prize Center, skate races, the State of the Art Cosmic Light & Sound Show on Friday and Saturday nights and much, much more! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae elit augue, at mollis ante. Maecenas fermentum iaculis aliquam. Donec ullamcorper neque sed diam tincidunt mollis. Nullam purus arcu, ullamcorper id interdum quis, consequat tristique nulla. Vestibulum gravida tempor sem in aliquet. Nam nec erat in sem vehicula elementum. Suspendisse nunc massa, dictum non consequat a, tempus at mi.</p>
<img src="pensa.jpg" alt="Dreamland Skate Center" class="right">
</div>
<div class="section">
<h2><a href="#">Panama's Skater's Choice</a></h2>
<p class="left">Funtime Skate Center was established in November of 1985.Funtime Skate Center offers family entertainment for all ages! There is a variety of fun-filled activities which include Roller Skating, Arcade games, Redemption Games with a Prize Center, skate races, the State of the Art Cosmic Light & Sound Show on Friday and Saturday nights and much, much more! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae elit augue, at mollis ante. Maecenas fermentum iaculis aliquam. Donec ullamcorper neque sed diam tincidunt mollis. Nullam purus arcu, ullamcorper id interdum quis, consequat tristique nulla. Vestibulum gravida tempor sem in aliquet. Nam nec erat in sem vehicula elementum. Suspendisse nunc massa, dictum non consequat a, tempus at mi.</p>
<img src="pan.jpg" alt="Skater's Choice" class="right">
</div>
<footer>
myskatecenter.com
</footer>
<script type="text/javascript">
$(document).ready(
function () {
//This is the hover "contorller"
$('.nav li').hover(
function () { //appearing on hover
$('ul', this).fadeIn();
},
function () { //disappearing on hover
$('ul', this).fadeOut();
}
);
}
);
</script>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
/* Reset */
* {
margin: 0;
padding: 0;
}
/*Fonts*/
@font-face {
font-family: 'twofold';
src: url('font/twofold-webfont.eot');
src: url('font/twofold-webfont.eot?#iefix') format('embedded-opentype'),
url('font/twofold-webfont.woff2') format('woff2'),
url('font/twofold-webfont.woff') format('woff'),
url('font/twofold-webfont.ttf') format('truetype'),
url('font/twofold-webfont.svg#twofold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'accidental president';
src: url('font/accidental_president-webfont.eot');
src: url('font/accidental_president-webfont.eot?#iefix') format('embedded-opentype'),
url('font/accidental_president-webfont.woff2') format('woff2'),
url('font/accidental_president-webfont.woff') format('woff'),
url('font/accidental_president-webfont.ttf') format('truetype'),
url('font/accidental_president-webfont.svg#accidental_president') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'fire';
src: url('font/fire-webfont.eot');
src: url('font/fire-webfont.eot?#iefix') format('embedded-opentype'),
url('font/fire-webfont.woff2') format('woff2'),
url('font/fire-webfont.woff') format('woff'),
url('font/fire-webfont.ttf') format('truetype'),
url('font/fire-webfont.svg#fire') format('svg');
font-weight: normal;
font-style: normal;
}
/* End Fonts */
body{
background: #333 url("bg-menu.png");
background: cover;
font-size: 150%;
font-family: 'accidental president', Arial, Helvetica, Sans-serif;
}
a {
text-decoration: none;
color: #fff;
}
.heading{
background-color: #FAF9F6;
text-align: center;
padding: 2%;
margin: -1% 0 0 0;
font-family: 'twofold' arial, Sans-serif;
}
/*Navigation */
.nav {
margin: 0 0 0 30%;
padding: 0;
list-style: none;
color:#333;
text-align:center;
font-family: arial;
}
.nav li {
float: left;
width: 160px;
position: relative;
}
.nav li a {
background: #222;
color: #fff;
display: block;
padding: 7px 8px;
text-decoration: none;
}
.nav li a:hover {
color: #555;
}
/*=== submenu ===*/
.nav ul {
display: none;
position: absolute;
list-style: none;
padding: 0;
}
.nav ul li {
width: 160px;
float: left;
}
.nav ul a {
display: block;
height: 15px;
padding: 3% 0 15% 0;
color: #fff;
text-align: center;
text-decoration: none;
}
.nav ul li a:hover {
color: #555;
}
/* End Nav */
/* Styles for index.html */
.intro{
padding: 3% 7%;
}