path---quote-machine-0a261d846ced81225ff7.js.map

{"version":3,"sources":["webpack:///path---quote-machine-0a261d846ced81225ff7.js","webpack:///./.cache/json/quote-machine.json"],"names":["webpackJsonp","509","module","exports","data","site","siteMetadata","title","author","markdownRemark","id","html","frontmatter","date","pathContext","slug","previous","next","fields"],"mappings":"AAAAA,cAAc,iBAERC,IACA,SAAUC,EAAQC,GCHxBD,EAAAC,SAAkBC,MAAQC,MAAQC,cAAgBC,MAAA,sBAAAC,OAAA,iBAAuDC,gBAAmBC,GAAA,wGAAAC,KAAA,83DAAAC,aAA2hEL,MAAA,uBAAAM,KAAA,kBAAuDC,aAAgBC,KAAA,kBAAAC,UAAA,EAAAC,MAAkDC,QAAUH,KAAA,gBAAsBH,aAAgBL,MAAA","file":"path---quote-machine-0a261d846ced81225ff7.js","sourcesContent":["webpackJsonp([58073446349866],{\n\n/***/ 509:\n/***/ (function(module, exports) {\n\n\tmodule.exports = {\"data\":{\"site\":{\"siteMetadata\":{\"title\":\"Gatsby Starter Blog\",\"author\":\"Kyle Mathews\"}},\"markdownRemark\":{\"id\":\"/home/felipe/projects/gatsby-blog/src/pages/quote-machine/index.md absPath of file >>> MarkdownRemark\",\"html\":\"<h1>Random Quote Machine</h1>\\n<p>This Free Code Camp challenge has the following instructions:</p>\\n<hr>\\n<p>Build a Random Quote Machine</p>\\n<p>Objective: Build a CodePen.io app that is functionally similar to this: <a href=\\\"https://codepen.io/FreeCodeCamp/full/ONjoLe/\\\">https://codepen.io/FreeCodeCamp/full/ONjoLe/</a>.</p>\\n<p>Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.</p>\\n<ul>\\n<li>\\n<p>User Story: I can click a button to show me a new random quote.</p>\\n</li>\\n<li>\\n<p>User Story: I can press a button to tweet out a quote.</p>\\n</li>\\n</ul>\\n<hr>\\n<p>It was my first experience using Javascript. I didn’t even know what Jquery was!</p>\\n<p>Getting the API to work on Codepen wasn’t that easy, I had to learn about cross-domain reference that Jquery kept complaining about. In later projects I found a workaround, but in this one I ended up using an Ajax call.</p>\\n<p>The Twitter function came from their website, I copied it and fiddled with it a little bit.</p>\\n<p>I used Bootstrap 4 and really liked the Card class, it’s present in many other projects after this one.</p>\\n<p>Today, I’d refactor it to remove the global variable and function. And also to truncate the quote when clicking the Twitter button - if the quote is longer than 140 characters the user will have to edit it by hand.</p>\\n<p data-height=\\\"265\\\" data-theme-id=\\\"0\\\" data-slug-hash=\\\"mmzeoZ\\\" data-default-tab=\\\"result\\\" data-user=\\\"felipefreitag\\\" data-embed-version=\\\"2\\\" data-pen-title=\\\"Random Quote Machine - Free Code Camp\\\" class=\\\"codepen\\\">See the Pen <a href=\\\"https://codepen.io/felipefreitag/pen/mmzeoZ/\\\">Random Quote Machine - Free Code Camp</a> by Felipe Freitag Vargas (<a href=\\\"https://codepen.io/felipefreitag\\\">@felipefreitag</a>) on <a href=\\\"https://codepen.io\\\">CodePen</a>. </p>\\n<script  src=\\\"https://production-assets.codepen.io/assets/embed/ei.js\\\"> </script>\",\"frontmatter\":{\"title\":\"Random quote machine\",\"date\":\"Invalid date\"}}},\"pathContext\":{\"slug\":\"/quote-machine/\",\"previous\":false,\"next\":{\"fields\":{\"slug\":\"/first-post/\"},\"frontmatter\":{\"title\":\"First Free Code Camp Project\"}}}}\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// path---quote-machine-0a261d846ced81225ff7.js","module.exports = {\"data\":{\"site\":{\"siteMetadata\":{\"title\":\"Gatsby Starter Blog\",\"author\":\"Kyle Mathews\"}},\"markdownRemark\":{\"id\":\"/home/felipe/projects/gatsby-blog/src/pages/quote-machine/index.md absPath of file >>> MarkdownRemark\",\"html\":\"<h1>Random Quote Machine</h1>\\n<p>This Free Code Camp challenge has the following instructions:</p>\\n<hr>\\n<p>Build a Random Quote Machine</p>\\n<p>Objective: Build a CodePen.io app that is functionally similar to this: <a href=\\\"https://codepen.io/FreeCodeCamp/full/ONjoLe/\\\">https://codepen.io/FreeCodeCamp/full/ONjoLe/</a>.</p>\\n<p>Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style.</p>\\n<ul>\\n<li>\\n<p>User Story: I can click a button to show me a new random quote.</p>\\n</li>\\n<li>\\n<p>User Story: I can press a button to tweet out a quote.</p>\\n</li>\\n</ul>\\n<hr>\\n<p>It was my first experience using Javascript. I didn’t even know what Jquery was!</p>\\n<p>Getting the API to work on Codepen wasn’t that easy, I had to learn about cross-domain reference that Jquery kept complaining about. In later projects I found a workaround, but in this one I ended up using an Ajax call.</p>\\n<p>The Twitter function came from their website, I copied it and fiddled with it a little bit.</p>\\n<p>I used Bootstrap 4 and really liked the Card class, it’s present in many other projects after this one.</p>\\n<p>Today, I’d refactor it to remove the global variable and function. And also to truncate the quote when clicking the Twitter button - if the quote is longer than 140 characters the user will have to edit it by hand.</p>\\n<p data-height=\\\"265\\\" data-theme-id=\\\"0\\\" data-slug-hash=\\\"mmzeoZ\\\" data-default-tab=\\\"result\\\" data-user=\\\"felipefreitag\\\" data-embed-version=\\\"2\\\" data-pen-title=\\\"Random Quote Machine - Free Code Camp\\\" class=\\\"codepen\\\">See the Pen <a href=\\\"https://codepen.io/felipefreitag/pen/mmzeoZ/\\\">Random Quote Machine - Free Code Camp</a> by Felipe Freitag Vargas (<a href=\\\"https://codepen.io/felipefreitag\\\">@felipefreitag</a>) on <a href=\\\"https://codepen.io\\\">CodePen</a>. </p>\\n<script  src=\\\"https://production-assets.codepen.io/assets/embed/ei.js\\\"> </script>\",\"frontmatter\":{\"title\":\"Random quote machine\",\"date\":\"Invalid date\"}}},\"pathContext\":{\"slug\":\"/quote-machine/\",\"previous\":false,\"next\":{\"fields\":{\"slug\":\"/first-post/\"},\"frontmatter\":{\"title\":\"First Free Code Camp Project\"}}}}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/json-loader!./.cache/json/quote-machine.json\n// module id = 509\n// module chunks = 58073446349866"],"sourceRoot":""}