diff --git a/404.html b/404.html index 1cc6763..bccfced 100644 --- a/404.html +++ b/404.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/404/index.html b/404/index.html index 497fe3a..d5c7e87 100644 --- a/404/index.html +++ b/404/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/CNAME b/CNAME deleted file mode 100644 index 030b7fb..0000000 --- a/CNAME +++ /dev/null @@ -1,2 +0,0 @@ -www.aayushh.com -aayushh.com diff --git a/Message/index.html b/Message/index.html index 3f595c9..f22869e 100644 --- a/Message/index.html +++ b/Message/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/Projects/index.html b/Projects/index.html index b5cf3e3..25c6775 100644 --- a/Projects/index.html +++ b/Projects/index.html @@ -1,12 +1,12 @@ -

Auction Website

description A responsive ReactJs app to stimulate just the front end for an auction website.

code
ReactJs

link
0 people liked this
\ No newline at end of file diff --git a/articles/fifth copy 2/index.html b/articles/fifth copy 2/index.html index 02e49c0..2373d4a 100644 --- a/articles/fifth copy 2/index.html +++ b/articles/fifth copy 2/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/fifth copy/index.html b/articles/fifth copy/index.html index 0fb49e3..53ec67b 100644 --- a/articles/fifth copy/index.html +++ b/articles/fifth copy/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/fifth/index.html b/articles/fifth/index.html index dab47e2..a02b4ee 100644 --- a/articles/fifth/index.html +++ b/articles/fifth/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/first/index.html b/articles/first/index.html index 1cad350..968f951 100644 --- a/articles/first/index.html +++ b/articles/first/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/fourth/index.html b/articles/fourth/index.html index 63f86bf..6b2be72 100644 --- a/articles/fourth/index.html +++ b/articles/fourth/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/index.html b/articles/index.html index b505968..5ac4c09 100644 --- a/articles/index.html +++ b/articles/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/second copy/index.html b/articles/second copy/index.html index cab54eb..eb91277 100644 --- a/articles/second copy/index.html +++ b/articles/second copy/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/second/index.html b/articles/second/index.html index 99b6cda..3242b3c 100644 --- a/articles/second/index.html +++ b/articles/second/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/articles/third/index.html b/articles/third/index.html index 79f910f..6279ff0 100644 --- a/articles/third/index.html +++ b/articles/third/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/chunk-map.json b/chunk-map.json index 37f2436..aa53fb7 100644 --- a/chunk-map.json +++ b/chunk-map.json @@ -1 +1 @@ -{"polyfill":["/polyfill-14a333d5c1eb2c39eb85.js"],"app":["/app-cc70b3ed676df13d6d80.js"],"component---node-modules-gatsby-plugin-offline-app-shell-js":["/component---node-modules-gatsby-plugin-offline-app-shell-js-90a262de4b23279c9d57.js"],"component---src-pages-404-js":["/component---src-pages-404-js-9417e78c78819e1d26f4.js"],"component---src-pages-articles-js":["/component---src-pages-articles-js-adeac0f393fd7744ee8b.js"],"component---src-pages-index-js":["/component---src-pages-index-js-8d30ce176a8fd166ae13.js"],"component---src-pages-message-js":["/component---src-pages-message-js-0f741903dbe4bfe41bd7.js"],"component---src-pages-projects-js":["/component---src-pages-projects-js-e094273efbc3126028dc.js"]} \ No newline at end of file +{"polyfill":["/polyfill-14a333d5c1eb2c39eb85.js"],"app":["/app-cc70b3ed676df13d6d80.js"],"component---node-modules-gatsby-plugin-offline-app-shell-js":["/component---node-modules-gatsby-plugin-offline-app-shell-js-90a262de4b23279c9d57.js"],"component---src-pages-404-js":["/component---src-pages-404-js-9417e78c78819e1d26f4.js"],"component---src-pages-articles-js":["/component---src-pages-articles-js-9b2a8f2005602f790654.js"],"component---src-pages-index-js":["/component---src-pages-index-js-8d30ce176a8fd166ae13.js"],"component---src-pages-message-js":["/component---src-pages-message-js-0f741903dbe4bfe41bd7.js"],"component---src-pages-projects-js":["/component---src-pages-projects-js-e094273efbc3126028dc.js"]} \ No newline at end of file diff --git a/component---src-pages-articles-js-9b2a8f2005602f790654.js b/component---src-pages-articles-js-9b2a8f2005602f790654.js new file mode 100644 index 0000000..aadc661 --- /dev/null +++ b/component---src-pages-articles-js-9b2a8f2005602f790654.js @@ -0,0 +1,2 @@ +(window.webpackJsonp=window.webpackJsonp||[]).push([[10],{"1wXr":function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},"2d4l":function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},BrBJ:function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},TfUS:function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},cLba:function(e,n,r){var a={"./fifth copy 2.md":"jep+","./fifth copy.md":"2d4l","./fifth.md":"wOhZ","./first.md":"1wXr","./fourth.md":"TfUS","./second copy.md":"BrBJ","./second.md":"mN2o","./third.md":"naJN"};function t(e){var n=o(e);return r(n)}function o(e){if(!r.o(a,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return a[e]}t.keys=function(){return Object.keys(a)},t.resolve=o,e.exports=t,t.id="cLba"},hk7L:function(e,n,r){"use strict";r.r(n);var a=r("q1tI"),t=r.n(a),o=r("vOnD"),i=r("Kvkj"),c=r("Wbzz"),s=r("Bl7J"),l=r("M55E");const d=new(r.n(l).a.Converter)({tables:!0,simplifiedAutoLink:!0,strikethrough:!0,tasklists:!0,ghCodeBlocks:!0,parseImgDimensions:!0,simpleLineBreaks:!0,openLinksInNewWindow:!0,emoji:!0}),p=o.a.div.withConfig({displayName:"articles__Box",componentId:"sc-6gpu1z-0"})(['font-size:1.18em;font-family:"Montserrat",sans-serif;padding-right:1em;line-height:165%;']),m=o.a.div.withConfig({displayName:"articles__ArticleCard",componentId:"sc-6gpu1z-1"})(["pre{background:",";padding:1.2em;border-radius:8px;overflow-x:auto;margin:1em 0;border:1px solid ",';max-width:100%;white-space:pre-wrap;}code{font-family:"Fira Code",Consolas,Monaco,"Andale Mono",monospace;background:',";color:",";padding:0.2em 0.4em;border-radius:4px;font-size:0.9em;border:1px solid ",";}pre code{background:none;padding:0;border:none;font-size:0.95em;line-height:1.5;display:block;}pre:before{content:attr(data-language);display:block;background:",";color:",";font-size:0.8em;padding:0.2em 0.6em;border-radius:4px;margin-bottom:0.8em;width:fit-content;}background:",";color:white;border-radius:8px;box-shadow:rgb(46,64,83) 0px 0.25em 0.3em;margin-bottom:1.5rem;p{margin-bottom:1em;line-height:1.7;}ul,ol{margin-left:1.5em;margin-bottom:1em;}a{color:",";text-decoration:none;&:hover{text-decoration:underline;}}blockquote{border-left:3px solid ",";margin:1em 0;padding-left:1em;color:",";font-style:italic;}img{max-width:100%;height:auto;border-radius:4px;margin:1em 0;}table{width:100%;border-collapse:collapse;margin:1em 0;}th,td{padding:0.5em;border:1px solid ",";text-align:left;}th{background:",";}"],e=>e.darkMode?"#1a1a1a":"#f5f5f5",e=>e.darkMode?"#333":"#e1e1e1",e=>e.darkMode?"#2d2d2d":"#f0f0f0",e=>e.darkMode?"#e6e6e6":"#333",e=>e.darkMode?"#404040":"#ddd",e=>e.darkMode?"#333":"#e1e1e1",e=>e.darkMode?"#ccc":"#666",e=>e.darkMode?"rgb(17 24 39/1)":"#ffffff",e=>e.darkMode?"#6CCBFE":"#0066cc",e=>e.darkMode?"#666":"#ddd",e=>e.darkMode?"#ccc":"#666",e=>e.darkMode?"#444":"#ddd",e=>e.darkMode?"#333":"#f5f5f5"),u=(o.a.div.withConfig({displayName:"articles__ArticleContent",componentId:"sc-6gpu1z-2"})(["color:",";h1,h2,h3{margin-top:1.5em;margin-bottom:0.5em;}pre{background:",";padding:1em;border-radius:4px;overflow-x:auto;}code{font-family:monospace;}"],e=>e.darkMode?"#fff":"#333",e=>e.darkMode?"#333":"#f5f5f5"),o.a.span.withConfig({displayName:"articles__Tag",componentId:"sc-6gpu1z-3"})(["background:",";color:",";padding:0.2rem 0.5rem;border-radius:4px;margin-right:0.5rem;font-size:0.8em;"],e=>e.darkMode?"black":"#eee",e=>e.darkMode?"white":"#333")),g=(r("1wXr"),r("mN2o"),r("mN2o"),r("mN2o"),e=>{let{node:n,frontMatter:r,markdownContent:o,collapsed:i}=e;const{0:s,1:l}=Object(a.useState)(!i);return t.a.createElement(t.a.Fragment,null,i&&t.a.createElement(c.Link,{to:"/articles"},"Back"),t.a.createElement(m,{key:n.id,darkMode:!0,expanded:s},t.a.createElement("div",{style:{marginBottom:"1rem",color:"#999",padding:"1em 1em 0em 1em"}},t.a.createElement("h2",null,n.name),r.date&&t.a.createElement("span",null,"📅 ",r.date," • "),r.author&&t.a.createElement("span",null,"✍️ ",r.author," • "),r.readTime&&t.a.createElement("span",null,"⏱️ ",r.readTime),Array.isArray(r.tags)&&t.a.createElement("div",{style:{marginTop:"1rem",marginBottom:"1rem"}},r.tags.map(e=>t.a.createElement(u,{key:e,darkMode:!0},e.replace(/"/g,""))))),t.a.createElement("div",{style:{background:i?"rgb(42 46 53 / 1)":"linear-gradient(90deg, rgba(42, 46, 53, 1), rgba(60, 64, 74, 1), rgba(42, 46, 53, 1))",padding:"0em 1em 1em 1em"}},r.excerpt&&t.a.createElement("p",{style:{fontSize:"1.1em",color:"#ccc",marginBottom:"1.5rem"}},r.excerpt),t.a.createElement("div",{className:"content-preview"},i&&t.a.createElement("div",{dangerouslySetInnerHTML:{__html:o}})),i?null:t.a.createElement(c.Link,{to:"/articles/"+n.name},"Read more"))))});n.default=e=>{var n;let{data:a,darkMode:o,toggleDarkMode:c,pageContext:l}=e;return t.a.createElement(s.a,{darkMode:!0},t.a.createElement(i.f,{active:"articles",darkMode:!0}),t.a.createElement("div",{className:"grid align-center",style:{perspective:"100rem",maxWidth:"93%",margin:"auto",position:"relative",gridTemplateColumns:"1fr"}},t.a.createElement("h1",null,"Article"),t.a.createElement("div",{className:"articles-container",style:{display:"grid",gridTemplateColumns:l&&void 0!==l.name?"1fr":"1fr 1fr"}},null==a||null===(n=a.allFile)||void 0===n?void 0:n.edges.map((e,n)=>{let{node:a}=e;if(l&&l.name&&a.name!==l.name)return!1;const o=(i=a.name,r("cLba")("./"+i+".md"));var i;const{frontMatter:c,markdownContent:s}=(e=>{try{const n=JSON.parse(e),r=n&&n.default?n.default.split("---"):[];if(r.length>=3){const e=r[1].trim().split("\n"),n={};e.forEach(e=>{const[r,...a]=e.split(":").map(e=>e.trim());if(r){let e=a.join(":").trim();e=e.replace(/^["'](.*)["']$/,"$1"),e.startsWith("[")&&e.endsWith("]")&&(e=e.slice(1,-1).split(",").map(e=>e.trim())),n[r]=e}});const a=d.makeHtml(r[2].trim());return{frontMatter:n,markdownContent:a}}return{frontMatter:{},markdownContent:e}}catch(n){return console.error("Error parsing markdown:",n),{frontMatter:{},markdownContent:e}}})(JSON.stringify(o));return t.a.createElement(p,null,t.a.createElement(g,{node:a,collapsed:l&&void 0!==l.name,frontMatter:c,markdownContent:s}))}))),t.a.createElement(i.a,{toggleDarkMode:c,darkMode:o}))}},"jep+":function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},mN2o:function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},naJN:function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'},wOhZ:function(e,n,r){"use strict";r.r(n),n.default='---\r\ntitle: "Building Modern Web Applications with React"\r\nslug: "building-modern-web-apps"\r\ndate: "2024-11-29"\r\nauthor: "Aayush"\r\ntags: ["React", "JavaScript", "Web Development"]\r\nexcerpt: "Learn how to create scalable and maintainable web applications using React and modern JavaScript practices."\r\nreadTime: "5 min read"\r\n---\r\n\r\nimport { CodeBlock } from \'../components/CodeBlock\'\r\n\r\n# Building Modern Web Applications with React\r\n\r\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\r\n\r\n## Getting Started\r\n\r\nFirst, let\'s create a new React application:\r\n\r\n\r\n`npx create-react-app my-modern-app`\r\ncd my-modern-app\r\nnpm start\r\n\r\n\r\n# JavaScript Code Example\r\n\r\nHere\'s a JavaScript code block:\r\n\r\n```javascript\r\nconst calculateSum = (arr) => {\r\n return arr.reduce((sum, num) => sum + num, 0);\r\n};\r\n\r\nconst numbers = [1, 2, 3, 4, 5];\r\nconsole.log(calculateSum(numbers)); // Output: 15\r\n```\r\n## Key Concepts\r\n\r\n### 1. Component Structure\r\n\r\nReact components should be:\r\n- Small and focused\r\n- Reusable\r\n- Easy to test\r\n\r\n### 2. State Management\r\n\r\nModern React apps have several options for state management:\r\n- useState for local state\r\n- Context API for shared state\r\n- Redux for complex state\r\n\r\n## Code Examples\r\n\r\nHere\'s a simple functional component:\r\n\r\n\r\nfunction Welcome({ name }) {\r\n return (\r\n
\r\n

Hello, {name}

\r\n

Welcome to our app!

\r\n
\r\n );\r\n}\r\n\r\n\r\n## Best Practices\r\n\r\n1. Use functional components with hooks\r\n2. Implement proper error boundaries\r\n3. Follow the DRY principle\r\n\r\n## Summary\r\n\r\nBy following these patterns and practices, you can build maintainable and scalable React applications.\r\n\r\n## Further Reading\r\n- [React Documentation](https://reactjs.org)\r\n- [Modern JavaScript Features](https://javascript.info)'}}]); +//# sourceMappingURL=component---src-pages-articles-js-9b2a8f2005602f790654.js.map \ No newline at end of file diff --git a/component---src-pages-articles-js-9b2a8f2005602f790654.js.map b/component---src-pages-articles-js-9b2a8f2005602f790654.js.map new file mode 100644 index 0000000..a4db073 --- /dev/null +++ b/component---src-pages-articles-js-9b2a8f2005602f790654.js.map @@ -0,0 +1 @@ +{"version":3,"sources":["webpack:///./content/articles/first.md","webpack:///./content/articles/fifth copy.md","webpack:///./content/articles/second copy.md","webpack:///./content/articles/fourth.md","webpack:///./content/articles sync ^\\.\\/.*\\.md$","webpack:///./src/pages/articles.js","webpack:///./content/articles/fifth copy 2.md","webpack:///./content/articles/second.md","webpack:///./content/articles/third.md","webpack:///./content/articles/fifth.md"],"names":["map","webpackContext","req","id","webpackContextResolve","__webpack_require__","o","e","Error","code","keys","Object","resolve","module","exports","converter","showdown","Converter","tables","simplifiedAutoLink","strikethrough","tasklists","ghCodeBlocks","parseImgDimensions","simpleLineBreaks","openLinksInNewWindow","emoji","Box","styled","div","withConfig","displayName","componentId","ArticleCard","props","darkMode","Tag","span","Article","require","_ref3","node","frontMatter","markdownContent","collapsed","isExpanded","setIsExpanded","useState","React","createElement","Fragment","Link","to","key","expanded","style","marginBottom","color","padding","name","date","author","readTime","Array","isArray","tags","marginTop","tag","replace","background","excerpt","fontSize","className","dangerouslySetInnerHTML","__html","Articles","_ref","_data$allFile","data","toggleDarkMode","pageContext","Layout","Sidebar","active","perspective","maxWidth","margin","position","gridTemplateColumns","display","undefined","allFile","edges","_ref2","index","articleContent","content","parsed","JSON","parse","parts","default","split","length","frontMatterLines","trim","forEach","line","values","s","value","join","startsWith","endsWith","slice","v","makeHtml","error","console","parseMarkdown","stringify","DarkMode"],"mappings":"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","file":"component---src-pages-articles-js-9b2a8f2005602f790654.js","sourcesContent":["export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","var map = {\n\t\"./fifth copy 2.md\": \"jep+\",\n\t\"./fifth copy.md\": \"2d4l\",\n\t\"./fifth.md\": \"wOhZ\",\n\t\"./first.md\": \"1wXr\",\n\t\"./fourth.md\": \"TfUS\",\n\t\"./second copy.md\": \"BrBJ\",\n\t\"./second.md\": \"mN2o\",\n\t\"./third.md\": \"naJN\"\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = \"cLba\";","import React, { useState } from \"react\";\r\nimport styled from \"styled-components\";\r\nimport { Sidebar, DarkMode } from \"../components\";\r\nimport { graphql, Link } from \"gatsby\";\r\nimport Layout from \"../components/layout\";\r\nimport showdown from \"showdown\";\r\n\r\nconst converter = new showdown.Converter({\r\n tables: true,\r\n simplifiedAutoLink: true,\r\n strikethrough: true,\r\n tasklists: true,\r\n ghCodeBlocks: true,\r\n parseImgDimensions: true,\r\n simpleLineBreaks: true,\r\n openLinksInNewWindow: true,\r\n emoji: true,\r\n});\r\n\r\nconst Box = styled.div`\r\n font-size: 1.18em;\r\n font-family: \"Montserrat\", sans-serif;\r\n padding-right: 1em;\r\n line-height: 165%;\r\n`;\r\n\r\nconst ArticleCard = styled.div`\r\n // Code block styling\r\n pre {\r\n background: ${(props) => (props.darkMode ? \"#1a1a1a\" : \"#f5f5f5\")};\r\n padding: 1.2em;\r\n border-radius: 8px;\r\n overflow-x: auto;\r\n margin: 1em 0;\r\n border: 1px solid ${(props) => (props.darkMode ? \"#333\" : \"#e1e1e1\")};\r\n \r\n max-width: 100%; /* Prevent it from exceeding the container width */\r\n white-space: pre-wrap; /* Allow wrapping for long lines */\r\n }\r\n\r\n // Inline code styling (backticks)\r\n code {\r\n font-family: \"Fira Code\", Consolas, Monaco, \"Andale Mono\", monospace;\r\n background: ${(props) => (props.darkMode ? \"#2d2d2d\" : \"#f0f0f0\")};\r\n color: ${(props) => (props.darkMode ? \"#e6e6e6\" : \"#333\")};\r\n padding: 0.2em 0.4em;\r\n border-radius: 4px;\r\n font-size: 0.9em;\r\n border: 1px solid ${(props) => (props.darkMode ? \"#404040\" : \"#ddd\")};\r\n }\r\n\r\n // Adjust code inside pre blocks\r\n pre code {\r\n background: none;\r\n padding: 0;\r\n border: none;\r\n font-size: 0.95em;\r\n line-height: 1.5;\r\n display: block;\r\n }\r\n\r\n // Language label for code blocks\r\n pre:before {\r\n content: attr(data-language);\r\n display: block;\r\n background: ${(props) => (props.darkMode ? \"#333\" : \"#e1e1e1\")};\r\n color: ${(props) => (props.darkMode ? \"#ccc\" : \"#666\")};\r\n font-size: 0.8em;\r\n padding: 0.2em 0.6em;\r\n border-radius: 4px;\r\n margin-bottom: 0.8em;\r\n width: fit-content;\r\n }\r\n\r\n background: ${(props) => (props.darkMode ? \"rgb(17 24 39/1)\" : \"#ffffff\")};\r\n color: white;\r\n border-radius: 8px;\r\n box-shadow: rgb(46, 64, 83) 0px 0.25em 0.3em;\r\n margin-bottom: 1.5rem;\r\n\r\n p {\r\n margin-bottom: 1em;\r\n line-height: 1.7;\r\n }\r\n\r\n ul,\r\n ol {\r\n margin-left: 1.5em;\r\n margin-bottom: 1em;\r\n }\r\n\r\n // Links\r\n a {\r\n color: ${(props) => (props.darkMode ? \"#6CCBFE\" : \"#0066cc\")};\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n // Blockquotes\r\n blockquote {\r\n border-left: 3px solid ${(props) => (props.darkMode ? \"#666\" : \"#ddd\")};\r\n margin: 1em 0;\r\n padding-left: 1em;\r\n color: ${(props) => (props.darkMode ? \"#ccc\" : \"#666\")};\r\n font-style: italic;\r\n }\r\n\r\n // Images\r\n img {\r\n max-width: 100%;\r\n height: auto;\r\n border-radius: 4px;\r\n margin: 1em 0;\r\n }\r\n\r\n // Tables\r\n table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n margin: 1em 0;\r\n }\r\n\r\n th,\r\n td {\r\n padding: 0.5em;\r\n border: 1px solid ${(props) => (props.darkMode ? \"#444\" : \"#ddd\")};\r\n text-align: left;\r\n }\r\n\r\n th {\r\n background: ${(props) => (props.darkMode ? \"#333\" : \"#f5f5f5\")};\r\n }\r\n`;\r\n\r\nconst ArticleContent = styled.div`\r\n color: ${(props) => (props.darkMode ? \"#fff\" : \"#333\")};\r\n\r\n h1,\r\n h2,\r\n h3 {\r\n margin-top: 1.5em;\r\n margin-bottom: 0.5em;\r\n }\r\n\r\n pre {\r\n background: ${(props) => (props.darkMode ? \"#333\" : \"#f5f5f5\")};\r\n padding: 1em;\r\n border-radius: 4px;\r\n overflow-x: auto;\r\n }\r\n\r\n code {\r\n font-family: monospace;\r\n }\r\n`;\r\n\r\nconst Tag = styled.span`\r\n background: ${(props) => (props.darkMode ? \"black\" : \"#eee\")};\r\n color: ${(props) => (props.darkMode ? \"white\" : \"#333\")};\r\n padding: 0.2rem 0.5rem;\r\n border-radius: 4px;\r\n margin-right: 0.5rem;\r\n font-size: 0.8em;\r\n`;\r\n\r\nconst getArticle = (name) => {\r\n return require(\"../../content/articles/\" + name + \".md\");\r\n};\r\n\r\nconst articles = {\r\n first: require(\"../../content/articles/first.md\"),\r\n second: require(\"../../content/articles/second.md\"),\r\n second: require(\"../../content/articles/second.md\"),\r\n second: require(\"../../content/articles/second.md\"),\r\n};\r\n\r\nconst Articles = ({ data, darkMode, toggleDarkMode, pageContext }) => {\r\n const parseMarkdown = (content) => {\r\n try {\r\n const parsed = JSON.parse(content);\r\n const parts = parsed && parsed.default ? parsed.default.split(\"---\") : [];\r\n\r\n if (parts.length >= 3) {\r\n const frontMatterLines = parts[1].trim().split(\"\\n\");\r\n const frontMatter = {};\r\n\r\n frontMatterLines.forEach((line) => {\r\n const [key, ...values] = line.split(\":\").map((s) => s.trim());\r\n if (key) {\r\n let value = values.join(\":\").trim();\r\n value = value.replace(/^[\"'](.*)[\"']$/, \"$1\");\r\n if (value.startsWith(\"[\") && value.endsWith(\"]\")) {\r\n value = value\r\n .slice(1, -1)\r\n .split(\",\")\r\n .map((v) => v.trim());\r\n }\r\n frontMatter[key] = value;\r\n }\r\n });\r\n const markdownContent = converter.makeHtml(parts[2].trim());\r\n return { frontMatter, markdownContent };\r\n }\r\n return { frontMatter: {}, markdownContent: content };\r\n } catch (error) {\r\n console.error(\"Error parsing markdown:\", error);\r\n return { frontMatter: {}, markdownContent: content };\r\n }\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n

Article

\r\n \r\n \r\n {data?.allFile?.edges.map(({ node }, index) => {\r\n if (\r\n pageContext &&\r\n pageContext.name &&\r\n node.name !== pageContext.name\r\n )\r\n return false;\r\n const articleContent = getArticle(node.name);\r\n const { frontMatter, markdownContent } = parseMarkdown(\r\n JSON.stringify(articleContent)\r\n );\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nconst Article = ({ node, frontMatter, markdownContent, collapsed }) => {\r\n const darkMode = true;\r\n const [isExpanded, setIsExpanded] = useState(!collapsed);\r\n\r\n return (\r\n <>\r\n {collapsed && Back}\r\n \r\n \r\n

{node.name}

\r\n {frontMatter.date && 📅 {frontMatter.date} • }\r\n {frontMatter.author && ✍️ {frontMatter.author} • }\r\n {frontMatter.readTime && ⏱️ {frontMatter.readTime}}\r\n\r\n {Array.isArray(frontMatter.tags) && (\r\n
\r\n {frontMatter.tags.map((tag) => (\r\n \r\n {tag.replace(/\"/g, \"\")}\r\n \r\n ))}\r\n
\r\n )}\r\n \r\n\r\n \r\n {frontMatter.excerpt && (\r\n \r\n {frontMatter.excerpt}\r\n

\r\n )}\r\n\r\n
\r\n {collapsed && (\r\n \r\n )}\r\n
\r\n\r\n {!collapsed ? (\r\n Read more\r\n ) : null}\r\n \r\n \r\n \r\n );\r\n};\r\nexport const query = graphql`\r\n query {\r\n allFile(\r\n filter: {\r\n sourceInstanceName: { eq: \"articles\" }\r\n extension: { regex: \"/(md|mdx)/\" }\r\n }\r\n ) {\r\n edges {\r\n node {\r\n id\r\n name\r\n relativePath\r\n internal {\r\n content\r\n }\r\n }\r\n }\r\n }\r\n }\r\n`;\r\n\r\nexport default Articles;\r\n","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";","export default \"---\\r\\ntitle: \\\"Building Modern Web Applications with React\\\"\\r\\nslug: \\\"building-modern-web-apps\\\"\\r\\ndate: \\\"2024-11-29\\\"\\r\\nauthor: \\\"Aayush\\\"\\r\\ntags: [\\\"React\\\", \\\"JavaScript\\\", \\\"Web Development\\\"]\\r\\nexcerpt: \\\"Learn how to create scalable and maintainable web applications using React and modern JavaScript practices.\\\"\\r\\nreadTime: \\\"5 min read\\\"\\r\\n---\\r\\n\\r\\nimport { CodeBlock } from '../components/CodeBlock'\\r\\n\\r\\n# Building Modern Web Applications with React\\r\\n\\r\\nModern web development has evolved significantly over the years. React has emerged as one of the most popular libraries for building user interfaces.\\r\\n\\r\\n## Getting Started\\r\\n\\r\\nFirst, let's create a new React application:\\r\\n\\r\\n\\r\\n`npx create-react-app my-modern-app`\\r\\ncd my-modern-app\\r\\nnpm start\\r\\n\\r\\n\\r\\n# JavaScript Code Example\\r\\n\\r\\nHere's a JavaScript code block:\\r\\n\\r\\n```javascript\\r\\nconst calculateSum = (arr) => {\\r\\n return arr.reduce((sum, num) => sum + num, 0);\\r\\n};\\r\\n\\r\\nconst numbers = [1, 2, 3, 4, 5];\\r\\nconsole.log(calculateSum(numbers)); // Output: 15\\r\\n```\\r\\n## Key Concepts\\r\\n\\r\\n### 1. Component Structure\\r\\n\\r\\nReact components should be:\\r\\n- Small and focused\\r\\n- Reusable\\r\\n- Easy to test\\r\\n\\r\\n### 2. State Management\\r\\n\\r\\nModern React apps have several options for state management:\\r\\n- useState for local state\\r\\n- Context API for shared state\\r\\n- Redux for complex state\\r\\n\\r\\n## Code Examples\\r\\n\\r\\nHere's a simple functional component:\\r\\n\\r\\n\\r\\nfunction Welcome({ name }) {\\r\\n return (\\r\\n
\\r\\n

Hello, {name}

\\r\\n

Welcome to our app!

\\r\\n
\\r\\n );\\r\\n}\\r\\n\\r\\n\\r\\n## Best Practices\\r\\n\\r\\n1. Use functional components with hooks\\r\\n2. Implement proper error boundaries\\r\\n3. Follow the DRY principle\\r\\n\\r\\n## Summary\\r\\n\\r\\nBy following these patterns and practices, you can build maintainable and scalable React applications.\\r\\n\\r\\n## Further Reading\\r\\n- [React Documentation](https://reactjs.org)\\r\\n- [Modern JavaScript Features](https://javascript.info)\";"],"sourceRoot":""} \ No newline at end of file diff --git a/index.html b/index.html index 806eb53..6db51bd 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,7 @@ -
A Loader
\ No newline at end of file +@-webkit-keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}} @keyframes bqLInJ{0%{-webkit-transform:scale(0.9);-ms-transform:scale(0.9);transform:scale(0.9);-webkit-filter:drop-shadow(3px 4px 6px teal);filter:drop-shadow(3px 4px 6px teal);}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-filter:drop-shadow(0px 0px 0px white);filter:drop-shadow(0px 0px 0px white);}}
A Loader
\ No newline at end of file diff --git a/offline-plugin-app-shell-fallback/index.html b/offline-plugin-app-shell-fallback/index.html index f979155..af40e90 100644 --- a/offline-plugin-app-shell-fallback/index.html +++ b/offline-plugin-app-shell-fallback/index.html @@ -1 +1 @@ -
\ No newline at end of file +
\ No newline at end of file diff --git a/page-data/app-data.json b/page-data/app-data.json index c331c71..aa5248c 100644 --- a/page-data/app-data.json +++ b/page-data/app-data.json @@ -1 +1 @@ -{"webpackCompilationHash":"b6cb7d519f9560205ca2"} +{"webpackCompilationHash":"700a38625bc7721a571d"} diff --git a/styles.6c57cd3623bed97bca88.css b/styles.6c57cd3623bed97bca88.css deleted file mode 100644 index 3dd44c1..0000000 --- a/styles.6c57cd3623bed97bca88.css +++ /dev/null @@ -1 +0,0 @@ -@import url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css);@import url(https://use.fontawesome.com/releases/v5.4.2/css/all.css);@import url(https://fonts.googleapis.com/css?family=Montserrat);body.no-scroll{overflow:hidden;height:100vh}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.next-button{animation:bounce 1s infinite}body,html{font:11pt Montserrat,sans-serif;margin:0 auto;padding:0;cursor:url(https://scontent.fmem1-2.fna.fbcdn.net/v/t1.15752-9/54432566_404918990334641_7096942748036497408_n.png?_nc_cat=107&_nc_ht=scontent.fmem1-2.fna&oe=5D0AADEC&oh=ef648dd9d6edc8f65d551298df299adc),auto;width:100%;height:100%;background:linear-gradient(180deg,#6ccbfe,#215571)}header{padding:1.2em}main{position:relative;z-index:3;max-width:1500px;margin:0 auto;padding:0 0 0 5em;box-sizing:border-box}.center-items{display:grid;place-items:center}.lg-icon{font-size:3em}.white-txt{color:#fff}.project-container{max-width:1200px;border-radius:8px;border:.2em solid #30abe8;margin:auto auto 2em;padding:2px;box-shadow:1px 3px 10px rgba(0,0,0,.27),inset 1px 2px 10px rgba(0,0,0,.06)}.active-item{transform:scale(1.1)}.shadow{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.hide{display:none}.md-icon{font-size:1.5em;vertical-align:middle}.container{min-height:95vh;align-items:start;align-content:start;align-items:stretch}.label{background:#4c8bf5;border-radius:.2em;padding:.15em}.overlay{position:relative;grid-column:1/-1;grid-row:1/-1;z-index:-5;width:100%;height:100%;opacity:.6;overflow:hidden}.opacity-animation{animation:opacity .5s ease-out}@keyframes opacity{0%{opacity:0}to{opacity:1}}.row{grid-column:1/-1}.grid,.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0}.align-end{align-self:end}.align-center{align-self:center}.align-start{align-self:start}.align-left,.align-left-on-lg{justify-self:end}.center-text{text-align:center}.main-grid{display:grid;grid-template-rows:auto 1fr auto;width:95%;margin:auto;max-width:1600px}.blue{color:#0883c4;font-size:1.5em}.blue,.bt{vertical-align:middle}.bt{border:0;padding:.8em 1em;font-size:1.1em;min-width:6.5em;cursor:pointer}.bt-round-white{box-shadow:0 7px 10px rgba(0,0,0,.25),0 6px 6px rgba(0,0,0,.22);border:.15em solid #fff;padding:.58em .72em;line-height:168%;border-radius:50px;background:#2ca2ad;color:#fff;font-weight:700;margin-right:.15em;width:4.7em;text-align:center;transition:all .5s ease;display:inline-block}.bt-round-white:hover{background:#fff;color:#2ca2ad;box-shadow:0 0 0 0;transform:translateY(-.15em)}.bt-custom{border-radius:5px;background:#2ca2ad;color:#fff;font-size:1.2em;font-weight:200;box-shadow:0 2px 6px rgba(0,0,0,.25),0 3px 3px rgba(0,0,0,.22);margin:.15em;border:2px solid #2ca2ad}.bt-custom:hover{background:#fff;color:#2ca2ad;box-shadow:0 0 0 0;transition:.35s ease-out}.lift:hover{transform:translateY(-.4em)}.dark-btn{color:#fff;background:#000;border-color:#fff}.dark-btn:hover{background:#fff;color:#000}.active-nav{filter:drop-shadow(2px 3px 6px white)}.content-container{grid-auto-columns:1fr 1fr;color:#2ca2ad}.container2{max-width:1600px;width:95%;margin:auto}.footer{padding:5px;grid-column:1/-1;margin-top:3em}.content-container{margin-top:2em;border-left:.25em solid #2ca2ad;padding:1em 0 1em 2em;color:#fff;display:grid;place-items:center;background:rgba(0,0,0,.2);font-size:1.2em}.tooltip{display:none;visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:.3em 1em;position:absolute;z-index:1}.pointer,.tooltip,.tooltip-container{cursor:pointer}.tooltip-container:hover .tooltip{visibility:visible;display:block}.svg-spin:hover{animation:flip 3s linear infinite}.svg-glow{animation:glow 2s linear infinite;-webkit-animation:glow 2s linear infinite;-moz-animation:glow 2s linear infinite;-ms-animation:glow 2s linear infinite;-o-animation:glow 2s linear infinite}@keyframes glow{0%{filter:drop-shadow(4px 4px 7px white)}50%{filter:drop-shadow(0 0 0 white)}to{filter:drop-shadow(4px 4px 7px white)}}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.highlight,.highlight-blue{color:#fff;font-weight:700;border-width:0 0 5px;border-style:dotted}.nav{font-size:14pt;padding:0}.shadow{box-shadow:0 2px 2px 0 grey}.bt:hover a,.bt:hover Link{color:#2a3eb1}.center{display:block;margin-left:auto;margin-right:auto}.input{padding:.5em;margin:.5em auto;height:2.5em;width:90%;border:1px solid #30abe8;border-radius:10px}.nav>ul{list-style:none}.nav>li,Link,Link>li{display:inline-block}a,li>a,Link{color:#fff;text-decoration:none}.option{padding:1em;font-weight:700}.material-icons{color:#d1e5ed}.option:hover .material-icons{color:#e2f6fe;filter:drop-shadow(1px 1px 5px gray)}.shine{font-size:40px;color:#fff;animation:blink 1.5s linear infinite;transform:rotate(270deg);position:relative;top:10px}@keyframes blink{50%{opacity:0}}.sm{height:3.5em;width:auto}.md{height:6em;width:6em}.hover-red:hover,.red{color:red}.bold-white{font-size:1.25em;font-weight:700;color:#fff}.right{grid-column-start:2}.rightt{display:flex;justify-content:flex-end}.dense{grid-auto-flow:dense}.btt{width:auto}@media (max-width:1000px){body,main{font-size:12.5pt}.nav-grid{grid-template-columns:1fr}.bt-custom{padding:.65em .2em}}@media (max-width:860px){main{font-size:11.4pt;padding:0 0 8em}.svg-glow{width:98%;height:auto;min-height:300px}.bt{padding:.65em .4em;margin:.1em}.container{min-height:95vh}}@media(max-Height:820px){.content-container,.nav.align-left-on-lg{margin:0 auto}.content-container{border-left:.25em solid #30abe8}.main-grid{grid-template-rows:10em 1fr auto;height:100%}.bt{padding:.65em 1em}.bt-round-white{padding:.65em .72em}.md-icon{font-size:1em}}@media (max-width:761px){.text,main{font-size:11.8pt}h1{font-size:1.5em}.align-left-on-lg{justify-self:center}.link-grid{align-items:center}.grid{grid-template-columns:1fr;grid-gap:0}.expand-sm{width:70vw}.center-sm{display:block;margin-left:auto;margin-right:auto}.right{grid-column-start:1}i.logos{display:none}}@media(max-width:400px){li.option{padding:.25em}.text,main{font-size:11pt}h1{font-size:1.38em}.container{font-size:.99em}}.particle{animation:animate;animation-iteration-count:infinite}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-1000px) rotate(2turn);opacity:0}} \ No newline at end of file diff --git a/styles.ca5f8306528b99e0c85f.css b/styles.ca5f8306528b99e0c85f.css new file mode 100644 index 0000000..a1d6ff4 --- /dev/null +++ b/styles.ca5f8306528b99e0c85f.css @@ -0,0 +1 @@ +@import url(https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css);@import url(https://use.fontawesome.com/releases/v5.4.2/css/all.css);@import url(https://fonts.googleapis.com/css?family=Montserrat);body.no-scroll{overflow:hidden;height:100vh}@media (max-width:600px){.articles-container{grid-template-columns:1fr!important}}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.next-button{animation:bounce 1s infinite}body,html{font:11pt Montserrat,sans-serif;margin:0 auto;padding:0;cursor:url(https://scontent.fmem1-2.fna.fbcdn.net/v/t1.15752-9/54432566_404918990334641_7096942748036497408_n.png?_nc_cat=107&_nc_ht=scontent.fmem1-2.fna&oe=5D0AADEC&oh=ef648dd9d6edc8f65d551298df299adc),auto;width:100%;height:100%;background:linear-gradient(180deg,#6ccbfe,#215571)}header{padding:1.2em}main{position:relative;z-index:3;max-width:1500px;margin:0 auto;padding:0 0 0 5em;box-sizing:border-box}.center-items{display:grid;place-items:center}.lg-icon{font-size:3em}.white-txt{color:#fff}.project-container{max-width:1200px;border-radius:8px;border:.2em solid #30abe8;margin:auto auto 2em;padding:2px;box-shadow:1px 3px 10px rgba(0,0,0,.27),inset 1px 2px 10px rgba(0,0,0,.06)}.active-item{transform:scale(1.1)}.shadow{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.hide{display:none}.md-icon{font-size:1.5em;vertical-align:middle}.container{min-height:95vh;align-items:start;align-content:start;align-items:stretch}.label{background:#4c8bf5;border-radius:.2em;padding:.15em}.overlay{position:relative;grid-column:1/-1;grid-row:1/-1;z-index:-5;width:100%;height:100%;opacity:.6;overflow:hidden}.opacity-animation{animation:opacity .5s ease-out}@keyframes opacity{0%{opacity:0}to{opacity:1}}.row{grid-column:1/-1}.grid,.nav-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:0}.align-end{align-self:end}.align-center{align-self:center}.align-start{align-self:start}.align-left,.align-left-on-lg{justify-self:end}.center-text{text-align:center}.main-grid{display:grid;grid-template-rows:auto 1fr auto;width:95%;margin:auto;max-width:1600px}.blue{color:#0883c4;font-size:1.5em}.blue,.bt{vertical-align:middle}.bt{border:0;padding:.8em 1em;font-size:1.1em;min-width:6.5em;cursor:pointer}.bt-round-white{box-shadow:0 7px 10px rgba(0,0,0,.25),0 6px 6px rgba(0,0,0,.22);border:.15em solid #fff;padding:.58em .72em;line-height:168%;border-radius:50px;background:#2ca2ad;color:#fff;font-weight:700;margin-right:.15em;width:4.7em;text-align:center;transition:all .5s ease;display:inline-block}.bt-round-white:hover{background:#fff;color:#2ca2ad;box-shadow:0 0 0 0;transform:translateY(-.15em)}.bt-custom{border-radius:5px;background:#2ca2ad;color:#fff;font-size:1.2em;font-weight:200;box-shadow:0 2px 6px rgba(0,0,0,.25),0 3px 3px rgba(0,0,0,.22);margin:.15em;border:2px solid #2ca2ad}.bt-custom:hover{background:#fff;color:#2ca2ad;box-shadow:0 0 0 0;transition:.35s ease-out}.lift:hover{transform:translateY(-.4em)}.dark-btn{color:#fff;background:#000;border-color:#fff}.dark-btn:hover{background:#fff;color:#000}.active-nav{filter:drop-shadow(2px 3px 6px white)}.content-container{grid-auto-columns:1fr 1fr;color:#2ca2ad}.container2{max-width:1600px;width:95%;margin:auto}.footer{padding:5px;grid-column:1/-1;margin-top:3em}.content-container{margin-top:2em;border-left:.25em solid #2ca2ad;padding:1em 0 1em 2em;color:#fff;display:grid;place-items:center;background:rgba(0,0,0,.2);font-size:1.2em}.tooltip{display:none;visibility:hidden;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:.3em 1em;position:absolute;z-index:1}.pointer,.tooltip,.tooltip-container{cursor:pointer}.tooltip-container:hover .tooltip{visibility:visible;display:block}.svg-spin:hover{animation:flip 3s linear infinite}.svg-glow{animation:glow 2s linear infinite;-webkit-animation:glow 2s linear infinite;-moz-animation:glow 2s linear infinite;-ms-animation:glow 2s linear infinite;-o-animation:glow 2s linear infinite}@keyframes glow{0%{filter:drop-shadow(4px 4px 7px white)}50%{filter:drop-shadow(0 0 0 white)}to{filter:drop-shadow(4px 4px 7px white)}}@keyframes flip{0%{transform:rotateY(0deg)}50%{transform:rotateY(180deg)}to{transform:rotateY(0deg)}}.highlight,.highlight-blue{color:#fff;font-weight:700;border-width:0 0 5px;border-style:dotted}.nav{font-size:14pt;padding:0}.shadow{box-shadow:0 2px 2px 0 grey}.bt:hover a,.bt:hover Link{color:#2a3eb1}.center{display:block;margin-left:auto;margin-right:auto}.input{padding:.5em;margin:.5em auto;height:2.5em;width:90%;border:1px solid #30abe8;border-radius:10px}.nav>ul{list-style:none}.nav>li,Link,Link>li{display:inline-block}a,li>a,Link{color:#fff;text-decoration:none}.option{padding:1em;font-weight:700}.material-icons{color:#d1e5ed}.option:hover .material-icons{color:#e2f6fe;filter:drop-shadow(1px 1px 5px gray)}.shine{font-size:40px;color:#fff;animation:blink 1.5s linear infinite;transform:rotate(270deg);position:relative;top:10px}@keyframes blink{50%{opacity:0}}.sm{height:3.5em;width:auto}.md{height:6em;width:6em}.hover-red:hover,.red{color:red}.bold-white{font-size:1.25em;font-weight:700;color:#fff}.right{grid-column-start:2}.rightt{display:flex;justify-content:flex-end}.dense{grid-auto-flow:dense}.btt{width:auto}@media (max-width:1000px){body,main{font-size:12.5pt}.nav-grid{grid-template-columns:1fr}.bt-custom{padding:.65em .2em}}@media (max-width:860px){main{font-size:11.4pt;padding:0 0 8em}.svg-glow{width:98%;height:auto;min-height:300px}.bt{padding:.65em .4em;margin:.1em}.container{min-height:95vh}}@media(max-Height:820px){.content-container,.nav.align-left-on-lg{margin:0 auto}.content-container{border-left:.25em solid #30abe8}.main-grid{grid-template-rows:10em 1fr auto;height:100%}.bt{padding:.65em 1em}.bt-round-white{padding:.65em .72em}.md-icon{font-size:1em}}@media (max-width:761px){.text,main{font-size:11.8pt}h1{font-size:1.5em}.align-left-on-lg{justify-self:center}.link-grid{align-items:center}.grid{grid-template-columns:1fr;grid-gap:0}.expand-sm{width:70vw}.center-sm{display:block;margin-left:auto;margin-right:auto}.right{grid-column-start:1}i.logos{display:none}}@media(max-width:400px){li.option{padding:.25em}.text,main{font-size:11pt}h1{font-size:1.38em}.container{font-size:.99em}}.particle{animation:animate;animation-iteration-count:infinite}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1}to{transform:translateY(-1000px) rotate(2turn);opacity:0}} \ No newline at end of file diff --git a/sw.js b/sw.js index eb08870..2ed9609 100644 --- a/sw.js +++ b/sw.js @@ -26,7 +26,7 @@ workbox.clientsClaim(); */ self.__precacheManifest = [ { - "url": "webpack-runtime-06229d77ae11b9a2ae9a.js" + "url": "webpack-runtime-7adf84a4b3fe04090aff.js" }, { "url": "framework-ddca7dd446fc76edf1f1.js" @@ -39,7 +39,7 @@ self.__precacheManifest = [ }, { "url": "offline-plugin-app-shell-fallback/index.html", - "revision": "672278a89cbce998ab1fad3b68ebb5ba" + "revision": "709322c610fbe83d33b780235211855a" }, { "url": "page-data/offline-plugin-app-shell-fallback/page-data.json", @@ -47,7 +47,7 @@ self.__precacheManifest = [ }, { "url": "page-data/app-data.json", - "revision": "e0817663ac17121b12dbf6ab8c4655c7" + "revision": "5de3fe31b647f933599fb2cb0328a661" }, { "url": "polyfill-14a333d5c1eb2c39eb85.js" diff --git a/webpack-runtime-7adf84a4b3fe04090aff.js b/webpack-runtime-7adf84a4b3fe04090aff.js new file mode 100644 index 0000000..4c7cf03 --- /dev/null +++ b/webpack-runtime-7adf84a4b3fe04090aff.js @@ -0,0 +1,2 @@ +!function(e){function t(t){for(var r,c,s=t[0],f=t[1],d=t[2],u=0,l=[];u