[
  {
    "path": ".editorconfig",
    "content": "root = true\n\n[*]\nend_of_line = lf\ninsert_final_newline = true\ncharset = utf-8\nindent_style = space\nindent_size = 2"
  },
  {
    "path": ".eslintrc.json",
    "content": "{\n  \"extends\": [\n    \"eslint:recommended\",\n    \"plugin:import/errors\",\n    \"plugin:react/recommended\",\n    \"plugin:jsx-a11y/recommended\",\n    \"prettier\",\n    \"prettier/react\"\n  ],\n  \"rules\": {\n    \"react/prop-types\": 0,\n    \"jsx-a11y/label-has-for\": 0,\n    \"no-console\": 1\n  },\n  \"plugins\": [\"react\", \"import\", \"jsx-a11y\"],\n  \"parser\": \"babel-eslint\",\n  \"parserOptions\": {\n    \"ecmaVersion\": 2018,\n    \"sourceType\": \"module\",\n    \"ecmaFeatures\": {\n      \"jsx\": true\n    }\n  },\n  \"env\": {\n    \"es6\": true,\n    \"browser\": true,\n    \"node\": true\n  },\n  \"settings\": {\n    \"react\": {\n      \"version\": \"16.5.2\"\n    }\n  }\n}\n"
  },
  {
    "path": ".github/workflows/gatsby.yml",
    "content": "name: Deploy Gatsby Site to GitHub Pages\n\non:\n  push:\n    branches:\n      - master\n\njobs:\n  deploy:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions/checkout@master\n      - name: npm install and build\n        run: |\n          npm install\n          npm run build\n      - name: Deploy site to gh-pages branch\n        uses: alex-page/blazing-fast-gh-pages-deploy@v1.1.0\n        with:\n          repo-token: ${{ secrets.ACCESS_TOKEN }}\n          site-directory: public\n"
  },
  {
    "path": ".gitignore",
    "content": "# Project dependencies\n# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git\nnode_modules\n.cache/\n# Build directory\npublic/\n.DS_Store\nyarn-error.log\n"
  },
  {
    "path": ".prettierrc",
    "content": "{}\n"
  },
  {
    "path": "LICENSE",
    "content": "## creative commons\n#\n\n# Attribution-NonCommercial 4.0 International\n\nCreative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.\n\n### Using Creative Commons Public Licenses\n\nCreative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.\n\n* __Considerations for licensors:__ Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. [More considerations for licensors](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensors).\n\n* __Considerations for the public:__ By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. [More considerations for the public](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees).\n\n## Creative Commons Attribution-NonCommercial 4.0 International Public License\n\nBy exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NonCommercial 4.0 International Public License (\"Public License\"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.\n\n### Section 1 – Definitions.\n\na. __Adapted Material__ means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.\n\nb. __Adapter's License__ means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.\n\nc. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.\n\nd. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.\n\ne. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.\n\nf. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.\n\ng. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.\n\nh. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.\n\ni. __NonCommercial__ means not primarily intended for or directed towards commercial advantage or monetary compensation. For purposes of this Public License, the exchange of the Licensed Material for other material subject to Copyright and Similar Rights by digital file-sharing or similar means is NonCommercial provided there is no payment of monetary compensation in connection with the exchange.\n\nj. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.\n\nk. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.\n\nl. __You__ means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.\n\n### Section 2 – Scope.\n\na. ___License grant.___\n\n   1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:\n\n       A. reproduce and Share the Licensed Material, in whole or in part, for NonCommercial purposes only; and\n\n       B. produce, reproduce, and Share Adapted Material for NonCommercial purposes only.\n\n   2. __Exceptions and Limitations.__ For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.\n\n   3. __Term.__ The term of this Public License is specified in Section 6(a).\n\n   4. __Media and formats; technical modifications allowed.__ The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.\n\n    5. __Downstream recipients.__\n\n        A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.\n\n        B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.\n\n    6. __No endorsement.__ Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).\n\nb. ___Other rights.___\n\n   1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.\n\n   2. Patent and trademark rights are not licensed under this Public License.\n\n   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties, including when the Licensed Material is used other than for NonCommercial purposes.\n\n### Section 3 – License Conditions.\n\nYour exercise of the Licensed Rights is expressly made subject to the following conditions.\n\na. ___Attribution.___\n\n   1. If You Share the Licensed Material (including in modified form), You must:\n\n       A. retain the following if it is supplied by the Licensor with the Licensed Material:\n\n         i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);\n\n         ii. a copyright notice;\n\n         iii. a notice that refers to this Public License;\n\n         iv. a notice that refers to the disclaimer of warranties;\n\n         v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;\n\n       B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and\n\n       C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.\n\n   2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.\n\n   3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.\n\n   4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.\n\n### Section 4 – Sui Generis Database Rights.\n\nWhere the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:\n\na. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database for NonCommercial purposes only;\n\nb. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and\n\nc. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.\n\nFor the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.\n\n### Section 5 – Disclaimer of Warranties and Limitation of Liability.\n\na. __Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.__\n\nb. __To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.__\n\nc. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.\n\n### Section 6 – Term and Termination.\n\na. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.\n\nb. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:\n\n   1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or\n\n   2. upon express reinstatement by the Licensor.\n\n   For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.\n\nc. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.\n\nd. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.\n\n### Section 7 – Other Terms and Conditions.\n\na. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.\n\nb. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.\n\n### Section 8 – Interpretation.\n\na. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.\n\nb. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.\n\nc. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.\n\nd. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.\n\n> Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at [creativecommons.org/policies](http://creativecommons.org/policies), Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.\n>\n> Creative Commons may be contacted at creativecommons.org\n"
  },
  {
    "path": "README.md",
    "content": "<h1 align=\"center\"><a href=\"https://frontendmasters.com/courses/vim-fundamentals/\">VIM Fundamentals Course by ThePrimeagen</a></h1> <br>\n\n<p align=\"center\">\n As taught by ThePrimeagen for Frontend Masters\n</p>\n\n<p align=\"center\">\n  📝 <a href=\"https://theprimeagen.github.io/vim-fundamentals/\">Course Website: VIM Fundamentals</a>\n</p>\n\nFly through code faster than you thought possible using VIM! You’ll learn the basics of editing and even know how to exit VIM. Go deeper with navigation, macros, registers, find, and replaces. Then edit your vimrc plugins along with quickfix lists. Lastly, see ThePrimeagen demonstrate his ideal VIM workflow.\n\n## License\n\nThe **code** is this repo is licensed under the Apache 2.0 license.\n\nThe **content** is this repo is licensed under the CC-BY-NC-4.0 license.\n"
  },
  {
    "path": "course-website/.editorconfig",
    "content": "root = true\n\n[*]\nend_of_line = lf\ninsert_final_newline = true\ncharset = utf-8\nindent_style = space\nindent_size = 2"
  },
  {
    "path": "course-website/.eslintrc.json",
    "content": "{\n  \"extends\": [\n    \"eslint:recommended\",\n    \"plugin:import/errors\",\n    \"plugin:react/recommended\",\n    \"plugin:jsx-a11y/recommended\",\n    \"prettier\",\n    \"prettier/react\"\n  ],\n  \"rules\": {\n    \"react/prop-types\": 0,\n    \"jsx-a11y/label-has-for\": 0,\n    \"no-console\": 1\n  },\n  \"plugins\": [\"react\", \"import\", \"jsx-a11y\"],\n  \"parser\": \"babel-eslint\",\n  \"parserOptions\": {\n    \"ecmaVersion\": 2018,\n    \"sourceType\": \"module\",\n    \"ecmaFeatures\": {\n      \"jsx\": true\n    }\n  },\n  \"env\": {\n    \"es6\": true,\n    \"browser\": true,\n    \"node\": true\n  },\n  \"settings\": {\n    \"react\": {\n      \"version\": \"16.5.2\"\n    }\n  }\n}\n"
  },
  {
    "path": "course-website/.github/workflows/gatsby.yml",
    "content": "name: Deploy Gatsby Site to GitHub Pages\n\non:\n  push:\n    branches:\n      - master\n\njobs:\n  deploy:\n    runs-on: ubuntu-latest\n    steps:\n      - uses: actions/checkout@master\n      - name: npm install, build, and csv\n        run: |\n          npm install\n          npm run build\n          npm run csv\n      - name: Deploy site to gh-pages branch\n        uses: alex-page/blazing-fast-gh-pages-deploy@v1.1.0\n        with:\n          repo-token: ${{ secrets.ACCESS_TOKEN }}\n          site-directory: public\n"
  },
  {
    "path": "course-website/.gitignore",
    "content": "# Project dependencies\n# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git\nnode_modules\n.cache/\n# Build directory\npublic/\n.DS_Store\nyarn-error.log\n"
  },
  {
    "path": "course-website/.prettierrc",
    "content": "{}\n"
  },
  {
    "path": "course-website/LICENSE",
    "content": "## creative commons\n\n# Attribution-NonCommercial 4.0 International\n\nCreative Commons Corporation (“Creative Commons”) is not a law firm and does not provide legal services or legal advice. Distribution of Creative Commons public licenses does not create a lawyer-client or other relationship. Creative Commons makes its licenses and related information available on an “as-is” basis. Creative Commons gives no warranties regarding its licenses, any material licensed under their terms and conditions, or any related information. Creative Commons disclaims all liability for damages resulting from their use to the fullest extent possible.\n\n### Using Creative Commons Public Licenses\n\nCreative Commons public licenses provide a standard set of terms and conditions that creators and other rights holders may use to share original works of authorship and other material subject to copyright and certain other rights specified in the public license below. The following considerations are for informational purposes only, are not exhaustive, and do not form part of our licenses.\n\n* __Considerations for licensors:__ Our public licenses are intended for use by those authorized to give the public permission to use material in ways otherwise restricted by copyright and certain other rights. Our licenses are irrevocable. Licensors should read and understand the terms and conditions of the license they choose before applying it. Licensors should also secure all rights necessary before applying our licenses so that the public can reuse the material as expected. Licensors should clearly mark any material not subject to the license. This includes other CC-licensed material, or material used under an exception or limitation to copyright. [More considerations for licensors](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensors).\n\n* __Considerations for the public:__ By using one of our public licenses, a licensor grants the public permission to use the licensed material under specified terms and conditions. If the licensor’s permission is not necessary for any reason–for example, because of any applicable exception or limitation to copyright–then that use is not regulated by the license. Our licenses grant only permissions under copyright and certain other rights that a licensor has authority to grant. Use of the licensed material may still be restricted for other reasons, including because others have copyright or other rights in the material. A licensor may make special requests, such as asking that all changes be marked or described. Although not required by our licenses, you are encouraged to respect those requests where reasonable. [More considerations for the public](http://wiki.creativecommons.org/Considerations_for_licensors_and_licensees#Considerations_for_licensees).\n\n## Creative Commons Attribution-NonCommercial 4.0 International Public License\n\nBy exercising the Licensed Rights (defined below), You accept and agree to be bound by the terms and conditions of this Creative Commons Attribution-NonCommercial 4.0 International Public License (\"Public License\"). To the extent this Public License may be interpreted as a contract, You are granted the Licensed Rights in consideration of Your acceptance of these terms and conditions, and the Licensor grants You such rights in consideration of benefits the Licensor receives from making the Licensed Material available under these terms and conditions.\n\n### Section 1 – Definitions.\n\na. __Adapted Material__ means material subject to Copyright and Similar Rights that is derived from or based upon the Licensed Material and in which the Licensed Material is translated, altered, arranged, transformed, or otherwise modified in a manner requiring permission under the Copyright and Similar Rights held by the Licensor. For purposes of this Public License, where the Licensed Material is a musical work, performance, or sound recording, Adapted Material is always produced where the Licensed Material is synched in timed relation with a moving image.\n\nb. __Adapter's License__ means the license You apply to Your Copyright and Similar Rights in Your contributions to Adapted Material in accordance with the terms and conditions of this Public License.\n\nc. __Copyright and Similar Rights__ means copyright and/or similar rights closely related to copyright including, without limitation, performance, broadcast, sound recording, and Sui Generis Database Rights, without regard to how the rights are labeled or categorized. For purposes of this Public License, the rights specified in Section 2(b)(1)-(2) are not Copyright and Similar Rights.\n\nd. __Effective Technological Measures__ means those measures that, in the absence of proper authority, may not be circumvented under laws fulfilling obligations under Article 11 of the WIPO Copyright Treaty adopted on December 20, 1996, and/or similar international agreements.\n\ne. __Exceptions and Limitations__ means fair use, fair dealing, and/or any other exception or limitation to Copyright and Similar Rights that applies to Your use of the Licensed Material.\n\nf. __Licensed Material__ means the artistic or literary work, database, or other material to which the Licensor applied this Public License.\n\ng. __Licensed Rights__ means the rights granted to You subject to the terms and conditions of this Public License, which are limited to all Copyright and Similar Rights that apply to Your use of the Licensed Material and that the Licensor has authority to license.\n\nh. __Licensor__ means the individual(s) or entity(ies) granting rights under this Public License.\n\ni. __NonCommercial__ means not primarily intended for or directed towards commercial advantage or monetary compensation. For purposes of this Public License, the exchange of the Licensed Material for other material subject to Copyright and Similar Rights by digital file-sharing or similar means is NonCommercial provided there is no payment of monetary compensation in connection with the exchange.\n\nj. __Share__ means to provide material to the public by any means or process that requires permission under the Licensed Rights, such as reproduction, public display, public performance, distribution, dissemination, communication, or importation, and to make material available to the public including in ways that members of the public may access the material from a place and at a time individually chosen by them.\n\nk. __Sui Generis Database Rights__ means rights other than copyright resulting from Directive 96/9/EC of the European Parliament and of the Council of 11 March 1996 on the legal protection of databases, as amended and/or succeeded, as well as other essentially equivalent rights anywhere in the world.\n\nl. __You__ means the individual or entity exercising the Licensed Rights under this Public License. Your has a corresponding meaning.\n\n### Section 2 – Scope.\n\na. ___License grant.___\n\n   1. Subject to the terms and conditions of this Public License, the Licensor hereby grants You a worldwide, royalty-free, non-sublicensable, non-exclusive, irrevocable license to exercise the Licensed Rights in the Licensed Material to:\n\n       A. reproduce and Share the Licensed Material, in whole or in part, for NonCommercial purposes only; and\n\n       B. produce, reproduce, and Share Adapted Material for NonCommercial purposes only.\n\n   2. __Exceptions and Limitations.__ For the avoidance of doubt, where Exceptions and Limitations apply to Your use, this Public License does not apply, and You do not need to comply with its terms and conditions.\n\n   3. __Term.__ The term of this Public License is specified in Section 6(a).\n\n   4. __Media and formats; technical modifications allowed.__ The Licensor authorizes You to exercise the Licensed Rights in all media and formats whether now known or hereafter created, and to make technical modifications necessary to do so. The Licensor waives and/or agrees not to assert any right or authority to forbid You from making technical modifications necessary to exercise the Licensed Rights, including technical modifications necessary to circumvent Effective Technological Measures. For purposes of this Public License, simply making modifications authorized by this Section 2(a)(4) never produces Adapted Material.\n\n    5. __Downstream recipients.__\n\n        A. __Offer from the Licensor – Licensed Material.__ Every recipient of the Licensed Material automatically receives an offer from the Licensor to exercise the Licensed Rights under the terms and conditions of this Public License.\n\n        B. __No downstream restrictions.__ You may not offer or impose any additional or different terms or conditions on, or apply any Effective Technological Measures to, the Licensed Material if doing so restricts exercise of the Licensed Rights by any recipient of the Licensed Material.\n\n    6. __No endorsement.__ Nothing in this Public License constitutes or may be construed as permission to assert or imply that You are, or that Your use of the Licensed Material is, connected with, or sponsored, endorsed, or granted official status by, the Licensor or others designated to receive attribution as provided in Section 3(a)(1)(A)(i).\n\nb. ___Other rights.___\n\n   1. Moral rights, such as the right of integrity, are not licensed under this Public License, nor are publicity, privacy, and/or other similar personality rights; however, to the extent possible, the Licensor waives and/or agrees not to assert any such rights held by the Licensor to the limited extent necessary to allow You to exercise the Licensed Rights, but not otherwise.\n\n   2. Patent and trademark rights are not licensed under this Public License.\n\n   3. To the extent possible, the Licensor waives any right to collect royalties from You for the exercise of the Licensed Rights, whether directly or through a collecting society under any voluntary or waivable statutory or compulsory licensing scheme. In all other cases the Licensor expressly reserves any right to collect such royalties, including when the Licensed Material is used other than for NonCommercial purposes.\n\n### Section 3 – License Conditions.\n\nYour exercise of the Licensed Rights is expressly made subject to the following conditions.\n\na. ___Attribution.___\n\n   1. If You Share the Licensed Material (including in modified form), You must:\n\n       A. retain the following if it is supplied by the Licensor with the Licensed Material:\n\n         i. identification of the creator(s) of the Licensed Material and any others designated to receive attribution, in any reasonable manner requested by the Licensor (including by pseudonym if designated);\n\n         ii. a copyright notice;\n\n         iii. a notice that refers to this Public License;\n\n         iv. a notice that refers to the disclaimer of warranties;\n\n         v. a URI or hyperlink to the Licensed Material to the extent reasonably practicable;\n\n       B. indicate if You modified the Licensed Material and retain an indication of any previous modifications; and\n\n       C. indicate the Licensed Material is licensed under this Public License, and include the text of, or the URI or hyperlink to, this Public License.\n\n   2. You may satisfy the conditions in Section 3(a)(1) in any reasonable manner based on the medium, means, and context in which You Share the Licensed Material. For example, it may be reasonable to satisfy the conditions by providing a URI or hyperlink to a resource that includes the required information.\n\n   3. If requested by the Licensor, You must remove any of the information required by Section 3(a)(1)(A) to the extent reasonably practicable.\n\n   4. If You Share Adapted Material You produce, the Adapter's License You apply must not prevent recipients of the Adapted Material from complying with this Public License.\n\n### Section 4 – Sui Generis Database Rights.\n\nWhere the Licensed Rights include Sui Generis Database Rights that apply to Your use of the Licensed Material:\n\na. for the avoidance of doubt, Section 2(a)(1) grants You the right to extract, reuse, reproduce, and Share all or a substantial portion of the contents of the database for NonCommercial purposes only;\n\nb. if You include all or a substantial portion of the database contents in a database in which You have Sui Generis Database Rights, then the database in which You have Sui Generis Database Rights (but not its individual contents) is Adapted Material; and\n\nc. You must comply with the conditions in Section 3(a) if You Share all or a substantial portion of the contents of the database.\n\nFor the avoidance of doubt, this Section 4 supplements and does not replace Your obligations under this Public License where the Licensed Rights include other Copyright and Similar Rights.\n\n### Section 5 – Disclaimer of Warranties and Limitation of Liability.\n\na. __Unless otherwise separately undertaken by the Licensor, to the extent possible, the Licensor offers the Licensed Material as-is and as-available, and makes no representations or warranties of any kind concerning the Licensed Material, whether express, implied, statutory, or other. This includes, without limitation, warranties of title, merchantability, fitness for a particular purpose, non-infringement, absence of latent or other defects, accuracy, or the presence or absence of errors, whether or not known or discoverable. Where disclaimers of warranties are not allowed in full or in part, this disclaimer may not apply to You.__\n\nb. __To the extent possible, in no event will the Licensor be liable to You on any legal theory (including, without limitation, negligence) or otherwise for any direct, special, indirect, incidental, consequential, punitive, exemplary, or other losses, costs, expenses, or damages arising out of this Public License or use of the Licensed Material, even if the Licensor has been advised of the possibility of such losses, costs, expenses, or damages. Where a limitation of liability is not allowed in full or in part, this limitation may not apply to You.__\n\nc. The disclaimer of warranties and limitation of liability provided above shall be interpreted in a manner that, to the extent possible, most closely approximates an absolute disclaimer and waiver of all liability.\n\n### Section 6 – Term and Termination.\n\na. This Public License applies for the term of the Copyright and Similar Rights licensed here. However, if You fail to comply with this Public License, then Your rights under this Public License terminate automatically.\n\nb. Where Your right to use the Licensed Material has terminated under Section 6(a), it reinstates:\n\n   1. automatically as of the date the violation is cured, provided it is cured within 30 days of Your discovery of the violation; or\n\n   2. upon express reinstatement by the Licensor.\n\n   For the avoidance of doubt, this Section 6(b) does not affect any right the Licensor may have to seek remedies for Your violations of this Public License.\n\nc. For the avoidance of doubt, the Licensor may also offer the Licensed Material under separate terms or conditions or stop distributing the Licensed Material at any time; however, doing so will not terminate this Public License.\n\nd. Sections 1, 5, 6, 7, and 8 survive termination of this Public License.\n\n### Section 7 – Other Terms and Conditions.\n\na. The Licensor shall not be bound by any additional or different terms or conditions communicated by You unless expressly agreed.\n\nb. Any arrangements, understandings, or agreements regarding the Licensed Material not stated herein are separate from and independent of the terms and conditions of this Public License.\n\n### Section 8 – Interpretation.\n\na. For the avoidance of doubt, this Public License does not, and shall not be interpreted to, reduce, limit, restrict, or impose conditions on any use of the Licensed Material that could lawfully be made without permission under this Public License.\n\nb. To the extent possible, if any provision of this Public License is deemed unenforceable, it shall be automatically reformed to the minimum extent necessary to make it enforceable. If the provision cannot be reformed, it shall be severed from this Public License without affecting the enforceability of the remaining terms and conditions.\n\nc. No term or condition of this Public License will be waived and no failure to comply consented to unless expressly agreed to by the Licensor.\n\nd. Nothing in this Public License constitutes or may be interpreted as a limitation upon, or waiver of, any privileges and immunities that apply to the Licensor or You, including from the legal processes of any jurisdiction or authority.\n\n> Creative Commons is not a party to its public licenses. Notwithstanding, Creative Commons may elect to apply one of its public licenses to material it publishes and in those instances will be considered the “Licensor.” Except for the limited purpose of indicating that material is shared under a Creative Commons public license or as otherwise permitted by the Creative Commons policies published at [creativecommons.org/policies](http://creativecommons.org/policies), Creative Commons does not authorize the use of the trademark “Creative Commons” or any other trademark or logo of Creative Commons without its prior written consent including, without limitation, in connection with any unauthorized modifications to any of its public licenses or any other arrangements, understandings, or agreements concerning use of licensed material. For the avoidance of doubt, this paragraph does not form part of the public licenses.\n>\n> Creative Commons may be contacted at creativecommons.org"
  },
  {
    "path": "course-website/README.md",
    "content": "<h1 align=\"center\">gatsby-course-starter</h1> <br>\n\n<p align=\"center\">\n  A Gatsby starter to get you started creating educational materials using Markdown\n</p>\n\n## Get Started\n\n1. `npm install --global gatsby-cli` - make sure you're on Gatsby v2+\n   - See [docs here](https://next.gatsbyjs.org/docs/) if you need help\n1. `gatsby new course-website https://github.com/btholt/gatsby-course-starter`\n1. `cd course-website`\n1. `npm run dev`\n1. Open http://localhost:8000 in your browser\n\n## Lessons\n\nThe crux of this site is are the lessons. Provided are two examples. Each lesson needs a [frontmattter](https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/adding-markdown-pages.md#note-on-creating-markdown-files) `path`, `order`, and `title`. Generally you should make the `path` and the file name match for ease of finding it.\n\n- `path` - needs a leading slash. This will be slug of the lesson\n- `title` - will be the title displayed on the Table of Contents and on the page itself\n- `order` - the order of which the item should appear in the table of contents. should in `<number><capital letter>` format where the number corresponds to the section it's and the letter corresponds to the order of the lesson inside the section, e.g. `3B`\n- `section` - the title of the section that the article is in. Only the first lesson for each section will be used.\n- `description` – a one-to-three sentence summary of the lesson. used for the meta tag for social shares and SEO. if no description is given, the `siteMetadata.description` for the site is used\n\n## Config\n\nInside of `gatsby-config.js` be sure to fill out the `siteMetadata` fields, including `title`, `subtitle`, `description`, and `keywords`.\n\n## GitHub Pages\n\nIf you do want to deploy to GitHub pages, make sure you add the name of the repo to the `pathPrefix` property in `gatsby-config.js` so that it will correctly make all the links.\n\n## GitHub Actions\n\nThis site is ready to deployed to GitHub Pages out of the box with GitHub Actions. If you do not want to deploy this to GitHub Pages, delete the `.github` directory.\n\nIf you do want to deploy this to GitHub Pages with GitHub Actions, you need to do a few things.\n\n1. Create a [personal access token](https://help.github.com/en/articles/creating-a-personal-access-token-for-the-command-line) with rights to read and write to repos.\n1. Put that token in your repos secrets. Click the Settings tab and paste your access token in the Secrets tab with the key `ACCESS_TOKEN`.\n1. Now once you commit your code, it should automatically deploy your GitHub Pages site should deploy automatically!\n\n## Example Sites\n\n- [This repo itself](https://btholt.github.io/gatsby-course-starter/)\n- [Complete Intro to Containers](https://btholt.github.io/complete-intro-to-containers/)\n- [Complete Intro to React v5](https://btholt.github.io/complete-intro-to-react-v5/)\n- [Complete Intro to Web Dev v2](https://btholt.github.io/intro-to-web-dev-v2/)\n- [Four Semesters of Computer Science in Five Hours Part II](https://btholt.github.io/four-semesters-of-cs-part-two/)\n\n## CSV\n\nIf you run `npm run csv`, a CSV will be generated with all the various lessons' frontmatter outputted to `public/lessons.csv`. You can change the path by changing the `OUTPUT_CSV_PATH` environment variable.\n\nAnother CSV will be output to `public/links.csv` where it pull all the links out of each lesson and put them into a CSV. This path can be modified by setting the `LINKS_CSV_PATH` environment variable.\n\n## License\n\nThe **code** is this repo is licensed under the Apache 2.0 license.\n\nI include the CC-BY-NC-4.0 license for the content; this is what I recommend you license your **content** under: anyone can use and share the content but they cannot sell it; only you can.\n"
  },
  {
    "path": "course-website/csv.js",
    "content": "const fs = require(\"fs\").promises;\nconst path = require(\"path\");\nconst fm = require(\"front-matter\");\nconst isUrl = require(\"is-url-superb\");\nconst parseLinks = require(\"parse-markdown-links\");\nconst { sorter } = require(\"./src/util/helpers\");\nconst mdDir = process.env.MARKDOWN_DIR || path.join(__dirname, \"lessons/\");\nconst outputPath =\n  process.env.OUTPUT_CSV_PATH || path.join(__dirname, \"public/lessons.csv\");\nconst linksOutputPath =\n  process.env.LINKS_CSV_PATH || path.join(__dirname, \"public/links.csv\");\n\nasync function createCsv() {\n  console.log(`making the markdown files into a CSV from ${mdDir}`);\n\n  // get paths\n  const allFiles = await fs.readdir(mdDir);\n  const files = allFiles.filter(filePath => filePath.endsWith(\".md\"));\n\n  // read paths, get buffers\n  const buffers = await Promise.all(\n    files.map(filePath => fs.readFile(path.join(mdDir, filePath)))\n  );\n\n  // make buffers strings\n  const contents = buffers.map(content => content.toString());\n\n  // make strings objects\n  let frontmatters = contents.map(fm);\n\n  // find all attribute keys\n  const seenAttributes = new Set();\n  frontmatters.forEach(item => {\n    Object.keys(item.attributes).forEach(attr => seenAttributes.add(attr));\n  });\n  const attributes = Array.from(seenAttributes.values());\n\n  if (attributes.includes(\"order\")) {\n    frontmatters = frontmatters.sort(sorter);\n  }\n\n  // get all data into an array\n  let rows = frontmatters.map(item => {\n    const row = attributes.map(attr =>\n      item.attributes[attr] ? JSON.stringify(item.attributes[attr]) : \"\"\n    );\n    return row;\n  });\n\n  // header row must be first row\n  rows.unshift(attributes);\n\n  // join into CSV string\n  const csv = rows.map(row => row.join(\",\")).join(\"\\n\");\n\n  // write file out\n  await fs.writeFile(outputPath, csv);\n\n  console.log(`Wrote ${rows.length} rows to ${outputPath}`);\n\n  // make links csv\n  let longestLength = 0;\n  let linksArray = frontmatters.map(row => {\n    const links = parseLinks(row.body).filter(isUrl);\n    longestLength = longestLength > links.length ? longestLength : links.length;\n    const newRow = [row.attributes.order, row.attributes.title, ...links];\n    return newRow;\n  });\n\n  if (longestLength) {\n    // add title row\n    linksArray = linksArray.map(array => {\n      const lengthToFill = longestLength + 2 - array.length;\n      return array.concat(Array.from({ length: lengthToFill }).fill(\"\"));\n    });\n\n    linksArray.unshift(\n      [\"order\", \"title\"].concat(\n        Array.from({ length: longestLength }).map((_, index) => `link${index}`)\n      )\n    );\n\n    // join into CSV string\n    const linksCsv = linksArray.map(row => row.join(\",\")).join(\"\\n\");\n\n    // write file out\n    await fs.writeFile(linksOutputPath, linksCsv);\n\n    console.log(`Wrote ${linksArray.length} rows to ${linksOutputPath}`);\n  }\n}\n\ncreateCsv();\n"
  },
  {
    "path": "course-website/exercise",
    "content": "---\npath: \"/exercise-3\"\ntitle: \"Search and Replace\"\norder: \"72A\"\nsection: \"Search and Replace\"\ndescription: \"Search and Replace!\"\n---\n\n## Warning\nDO NOT SAVE WHILE DOING THIS EXERCISE\n\nif you do, recurl down this file!\n\n### Basic Search\nsearch for `error` by typing `/error<CR>`\n\nerror\n\nLets type a command in.  :set hls ic\nWhat just happened?\nRe-search `error`\n\nerror\n\nBut you can do more! try searching `/err.*or<CR>`\n\nerrooentuhoneuhnoteuhnotehuor\n\n* Notice that it matched a huge portion on top.  That is because regexs will\n  match the most it can.\n\n### Search and Replace\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz<CR>`\nfoo bar baz\n\nTry again but notice that it only replaces one foo at a time.  \nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/g<CR>`\nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/gc<CR>`\nfoo foo foo foo\n\n\n#### Ranged search & replace\n\n```typescript\nfunction foo() {\n    const a = \"foo\";\n    const b = [\n        \"foo\",\n        \"foo\",\n        \"foo\",\n        \"foo\",\n    ];\n    if (\"foo\") {\n        return \"foo\";\n    }\n    return \"baz\";\n}\n```\n#### Full File\nLets execute `:%s/foo/bar/gc`, but first exit without saving `:q!` and reopen\nthis file\n\n#### But what about full project find and replace\nI am going to leave this out of this course.  \n\n"
  },
  {
    "path": "course-website/gatsby-config.js",
    "content": "module.exports = {\n  siteMetadata: {\n    title: \"Vim Fundamentals\",\n    subtitle: \"Making vim approachable!\",\n    description:\n      \"This is a survey of vim, how it works, and how to become a sensai of vimfu.\",\n    keywords: [\n      \"Vim\",\n      \"Awesome\",\n      \"Coconut Oil\",\n      \"ThePrimeagen\"\n    ]\n  },\n  pathPrefix: \"/vim-fundamentals\",\n  plugins: [\n    `gatsby-plugin-sharp`,\n    `gatsby-plugin-layout`,\n    {\n      resolve: `gatsby-source-filesystem`,\n      options: {\n        path: `${__dirname}/lessons`,\n        name: \"markdown-pages\"\n      }\n    },\n    `gatsby-plugin-react-helmet`,\n    {\n      resolve: `gatsby-transformer-remark`,\n      options: {\n        plugins: [\n          `gatsby-remark-autolink-headers`,\n          `gatsby-remark-copy-linked-files`,\n          `gatsby-remark-prismjs`,\n          {\n            resolve: `gatsby-remark-images`,\n            options: {\n              maxWidth: 800,\n              linkImagesToOriginal: true,\n              sizeByPixelDensity: false\n            }\n          }\n        ]\n      }\n    }\n  ]\n};\n"
  },
  {
    "path": "course-website/gatsby-node.js",
    "content": "const path = require(\"path\");\n\nexports.createPages = ({ actions, graphql }) => {\n  const { createPage } = actions;\n\n  const lessonTemplate = path.resolve(`src/templates/lessonTemplate.js`);\n\n  return graphql(`\n    {\n      allMarkdownRemark(\n        sort: { order: DESC, fields: [frontmatter___order] }\n        limit: 1000\n      ) {\n        edges {\n          node {\n            excerpt(pruneLength: 250)\n            html\n            id\n            frontmatter {\n              order\n              path\n              title\n            }\n          }\n        }\n      }\n    }\n  `).then(result => {\n    if (result.errors) {\n      return Promise.reject(result.errors);\n    }\n\n    result.data.allMarkdownRemark.edges.forEach(({ node }) => {\n      createPage({\n        path: node.frontmatter.path,\n        component: lessonTemplate\n      });\n    });\n  });\n};\n"
  },
  {
    "path": "course-website/lessons/adv-pitstop.md",
    "content": "---\npath: \"/adv-pit-stop\"\ntitle: \"Pit Stop\"\norder: \"53A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"There has been a lot of info.  Lets recap!\"\n---\n\n### The Recap Recap\n\n#### Basic Movements\n#### File Navigation\n#### Vim RC\n\n### Moving forward\nWe are going to step it up a notch and improve our knowledge of vim Motions.\n\nHere is the deal.  You don't need to remember them all.  You need to know they\nexist.  As you get more familiar the motions and concepts that seem hard today\nare trivial tomorrow.\n"
  },
  {
    "path": "course-website/lessons/advanced-movements-1.md",
    "content": "---\npath: \"/adv-motions\"\ntitle: \"Advanced Motions\"\norder: \"54A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"And you thawght you knew Motions...\"\n---\n\nWe have already covered some of the horizontal and vertical motions, `I`/`A`\nand `<count>j`/`k` are great examples of fast motions.  But if that is all we\nhad, VIM would just be lacking in luster.  \n\n### Quick Recap\nMotion: A command that moves the cursor.\n\n* modified with a count\n  * 5j instead of jjjjj\n\n* modify an \"action\" with a movement\n  * 5dd and d4j are \"equivalent\"\n\n### There are more motions!\n* G and gg bottom or top respectively\n  * do you think you can dG?\n\nlets do an exercise and go over some advanced motions!\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-6-motions.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "course-website/lessons/advanced-text-manipulation-1.md",
    "content": "---\npath: \"/search-and-replace\"\ntitle: \"Search And Replace\"\norder: \"50A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Search and replace.  Regex licences may be required.\"\n---\n\nWere are getting to the end game of vim.  There is still so much out there, but\nfor the sake of surveying, this is where we will end.  We will cover Search and\nReplace, Macros, and finally registers.\n\n### Search and Replace\nLets go through a search and replace exercise.  This should help us get the\nfoundation of basic search and replace\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-3-search-and-replace.md > exercise.md && vim exercise.md\n```\n\n"
  },
  {
    "path": "course-website/lessons/advanced-text-manipulation-2.md",
    "content": "---\npath: \"/macros\"\ntitle: \"Macros\"\norder: \"51A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Macros.  Yes, they seem more confusing than they are.\"\n---\n\nThis is where things can get fun.  Also, they are a bit psychologically\nweird...  Meaning, you will find yourself feeling like you don't know how to do\nthe most basic of moves.  If this happens, its ok.  Its called Macro Pressure.\n\n### What is a Macro\nA macro simply plays text as motions, inputs, and commands.\n\n#### Let me show you!\nI remember my first macro like it was yesterday.....\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-4-macros.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "course-website/lessons/advanced-text-manipulation-3.md",
    "content": "---\npath: \"/registers\"\ntitle: \"Registers\"\norder: \"52A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Registers.  Definitely hard to imagine them not being hard.\"\n---\n\n### My slogan for registers\n\n> Definitely hard to imagine them not being hard.\n\n### What is a register?\nIt is a key -> value\n\nThe `key` is a character\nThe `value` is a string\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-5-registers.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "course-website/lessons/are-you-ready.md",
    "content": "---\npath: \"/are-you-ready\"\ntitle: \"Are You Ready?\"\norder: \"3A\"\ndescription: \"The final hurrah! before diving into vim!\"\nsection: \"Introduction\"\n---\n\nAt this point I hope you are ready.  But I wanted to take a moment to let you\nknow three things.\n\n* This is a journey, its not a day trip\n* The journey is uphill\n* The top of the mountain is incredible\n\n### For the live class\nI stream on twitch, so feel free to ask questions at any point and I can pivot\nif its beneficial for all or I'll answer the question at the end of the\nsection.\n\n### Proper Github projects\n\n1. Clone this presentation project down and open up the files, or go to the\n   website and use the curl commands to open up vim.  I recommend just going to\n   the website.\n\n   [Vim Fundamentals](theprimeagen.github.io/vim-fundamentals)\n\n2. git clone https://github.com/ThePrimeagen/vim-nav-playground.git\n\n### Clean your environment\nIf you use vim, remove your vimrc and any plugins.  We are going bare bones and\nworking our way up.\n\nThere is a basic script to stash and restore your vim env in vim-nav-playground\nin the tools folder.  \n\n"
  },
  {
    "path": "course-website/lessons/basic-usage.md",
    "content": "---\npath: \"/basic-usage\"\ntitle: \"Using Vim\"\norder: \"5A\"\ndescription: \"Let's use vim for the first time!\"\nsection: \"Basics\"\n---\n\nBefore we start editing files, lets get familiar with some basic movements.\n\nNavigate back to the empty directory and type in the following.\n\n```bash\n> vim test.js\n```\n\nYou are now in `NORMAL` mode.  This probably doesn't feel all that normal.\nAnd you are right, its really not that normal.\n\n## Lets talk Modes\nThere are a few modes that you should be aware of.\n\n* Normal\n* Insert\n* Visual \n* Visual Line\n\n## My First If Statement\nLets write our first if statement.\n\nCurrently, you are in `NORMAL` mode.  This is where you can execute commands\nto navigate, edit, and execute vim/sys commands.  To get out of this mode,\npress `i`\n\nAfter pressing `i` you should see something like `-- INSERT --` in the bottom\nleft hand side of vim.\n\nNow that you are in insert mode, type the following\n\n```js\nif (true) {\n\n}\n```\n\nPress `<esc>` or `<Ctrl-c>` (abbreviated `<C-c>`) to leave `INSERT` mode and back\nto `NORMAL`.\n\nGoodness, isn't default vim ugly?\n\ntype `:q` to quit vim.  Also, don't tell anyone.\n\n## My First Moves\n### Basic navigation\n\ntime to curl down our first little exercise\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-0-hjkl-x.md > exercise.md && vim exercise.md\n```\n\n### Deleting, Yanking, and Pasting\nThese are going to be some of your fundamental movements within vim.  This is\nwhere you will see some significant speed ups compared to a conventional editor.\n\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-1-dyp.md > exercise.md && vim exercise.md\n```\n\n### Insert!\nWe are going to go over entering into insert mode\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-2-insert.md > exercise.md && vim exercise.md\n```\n\n## Recap\nLets talk about what happened.  I would love to get some feedback from you.\nWhat do you think about all of this nonsense?  Does it seem like to much?  Or\ndoes it seem exciting?  I hope you are excited.\n\n### We learned\n* h,j,k,l for basic movement.\n* w,b for word hopping.  Effectively the same as Option/Ctrl + arrow keys\n* yy to \"copy\" a line, called Yank\n* dd to delete, and yank, a line\n* p and P to paste the contents of the implicit register below / above\n* Most of the ways to go into insert mode!\n  * i and a for which side of the cursor\n  * I and A for which side of the line\n  * o and O for belowe / above line\n* zz - I snuck that one in...\n\nThat is a grand total of 16 different motions\n"
  },
  {
    "path": "course-website/lessons/color-my-pencils.md",
    "content": "---\npath: \"/color-my-pencils\"\ntitle: \"Color My Pencils\"\norder: \"10A\"\ndescription: \"Lets set some colorschemes\"\nsection: \"The VimRC\"\n---\n\nSo to change your `colorscheme` what should you do?\n\nIf you answered \"Help Menu!\" you are a fantastic!  Please execute `h:\ncolorsc<tab><Cr>`\n\ntry executing the following\n\n```\n:colorscheme <C-d>\n```\n\nPick anything that autocompletes!  Much like set options, it will only persist\nfor this vim session.  Writing it to your vimrc and open up file you commonly\nedit and behold the beauty!\n\nThese are not the only colorschemes that you can have.  Plenty of plugins\nprovide many more.\n\n## Recap\nOk.  This is probably getting a bit overwhelming.  A lot of this comes with\npractice and as you use this it becomes second nature.\n\nI'll say it again.\n* This is a journey, its not a day trip\n* The journey is uphill\n* The top of the mountain is incredible\n\n### What we learned\n* Using the help menu. \n    * navigating the all the set options.\n    * Using tab and <C-d>\n    * Arrows vs <C-p> and <C-n>\n\n* Set options\n    * The power to control how our editor operates through sets.\n\n* Colorschemes\n    * How to set them and peruse them.\n\n* We learned things about motions.\n    * dd can become <count>dd\n    * Moving with 10j / 10k.  Wowow\n\n### Extend it\nDo you think you could do anything with `y` and `p`?  Could `yj` work?  What\ndoes it do?  Why?  What about `5p`?  What do you think happens?  Why?\n\n### Foundation\nWe have built the foundation.  You know about customizing your vim experience\nand you know how to basically move around.  The only thing left is really\noptimizing!  And there is practically an infinite amount of optimizing!\n\n\n"
  },
  {
    "path": "course-website/lessons/exercise-0-hjkl-x.md",
    "content": "---\npath: \"/exercise-0\"\ntitle: \"hjkl-x\"\norder: \"69A\"\nsection: \"Misc Content\"\ndescription: \"This is the first exercise to try out.\"\n---\n## NOTE\nTo use the exercises, please curl the file to your machine and edit it with vim.\n\n## Exercise 0: Basic movement, h, j, k, l, w, b\n### press j to go down\n\n### press l to follow the line\n---------------------------o \" press x to delete the o\n                             \" press j to go to the next action\n\n\n\n\n### press l and j to follow the line and x to delete the o\n-+\n |\n |\n +------+\n        |\n        |\n        +------+\n               |\n               |\n               +------o\n\n### press l and j and h to follow the line and x to delete the o\n-+\n |\n |\n +------+\n        |\n        |\n +------+\n |\n +------+\n        |\n        |\n o------+\n\n### press l, j, h, and k to follow the line and x to delete the o\n-+      +------+      +------+      +-----o\n |      |      |      |      |      |\n |      |      |      |      |      |\n +------+      |      |      +------+\n               |      |\n        +------+      |\n        |             |\n        |             |\n        |             |\n        +-------------+\n\n### press w to get to o and press x to delete\n+-+      +------+      +------+      +-----o\n\n### b = inverse w: press w, j, and b to get to o and press x to delete\n+-+      +------+      +------+      +-----+\n                                           |\no-+      +------+      +------+      +-----+\n\n### Go in circles until you feel good\n\n       +------+\n       |      |\n       |      |\n       |      |\n       +------+------+\n              |      |\n              |      |\n              |      |\n              +------+\n"
  },
  {
    "path": "course-website/lessons/exercise-1-dyp.md",
    "content": "---\npath: \"/exercise-1\"\ntitle: \"dyp\"\norder: \"70A\"\nsection: \"Misc Content\"\ndescription: \"This is the basic movement and editing of text\"\n---\n## NOTE\nTo use the exercises, please curl the file to your machine and edit it with vim.\n\n## Exercise 1: Basic Editing\n### Delete a line with dd\ndelete me 1\ndelete me 2\ndelete me 3\ndelete me 4\n\n### Yank and paste.  yy to yank line, p to paste line below, P above\nyank me and paste below (yyp)\nyank me and paste above (yyP)\n\n### Visual Mode\n#### Visual Mode\nHighlight part of this line by pressing v, then navigate around\nescape to leave visual mode\n\n#### Visual Line Mode\nHighlight this line by pressing V, then navigate around\nescape to leave visual mode\n\n#### Visual Mode + y / p\nHighlight this line by pressing V, then press y  (What happened?)\npress p (What happened?)\n\nHighlight this point by pressing v, press wy  (What happened?)\npress p (What happened?)\n\nLets repeat but with d instead of y, (What happened?)\n\n## Part 3: The relationship of y / d\n:h reg\n:reg\n\nWhat did we see there?\n\nyank this line\n\nWhat happened to the registers?\n\n\n"
  },
  {
    "path": "course-website/lessons/exercise-2-insert.md",
    "content": "---\npath: \"/exercise-2\"\ntitle: \"insert\"\norder: \"71A\"\nsection: \"Misc Content\"\ndescription: \"Insertion!  There are many ways to go into INSERT mode.\"\n---\n\n## Exercise 2: Insert mode\nThere are a few ways to go into insert mode (I also am not including about\nanother 10...)\n\ni: left side of cursor\na: right side of cursor\n  ----I: \n  A: -----           \no: insert new line below line and go into insert mode\nO: insert new line above line and go into insert mode\n\nlets play around\n\n\n"
  },
  {
    "path": "course-website/lessons/exercise-3-search-and-replace.md",
    "content": "---\npath: \"/exercise-3\"\ntitle: \"Search and Replace\"\norder: \"72A\"\nsection: \"Misc Content\"\ndescription: \"Search and Replace!\"\n---\n\n### Basic Search\nsearch for `error` by typing `/error<CR>`\n\nerror\n\nLets type a command in.  :set hls ic\nWhat just happened?\nRe-search `error`\n\nerror\n\nBut you can do more! try searching `/err.*or<CR>`\n\nerrooentuhoneuhnoteuhnotehuor\n\n* Notice that it matched a huge portion on top.  That is because regexs will\n  match the most it can.\n\n### Search and Replace\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz<CR>`\nfoo bar baz\n\nTry again but notice that it only replaces one foo at a time.  \nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/g<CR>`\nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/gc<CR>`\nfoo foo foo foo\n\n\n#### Ranged search & replace\n\n```typescript\nfunction foo() {\n    const a = \"foo\";\n    const b = [\n        \"foo\",\n        \"foo\",\n        \"foo\",\n        \"foo\",\n    ];\n    if (\"foo\") {\n        return \"foo\";\n    }\n    return \"baz\";\n}\n```\n#### Full File\nLets execute `:%s/foo/bar/gc`, but first exit without saving `:q!` and reopen\nthis file\n\n#### But what about full project find and replace\nI am going to leave this out of this course.  \n\n"
  },
  {
    "path": "course-website/lessons/exercise-4-macros.md",
    "content": "---\npath: \"/exercise-4\"\ntitle: \"Macros\"\norder: \"73A\"\nsection: \"Misc Content\"\ndescription: \"Macros\"\n---\n\n// Yes I wrote this code with a macro\nif (someValue == \"someOtherValue1\") {\n    return 1\n} else if (someValue == \"someOtherValue2\") {\n    return 2\n} else if (someValue == \"someOtherValue3\") {\n    return 3\n} else if (someValue == \"someOtherValue4\") {\n    return 4\n} else if (someValue == \"someOtherValue5\") {\n    return 5\n} else if (someValue == \"someOtherValue6\") {\n    return 6\n} else if (someValue == \"someOtherValue7\") {\n    return 7\n} else if (someValue == \"someOtherValue8\") {\n    return 8\n} else if (someValue == \"someOtherValue9\") {\n    return 9\n} else if (someValue == \"someOtherValue10\") {\n    return 10\n} else if (someValue == \"someOtherValue11\") {\n    return 11\n} else if (someValue == \"someOtherValue12\") {\n    return 12\n} else if (someValue == \"someOtherValue13\") {\n    return 13\n} else if (someValue == \"someOtherValue14\") {\n    return 14\n} else if (someValue == \"someOtherValue15\") {\n    return 15\n} else if (someValue == \"someOtherValue16\") {\n    return 16\n} else if (someValue == \"someOtherValue17\") {\n    return 17\n} else if (someValue == \"someOtherValue18\") {\n    return 18\n}\n"
  },
  {
    "path": "course-website/lessons/exercise-5-registers.md",
    "content": "---\npath: \"/exercise-5\"\ntitle: \"Registers\"\norder: \"74A\"\nsection: \"Misc Content\"\ndescription: \"Registers.  Definitely hard to imagine them not being hard.\"\n---\n\n### Register Basics\nSo lets copy the following line\n\nfoo\n\nNow type in :reg\n\nNotice that `foo` appears two times.  We are seeing foo twice because `foo` is\nin our first register and our implicit register.  Our first register is denoted\nwith 0 (0th may be better term) and implicit is \".\n\nPaste with `p` 3 times \n\nfoo\nfoo\nfoo\n\nhighlight and yank all three `foo`s.  Lets resee what is in our `:reg`.  Notice\nthat we replaced our implicit register and our 0th register.  \n\nWhy didnt 0 become 1?\n\nGo back up to a line with foo and delete 1.  What just happened?  Inspect your\n`:reg`\n\nDelete a few more lines and re-inspect your register.  What you should observe,\nand can be found in `:h reg` is that your implicit register `\"` is _always_ the\nlatest yank or delete.  It is also what is used when pasting.  We _knew_ this\nfrom our previous lesson, but now we observe why.\n\n### How do we interact with registers?\nWe see how our actions are side effects to the state of the registers.  But\nwhat if you wanted to paste or yank explicitly?  Good thing we have a clue.\nNotice that every register starts with `\"`.  Lets `:h \"`\n\nSo lets yank into our `a` register.  Move to the line below and type `V\"ay`\n\nfoofoofoo\n\nNow lets inspect our registers.\n\nHow do we paste from a register?  \n\n### Lets do something crazy\n\nCopy, paste, and increment the number below 3 times using a macro\n\n1.\n\nNow lets check registers.  What do you see?  Is your mind blown?  What does\nthis mean we can do?\n"
  },
  {
    "path": "course-website/lessons/exercise-6-motions.md",
    "content": "---\npath: \"/exercise-6\"\ntitle: \"Advanced Motions\"\norder: \"75A\"\nsection: \"Misc Content\"\ndescription: \"Motions 201\"\n---\n\n### Change\n`c` is a powerful motion.  You use it just like `d` but at the end of the\nmotion you are ejected from `NORMAL` and into `INSERT`.\n\nSo if you wished to delete a word and then type in a new word, `c` is a great\nhabit to form.\n\nLets see the difference\n\n// dd this line\n// cc this line\n\n### Horizontal Movement\nLets learn about!: `_`, `0`, `$`, `D`, `C`, `S`, `f`, `,`, `;`, `t`, `F`, and `T`\n\n// How would we move around on the line with \"contents\"\nif (true) {\n    contents conTenTs contenTS\n}\n\n### Vertical Movement\n#### Core movement\nRely on relative jumps.  Get good at them.\n\nIf you get NeoVim, try VimBeGood\n\n#### { and }\nWe know about search.  That is a vertical movement, but its really specific.\n\nFirst lets talk `{` and `}`\n\nContiguousCode\nContiguousCode\n    ContiguousCode\n    ContiguousCode\n        ContiguousCode\n    ContiguousCode\nContiguousCode\n\nContiguousCode\nContiguousCode\n    ContiguousCode\n    ContiguousCode\n        ContiguousCode\n    ContiguousCode\nContiguousCode\n\n##### Benefits?  Class chat\nThis next one is a bit odd\n\n#### Ctrl+u/d\nSo lets do another type of navigation.\n\nTry pressing `<C-d>`\n\n.\n\n.\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n\n##### Benefits?  Class chat\n\n#### [m / ]m and [M / ]M\nThis will move by \"function\".  It works pretty well in c languages.\n\nMove your cusor to this line and press `]m`.  Try moving back and forth and try\nthe uppercase version as well.\n\nif (foo) {\n    some content\n    some content\n    some content\n    some content\n    function bar() {\n        some other content\n        some other content\n        some other content\n        some other content\n    }\n    function baz() {\n        other content\n        other content\n        other content\n        other content\n    }\n}\n\n##### Benefits?\n\n#### %\nOk,.... soo this isn't a pure vertical motion.  It actually is a pair jumper\n\nif (true) {\n    content\n    const a = [\n        content,\n        content,\n        content,\n    ]\n\n    \"content\"\n\n    content\n    content\n}\n\nLets combine it with a motion.  Delete the `const a =...` statement.\n\n### Get zany...\nLets look at the following statement, what are some ways you can delete the\ncontents of the if statement?\n\nif (true) {\n    line1\n    line2\n    line3\n    line4\n    line5\n}\n\nI was hoping to hear `f{V%D`.  That is just so sexy. `d4j` is ok.  Relative\njump, well done..  `5dd` meh.  I would glad hand like a politician with `dd dd\ndd dd dd`.  Just say mean things behind your back.\n\nSo lets try again.. but I spiced it up.\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nFirst, place your cursor _in_ the if statement.  Where ever you want.  Type `di{`\n\ni = inside\n\n#### Class Discussion\nWhat _other_ letter do you think you could try other than `i`?\n\n.\n.\n.\n.\n.\n.\n.\nuse `<C-d>` to go down...\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n\n// TODO: make a meme -- aliens..\nYes, `a` is the other.  I have never heard a great reason why, but just deal\nwith it.\n\nso lets try again. try `da{`\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nwell shoot...\n\n#### Class Discussion\nLets solve this together\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n\nFor those that couldn't wait or got the answer. `va{Vd`\n\n#### Use YOUR SUPER POWERS\nlets redo the previous exercise except copy from one if statement and override\nthe next if statement.  How would we go about this?\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nif (true) {\n    replace_me_1\n    // Some distance\n    replace_me_2\n    replace_me_3\n\n    replace_me_4\n    replace_me_5\n}\n"
  },
  {
    "path": "course-website/lessons/files-e.md",
    "content": "---\npath: \"/files-e\"\ntitle: \"Files and Navigations - Edit\"\norder: \"15A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with e.\"\n---\n\nThere are other ways to open files in vim.  You are not restricted to just\nusing the file tree.  There is also `:e`. `e` is short for `edit`.\n\nLets explore!  You can always read the help menu, `:h e` but we don't need to\ndo that!\n\nLets reopen back up our `vim-nav-playground` project.\n\nlets type `:e <ctrl-d>`.  You should see the following\n\n![Edit and Ctrl+D](lessons/images/edit-ctrl-d.png)\n\nThere is also tab completion!  Try it out. `:e <tab>`.  But how do we navigate\nthe popup list?  Well there are two options.  There is the vim way, and the\ndefault way that most people would do.  I bet you can guess which one you\nalready know... :)\n\nAnywho, arrow keys work, but eww. `<C-p>` (Ctrl+p, remember this is vim\nsyntax). and `<C-n>` mean previous and next respectively.\n\n### Fuzzy find anyone?\n\nYes, please!  Of course there is a fuzzy finder, but those are installed as\nplugins.  We are not quite there, so let me just show you one of them.  It is\ncalled `telescope.nvim` and is available on neovim only.  It has an absurd\namount of features.  I'll only show the fuzzy file finder.\n"
  },
  {
    "path": "course-website/lessons/files-intro.md",
    "content": "---\npath: \"/files\"\ntitle: \"Files and Navigations\"\norder: \"11A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files.\"\n---\n\nAs you imagined there is the \"Vim\" way to do everything.  But the good news is\nthat there are many a plugin to make this process easier.  Lets start off by\nlearning some built in vim ways and then expand from there.\n\nFirst, lets clone a small test repo\n\nssh\n```bash\ngit clone git@github.com:ThePrimeagen/vim-nav-playground.git\n```\n\nhttps\n```bash\ngit clone https://github.com/ThePrimeagen/vim-nav-playground.git\n```\n\nnavigate to `vim-nav-playground` and open up vim by opening up the directory in\nvim.\n\n```bash\ncd vim-nav-playground\nvim .\n```\n\nThis should be what you are seeing (bar the colorscheme)\n![NetRW](./images/netrw.png)\n\n"
  },
  {
    "path": "course-website/lessons/files-marks.md",
    "content": "---\npath: \"/files-marks\"\ntitle: \"Files and Navigations - Marks\"\norder: \"16A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with marks.\"\n---\n\n## Marks\n\nNow marks are both incredible and also confusing at the same.  Effectively vim\ngives you the ability to mark files both globally and locally.  This means with\njust a swift couple taps of the finger you could be in a file marked.  I find\nmarks definitely the end game of file navigation, but they are hard to do well.\n\nSo lets open up 3 files in `vim-nav-playground` and mark each one.  \n\nFirst lets open one file, `src/sockets.c`.  Use your favorite way to open up\nthis file. \n\n```\n:e src/sockets.c\n```\n\nThen mark it by typing `m` then an **uppercase** character of your choice.\n\nRepeat with `src/twitch.c` and `src/another.c` with different uppercase\ncharacters.  Remember the 3 characters you chose.\n\nTo navigate to the files you marked simply press `'<MarkLetter>`.  So for me, I\nchose `G` for `sockets.c`, and to navigate there I simply press `'G`.\n\n### Some mark theory\n\n* What marks did you choose?\n* Why?\n* Do you see some strategies?\n* Strategies I have heard of\n* My strategies\n"
  },
  {
    "path": "course-website/lessons/files-netrw.md",
    "content": "---\npath: \"/files-netrw\"\ntitle: \"Files and Navigations - NetRW\"\norder: \"12A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\nNetRW is the default browsing of the filesystem plugin, and it comes with vim\nfor years now.  It is available in both Vim and NeoVim.\n\nPlease navigate to `vim-nav-playground`.  If you did not clone it, it can be\nfound [here](https://github.com/ThePrimeagen/vim-nav-playground)\n\nLets go over some basic movements.  You can use all the same navigation as you\nwould while editing, but for file navigation.\n\n```viml\nvim .\n```\n\nLets go down, `j`, to `src` and press `<CR>` (enter).  Notice that it opens the\nfolder.  We see a couple of files.  Lets scroll to `twitch.c` and press `<CR>`.\n\nWhat just happened?\n\nHow do we open back up our file navigation?\n\n```viml\n:Vex\n```\n\n`:Vex` stands for (V)ertical (ex)plore.  Meaning, split the current view\nexperience vertically (direction of line) and insert a netrw at current\nbuffer location.\n\nThis is pretty - ok -.  Hopefully, if you are of the vim mentality, you are\nthinking it cannot take this many keystrokes just to do these things.  I must\nbe able to customize the netrw experience.  The answer, of course, is yes to\nboth.\n\nLets step up our vim knowledge.\n"
  },
  {
    "path": "course-website/lessons/files-recap.md",
    "content": "---\npath: \"/files-recap\"\ntitle: \"Files and Navigations - Recap\"\norder: \"17A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with e.\"\n---\n\n### Recap\nWow we have learned a lot!  Lets chat about what we have learned.\n\n* NetRW\n* `:e`\n* `<tab>` and `<C-d>`\n* `<C-p>` and `<C-n>` for navigating pop-up lists\n* remaps\n* marks\n* :Vex\n* so %\n  * more on %.  try typing `:echo expand(\"%\")`  Or `\"%p`  What happened here?\n\nHow are we feeling?  Do you feel like you have no more room to learn?  I get\nthat we are sort of on information overload.  Lets take a break and just talk\nabout what we have learned overall.\n\n### One more thing.  Alternate File\nI don't think I accidentally talk about this elsewhere.\n\n### One more thing.  Jumplist \nI don't think I accidentally talk about this elsewhere.\n"
  },
  {
    "path": "course-website/lessons/files-remaps-1.md",
    "content": "---\npath: \"/files-remaps-1\"\ntitle: \"Files and Navigations - Remaps part 1\"\norder: \"13A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\nFirst, lets quit our current vim experience and re-open up our vimrc.\n\n```bash\n# for vim\nvim ~/.vimrc\n```\n\n```bash\n# for neovim - this may be different depending on your flavor\nvim ~/.config/nvim/init.vim\n```\n\nIf your path is different for neovim but you don't know what it is, execute the\nfollowing in neovim to expose the path!!!\n```viml\n\" Neovim only\n:echo stdpath(\"config\")\n```\n\nIf you didn't save everything from the vim rc section, here is the complete\nvimrc thus far from [Vim My Way](/vim-my-way) and [Color My\nPencils](/color-my-pencils).\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n\n\" This was from the colorscheme section\ncolorscheme desert\n```\n"
  },
  {
    "path": "course-website/lessons/files-remaps-2.md",
    "content": "---\npath: \"/files-remaps-2\"\ntitle: \"Files and Navigations - Remaps part 2\"\norder: \"14A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\n### Remaps\nRemaps are a powerful way to redefine your vim exerience the way you would like\nit.\n\nIn your vim rc, add the following line\n\n```viml\nlet mapleader = \" \"\nnnoremap <leader>pv :Vex<CR>\n```\n\nFirst, what is `let mapleader = \" \"`.  Leader is a way to set a custom key in\nvim that can be referenced in remaps as `<leader>`.\n\nSecond, what is `nnoremap`?  Well its the syntax for a remap.  Lets break it down\n\n```viml\nmode lhs rhs\n```\n\n#### mode\nlets go over the meaning of the mode.  The mode is what mode (INSERT, NORMAL,\nVISUAL) that this remap should work in.  Here is the exact breakdown of the\nremap.\n\n```viml\n\" normal mode        no recursive execution          map A -> B\nn                    nore                            map\n```\n\n#### lhs\nlhs is the set of keys to execute the remap.  In this case `<leader>pv` or\n`<space>pv`.\n\n#### rhs\nrhs is the command to execute after the `lhs` has been typed in.  In this case\nwe will type the command `:Vex<CR>`.  Remember, `<CR>` means enter.\n\n#### Lets execute it!\nOk, press `<leader>pv`, did anything happen?  No, why not?  Of course!  Vim\nnever executed these new changes.  Lets source the file.\n\n```viml\n\" so = source\n\" % = current file\n:so %\n```\n\nNow lets try again! did anything happen?\n\n#### Dangers of remaps\nIt can make your system feel slow..\n\n#### Exercise time\nSourcing the vimrc kind of stinks huh?  Could we remap this?\n\nTake a shot at remapping it.\n\n```viml\n\" I use neovim, btw\nnnoremap <Leader><CR> :so ~/.config/nvim/init.vim<CR>\n```\n\nNow I can simply press `<space><enter>` to resource my vim rc anytime I make\nchanges.\n\n"
  },
  {
    "path": "course-website/lessons/first-plugin.md",
    "content": "---\npath: \"/your-first-plugin\"\ntitle: \"First Plugin\"\norder: \"60A\"\nsection: \"Your First Plugin\"\ndescription: \"Time to learn viml.\"\n---\n\nSo... before we get started.  I hate VimL.  I think its gross.  Its Ugly.  Its\nall around unpleasant to write.  This is the primary reason why I use NeoVim,\nnot Vim.  I can write my plugins in Lua.  \n\nLua is not bad.  Its a simple language that is extremely boring, which makes it\na great candidate for a scripting language of simple ui elements.\n\n---\n\nThis is meant to show you the power of Vim and its scriptability.  As said, its\nbetter in Lua.\n\nWe are going to walk through [Writing Vim Plugin By Łukasz Jan\nNiemier](https://vimways.org/2019/writing-vim-plugin/).\n\n### Remember your VimRC?\nStart by executing `:h runtimepath`\n\nWe need to add to the runtime path a directory to be loaded and it should\ncontain a folder called `plugin` where we have our plugin located.\n\n```\nmkdir -p /path/to/your/plugin/folder\ncd /path/to/your/plugin/folder\nvim --cmd \"set rtp+=$(pwd)\" .\n```\n\nWe have opened up vim and added to the runtime path at opening our current\nfolder.  This is _a_ way to do this.\n\nYou can also install your plugin like any other!\n\n```\n... In your vim rc, next to fzf ...\nPlug '/absolute/path/to/plugin/folder'\n```\n\nBut while we are developing, we don't have to have it in either, we can just\nexecute `:so %` (much like we did in our vim rc).\n\n#### Follow along!\nI'll create it now and you can follow along, PLEASE ASK QUESTIONS.\n\n"
  },
  {
    "path": "course-website/lessons/intro.md",
    "content": "---\npath: \"/intro\"\ntitle: \"Introduction\"\norder: \"1A\"\nsection: \"Introduction\"\ndescription: \"The gentle introduction into vim that will blow your mind and cover you in coconut oil.\"\n---\n\n### Motivation\n\nOften its the little choices in our lives.\n\n### Welcome to Vim\n\n#### But first, lets meet ED\n\n```bash\n> ed my-file.ts\n```\n\nYou probably feel lost, press q to get the heck out of there.  (on FEM I do\nsome actual editing)\n\nLets do it once more, but with ex\n\n```bash\nex my-file.ts\n```\n\nex is the improved version of ed.  It also comes with Bill Joy's vi mode.  Go\nahead, type `vi<enter>`.  Welcome to vi!  The predecessor of vim.  :q to get\nout.\n\nSome fun facts about vi mode in ex.\n\n* Was originally written by a single person, Bill Joy, in 1976.\n* Ram was < 1k\n* Emacs cost $100s.  Yikes\n\n![Emacs Leraning Curve](./images/emacs-learning.png)\n\n* hjkl are movement keys because of Bill Joy's keyboard, which apparently was\n  the only ever made...\n\n![Bill Joys Keyboard](./images/bill-joys-keyboard.jpeg)\n\n* Bill Joy's words of wisdom\n  * \"People don't know that vi was written for a world that doesn't exist anymore\"\n* vi was written to edit text with a 300 buad modem.\n\n## Why do I use vim?\n\nI think I am a lot like you.  I used netbeans.  I was just a regular student\ndoing regular java binary searches in Netbeans.\n\nOne time I opened up vim at the encouragement of my friend...\n\n![When I Exit Vim](./images/exit-vim.png)\n\nI saw someone at some point\nuse vim/emacs and it blew my mind.  I wanted to be good the command line.  I\nwanted to be fast.  I wanted to be covered in that sweet organic, grass fed,\nfree range coconut oil!\n\nSo I took the journey.  I started in IntelliJ with ideaVim!  It was painful.  I\nam not going to lie, I almost gave up after one hour and I accomplished nothing\nbut being frustrated.\n\n![Vim Learning Curve](./images/vi-learning.png)\n\nBut then I decided that I was going to master the simple\nmovements and start mastering each movement one at a time until I was the best\nthere was.\n\nLets get started on this journey together.  Lets get vimmed out of our mind.\nBy the end of this course, hopefully you will understand what in the world\ncoconut oil has to do with vim.\n\nPersonal note.  The love of the thing and Dante.\n\n## Set Expectations\nYou may feel confused, so ask questions.\n\n## Who Am I?\n* I make youtube videos about Vim\n* I stream on twitch \n    * NeoVim Plugins\n    * Vim Deathmatch.  A battle royale like vim plugin to battle for fastest\n      vim editing skallz (lua + docker)\n    * Sonic Pi.  Creating live beats with the help of chat. (python + ncurses + docker)\n    * Coding for Netflix (typescript)\n\n* I work at Netflix\n\n## Who should take this course\n* A (want to be) developer\n* Desire to be excellent and to learn\n* You wish to defeat complacency\n\n## Prereqs\n* Unix System as I cannot help you if you are on windows and you experience and\n  problems.  I suggest Plebuntu\n* typing skills will directly affect your experience.\n* `git clone https://github.com/ThePrimeagen/vim-nav-playground.git`\n\n## Flavors of vim\n* VIM - Vi IMproved\n    * 8.1+\n\n* NeoVim (I personally use this, wont go over anything neovim specific)\n\n* spacevim\n    * https://spacevim.org/\n\n* onivim2\n    * https://onivim.io/\n\n## Learning Vim\n* vimtutor\n* vim-adventures\n* [ThePrimeagen](https://youtube.com/ThePrimeagen)'s Youtube\n  * 6 part series\n  * Learning lua plugin dev\n  * VimRC\n* `:h usr<tab>`\n\n\n"
  },
  {
    "path": "course-website/lessons/mid-level-recap.md",
    "content": "---\npath: \"/pit-stop\"\ntitle: \"Pit Stop\"\norder: \"20A\"\nsection: \"Recap\"\ndescription: \"There has been a lot of info.  Lets recap!\"\n---\n\n### The Recap Recap\n\n#### Navigation\n* What are some questions and thoughts?  \n* What do you think is the hardest part?  \n* What part surprised you the most?\n* How do you feel about modes?\n* Do you feel that deep down excitement?\n* You may not know this yet, but there is some really amazing keys coming up.\n\n#### Vim RC\n* You only know a little bit, how will you go about improving it?\n* Do they feel confusing?\n* Does VimL look ugly (its ok, it does)?\n\n#### File Navgiation\n* There are tons of options\n* Marks are pretty OP\n* File tree is a bit lacking.\n* That telescope fuzzy finder though, huh?\n\n"
  },
  {
    "path": "course-website/lessons/my-ideal.md",
    "content": "---\npath: \"/my-ideal-setup\"\ntitle: \"My Ideal Setup\"\norder: \"61A\"\nsection: \"My Pontifications About Vim\"\ndescription: \"Lets just talk shop\"\n---\n\n### Saddle up partner\n#### How I Ideally Like to Use Vim\n#### Breaking up VimRC Moar?\n#### My Ideal File Navigation\n#### NeoVim Init With Lua?  \n#### How I determine my remaps?\n\n"
  },
  {
    "path": "course-website/lessons/opening-vim.md",
    "content": "---\npath: \"/opening-vim\"\ntitle: \"Opening Vim\"\norder: \"4A\"\ndescription: \"Lets open vim for the first time!\"\nsection: \"Basics\"\n---\n\n## Before you do\n* Navigate to an empty directory (create your own).  We will be doing a bit of\n  editing.\n\n* Ensure you have no vim rc active.\n  * If you are using vim, rename ~/.vimrc -> ~/.vimrc2\n  * If you are using nvim, rename ~/.config/nvim/init.vim -> ~/.config/nvim/init.vim2\n\n### Exercises\nWe will be using curl to grab a few exercises throughout this class.  Here is\nan example.\n\n#### Note\nNotice that i name the downloaded file then `&& vim name`\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-0-hjkl-x.md > exercise.md && vim exercise.md\n```\n\n## One more thing before we start\nWe are going to start from when Adam met Eve.  So if you have some experience\nyou can probably skip the next couple sections.  There is always valuable\ninformation that may not know, but it may not be worth the time.\n\nWhen I started, vim motions were chief most important, not vim itself.  This\ncourse will reverse that.  Vim will be the spot light, motions will actually\ntake a backseat.  I will show you what is available though.\n\n## Lets open vim!\nSo you are in an empty directory, lets do this! Simply type `vim` and press\nenter.  (Ensure you have no vim rc)\n\n```bash\n> vim\n```\n\n* What are you thoughts?\n* What are things you expected to see?\n\n"
  },
  {
    "path": "course-website/lessons/plugins.md",
    "content": "---\npath: \"/plugins\"\ntitle: \"Plugins\"\norder: \"30A\"\nsection: \"Plugins\"\ndescription: \"Lets beef up the RC!\"\n---\n\nPlugins!\n\nYes vim does get better.\n\nYes, that not so pretty language VimL is a primary vehicle in making things\nnice.  In NeoVim you can use Lua, which is quite nice.  Especially when you\nconsider that there is a Typescript -> lua converter.  Which means you can use\na typed language and get type completion and create vim plugins.  42069IQ\n\n### Get a Plugin Manager\nPlug!\n\nLets follow the instructions together getting\n[Plug](https://github.com/junegunn/vim-plug) vim plugin manager installed\n\n\n```\n... plays waiting music ...\n```\n\n### File Navigation 2.0\nLet's add a fuzzy finder, remap some things, and make it work for us.  We are\ngoing to use FZF even though I Use telescope personally.  The reason for this\nis because Telescope is neovim specific (lua) and wont work with Vim.  Where as\nFZF has been working for some time with vim.\n\nLets add the following lines to your vimrc\n\n```viml\ncall plug#begin('~/.vim/plugged')\n\nPlug 'junegunn/fzf', { 'do': { -> fzf#install() } }\nPlug 'junegunn/fzf.vim'\n\ncall plug#end()\n```\n\nOur vimrc should look something like the following.\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n\ncall plug#begin('~/.vim/plugged')\n\nPlug 'junegunn/fzf', { 'do': { -> fzf#install() } }\nPlug 'junegunn/fzf.vim'\n\ncall plug#end()\n\n\" This was from the colorscheme section\ncolorscheme desert\n\n\" Our remaps\nlet mapleader = \" \"\nnnoremap <leader>pv :Vex<CR>\nnnoremap <Leader><CR> :so ~/.config/nvim/init.vim<CR>\n```\n\nLets source our vimrc\n\n```viml\n\" or use your sweet remap\n:so %\n```\n\nNow we need to execute our plugin manager.\n\n```viml\n:PlugInstall\n```\n\n### WARNING\n### My Vim Colorscheme is just a default one, its ugly\n\nOnce you do this you should see the following menu\n\n![Plug Result](./images/plug-install.png)\n\nNow we can execute `:GFiles`, lets give it a try in `vim-nav-playground`.\n\n![FZF Result](./images/fzf-results.png)\n\n### WHAT HAVE I TAUGHT YOU?\nWhat should we do now?\n\n* M A K E _ A _ R E M A P\n\n```viml\nnnoremap <C-p> :GFiles<CR>\n```\n\n### Lets get a better colorscheme.\nayu or gruvbox??\n\n### Recap\n* We got a plugin manager that makes installing plugins easy!  You just need\n  the path on github to install new ones.\n\n* We installed FZF, made a remap! then showed how awesome it is.\n\n"
  },
  {
    "path": "course-website/lessons/quickfix.md",
    "content": "---\npath: \"/quickfix\"\ntitle: \"Quickfix Intro\"\norder: \"40A\"\nsection: \"Quickfix Lists\"\ndescription: \"One of the last components of the vim experience.\"\n---\n\nQuickfix lists were very mysterious to me when I started with vim.  I knew that\nthere was a list of items and that it would pop up and if I left them I didn't\nknow how to go back.  Little did I know how useful they are, especially when\nnavigating histories, such as git.\n\nLets create a quick quickfix\n\nopen up vim in the root of `vim-nav-playground`\n\n```bash\nvim .\n```\n\nnow execute\n\n```viml\n:grep SOCKET_OPEN **/*.(c\\|h)\n```\n\nYou should see something like this:\n\n![QuickFix Result](images/quickfix-grep-result.png)\n\nOnce you press `<CR>` you will see that the results disappear and you are\nnavigated to the first result.  What should you do?  The proper answer is\nconsult the `:h quickfix` page, but since I am here, let me walk you through\nsome actions.\n\nWhen dealing with a quickfix you need 3 commands primarily, `:copen`, `:cnext`,\nand `:cprev`.  Lets try `:copen` first.  Once you have executed it you should\nsee the following.\n\n![QuickFix Open](images/quickfix-open.png)\n\nLets select the other option.  This will cause the above buffer to navigate and\nthe quickfix list will remain open.  Oh no, how do we get back to the quickfix\nlist?\n\nyou could navigate back by executing a copen\n```viml\n:copen\n```\n\nyou could force navigate back by closing the current window.  There is nothing\nleft but going back to the remaining buffer that is open.\n```viml\n:q\n```\n\nYou can window navigate.  You can start a window navigation by pressing\n`<C-w>`.  What do you think you should press next to navigate towards the\nquickfix menu?\n\nIf you said `j` you are awesome.  YES!  Use your vim movements you already\nknow!  Don't you love when things come full circle!\n\nAnywho, so you can guess you can move betwixt splits by press `<C-w>` and `h`,\n`j`, `k`, or `l`.  This is great, but it kind of sucks.\n\n\n### WHAT DO WE DO NOW???\nIf I have to say make a remap one more time.\n\n```viml\n\" I don't know if I love these remaps yet.  I am considering doing\n\" <leader>c(k|j|o)\nnnoremap <C-k> :cnext<CR>\nnnoremap <C-j> :cprev<CR>\nnnoremap <C-E> :copen<CR>\n```\n\n### No Internet ordering problem\nWhen practicing this presentation I kept finding myself having a problem.  I didn't want to have to keep compiling and using `npm run dev`.  But I wanted to practice through my presentation in order.  For the most part I just dealt with it and booted everything up.  But on the flight here I was unable to load the pages due to internet requirements.  But!!! I could solve the ordering issue via qflist.\n\n#### getqflist and setqflist\n\n\n"
  },
  {
    "path": "course-website/lessons/some-javascript.md",
    "content": "---\npath: \"/some-javascript\"\ntitle: \"some javascript\"\norder: \"72A\"\nsection: \"Misc Content\"\ndescription: \"This is the first exercise to try out.\"\n---\n\n// Delete the description.\n// That seems slow right?\n// <count>Delete\n// try typing, with your cursor on the first line the following.\n// 7dd\n// What does that mean about j and k?\n// But we have a problem down we?\nfunction foo(a, b, c) {\n\tswitch (a) {\n\t\tcase 1: \n\t\t\treturn b + c;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\treturn a * b + c;\n\t}\n\n\tthrow new Error(\"This should never happen\");\n}\n\nif (true) {\n\tconsole.log(foo(1, 5, 7));\n}\n\nif (false) {\n\tconsole.log(foo(1, 5, 7));\n}\n\nif (false || true) {\n\tconsole.log(foo(1, 5, 7));\n}\n\nfoo(\n    foo(1),\n    foo(2),\n    foo(3))\n\nfoo(\n    foo(4),\n    foo(5),\n    foo(6))\n\nfoo(\n    foo(7),\n    foo(8),\n    foo(9))\n"
  },
  {
    "path": "course-website/lessons/terminology.md",
    "content": "---\npath: \"/terms\"\ntitle: \"The Terminology\"\norder: \"2A\"\ndescription: \"This goes over some basic vocabulary that will be used\"\nsection: \"Introduction\"\n---\n\n## Files, Buffers, Windows, Splits, and Tabs\nWe all know what files are (or so you think [LiveOverflow's Video on\nFiles](https://www.youtube.com/watch?v=VVdmmN0su6E)) but there is a bit more\nwhen it comes to how vim handles them.\n\n### Buffer\nA buffer contains the text of the file and is what you edit.\n\n`:h buffer`\n\n### Window\nContains a buffer to display.  Windows can be closed but the underlying buffer\ncan remain in memory.\n\n`:h window`\n\n### Tabs\nA tab is like another viewport.  You can have many windows|splits open per tab.\n\n`:h tab`\n\n### Splits\nA split simply refers to splitting the viewport in N sections (various sizing\nand orientations available) to display windows.\n\n`:h split`\n\n## Other Terminology\n![Terms](./images/view-and-terms.png)\n\n## Help Menu\nHelp menu can be accessed by typing `:h<enter>`.  There is _so much\ndocumentation_, that is pretty good, available.  If you find yourself lost,\nRTFM (at least that is what they tell me).\n\n## Motion\nA command that moves the cursor (taken straight from the help docs, `:h motion`).\n\n## Abbreviations\nCtrl+a will be abbreviated `<C-a>`.  This is also how its referenced in VimL,\nVim's editor language.\n\nEnter will often be abbr as `<CR>`\n\nTab, Escape, and space will be `<tab>`, `<esc>`, `<space>`\n\nWhen you see something that starts with a `:` that means it will execute a command.\n"
  },
  {
    "path": "course-website/lessons/vim-my-way.md",
    "content": "---\npath: \"/vim-my-way\"\ntitle: \"Vim My Way\"\norder: \"9A\"\ndescription: \"Ok, so vim looked pretty ugly.  Lets make it feel the way we want it!\"\nsection: \"The VimRC\"\n---\n\nOk, how much did you hate having to do the `zz`?  It is annoying.  Instead,\nlets tell vim to do it for us.\n\n```viml\n:set scrolloff=8\n```\n\nNow lets scroll around.  How does it feel.  SO GOOD.\n\n----\n\nLets quit out of our previous vim experience and curl down this file.\n\n```\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/some-javascript.md > exercise.js && vim exercise.js\n```\n\nAfter following the delete instructions you should notice that its really hard\nto count how many lines of code huh? Type the following\n\n```viml\n:set number\n```\n\nYou will notice a new column has been added and now you have line numbers!\nYeah its pretty easy to a jump, but also not all that easy.  Math can be hard\nsometimes.\n\n\n```viml\n\" sets relative numbers\n:set relativenumber\n\n\" turns off relative numbers\n:set norelativenumber\n```\n\nWow.  Much better huh?  You can jump easily now.  You may not be good at\njumping yet, but you can see its a lot easier.  Lets play around.  \n\nPut your cursor on `foo` and press `v10j`.  What happened?  Press `V` to\nhighlight the whole line.\n\nOk lets leave vim, `:q` and reopen back up the file either by reexecuting the\ncurl command or simply executing `vim exercise.js`\n\nWhat happened?\n\nCommands you execute only live for the session you have vim open.  This is\npainful right?  Well, actually not.  There is a `.vimrc`!  All is not horrible.\nSo lets create one!\n\nCreate a vimrc in the correct location with the following content.\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\n```\n\nOpen up vim again.  Ohh yeah!  This is great, but those tabs have to go (tabs\nvs spaces anyone?)!  Add these lines to your vimrc and restart vim.\n\n```viml\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n```\n\nNow restart vim... what just happened?  Pretty cool huh?\n\n### How do you know what is available?\n* You can google.  Sometimes that is a good thing.\n* `h options`\n* `h <tabcomplete or ctrl-d>`\n* `h <specific option name>`\n"
  },
  {
    "path": "course-website/package.json",
    "content": "{\n  \"name\": \"gatsby-course-starter\",\n  \"description\": \"a gatsby seed project to get your education site started\",\n  \"version\": \"1.0.0\",\n  \"author\": \"Brian Holt <btholt+course-starter@gmail.com>\",\n  \"dependencies\": {\n    \"bootstrap\": \"^4.5.3\",\n    \"code-mirror-themes\": \"^1.0.0\",\n    \"front-matter\": \"^4.0.2\",\n    \"gatsby\": \"^2.30.1\",\n    \"gatsby-cli\": \"^2.17.0\",\n    \"gatsby-link\": \"^2.9.0\",\n    \"gatsby-plugin-layout\": \"^1.8.0\",\n    \"gatsby-plugin-react-helmet\": \"^3.8.0\",\n    \"gatsby-plugin-sharp\": \"^2.12.0\",\n    \"gatsby-remark-autolink-headers\": \"^2.9.0\",\n    \"gatsby-remark-copy-linked-files\": \"^2.8.0\",\n    \"gatsby-remark-images\": \"^3.9.0\",\n    \"gatsby-remark-prismjs\": \"^3.11.0\",\n    \"gatsby-source-filesystem\": \"^2.9.0\",\n    \"gatsby-transformer-remark\": \"^2.14.0\",\n    \"is-url-superb\": \"^5.0.0\",\n    \"parse-markdown-links\": \"^1.0.4\",\n    \"prismjs\": \"^1.23.0\",\n    \"react\": \"^17.0.1\",\n    \"react-dom\": \"^17.0.1\",\n    \"react-helmet\": \"^6.1.0\"\n  },\n  \"keywords\": [\n    \"gatsby\",\n    \"gatsby-starter\",\n    \"course\",\n    \"education\"\n  ],\n  \"license\": \"(CC-BY-NC-4.0 OR Apache-2.0)\",\n  \"main\": \"n/a\",\n  \"scripts\": {\n    \"build\": \"gatsby build --prefix-paths\",\n    \"csv\": \"node csv.js\",\n    \"dev\": \"gatsby develop\",\n    \"format\": \"prettier --write \\\"src/**/*.{js,jsx,md,css}\\\"\",\n    \"lint\": \"eslint \\\"src/**/*.{js,jsx}\\\"\"\n  },\n  \"devDependencies\": {\n    \"@babel/polyfill\": \"^7.12.1\",\n    \"babel-eslint\": \"^10.1.0\",\n    \"core-js\": \"^3.8.2\",\n    \"eslint\": \"^7.17.0\",\n    \"eslint-config-prettier\": \"^7.1.0\",\n    \"eslint-plugin-import\": \"^2.22.1\",\n    \"eslint-plugin-jsx-a11y\": \"^6.4.1\",\n    \"eslint-plugin-react\": \"^7.22.0\",\n    \"prettier\": \"^2.2.1\"\n  }\n}\n"
  },
  {
    "path": "course-website/src/components/TOCCard.css",
    "content": ".main-card {\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n  background-color: white;\n}\n\n.lesson-title {\n  font-size: 20px;\n  padding: 15px 30px;\n}\n\n.lesson-content {\n  padding: 0 15px 15px 15px;\n  line-height: 1.5;\n}\n\n.sections-name {\n  list-style: none;\n}\n\n.lesson-section-title {\n  margin-top: 25px;\n}\n"
  },
  {
    "path": "course-website/src/components/TOCCard.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport * as helpers from \"../util/helpers\";\nimport \"./TOCCard.css\";\n\nconst sortFn = helpers.sorter;\n\nconst LessonCard = ({ content, title }) => {\n  console.log(sortFn);\n\n  const sections = content\n    .map(lesson => lesson.node.frontmatter)\n    .sort(sortFn)\n    .reduce((acc, lesson) => {\n      if (!acc.length) {\n        acc.push([lesson]);\n        return acc;\n      }\n\n      const lastSection = acc[acc.length - 1][0].section.split(\",\")[0];\n      if (lastSection === lesson.section.split(\",\")[0]) {\n        acc[acc.length - 1].push(lesson);\n      } else {\n        acc.push([lesson]);\n      }\n\n      return acc;\n    }, []);\n\n  return (\n    <div className=\"main-card\">\n      <h1 className=\"lesson-title gradient\">{title}</h1>\n      <div className=\"lesson-content\">\n        <ol className=\"sections-name\">\n          {sections.map(section => (\n            <li key={section[0].section}>\n              <h3 className=\"lesson-section-title\">{section[0].section}</h3>\n              <ol>\n                {section.map(lesson => (\n                  <li key={lesson.path}>\n                    <Link to={lesson.path}>{lesson.title}</Link>\n                  </li>\n                ))}\n              </ol>\n            </li>\n          ))}\n        </ol>\n      </div>\n    </div>\n  );\n};\n\nexport default LessonCard;\n"
  },
  {
    "path": "course-website/src/layouts/index.css",
    "content": ".gradient {\n  background: rgb(96, 108, 136);\n  background: linear-gradient(\n    to bottom,\n    rgb(96, 108, 136) 0%,\n    rgb(63, 76, 107) 100%\n  );\n}\n\n.navbar {\n  border-bottom: 1px solid #ccc;\n  position: sticky;\n  width: 100%;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.navbar h1 {\n  font-size: 20px;\n  margin: inherit;\n  padding: inherit;\n  font-weight: bold;\n}\n\n.navbar h2 {\n  font-size: 14px;\n  margin: inherit;\n  padding: inherit;\n  text-transform: uppercase;\n  color: white;\n}\n\n.jumbotron.gradient {\n  color: white;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.navbar-brand.navbar-brand {\n  text-transform: uppercase;\n  color: white;\n  font-weight: bold;\n}\n\n.navbar-brand.navbar-brand:hover {\n  color: #777;\n}\n\n.navbar-brand.navbar-brand:focus {\n  color: white;\n}\n\n.lesson {\n  margin: 15px;\n  padding: 15px;\n  background-color: #fff;\n  border-radius: 8px;\n  overflow: scroll;\n}\n\n.lesson p {\n  clear: both;\n}\n\n.lesson-links {\n  font-size: 18px;\n  padding: 15px 0;\n}\n\n.next {\n  float: right;\n}\n\n.prev {\n  float: left;\n}\n\n.lesson-title {\n  color: white;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.klipse-result {\n  border: 1px solid #90b4fe;\n  padding-top: 8px;\n  position: relative;\n  width: 100%;\n}\n\n.klipse-result .CodeMirror-wrap {\n  width: 100%;\n  border-color: transparent;\n}\n\n.klipse-result::before {\n  content: \"result\";\n  background-color: white;\n  position: absolute;\n  top: -13px;\n  height: 13px;\n}\n\n.language-htm,\n.language-css,\n.language-js,\n.language-json {\n  width: 100%;\n}\n\n.gatsby-highlight {\n  /* border: 1px solid black; */\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.CodeMirror-wrap {\n  width: 100%;\n  font-size: 12px;\n  height: inherit;\n  margin-bottom: 12px;\n}\n\n.CodeMirror-gutters {\n  height: inherit !important;\n}\n\n.klipse-snippet > .CodeMirror {\n  border: none;\n  width: 100%;\n}\n\n.gatsby-highlight > .klipse-snippet {\n  border: 1px solid #90b4fe;\n  width: 100%;\n  border-right: none;\n  position: relative;\n  margin-bottom: 15px;\n}\n\n.doggos {\n  width: 100%;\n  border: 1px solid #666;\n  border-radius: 5px;\n}\n"
  },
  {
    "path": "course-website/src/layouts/index.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport Helmet from \"react-helmet\";\nimport { graphql, StaticQuery } from \"gatsby\";\n\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport \"prismjs/themes/prism-solarizedlight.css\";\nimport \"code-mirror-themes/themes/monokai.css\";\nimport \"./index.css\";\n\n// import jpg from \"../../static/posterframe.jpg\";\n\nconst TemplateWrapper = props => {\n  return (\n    <StaticQuery\n      render={data => {\n        const frontmatter =\n          props.data && props.data.markdownRemark\n            ? props.data.markdownRemark.frontmatter\n            : null;\n\n        return (\n          <div>\n            <Helmet\n              title={\n                frontmatter\n                  ? `${frontmatter.title} – ${frontmatter.section} – ${data.site.siteMetadata.title}`\n                  : data.site.siteMetadata.title\n              }\n              meta={[\n                {\n                  name: \"og:title\",\n                  content: frontmatter\n                    ? `${frontmatter.title} – ${frontmatter.section} – ${data.site.siteMetadata.title}`\n                    : data.site.siteMetadata.title\n                },\n                {\n                  name: \"description\",\n                  content: frontmatter\n                    ? frontmatter.description\n                    : data.site.siteMetadata.description\n                },\n                {\n                  name: \"og:description\",\n                  content: frontmatter\n                    ? frontmatter.description\n                    : data.site.siteMetadata.description\n                },\n                {\n                  name: \"twitter:card\",\n                  content: \"summary_large_image\"\n                },\n                // {\n                //   name: \"og:image\",\n                //   content: \"https://btholt.github.io\" + jpg\n                // },\n                // {\n                //   name: \"og:url\",\n                //   content:\n                //     \"https://btholt.github.io/complete-intro-to-containers\" +\n                //     (frontmatter && frontmatter.path ? frontmatter.path : \"\")\n                // },\n                {\n                  name: \"keywords\",\n                  content: data.site.siteMetadata.keywords.join(\", \")\n                },\n                {}\n              ]}\n            />\n            <div className=\"navbar navbar-light gradient\">\n              <Link to=\"/\" className=\"navbar-brand\">\n                <h1>{data.site.siteMetadata.title}</h1>\n              </Link>\n              {!frontmatter ? null : (\n                <h2>{`${frontmatter.section} – ${frontmatter.title}`}</h2>\n              )}\n            </div>\n            <div className=\"main\">{props.children}</div>\n          </div>\n        );\n      }}\n      query={graphql`\n        query HomePage($path: String!) {\n          markdownRemark(frontmatter: { path: { eq: $path } }) {\n            html\n            frontmatter {\n              path\n              title\n              order\n              section\n              description\n            }\n          }\n          site {\n            pathPrefix\n            siteMetadata {\n              title\n              subtitle\n              description\n              keywords\n            }\n          }\n        }\n      `}\n    />\n  );\n};\n\nexport default TemplateWrapper;\n"
  },
  {
    "path": "course-website/src/pages/404.js",
    "content": "import React from \"react\";\n\nconst NotFoundPage = () => (\n  <div>\n    <h1>NOT FOUND</h1>\n    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>\n  </div>\n);\n\nexport default NotFoundPage;\n"
  },
  {
    "path": "course-website/src/pages/index.css",
    "content": "body {\n  background-color: #eee;\n}\n\n.index {\n  width: 97%;\n  max-width: 750px;\n  margin: 0 auto;\n  margin-top: 20px;\n}\n\n.index .jumbotron {\n}\n\n.example-table {\n  border-collapse: separate;\n}\n\n.example-table td {\n  border: 1px solid black;\n  width: 20px;\n  height: 20px;\n}\n\n.example-table .current {\n  background-color: #fcc;\n}\n\n.example-table .n {\n  border-top-color: transparent;\n}\n\n.example-table .s {\n  border-bottom-color: transparent;\n}\n\n.example-table .e {\n  border-right-color: transparent;\n}\n\n.example-table .w {\n  border-left-color: transparent;\n}\n\n.lesson-content table {\n}\n\n.lesson-content td {\n  border: 1px solid black;\n  padding: 8px;\n}\n\n.lesson-content td input {\n  min-width: 300px;\n}\n\n.lesson-flex {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.random-tweet {\n  width: 100%;\n  margin-top: 100px;\n}\n\n.fem-link {\n  text-align: center;\n}\n"
  },
  {
    "path": "course-website/src/pages/index.js",
    "content": "import React from \"react\";\nimport { StaticQuery, graphql } from \"gatsby\";\nimport Card from \"../components/TOCCard\";\n\nimport \"./index.css\";\n\nconst IndexPage = () => (\n  <StaticQuery\n    query={graphql`\n      query HomepageTOC {\n        site {\n          siteMetadata {\n            title\n            subtitle\n            description\n            keywords\n          }\n        }\n        allMarkdownRemark(sort: { order: ASC, fields: [frontmatter___order] }) {\n          edges {\n            node {\n              id\n              frontmatter {\n                order\n                path\n                title\n                section\n                description\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={props => (\n      <div className=\"index\">\n        <div className=\"jumbotron gradient\">\n          <h1>{props.site.siteMetadata.title}</h1>\n          <h2>{props.site.siteMetadata.subtitle}</h2>\n        </div>\n\n        <Card\n          title=\"Table of Contents\"\n          content={props.allMarkdownRemark.edges}\n        />\n      </div>\n    )}\n  />\n);\n\nexport default IndexPage;\n"
  },
  {
    "path": "course-website/src/templates/lessonTemplate.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport { graphql } from \"gatsby\";\nimport * as helpers from \"../util/helpers\";\n\nconst sortFn = helpers.sorter;\n\nexport default function Template(props) {\n  let { markdownRemark, allMarkdownRemark } = props.data; // data.markdownRemark holds our post data\n\n  const sections = allMarkdownRemark.edges\n    .map(lesson => lesson.node.frontmatter)\n    .sort(sortFn);\n\n  const { frontmatter, html } = markdownRemark;\n\n  const index = sections.findIndex(el => el.path === frontmatter.path);\n\n  const prevLink =\n    index > 0 ? (\n      <Link className=\"prev\" to={sections[index - 1].path}>\n        {\"← \" + sections[index - 1].title}\n      </Link>\n    ) : null;\n  const nextLink =\n    index < sections.length - 1 ? (\n      <Link className=\"next\" to={sections[index + 1].path}>\n        {sections[index + 1].title + \" →\"}\n      </Link>\n    ) : null;\n  return (\n    <div className=\"lesson-container\">\n      <div className=\"lesson\">\n        <h1>{frontmatter.title}</h1>\n        <h2>{frontmatter.date}</h2>\n        <div\n          className=\"lesson-content\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n        <div className=\"lesson-links\">\n          {prevLink}\n          {nextLink}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const pageQuery = graphql`\n  query LessonByPath($path: String!) {\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      frontmatter {\n        path\n        title\n        order\n        section\n        description\n      }\n    }\n    allMarkdownRemark(limit: 1000) {\n      edges {\n        node {\n          frontmatter {\n            order\n            path\n            title\n          }\n        }\n      }\n    }\n  }\n`;\n"
  },
  {
    "path": "course-website/src/util/helpers.js",
    "content": "function splitSections(str) {\n  const validSectionTest = /^\\d+[A-Z]+$/;\n  const numbersRegex = /^\\d+/;\n  const lettersRegex = /[A-Z]+$/;\n  if (!validSectionTest.test(str)) {\n    throw new Error(\n      `${str} does not match the section format. It must be <numbers><capital letters>, like 16A or 5F (case sensitive)`\n    );\n  }\n\n  return [numbersRegex.exec(str)[0], lettersRegex.exec(str)[0]];\n}\n\nconst getCharScore = str =>\n  str\n    .split(\"\")\n    .map((char, index) => char.charCodeAt(0) * 10 ** index)\n    .reduce((acc, score) => acc + score);\n\nfunction sorter(a, b) {\n  let aOrder, bOrder;\n\n  if (a.attributes && a.attributes.order) {\n    aOrder = a.attributes.order;\n    bOrder = b.attributes.order;\n  } else {\n    aOrder = a.order;\n    bOrder = b.order;\n  }\n\n  const [aSec, aSub] = splitSections(aOrder);\n  const [bSec, bSub] = splitSections(bOrder);\n\n  // sections first\n  if (aSec !== bSec) {\n    return aSec - bSec;\n  }\n\n  // subsections next\n  return getCharScore(aSub) - getCharScore(bSub);\n}\n\nmodule.exports.splitSections = splitSections;\nmodule.exports.sorter = sorter;\n"
  },
  {
    "path": "csv.js",
    "content": "const fs = require(\"fs\").promises;\nconst path = require(\"path\");\n\nconst fm = require(\"front-matter\");\nconst isUrl = require(\"is-url-superb\");\nconst parseLinks = require(\"parse-markdown-links\");\nconst { sorter } = require(\"./src/util/helpers\");\nconst mdDir = process.env.MARKDOWN_DIR || path.join(__dirname, \"lessons/\");\nconst outputPath =\n  process.env.OUTPUT_CSV_PATH || path.join(__dirname, \"public/lessons.csv\");\nconst linksOutputPath =\n  process.env.LINKS_CSV_PATH || path.join(__dirname, \"public/links.csv\");\n\nasync function createCsv() {\n  console.log(`making the markdown files into a CSV from ${mdDir}`);\n\n  // get paths\n  const allFiles = await fs.readdir(mdDir);\n  const files = allFiles.filter(filePath => filePath.endsWith(\".md\"));\n\n  // read paths, get buffers\n  const buffers = await Promise.all(\n    files.map(filePath => fs.readFile(path.join(mdDir, filePath)))\n  );\n\n  // make buffers strings\n  const contents = buffers.map(content => content.toString());\n\n  // make strings objects\n  let frontmatters = contents.map(fm);\n\n  // find all attribute keys\n  const seenAttributes = new Set();\n  frontmatters.forEach(item => {\n    Object.keys(item.attributes).forEach(attr => seenAttributes.add(attr));\n  });\n  const attributes = Array.from(seenAttributes.values());\n\n  if (attributes.includes(\"order\")) {\n    frontmatters = frontmatters.sort(sorter);\n  }\n\n  // get all data into an array\n  let rows = frontmatters.map(item => {\n    const row = attributes.map(attr =>\n      item.attributes[attr] ? JSON.stringify(item.attributes[attr]) : \"\"\n    );\n    return row;\n  });\n\n  // header row must be first row\n  rows.unshift(attributes);\n\n  // join into CSV string\n  const csv = rows.map(row => row.join(\",\")).join(\"\\n\");\n\n  // write file out\n  await fs.writeFile(outputPath, csv);\n\n  console.log(`Wrote ${rows.length} rows to ${outputPath}`);\n\n  // make links csv\n  let longestLength = 0;\n  let linksArray = frontmatters.map(row => {\n    const links = parseLinks(row.body).filter(isUrl);\n    longestLength = longestLength > links.length ? longestLength : links.length;\n    const newRow = [row.attributes.order, row.attributes.title, ...links];\n    return newRow;\n  });\n\n  if (longestLength) {\n    // add title row\n    linksArray = linksArray.map(array => {\n      const lengthToFill = longestLength + 2 - array.length;\n      return array.concat(Array.from({ length: lengthToFill }).fill(\"\"));\n    });\n\n    linksArray.unshift(\n      [\"order\", \"title\"].concat(\n        Array.from({ length: longestLength }).map((_, index) => `link${index}`)\n      )\n    );\n\n    // join into CSV string\n    const linksCsv = linksArray.map(row => row.join(\",\")).join(\"\\n\");\n\n    // write file out\n    await fs.writeFile(linksOutputPath, linksCsv);\n\n    console.log(`Wrote ${linksArray.length} rows to ${linksOutputPath}`);\n  }\n}\n\ncreateCsv();\n"
  },
  {
    "path": "gatsby-config.js",
    "content": "module.exports = {\n  siteMetadata: {\n    title: \"Vim Fundamentals\",\n    subtitle: \"Making vim approachable!\",\n    description:\n      \"This is a survey of vim, how it works, and how to become a sensai of vimfu.\",\n    keywords: [\"Vim\", \"Awesome\", \"Coconut Oil\", \"ThePrimeagen\"],\n  },\n  pathPrefix: \"vim-fundamentals\",\n  plugins: [\n    `gatsby-plugin-layout`,\n    {\n      resolve: `gatsby-source-filesystem`,\n      options: {\n        path: `${__dirname}/lessons`,\n        name: \"markdown-pages\",\n      },\n    },\n    `gatsby-plugin-sharp`,\n    `gatsby-plugin-react-helmet`,\n    {\n      resolve: `gatsby-transformer-remark`,\n      options: {\n        plugins: [\n          `gatsby-remark-autolink-headers`,\n          `gatsby-remark-copy-linked-files`,\n          `gatsby-remark-prismjs`,\n          {\n            resolve: `gatsby-remark-images`,\n            options: {\n              maxWidth: 800,\n              linkImagesToOriginal: true,\n              sizeByPixelDensity: false,\n            },\n          },\n        ],\n      },\n    },\n  ],\n};\n"
  },
  {
    "path": "gatsby-node.js",
    "content": "const path = require(\"path\");\n\nexports.createPages = ({ actions, graphql }) => {\n  const { createPage } = actions;\n\n  const lessonTemplate = path.resolve(`src/templates/lessonTemplate.js`);\n\n  return graphql(`\n    {\n      allMarkdownRemark(\n        sort: { order: DESC, fields: [frontmatter___order] }\n        limit: 1000\n      ) {\n        edges {\n          node {\n            excerpt(pruneLength: 250)\n            html\n            id\n            frontmatter {\n              order\n              path\n              title\n            }\n          }\n        }\n      }\n    }\n  `).then(result => {\n    if (result.errors) {\n      return Promise.reject(result.errors);\n    }\n\n    result.data.allMarkdownRemark.edges.forEach(({ node }) => {\n      createPage({\n        path: node.frontmatter.path,\n        component: lessonTemplate\n      });\n    });\n  });\n};\n"
  },
  {
    "path": "lessons/adv-pitstop.md",
    "content": "---\npath: \"/pit-stop\"\ntitle: \"Pit Stop\"\norder: \"53A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"There has been a lot of info.  Lets recap!\"\n---\n\n### The Recap Recap\n\n#### Basic Movements\n#### File Navigation\n#### Vim RC\n#### Advanced Text Manipulation\n\n### Moving forward\nWe are going to step it up a notch and improve our knowledge of vim Motions.\n\nHere is the deal.  You don't need to remember them all.  You need to know they\nexist.  As you get more familiar the motions and concepts that seem hard today\nare trivial tomorrow.\n"
  },
  {
    "path": "lessons/advanced-movements-1.md",
    "content": "---\npath: \"/adv-motions\"\ntitle: \"Advanced Motions\"\norder: \"54A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"And you thawght you knew Motions...\"\n---\n\nWe have already covered some of the horizontal and vertical motions, `I`/`A`\nand `<count>j`/`k` are great examples of fast motions.  But if that is all we\nhad, VIM would just be lacking in luster.  \n\n### Quick Recap\nMotion: A command that moves the cursor.\n\n* modified with a count\n  * 5j instead of jjjjj\n\n* modify an \"action\" with a movement\n  * 5dd and d4j are \"equivalent\"\n\n### There are more motions!\n* G and gg bottom or top respectively\n  * do you think you can dG?\n\nlets do an exercise and go over some advanced motions!\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-6-motions.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "lessons/advanced-text-manipulation-1.md",
    "content": "---\npath: \"/search-and-replace\"\ntitle: \"Search And Replace\"\norder: \"50A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Search and replace.  Regex licences may be required.\"\n---\n\nWere are getting to the end game of vim.  There is still so much out there, but\nfor the sake of surveying, this is where we will end.  We will cover Search and\nReplace, Macros, and finally registers.\n\n### Search and Replace\nLets go through a search and replace exercise.  This should help us get the\nfoundation of basic search and replace\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-3-search-and-replace.md > exercise.md && vim exercise.md\n```\n\n"
  },
  {
    "path": "lessons/advanced-text-manipulation-2.md",
    "content": "---\npath: \"/macros\"\ntitle: \"Macros\"\norder: \"51A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Macros.  Yes, they seem more confusing than they are.\"\n---\n\nThis is where things can get fun.  Also, they are a bit psychologically\nweird...  Meaning, you will find yourself feeling like you don't know how to do\nthe most basic of moves.  If this happens, its ok.  Its called Macro Pressure.\n\n### What is a Macro\nA macro simply plays text as motions, inputs, and commands.\n\n#### Let me show you!\nI remember my first macro like it was yesterday.....\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-4-macros.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "lessons/advanced-text-manipulation-3.md",
    "content": "---\npath: \"/registers\"\ntitle: \"Registers\"\norder: \"52A\"\nsection: \"Advanced Text Manipulation\"\ndescription: \"Registers.  Definitely hard to imagine them not being hard.\"\n---\n\n### My slogan for registers\n\n> Definitely hard to imagine them not being hard.\n\n### What is a register?\nIt is a key -> value\n\nThe `key` is a character\nThe `value` is a string\n\n#### Example time\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-5-registers.md > exercise.md && vim exercise.md\n```\n"
  },
  {
    "path": "lessons/are-you-ready.md",
    "content": "---\npath: \"/are-you-ready\"\ntitle: \"Are You Ready?\"\norder: \"3A\"\ndescription: \"The final hurrah! before diving into vim!\"\nsection: \"Introduction\"\n---\n\nAt this point I hope you are ready.  But I wanted to take a moment to let you\nknow three things.\n\n* This is a journey, its not a day trip\n* The journey is uphill\n* The top of the mountain is incredible\n\n### For the live class\nI stream on twitch, so feel free to ask questions at any point and I can pivot\nif its beneficial for all or I'll answer the question at the end of the\nsection.\n\n### Proper Github projects\n\n1. Clone this presentation project down and open up the files, or go to the\n   website and use the curl commands to open up vim.  I recommend just going to\n   the website.\n\n2. git clone https://github.com/ThePrimeagen/vim-nav-playground.git\n\n### Clean your environment\nIf you use vim, remove your vimrc and any plugins.  We are going bare bones and\nworking our way up.\n\nThere is a basic script to stash and restore your vim env in vim-nav-playground\nin the tools folder.  \n\n"
  },
  {
    "path": "lessons/basic-usage.md",
    "content": "---\npath: \"/basic-usage\"\ntitle: \"Using Vim\"\norder: \"5A\"\ndescription: \"Let's use vim for the first time!\"\nsection: \"Basics\"\n---\n\nBefore we start editing files, lets get familiar with some basic movements.\n\nNavigate back to the empty directory and type in the following.\n\n```bash\n> vim test.js\n```\n\nYou are now in `NORMAL` mode.  This probably doesn't feel all that normal.\nAnd you are right, its really not that normal.\n\n## Lets talk Modes\nThere are a few modes that you should be aware of.\n\n* Normal\n* Insert\n* Visual \n* Visual Line\n\n## My First If Statement\nLets write our first if statement.\n\nCurrently, you are in `NORMAL` mode.  This is where you can execute commands\nto navigate, edit, and execute vim/sys commands.  To get out of this mode,\npress `i`\n\nAfter pressing `i` you should see something like `-- INSERT --` in the bottom\nleft hand side of vim.\n\nNow that you are in insert mode, type the following\n\n```js\nif (true) {\n\n}\n```\n\nPress `<esc>` or `<Ctrl-c>` (abbreviated `<C-c>`) to leave `INSERT` mode and back\nto `NORMAL`.\n\nGoodness, isn't default vim ugly?\n\ntype `:q` to quit vim.  Also, don't tell anyone.\n\n## My First Moves\n### Basic navigation\n\ntime to curl down our first little exercise\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-0-hjkl-x.md > exercise.md && vim exercise.md\n```\n\n### Deleting, Yanking, and Pasting\nThese are going to be some of your fundamental movements within vim.  This is\nwhere you will see some significant speed ups compared to a conventional editor.\n\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-1-dyp.md > exercise.md && vim exercise.md\n```\n\n### Insert!\nWe are going to go over entering into insert mode\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-2-insert.md > exercise.md && vim exercise.md\n```\n\n## Recap\nLets talk about what happened.  I would love to get some feedback from you.\nWhat do you think about all of this nonsense?  Does it seem like to much?  Or\ndoes it seem exciting?  I hope you are excited.\n\n### We learned\n* h,j,k,l for basic movement.\n* w,b for word hopping.  Effectively the same as Option/Ctrl + arrow keys\n* yy to \"copy\" a line, called Yank\n* dd to delete, and yank, a line\n* p and P to paste the contents of the implicit register below / above\n* Most of the ways to go into insert mode!\n  * i and a for which side of the cursor\n  * I and A for which side of the line\n  * o and O for belowe / above line\n* zz - I snuck that one in...\n\nThat is a grand total of 16 different motions\n"
  },
  {
    "path": "lessons/color-my-pencils.md",
    "content": "---\npath: \"/color-my-pencils\"\ntitle: \"Color My Pencils\"\norder: \"10A\"\ndescription: \"Lets set some colorschemes\"\nsection: \"The VimRC\"\n---\n\nSo to change your `colorscheme` what should you do?\n\nIf you answered \"Help Menu!\" you are a fantastic!  Please execute `h:\ncolorsc<tab><Cr>`\n\ntry executing the following\n\n```\n:colorscheme <C-d>\n```\n\nPick anything that autocompletes!  Much like set options, it will only persist\nfor this vim session.  Writing it to your vimrc and open up file you commonly\nedit and behold the beauty!\n\nThese are not the only colorschemes that you can have.  Plenty of plugins\nprovide many more.\n\n## Recap\nOk.  This is probably getting a bit overwhelming.  A lot of this comes with\npractice and as you use this it becomes second nature.\n\nI'll say it again.\n* This is a journey, its not a day trip\n* The journey is uphill\n* The top of the mountain is incredible\n\n### What we learned\n* Using the help menu. \n    * navigating the all the set options.\n    * Using tab and <C-d>\n    * Arrows vs <C-p> and <C-n>\n\n* Set options\n    * The power to control how our editor operates through sets.\n\n* Colorschemes\n    * How to set them and peruse them.\n\n* We learned things about motions.\n    * dd can become <count>dd\n    * Moving with 10j / 10k.  Wowow\n\n### Extend it\nDo you think you could do anything with `y` and `p`?  Could `yj` work?  What\ndoes it do?  Why?  What about `5p`?  What do you think happens?  Why?\n\n### Foundation\nWe have built the foundation.  You know about customizing your vim experience\nand you know how to basically move around.  The only thing left is really\noptimizing!  And there is practically an infinite amount of optimizing!\n\n\n"
  },
  {
    "path": "lessons/exercise-0-hjkl-x.md",
    "content": "---\npath: \"/exercise-0\"\ntitle: \"hjkl-x\"\norder: \"69A\"\nsection: \"Misc Content\"\ndescription: \"This is the first exercise to try out.\"\n---\n## NOTE\nTo use the exercises, please curl the file to your machine and edit it with vim.\n\n## Exercise 0: Basic movement, h, j, k, l, w, b\n### press j to go down\n\n### press l to follow the line\n---------------------------o \" press x to delete the o\n                             \" press j to go to the next action\n\n\n\n\n### press l and j to follow the line and x to delete the o\n-+\n |\n |                          \n +------+\n        |\n        |                          \n        +------+\n               |\n               |                          \n               +------o\n\n### press l and j and h to follow the line and x to delete the o\n-+\n |\n |                          \n +------+\n        |\n        |                          \n +------+\n |\n +------+\n        |\n        |                          \n o------+\n\n### press l, j, h, and k to follow the line and x to delete the o\n-+      +------+      +------+      +-----o\n |      |      |      |      |      |\n |      |      |      |      |      |\n +------+      |      |      +------+\n               |      |\n        +------+      |\n        |             |  \n        |             |\n        |             |\n        +-------------+\n\n### press w to get to o and press x to delete\n+-+      +------+      +------+      +-----o\n\n### b = inverse w: press w, j, and b to get to o and press x to delete\n+-+      +------+      +------+      +-----+\n                                           |\no-+      +------+      +------+      +-----+\n\n### Go in circles until you feel good\n\n       +------+\n       |      |\n       |      |\n       |      |\n       +------+------+\n              |      |\n              |      |\n              |      |\n              +------+\n"
  },
  {
    "path": "lessons/exercise-1-dyp.md",
    "content": "---\npath: \"/exercise-1\"\ntitle: \"dyp\"\norder: \"70A\"\nsection: \"Misc Content\"\ndescription: \"This is the basic movement and editing of text\"\n---\n## NOTE\nTo use the exercises, please curl the file to your machine and edit it with vim.\n\n## Exercise 1: Basic Editing\n### Delete a line with dd\ndelete me 1\ndelete me 2\ndelete me 3\ndelete me 4\n\n### Yank and paste.  yy to yank line, p to paste line below, P above\nyank me and paste below (yyp)\nyank me and paste above (yyP)\n\n### Visual Mode\n#### Visual Mode\nHighlight part of this line by pressing v, then navigate around\nescape to leave visual mode\n\n#### Visual Line Mode\nHighlight this line by pressing V, then navigate around\nescape to leave visual mode\n\n#### Visual Mode + y / p\nHighlight this line by pressing V, then press y  (What happened?)\npress p (What happened?)\n\nHighlight this point by pressing v, press wy  (What happened?)\npress p (What happened?)\n\nLets repeat but with d instead of y, (What happened?)\n\n## Part 3: The relationship of y / d\n:h reg\n:reg\n\nWhat did we see there?\n\nyank this line\n\nWhat happened to the registers?\n\n\n"
  },
  {
    "path": "lessons/exercise-2-insert.md",
    "content": "---\npath: \"/exercise-2\"\ntitle: \"insert\"\norder: \"71A\"\nsection: \"Misc Content\"\ndescription: \"Insertion!  There are many ways to go into INSERT mode.\"\n---\n\n## Exercise 2: Insert mode\nThere are a few ways to go into insert mode (I also am not including about\nanother 10...)\n\ni: left side of cursor\na: right side of cursor\n  ----I: \n  A: -----           \no: insert new line below line and go into insert mode\nO: insert new line above line and go into insert mode\n\nlets play around\n\n\n"
  },
  {
    "path": "lessons/exercise-3-search-and-replace.md",
    "content": "---\npath: \"/exercise-3\"\ntitle: \"Search and Replace\"\norder: \"72A\"\nsection: \"Misc Content\"\ndescription: \"Search and Replace!\"\n---\n\n### Basic Search\nsearch for `error` by typing `/error<CR>`\n\nerror\n\nLets type a command in.  :set hls ic\nWhat just happened?\nRe-search `error`\n\nerror\n\nBut you can do more! try searching `/err.*or<CR>`\n\nerrooentuhoneuhnoteuhnotehuor\n\n* Notice that it matched a huge portion on top.  That is because regexs will\n  match the most it can.\n\n### Search and Replace\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz<CR>`\nfoo bar baz\n\nTry again but notice that it only replaces one foo at a time.  \nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/g<CR>`\nfoo foo foo foo\n\nreplace \"foo\" with \"baz\" by typing `:s/foo/baz/gc<CR>`\nfoo foo foo foo\n\n\n#### Ranged search & replace\n\n```typescript\nfunction foo() {\n    const a = \"foo\";\n    const b = [\n        \"foo\",\n        \"foo\",\n        \"foo\",\n        \"foo\",\n    ];\n    if (\"foo\") {\n        return \"foo\";\n    }\n    return \"baz\";\n}\n```\n#### Full File\nLets execute `:%s/foo/bar/gc`, but first exit without saving `:q!` and reopen\nthis file\n\n#### But what about full project find and replace\nI am going to leave this out of this course.  \n\n"
  },
  {
    "path": "lessons/exercise-4-macros.md",
    "content": "---\npath: \"/exercise-4\"\ntitle: \"Macros\"\norder: \"73A\"\nsection: \"Misc Content\"\ndescription: \"Macros\"\n---\n\n// Yes I wrote this code with a macro\nif (someValue == \"someOtherValue1\") {\n    return 1\n} else if (someValue == \"someOtherValue2\") {\n    return 2\n} else if (someValue == \"someOtherValue3\") {\n    return 3\n} else if (someValue == \"someOtherValue4\") {\n    return 4\n} else if (someValue == \"someOtherValue5\") {\n    return 5\n} else if (someValue == \"someOtherValue6\") {\n    return 6\n} else if (someValue == \"someOtherValue7\") {\n    return 7\n} else if (someValue == \"someOtherValue8\") {\n    return 8\n} else if (someValue == \"someOtherValue9\") {\n    return 9\n} else if (someValue == \"someOtherValue10\") {\n    return 10\n} else if (someValue == \"someOtherValue11\") {\n    return 11\n} else if (someValue == \"someOtherValue12\") {\n    return 12\n} else if (someValue == \"someOtherValue13\") {\n    return 13\n} else if (someValue == \"someOtherValue14\") {\n    return 14\n} else if (someValue == \"someOtherValue15\") {\n    return 15\n} else if (someValue == \"someOtherValue16\") {\n    return 16\n} else if (someValue == \"someOtherValue17\") {\n    return 17\n} else if (someValue == \"someOtherValue18\") {\n    return 18\n}\n"
  },
  {
    "path": "lessons/exercise-5-registers.md",
    "content": "---\npath: \"/exercise-5\"\ntitle: \"Registers\"\norder: \"74A\"\nsection: \"Misc Content\"\ndescription: \"Registers.  Definitely hard to imagine them not being hard.\"\n---\n\n### Register Basics\nSo lets copy the following line\n\nfoo\n\nNow type in :reg\n\nNotice that `foo` appears two times.  We are seeing foo twice because `foo` is\nin our first register and our implicit register.  Our first register is denoted\nwith 0 (0th may be better term) and implicit is \".\n\nPaste with `p` 3 times \n\nfoo\nfoo\nfoo\n\nhighlight and yank all three `foo`s.  Lets resee what is in our `:reg`.  Notice\nthat we replaced our implicit register and our 0th register.  \n\nWhy didnt 0 become 1?\n\nGo back up to a line with foo and delete 1.  What just happened?  Inspect your\n`:reg`\n\nDelete a few more lines and re-inspect your register.  What you should observe,\nand can be found in `:h reg` is that your implicit register `\"` is _always_ the\nlatest yank or delete.  It is also what is used when pasting.  We _knew_ this\nfrom our previous lesson, but now we observe why.\n\n### How do we interact with registers?\nWe see how our actions are side effects to the state of the registers.  But\nwhat if you wanted to paste or yank explicitly?  Good thing we have a clue.\nNotice that every register starts with `\"`.  Lets `:h \"`\n\nSo lets yank into our `a` register.  Move to the line below and type `V\"ay`\n\nfoofoofoo\n\nNow lets inspect our registers.\n\nHow do we paste from a register?  \n\n### Lets do something crazy\n\nCopy, paste, and increment the number below 3 times using a macro\n\n1.\n\nNow lets check registers.  What do you see?  Is your mind blown?  What does\nthis mean we can do?\n"
  },
  {
    "path": "lessons/exercise-6-motions.md",
    "content": "---\npath: \"/exercise-6\"\ntitle: \"Advanced Motions\"\norder: \"75A\"\nsection: \"Misc Content\"\ndescription: \"Motions 201\"\n---\n\n### Change\n`c` is a powerful motion.  You use it just like `d` but at the end of the\nmotion you are ejected from `NORMAL` and into `INSERT`.\n\nSo if you wished to delete a word and then type in a new word, `c` is a great\nhabit to form.\n\nLets see the difference\n\n// dd this line\n// cc this line\n\n### Horizontal Movement\nLets learn about!: `_`, `0`, `$`, `D`, `C`, `S`, `f`, `,`, `;`, `t`, `F`, and `T`\n\n// How would we move around on the line with \"contents\"\nif (true) {\n    contents conTenTs contenTS\n}\n\n### Vertical Movement\n#### Core movement\nRely on relative jumps.  Get good at them.\n\nIf you get NeoVim, try VimBeGood\n\n#### { and }\nWe know about search.  That is a vertical movement, but its really specific.\n\nFirst lets talk `{` and `}`\n\nContiguousCode\nContiguousCode\n    ContiguousCode\n    ContiguousCode\n        ContiguousCode\n    ContiguousCode\nContiguousCode\n\nContiguousCode\nContiguousCode\n    ContiguousCode\n    ContiguousCode\n        ContiguousCode\n    ContiguousCode\nContiguousCode\n\n##### Benefits?  Class chat\nThis next one is a bit odd\n\n#### Ctrl+u/d\nSo lets do another type of navigation.\n\nTry pressing `<C-d>`\n\n.\n\n.\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n.\n\n\n##### Benefits?  Class chat\n\n#### [m / ]m and [M / ]M\nThis will move by \"function\".  It works pretty well in c languages.\n\nMove your cusor to this line and press `]m`.  Try moving back and forth and try\nthe uppercase version as well.\n\nif (foo) {\n    some content\n    some content\n    some content\n    some content\n    function bar() {\n        some other content\n        some other content\n        some other content\n        some other content\n    }\n    function baz() {\n        other content\n        other content\n        other content\n        other content\n    }\n}\n\n##### Benefits?\n\n#### %\nOk,.... soo this isn't a pure vertical motion.  It actually is a pair jumper\n\nif (true) {\n    content\n    const a = [\n        content,\n        content,\n        content,\n    ]\n\n    \"content\"\n\n    content\n    content\n}\n\nLets combine it with a motion.  Delete the `const a =...` statement.\n\n### Get zany...\nLets look at the following statement, what are some ways you can delete the\ncontents of the if statement?\n\nif (true) {\n    line1\n    line2\n    line3\n    line4\n    line5\n}\n\nI was hoping to hear `f{V%D`.  That is just so sexy. `d4j` is ok.  Relative\njump, well done..  `5dd` meh.  I would glad hand like a politician with `dd dd\ndd dd dd`.  Just say mean things behind your back.\n\nSo lets try again.. but I spiced it up.\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nFirst, place your cursor _in_ the if statement.  Where ever you want.  Type `di{`\n\ni = inside\n\n#### Class Discussion\nWhat _other_ letter do you think you could try other than `i`?\n\n.\n.\n.\n.\n.\n.\n.\nuse `<C-d>` to go down...\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n\n// TODO: make a meme -- aliens..\nYes, `a` is the other.  I have never heard a great reason why, but just deal\nwith it.\n\nso lets try again. try `da{`\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nwell shoot...\n\n#### Class Discussion\nLets solve this together\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\n.\n.\n.\n.\n.\n.\n.\n.\n.\n.\n\nFor those that couldn't wait or got the answer. `va{Vd`\n\n#### Use YOUR SUPER POWERS\nlets redo the previous exercise except copy from one if statement and override\nthe next if statement.  How would we go about this?\n\nif (true) {\n    line1\n    // Some distance\n    line2\n    line3\n\n    line4\n    line5\n}\n\nif (true) {\n    replace_me_1\n    // Some distance\n    replace_me_2\n    replace_me_3\n\n    replace_me_4\n    replace_me_5\n}\n"
  },
  {
    "path": "lessons/files-e.md",
    "content": "---\npath: \"/files-e\"\ntitle: \"Files and Navigations - Edit\"\norder: \"15A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with e.\"\n---\n\nThere are other ways to open files in vim.  You are not restricted to just\nusing the file tree.  There is also `:e`. `e` is short for `edit`.\n\nLets explore!  You can always read the help menu, `:h e` but we don't need to\ndo that!\n\nLets reopen back up our `vim-nav-playground` project.\n\nlets type `:e <ctrl-d>`.  You should see the following\n\n![Edit and Ctrl+D](lessons/images/edit-ctrl-d.png)\n\nThere is also tab completion!  Try it out. `:e <tab>`.  But how do we navigate\nthe popup list?  Well there are two options.  There is the vim way, and the\ndefault way that most people would do.  I bet you can guess which one you\nalready know... :)\n\nAnywho, arrow keys work, but eww. `<C-p>` (Ctrl+p, remember this is vim\nsyntax). and `<C-n>` mean previous and next respectively.\n\n### Fuzzy find anyone?\n\nYes, please!  Of course there is a fuzzy finder, but those are installed as\nplugins.  We are not quite there, so let me just show you one of them.  It is\ncalled `telescope.nvim` and is available on neovim only.  It has an absurd\namount of features.  I'll only show the fuzzy file finder.\n"
  },
  {
    "path": "lessons/files-intro.md",
    "content": "---\npath: \"/files\"\ntitle: \"Files and Navigations\"\norder: \"11A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files.\"\n---\n\nAs you imagined there is the \"Vim\" way to do everything.  But the good news is\nthat there are many a plugin to make this process easier.  Lets start off by\nlearning some built in vim ways and then expand from there.\n\nFirst, lets clone a small test repo\n\nssh\n```bash\ngit clone git@github.com:ThePrimeagen/vim-nav-playground.git\n```\n\nhttps\n```bash\ngit clone https://github.com/ThePrimeagen/vim-nav-playground.git\n```\n\nnavigate to `vim-nav-playground` and open up vim by opening up the directory in\nvim.\n\n```bash\ncd vim-nav-playground\nvim .\n```\n\nThis should be what you are seeing (bar the colorscheme)\n![NetRW](./images/netrw.png)\n\n"
  },
  {
    "path": "lessons/files-marks.md",
    "content": "---\npath: \"/files-marks\"\ntitle: \"Files and Navigations - Marks\"\norder: \"16A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with marks.\"\n---\n\n## Marks\n\nNow marks are both incredible and also confusing at the same.  Effectively vim\ngives you the ability to mark files both globally and locally.  This means with\njust a swift couple taps of the finger you could be in a file marked.  I find\nmarks definitely the end game of file navigation, but they are hard to do well.\n\nSo lets open up 3 files in `vim-nav-playground` and mark each one.  \n\nFirst lets open one file, `src/sockets.c`.  Use your favorite way to open up\nthis file. \n\n```\n:e src/sockets.c\n```\n\nThen mark it by typing `m` then an **uppercase** character of your choice.\n\nRepeat with `src/twitch.c` and `src/another.c` with different uppercase\ncharacters.  Remember the 3 characters you chose.\n\nTo navigate to the files you marked simply press `'<MarkLetter>`.  So for me, I\nchose `G` for `sockets.c`, and to navigate there I simply press `'G`.\n\n### Some mark theory\n\n* What marks did you choose?\n* Why?\n* Do you see some strategies?\n* Strategies I have heard of\n* My strategies\n"
  },
  {
    "path": "lessons/files-netrw.md",
    "content": "---\npath: \"/files-netrw\"\ntitle: \"Files and Navigations - NetRW\"\norder: \"12A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\nNetRW is the default browsing of the filesystem plugin, and it comes with vim\nfor years now.  It is available in both Vim and NeoVim.\n\nPlease navigate to `vim-nav-playground`.  If you did not clone it, it can be\nfound [here](https://github.com/ThePrimeagen/vim-nav-playground)\n\nLets go over some basic movements.  You can use all the same navigation as you\nwould while editing, but for file navigation.\n\n```viml\nvim .\n```\n\nLets go down, `j`, to `src` and press `<CR>` (enter).  Notice that it opens the\nfolder.  We see a couple of files.  Lets scroll to `twitch.c` and press `<CR>`.\n\nWhat just happened?\n\nHow do we open back up our file navigation?\n\n```viml\n:Vex\n```\n\n`:Vex` stands for (V)ertical (ex)plore.  Meaning, split the current view\nexperience vertically (direction of line) and insert a netrw at current\nbuffer location.\n\nThis is pretty - ok -.  Hopefully, if you are of the vim mentality, you are\nthinking it cannot take this many keystrokes just to do these things.  I must\nbe able to customize the netrw experience.  The answer, of course, is yes to\nboth.\n\nLets step up our vim knowledge.\nFirst, lets quit and re-open up our vimrc.\n\nIf you don't remember, or starting here, here is our vimrc so far.\n\n[Vim My Way](/vim-my-way)\n[Color My Pencils](/color-my-pencils)\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n\n\" This was from the colorscheme section\ncolorscheme desert\n```\n\n"
  },
  {
    "path": "lessons/files-recap.md",
    "content": "---\npath: \"/files-recap\"\ntitle: \"Files and Navigations - Recap\"\norder: \"17A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with e.\"\n---\n\n### Recap\nWow we have learned a lot!  Lets chat about what we have learned.\n\n* NetRW\n* `:e`\n* `<tab>` and `<C-d>`\n* `<C-p>` and `<C-n>` for navigating pop-up lists\n* remaps\n* marks\n* :Vex\n* so %\n  * more on %.  try typing `:echo expand(\"%\")`  Or `\"%p`  What happened here?\n\nHow are we feeling?  Do you feel like you have no more room to learn?  I get\nthat we are sort of on information overload.  Lets take a break and just talk\nabout what we have learned overall.\n\n### Some Bonus\nAlternate File\n"
  },
  {
    "path": "lessons/files-remaps-1.md",
    "content": "---\npath: \"/files-remaps-1\"\ntitle: \"Files and Navigations - Remaps part 1\"\norder: \"13A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\nFirst, lets quit our current vim experience and re-open up our vimrc.\n\n```bash\n# for vim\nvim ~/.vimrc\n```\n\n```bash\n# for neovim - this may be different depending on your flavor\nvim ~/.config/nvim/init.vim\n```\n\nIf your path is different for neovim but you don't know what it is, execute the\nfollowing in neovim to expose the path!!!\n```viml\n\" Neovim only\n:echo stdpath(\"config\")\n```\n\nIf you didn't save everything from the vim rc section, here is the complete\nvimrc thus far from [Vim My Way](/vim-my-way) and [Color My\nPencils](/color-my-pencils).\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n\n\" This was from the colorscheme section\ncolorscheme desert\n```\n"
  },
  {
    "path": "lessons/files-remaps-2.md",
    "content": "---\npath: \"/files-remaps-2\"\ntitle: \"Files and Navigations - Remaps part 2\"\norder: \"14A\"\nsection: \"Navigation\"\ndescription: \"Coconut oil in hand, you are ready to navigate some files with NetRW.\"\n---\n\n### Remaps\nRemaps are a powerful way to redefine your vim exerience the way you would like\nit.\n\nIn your vim rc, add the following line\n\n```viml\nlet mapleader = \" \"\nnnoremap <leader>pv :Vex<CR>\n```\n\nFirst, what is `let mapleader = \" \"`.  Leader is a way to set a custom key in\nvim that can be referenced in remaps as `<leader>`.\n\nSecond, what is `nnoremap`?  Well its the syntax for a remap.  Lets break it down\n\n```viml\nmode lhs rhs\n```\n\n#### mode\nlets go over the meaning of the mode.  The mode is what mode (INSERT, NORMAL,\nVISUAL) that this remap should work in.  Here is the exact breakdown of the\nremap.\n\n```viml\n\" normal mode        no recursive execution          map A -> B\nn                    nore                            map\n```\n\n#### lhs\nlhs is the set of keys to execute the remap.  In this case `<leader>pv` or\n`<space>pv`.\n\n#### rhs\nrhs is the command to execute after the `lhs` has been typed in.  In this case\nwe will type the command `:Vex<CR>`.  Remember, `<CR>` means enter.\n\n#### Lets execute it!\nOk, press `<leader>pv`, did anything happen?  No, why not?  Of course!  Vim\nnever executed these new changes.  Lets source the file.\n\n```viml\n\" so = source\n\" % = current file\n:so %\n```\n\nNow lets try again! did anything happen?\n\n#### Dangers of remaps\nIt can make your system feel slow..\n\n#### Exercise time\nSourcing the vimrc kind of stinks huh?  Could we remap this?\n\nTake a shot at remapping it.\n\n```viml\n\" I use neovim, btw\nnnoremap <Leader><CR> :so ~/.config/nvim/init.vim<CR>\n```\n\nNow I can simply press `<space><enter>` to resource my vim rc anytime I make\nchanges.\n\n"
  },
  {
    "path": "lessons/first-plugin.md",
    "content": "---\npath: \"/your-first-plugin\"\ntitle: \"First Plugin\"\norder: \"60A\"\nsection: \"Your First Plugin\"\ndescription: \"Time to learn viml.\"\n---\n\nSo... before we get started.  I hate VimL.  I think its gross.  Its Ugly.  Its\nall around unpleasant to write.  This is the primary reason why I use NeoVim,\nnot Vim.  I can write my plugins in Lua.  \n\nLua is not bad.  Its a simple language that is extremely boring, which makes it\na great candidate for a scripting language of simple ui elements.\n\n---\n\nThis is meant to show you the power of Vim and its scriptability.  As said, its\nbetter in Lua.\n\nWe are going to walk through [Writing Vim Plugin By Łukasz Jan\nNiemier](https://vimways.org/2019/writing-vim-plugin/).\n\n### Remember your VimRC?\nStart by executing `:h runtimepath`\n\nWe need to add to the runtime path a directory to be loaded and it should\ncontain a folder called `plugin` where we have our plugin located.\n\n```\nmkdir -p /path/to/your/plugin/folder\ncd /path/to/your/plugin/folder\nvim --cmd \"set rtp+=$(pwd)\" .\n```\n\nWe have opened up vim and added to the runtime path at opening our current\nfolder.  This is _a_ way to do this.\n\nYou can also install your plugin like any other!\n\n```\n... In your vim rc, next to fzf ...\nPlug '/absolute/path/to/plugin/folder'\n```\n\nBut while we are developing, we don't have to have it in either, we can just\nexecute `:so %` (much like we did in our vim rc).\n\n#### Follow along!\nI'll create it now and you can follow along, PLEASE ASK QUESTIONS.\n\n"
  },
  {
    "path": "lessons/intro.md",
    "content": "---\npath: \"/intro\"\ntitle: \"Introduction\"\norder: \"1A\"\nsection: \"Introduction\"\ndescription: \"The gentle introduction into vim that will blow your mind and cover you in coconut oil.\"\n---\n\n### Motivation\n\nOften its the little choices in our lives.\n\n### Welcome to Vim\n\n#### But first, lets meet ED\n\n```bash\n> ed my-file.ts\n```\n\nYou probably feel lost, press q to get the heck out of there.  (on FEM I do\nsome actual editing)\n\nLets do it once more, but with ex\n\n```bash\nex my-file.ts\n```\n\nex is the improved version of ed.  It also comes with Bill Joy's vi mode.  Go\nahead, type `vi<enter>`.  Welcome to vi!  The predecessor of vim.  :q to get\nout.\n\nSome fun facts about vi mode in ex.\n\n* Was originally written by a single person, Bill Joy, in 1976.\n* Ram was < 1k\n* Emacs cost $100s.  Yikes\n\n![Emacs Leraning Curve](./images/emacs-learning.png)\n\n* hjkl are movement keys because of Bill Joy's keyboard, which apparently was\n  the only ever made...\n\n![Bill Joys Keyboard](./images/bill-joys-keyboard.jpeg)\n\n* Bill Joy's words of wisdom\n  * \"People don't know that vi was written for a world that doesn't exist anymore\"\n* vi was written to edit text with a 300 buad modem.\n\n## Why do I use vim?\n\nI think I am a lot like you.  I used netbeans.  I was just a regular student\ndoing regular java binary searches in Netbeans.\n\nOne time I opened up vim at the encouragement of my friend...\n\n![When I Exit Vim](./images/exit-vim.png)\n\nI saw someone at some point\nuse vim/emacs and it blew my mind.  I wanted to be good the command line.  I\nwanted to be fast.  I wanted to be covered in that sweet organic, grass fed,\nfree range coconut oil!\n\nSo I took the journey.  I started in IntelliJ with ideaVim!  It was painful.  I\nam not going to lie, I almost gave up after one hour and I accomplished nothing\nbut being frustrated.\n\n![Vim Learning Curve](./images/vi-learning.png)\n\nBut then I decided that I was going to master the simple\nmovements and start mastering each movement one at a time until I was the best\nthere was.\n\nLets get started on this journey together.  Lets get vimmed out of our mind.\nBy the end of this course, hopefully you will understand what in the world\ncoconut oil has to do with vim.\n\nPersonal note.  The love of the thing and Dante.\n\n## Set Expectations\nYou may feel confused, so ask questions.\n\n## Who Am I?\n* I make youtube videos about Vim\n* I stream on twitch \n    * NeoVim Plugins\n    * Vim Deathmatch.  A battle royale like vim plugin to battle for fastest\n      vim editing skallz (lua + docker)\n    * Sonic Pi.  Creating live beats with the help of chat. (python + ncurses + docker)\n    * Coding for Netflix (typescript)\n\n* I work at Netflix\n\n## Who should take this course\n* A (want to be) developer\n* Desire to be excellent and to learn\n* You wish to defeat complacency\n\n## Prereqs\n* Unix System as I cannot help you if you are on windows and you experience and\n  problems.  I suggest Plebuntu\n* typing skills will directly affect your experience.\n* `git clone https://github.com/ThePrimeagen/vim-nav-playground.git`\n\n## Flavors of vim\n* VIM - Vi IMproved\n    * 8.1+\n\n* NeoVim (I personally use this, wont go over anything neovim specific)\n\n* spacevim\n    * https://spacevim.org/\n\n* onivim2\n    * https://onivim.io/\n\n## Learning Vim\n* vimtutor\n* vim-adventures\n* [ThePrimeagen](https://youtube.com/ThePrimeagen)'s Youtube\n  * 6 part series\n  * Learning lua plugin dev\n  * VimRC\n* `:h usr<tab>`\n\n\n"
  },
  {
    "path": "lessons/mid-level-recap.md",
    "content": "---\npath: \"/pit-stop\"\ntitle: \"Pit Stop\"\norder: \"20A\"\nsection: \"Recap\"\ndescription: \"There has been a lot of info.  Lets recap!\"\n---\n\n### The Recap Recap\n\n#### Navigation\n* What are some questions and thoughts?  \n* What do you think is the hardest part?  \n* What part surprised you the most?\n* How do you feel about modes?\n* Do you feel that deep down excitement?\n* You may not know this yet, but there is some really amazing keys coming up.\n\n#### Vim RC\n* You only know a little bit, how will you go about improving it?\n* Do they feel confusing?\n* Does VimL look ugly (its ok, it does)?\n\n#### File Navgiation\n* There are tons of options\n* Marks are pretty OP\n* File tree is a bit lacking.\n* That telescope fuzzy finder though, huh?\n\n"
  },
  {
    "path": "lessons/opening-vim.md",
    "content": "---\npath: \"/opening-vim\"\ntitle: \"Opening Vim\"\norder: \"4A\"\ndescription: \"Lets open vim for the first time!\"\nsection: \"Basics\"\n---\n\n## Before you do\n* Navigate to an empty directory (create your own).  We will be doing a bit of\n  editing.\n\n* Ensure you have no vim rc active.\n  * If you are using vim, rename ~/.vimrc -> ~/.vimrc2\n  * If you are using nvim, rename ~/.config/nvim/init.vim -> ~/.config/nvim/init.vim2\n\n### Exercises\nWe will be using curl to grab a few exercises throughout this class.  Here is\nan example.\n\n#### Note\nNotice that i name the downloaded file then `&& vim name`\n\n```bash\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/exercise-0-hjkl-x.md > exercise.md && vim exercise.md\n```\n\n## One more thing before we start\nWe are going to start from when Adam met Eve.  So if you have some experience\nyou can probably skip the next couple sections.  There is always valuable\ninformation that may not know, but it may not be worth the time.\n\nWhen I started, vim motions were chief most important, not vim itself.  This\ncourse will reverse that.  Vim will be the spot light, motions will actually\ntake a backseat.  I will show you what is available though.\n\n## Lets open vim!\nSo you are in an empty directory, lets do this! Simply type `vim` and press\nenter.  (Ensure you have no vim rc)\n\n```bash\n> vim\n```\n\n* What are you thoughts?\n* What are things you expected to see?\n\n"
  },
  {
    "path": "lessons/plugins.md",
    "content": "---\npath: \"/plugins\"\ntitle: \"Plugins\"\norder: \"30A\"\nsection: \"Plugins\"\ndescription: \"Lets beef up the RC!\"\n---\n\nPlugins!\n\nYes vim does get better.\n\nYes, that not so pretty language VimL is a primary vehicle in making things\nnice.  In NeoVim you can use Lua, which is quite nice.  Especially when you\nconsider that there is a Typescript -> lua converter.  Which means you can use\na typed language and get type completion and create vim plugins.  42069IQ\n\n### Get a Plugin Manager\nPlug!\n\nLets follow the instructions together getting\n[Plug](https://github.com/junegunn/vim-plug) vim plugin manager installed\n\n\n```\n... plays waiting music ...\n```\n\n### File Navigation 2.0\nLet's add a fuzzy finder, remap some things, and make it work for us.  We are\ngoing to use FZF even though I Use telescope personally.  The reason for this\nis because Telescope is neovim specific (lua) and wont work with Vim.  Where as\nFZF has been working for some time with vim.\n\nLets add the following lines to your vimrc\n\n```viml\ncall plug#begin('~/.vim/plugged')\n\nPlug 'junegunn/fzf', { 'do': { -> fzf#install() } }\nPlug 'junegunn/fzf.vim'\n\ncall plug#end()\n```\n\nOur vimrc should look something like the following.\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n\ncall plug#begin('~/.vim/plugged')\n\nPlug 'junegunn/fzf', { 'do': { -> fzf#install() } }\nPlug 'junegunn/fzf.vim'\n\ncall plug#end()\n\n\" This was from the colorscheme section\ncolorscheme desert\n\n\" Our remaps\nlet mapleader = \" \"\nnnoremap <leader>pv :Vex<CR>\nnnoremap <Leader><CR> :so ~/.config/nvim/init.vim<CR>\n```\n\nLets source our vimrc\n\n```viml\n\" or use your sweet remap\n:so %\n```\n\nNow we need to execute our plugin manager.\n\n```viml\n:PlugInstall\n```\n\n### WARNING\n### My Vim Colorscheme is just a default one, its ugly\n\nOnce you do this you should see the following menu\n\n![Plug Result](./images/plug-install.png)\n\nNow we can execute `:GFiles`, lets give it a try in `vim-nav-playground`.\n\n![FZF Result](./images/fzf-results.png)\n\n### WHAT HAVE I TAUGHT YOU?\nWhat should we do now?\n\n* M A K E _ A _ R E M A P\n\n```viml\nnnoremap <C-p> :GFiles<CR>\n```\n\n### Recap\n* We got a plugin manager that makes installing plugins easy!  You just need\n  the path on github to install new ones.\n\n* We installed FZF, made a remap! then showed how awesome it is.\n\n"
  },
  {
    "path": "lessons/quickfix.md",
    "content": "---\npath: \"/quickfix\"\ntitle: \"Quickfix Intro\"\norder: \"40A\"\nsection: \"Quickfix Lists\"\ndescription: \"One of the last components of the vim experience.\"\n---\n\nQuickfix lists were very mysterious to me when I started with vim.  I knew that\nthere was a list of items and that it would pop up and if I left them I didn't\nknow how to go back.  Little did I know how useful they are, especially when\nnavigating histories, such as git.\n\nLets create a quick quickfix\n\nopen up vim in the root of `vim-nav-playground`\n\n```bash\nvim .\n```\n\nnow execute\n\n```viml\n:grep SOCKET_OPEN **/*.(c\\|h)\n```\n\nYou should see something like this:\n\n![QuickFix Result](images/quickfix-grep-result.png)\n\nOnce you press `<CR>` you will see that the results disappear and you are\nnavigated to the first result.  What should you do?  The proper answer is\nconsult the `:h quickfix` page, but since I am here, let me walk you through\nsome actions.\n\nWhen dealing with a quickfix you need 3 commands primarily, `:copen`, `:cnext`,\nand `:cprev`.  Lets try `:copen` first.  Once you have executed it you should\nsee the following.\n\n![QuickFix Open](images/quickfix-open.png)\n\nLets select the other option.  This will cause the above buffer to navigate and\nthe quickfix list will remain open.  Oh no, how do we get back to the quickfix\nlist?\n\nyou could navigate back by executing a copen\n```viml\n:copen\n```\n\nyou could force navigate back by closing the current window.  There is nothing\nleft but going back to the remaining buffer that is open.\n```viml\n:q\n```\n\nYou can window navigate.  You can start a window navigation by pressing\n`<C-w>`.  What do you think you should press next to navigate towards the\nquickfix menu?\n\nIf you said `j` you are awesome.  YES!  Use your vim movements you already\nknow!  Don't you love when things come full circle!\n\nAnywho, so you can guess you can move betwixt splits by press `<C-w>` and `h`,\n`j`, `k`, or `l`.  This is great, but it kind of sucks.\n\n\n### WHAT DO WE DO NOW???\nIf I have to say make a remap one more time.\n\n```viml\n\" I don't know if I love these remaps yet.  I am considering doing\n\" <leader>c(k|j|o)\nnnoremap <C-k> :cnext<CR>\nnnoremap <C-j> :cprev<CR>\nnnoremap <C-E> :copen<CR>\n```\n\n"
  },
  {
    "path": "lessons/some-javascript.md",
    "content": "---\npath: \"/some-javascript\"\ntitle: \"some javascript\"\norder: \"72A\"\nsection: \"Misc Content\"\ndescription: \"This is the first exercise to try out.\"\n---\n\n// Delete the description.\n// That seems slow right?\n// <count>Delete\n// try typing, with your cursor on the first line the following.\n// 7dd\n// What does that mean about j and k?\n// But we have a problem down we?\nfunction foo(a, b, c) {\n\tswitch (a) {\n\t\tcase 1: \n\t\t\treturn b + c;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\treturn a * b + c;\n\t}\n\n\tthrow new Error(\"This should never happen\");\n}\n\nif (true) {\n\tconsole.log(foo(1, 5, 7));\n}\n\n"
  },
  {
    "path": "lessons/terminology.md",
    "content": "---\npath: \"/terms\"\ntitle: \"The Terminology\"\norder: \"2A\"\ndescription: \"This goes over some basic vocabulary that will be used\"\nsection: \"Introduction\"\n---\n\n## Files, Buffers, Windows, Splits, and Tabs\nWe all know what files are (or so you think [LiveOverflow's Video on\nFiles](https://www.youtube.com/watch?v=VVdmmN0su6E)) but there is a bit more\nwhen it comes to how vim handles them.\n\n### Buffer\nA buffer contains the text of the file and is what you edit.\n\n`:h buffer`\n\n### Window\nContains a buffer to display.  Windows can be closed but the underlying buffer\ncan remain in memory.\n\n`:h window`\n\n### Tabs\nA tab is like another viewport.  You can have many windows|splits open per tab.\n\n`:h tab`\n\n### Splits\nA split simply refers to splitting the viewport in N sections (various sizing\nand orientations available) to display windows.\n\n`:h split`\n\n## Other Terminology\n![Terms](./images/view-and-terms.png)\n\n## Help Menu\nHelp menu can be accessed by typing `:h<enter>`.  There is _so much\ndocumentation_, that is pretty good, available.  If you find yourself lost,\nRTFM (at least that is what they tell me).\n\n## Motion\nA command that moves the cursor (taken straight from the help docs, `:h motion`).\n\n## Abbreviations\nCtrl+a will be abbreviated `<C-a>`.  This is also how its referenced in VimL,\nVim's editor language.\n\nEnter will often be abbr as `<CR>`\n\nTab, Escape, and space will be `<tab>`, `<esc>`, `<space>`\n\nWhen you see something that starts with a `:` that means it will execute a command.\n"
  },
  {
    "path": "lessons/vim-my-way.md",
    "content": "---\npath: \"/vim-my-way\"\ntitle: \"Vim My Way\"\norder: \"9A\"\ndescription: \"Ok, so vim looked pretty ugly.  Lets make it feel the way we want it!\"\nsection: \"The VimRC\"\n---\n\nOk, how much did you hate having to do the `zz`?  It is annoying.  Instead,\nlets tell vim to do it for us.\n\n```viml\n:set scrolloff=8\n```\n\nNow lets scroll around.  How does it feel.  SO GOOD.\n\n----\n\nLets quit out of our previous vim experience and curl down this file.\n\n```\ncurl https://raw.githubusercontent.com/ThePrimeagen/vim-fundamentals/master/course-website/lessons/some-javascript.md > exercise.js && vim exercise.js\n```\n\nAfter following the delete instructions you should notice that its really hard\nto count how many lines of code huh? Type the following\n\n```viml\n:set number\n```\n\nYou will notice a new column has been added and now you have line numbers!\nYeah its pretty easy to a jump, but also not all that easy.  Math can be hard\nsometimes.\n\n\n```viml\n\" sets relative numbers\n:set relativenumber\n\n\" turns off relative numbers\n:set norelativenumber\n```\n\nWow.  Much better huh?  You can jump easily now.  You may not be good at\njumping yet, but you can see its a lot easier.  Lets play around.  \n\nPut your cursor on `foo` and press `v10j`.  What happened?  Press `V` to\nhighlight the whole line.\n\nOk lets leave vim, `:q` and reopen back up the file either by reexecuting the\ncurl command or simply executing `vim exercise.js`\n\nWhat happened?\n\nCommands you execute only live for the session you have vim open.  This is\npainful right?  Well, actually not.  There is a `.vimrc`!  All is not horrible.\nSo lets create one!\n\nCreate a vimrc in the correct location with the following content.\n\n```viml\nset scrolloff=8\nset number\nset relativenumber\n```\n\nOpen up vim again.  Ohh yeah!  This is great, but those tabs have to go (tabs\nvs spaces anyone?)!  Add these lines to your vimrc and restart vim.\n\n```viml\nset tabstop=4 softtabstop=4\nset shiftwidth=4\nset expandtab\nset smartindent\n```\n\nNow restart vim... what just happened?  Pretty cool huh?\n\n### How do you know what is available?\n* You can google.  Sometimes that is a good thing.\n* `h options`\n* `h <tabcomplete or ctrl-d>`\n* `h <specific option name>`\n"
  },
  {
    "path": "package.json",
    "content": "{\n  \"name\": \"vim-fundamentals\",\n  \"description\": \"education site for VIM fundamentals\",\n  \"version\": \"1.0.0\",\n  \"author\": \"Brian Holt <btholt+course-starter@gmail.com>\",\n  \"dependencies\": {\n    \"bootstrap\": \"^5.1.3\",\n    \"code-mirror-themes\": \"^1.0.0\",\n    \"front-matter\": \"^4.0.2\",\n    \"gatsby\": \"^4.6.2\",\n    \"gatsby-cli\": \"^4.6.1\",\n    \"gatsby-link\": \"^4.6.0\",\n    \"gatsby-plugin-layout\": \"^3.6.0\",\n    \"gatsby-plugin-react-helmet\": \"^5.6.0\",\n    \"gatsby-plugin-sharp\": \"4.6.0\",\n    \"gatsby-remark-autolink-headers\": \"^5.6.0\",\n    \"gatsby-remark-copy-linked-files\": \"^5.6.0\",\n    \"gatsby-remark-images\": \"^6.6.0\",\n    \"gatsby-remark-prismjs\": \"^6.6.0\",\n    \"gatsby-source-filesystem\": \"^4.6.0\",\n    \"gatsby-transformer-remark\": \"^5.6.0\",\n    \"is-url-superb\": \"^6.1.0\",\n    \"parse-markdown-links\": \"^1.0.4\",\n    \"prismjs\": \"^1.26.0\",\n    \"react\": \"^17.0.2\",\n    \"react-dom\": \"^17.0.2\",\n    \"react-helmet\": \"^6.1.0\"\n  },\n  \"keywords\": [\n    \"gatsby\",\n    \"gatsby-starter\",\n    \"course\",\n    \"education\"\n  ],\n  \"license\": \"(CC-BY-NC-4.0 OR Apache-2.0)\",\n  \"main\": \"n/a\",\n  \"scripts\": {\n    \"build\": \"gatsby build --prefix-paths\",\n    \"csv\": \"node csv.js\",\n    \"dev\": \"gatsby develop\",\n    \"format\": \"prettier --write \\\"src/**/*.{js,jsx,md,css}\\\"\",\n    \"lint\": \"eslint \\\"src/**/*.{js,jsx}\\\"\"\n  },\n  \"devDependencies\": {\n    \"@babel/polyfill\": \"^7.12.1\",\n    \"babel-eslint\": \"^10.1.0\",\n    \"core-js\": \"^3.21.0\",\n    \"eslint\": \"^8.8.0\",\n    \"eslint-config-prettier\": \"^8.3.0\",\n    \"eslint-plugin-import\": \"^2.25.4\",\n    \"eslint-plugin-jsx-a11y\": \"^6.5.1\",\n    \"eslint-plugin-react\": \"^7.28.0\",\n    \"prettier\": \"^2.5.1\"\n  }\n}\n"
  },
  {
    "path": "save.sh",
    "content": "#!/usr/bin/env bash\ncp -r course-website/lessons/* lessons\n\n"
  },
  {
    "path": "src/components/TOCCard.css",
    "content": ".main-card {\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  width: 100%;\n  margin: 0;\n  overflow: hidden;\n  background-color: white;\n}\n\n.lesson-title {\n  font-size: 20px;\n  padding: 15px 30px;\n}\n\n.lesson-content {\n  padding: 0 15px 15px 15px;\n  line-height: 1.5;\n}\n\n.sections-name {\n  list-style: none;\n}\n\n.lesson-section-title {\n  margin-top: 25px;\n}\n"
  },
  {
    "path": "src/components/TOCCard.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport * as helpers from \"../util/helpers\";\nimport \"./TOCCard.css\";\n\nconst sortFn = helpers.sorter;\n\nconst LessonCard = ({ content, title }) => {\n  console.log(sortFn);\n\n  const sections = content\n    .map(lesson => lesson.node.frontmatter)\n    .sort(sortFn)\n    .reduce((acc, lesson) => {\n      if (!acc.length) {\n        acc.push([lesson]);\n        return acc;\n      }\n\n      const lastSection = acc[acc.length - 1][0].section.split(\",\")[0];\n      if (lastSection === lesson.section.split(\",\")[0]) {\n        acc[acc.length - 1].push(lesson);\n      } else {\n        acc.push([lesson]);\n      }\n\n      return acc;\n    }, []);\n\n  return (\n    <div className=\"main-card\">\n      <h1 className=\"lesson-title gradient\">{title}</h1>\n      <div className=\"lesson-content\">\n        <ol className=\"sections-name\">\n          {sections.map(section => (\n            <li key={section[0].section}>\n              <h3 className=\"lesson-section-title\">{section[0].section}</h3>\n              <ol>\n                {section.map(lesson => (\n                  <li key={lesson.path}>\n                    <Link to={lesson.path}>{lesson.title}</Link>\n                  </li>\n                ))}\n              </ol>\n            </li>\n          ))}\n        </ol>\n      </div>\n    </div>\n  );\n};\n\nexport default LessonCard;\n"
  },
  {
    "path": "src/layouts/index.css",
    "content": ".gradient {\n  background: rgb(96, 108, 136);\n  background: linear-gradient(\n    to bottom,\n    rgb(96, 108, 136) 0%,\n    rgb(63, 76, 107) 100%\n  );\n}\n\n.navbar {\n  border-bottom: 1px solid #ccc;\n  position: fixed;\n  width: 100%;\n  top: 0;\n  z-index: 10;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 0.5rem 1rem;\n}\n\n.navbar h1 {\n  font-size: 20px;\n  margin: inherit;\n  padding: inherit;\n  font-weight: bold;\n}\n\n.navbar h2,\n.navbar h3 {\n  font-size: 14px;\n  margin: inherit;\n  padding: inherit;\n  text-transform: uppercase;\n  color: white;\n}\n\n.button {\n  border-radius: 10px;\n  background: black;\n  color: white;\n  padding: 15px 20px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-decoration: none;\n}\n\n.button a {\n  color: white;\n  text-decoration: none;\n}\n\n.button a:hover {\n  text-decoration: underline;\n}\n\n.jumbotron.gradient {\n  color: white;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.jumbotron {\n  padding: 2rem 1rem;\n  margin-bottom: 2rem;\n  background-color: #e9ecef;\n  border-radius: .3rem;\n}\n\n@media (min-width: 576px) {\n  .jumbotron {\n    padding: 4rem 2rem;\n  }\n}\n\n.navbar-brand.navbar-brand {\n  text-transform: uppercase;\n  color: white;\n  font-weight: bold;\n}\n\n.navbar-brand.navbar-brand:hover {\n  color: #777;\n}\n\n.navbar-brand.navbar-brand:focus {\n  color: white;\n}\n\n.lesson {\n  margin: 15px;\n  padding: 15px;\n  background-color: #fff;\n  border-radius: 8px;\n  overflow: scroll;\n}\n\n.lesson p {\n  clear: both;\n}\n\n.lesson-links {\n  font-size: 18px;\n  padding: 15px 0;\n  margin: 20px;\n}\n\n.next {\n  float: right;\n}\n\n.prev {\n  float: left;\n}\n\n.lesson-title {\n  color: white;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n.klipse-result {\n  border: 1px solid #90b4fe;\n  padding-top: 8px;\n  position: relative;\n  width: 100%;\n}\n\n.klipse-result .CodeMirror-wrap {\n  width: 100%;\n  border-color: transparent;\n}\n\n.klipse-result::before {\n  content: \"result\";\n  background-color: white;\n  position: absolute;\n  top: -13px;\n  height: 13px;\n}\n\n.language-htm,\n.language-css,\n.language-js,\n.language-json {\n  width: 100%;\n}\n\n.gatsby-highlight {\n  /* border: 1px solid black; */\n  padding: 4px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: space-between;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n.CodeMirror-wrap {\n  width: 100%;\n  font-size: 12px;\n  height: inherit;\n  margin-bottom: 12px;\n}\n\n.CodeMirror-gutters {\n  height: inherit !important;\n}\n\n.klipse-snippet > .CodeMirror {\n  border: none;\n  width: 100%;\n}\n\n.gatsby-highlight > .klipse-snippet {\n  border: 1px solid #90b4fe;\n  width: 100%;\n  border-right: none;\n  position: relative;\n  margin-bottom: 15px;\n}\n\n.doggos {\n  width: 100%;\n  border: 1px solid #666;\n  border-radius: 5px;\n}\n"
  },
  {
    "path": "src/layouts/index.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport Helmet from \"react-helmet\";\nimport { graphql, StaticQuery } from \"gatsby\";\n\nimport \"bootstrap/dist/css/bootstrap.css\";\nimport \"prismjs/themes/prism-solarizedlight.css\";\nimport \"code-mirror-themes/themes/monokai.css\";\nimport \"./index.css\";\n\n// import jpg from \"../../static/posterframe.jpg\";\n\nconst TemplateWrapper = props => {\n  return (\n    <StaticQuery\n      render={data => {\n        const frontmatter =\n          props.data && props.data.markdownRemark\n            ? props.data.markdownRemark.frontmatter\n            : null;\n\n        return (\n          <div>\n            <Helmet\n              title={\n                frontmatter\n                  ? `${frontmatter.title} – ${frontmatter.section} – ${data.site.siteMetadata.title}`\n                  : data.site.siteMetadata.title\n              }\n              meta={[\n                {\n                  name: \"og:title\",\n                  content: frontmatter\n                    ? `${frontmatter.title} – ${frontmatter.section} – ${data.site.siteMetadata.title}`\n                    : data.site.siteMetadata.title\n                },\n                {\n                  name: \"description\",\n                  content: frontmatter\n                    ? frontmatter.description\n                    : data.site.siteMetadata.description\n                },\n                {\n                  name: \"og:description\",\n                  content: frontmatter\n                    ? frontmatter.description\n                    : data.site.siteMetadata.description\n                },\n                {\n                  name: \"twitter:card\",\n                  content: \"summary_large_image\"\n                },\n                // {\n                //   name: \"og:image\",\n                //   content: \"https://btholt.github.io\" + jpg\n                // },\n                // {\n                //   name: \"og:url\",\n                //   content:\n                //     \"https://btholt.github.io/complete-intro-to-containers\" +\n                //     (frontmatter && frontmatter.path ? frontmatter.path : \"\")\n                // },\n                {\n                  name: \"keywords\",\n                  content: data.site.siteMetadata.keywords.join(\", \")\n                },\n                {}\n              ]}\n            />\n            <div className=\"navbar navbar-light gradient\">\n              <Link to=\"/\" className=\"navbar-brand\">\n                <h1>{data.site.siteMetadata.title}</h1>\n              </Link>\n              {!frontmatter ? null : (\n                <h2>{`${frontmatter.section} – ${frontmatter.title}`}</h2>\n              )}\n              <h3 class=\"button\"><a href=\"https://frontendmasters.com/courses/vim-fundamentals/\">VIM Course Videos&nbsp;▶️&nbsp;</a></h3>\n            </div>\n            <div className=\"main\">{props.children}</div>\n          </div>\n        );\n      }}\n      query={graphql`\n        query HomePage($path: String!) {\n          markdownRemark(frontmatter: { path: { eq: $path } }) {\n            html\n            frontmatter {\n              path\n              title\n              order\n              section\n              description\n            }\n          }\n          site {\n            pathPrefix\n            siteMetadata {\n              title\n              subtitle\n              description\n              keywords\n            }\n          }\n        }\n      `}\n    />\n  );\n};\n\nexport default TemplateWrapper;\n"
  },
  {
    "path": "src/pages/404.js",
    "content": "import React from \"react\";\n\nconst NotFoundPage = () => (\n  <div>\n    <h1>NOT FOUND</h1>\n    <p>You just hit a route that doesn&#39;t exist... the sadness.</p>\n  </div>\n);\n\nexport default NotFoundPage;\n"
  },
  {
    "path": "src/pages/index.css",
    "content": "body {\n  background-color: #eee;\n}\n\n.index {\n  width: 97%;\n  max-width: 750px;\n  margin: 0 auto;\n  margin-top: 40px;\n}\n\n.main {\n  margin-top: 80px;\n}\n\n.example-table {\n  border-collapse: separate;\n}\n\n.example-table td {\n  border: 1px solid black;\n  width: 20px;\n  height: 20px;\n}\n\n.example-table .current {\n  background-color: #fcc;\n}\n\n.example-table .n {\n  border-top-color: transparent;\n}\n\n.example-table .s {\n  border-bottom-color: transparent;\n}\n\n.example-table .e {\n  border-right-color: transparent;\n}\n\n.example-table .w {\n  border-left-color: transparent;\n}\n\n.lesson-container {\n  max-width: 850px;\n  margin: 0 auto;\n}\n\n.lesson {\n  margin: 20px;\n}\n\n.lesson-content {\n  padding: 20px;\n}\n\n.lesson h1 {\n  margin: 0;\n  padding: 20px;\n}\n\n.lesson-content table {\n}\n\n.lesson-content td {\n  border: 1px solid black;\n  padding: 8px;\n}\n\n.lesson-content td input {\n  min-width: 300px;\n}\n\n.lesson-flex {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n.random-tweet {\n  width: 100%;\n  margin-top: 100px;\n}\n\n.fem-link {\n  text-align: center;\n}\n"
  },
  {
    "path": "src/pages/index.js",
    "content": "import React from \"react\";\nimport { StaticQuery, graphql } from \"gatsby\";\nimport Card from \"../components/TOCCard\";\n\nimport \"./index.css\";\n\nconst IndexPage = () => (\n  <StaticQuery\n    query={graphql`\n      query HomepageTOC {\n        site {\n          siteMetadata {\n            title\n            subtitle\n            description\n            keywords\n          }\n        }\n        allMarkdownRemark(sort: { order: ASC, fields: [frontmatter___order] }) {\n          edges {\n            node {\n              id\n              frontmatter {\n                order\n                path\n                title\n                section\n                description\n              }\n            }\n          }\n        }\n      }\n    `}\n    render={props => (\n      <div className=\"index\">\n        <div className=\"jumbotron gradient\">\n          <h1>{props.site.siteMetadata.title}</h1>\n          <h2>{props.site.siteMetadata.subtitle}</h2>\n        </div>\n\n        <Card\n          title=\"Table of Contents\"\n          content={props.allMarkdownRemark.edges}\n        />\n      </div>\n    )}\n  />\n);\n\nexport default IndexPage;\n"
  },
  {
    "path": "src/templates/lessonTemplate.js",
    "content": "import React from \"react\";\nimport Link from \"gatsby-link\";\nimport { graphql } from \"gatsby\";\nimport * as helpers from \"../util/helpers\";\n\nconst sortFn = helpers.sorter;\n\nexport default function Template(props) {\n  let { markdownRemark, allMarkdownRemark } = props.data; // data.markdownRemark holds our post data\n\n  const sections = allMarkdownRemark.edges\n    .map(lesson => lesson.node.frontmatter)\n    .sort(sortFn);\n\n  const { frontmatter, html } = markdownRemark;\n\n  const index = sections.findIndex(el => el.path === frontmatter.path);\n\n  const prevLink =\n    index > 0 ? (\n      <Link className=\"prev\" to={sections[index - 1].path}>\n        {\"← \" + sections[index - 1].title}\n      </Link>\n    ) : null;\n  const nextLink =\n    index < sections.length - 1 ? (\n      <Link className=\"next\" to={sections[index + 1].path}>\n        {sections[index + 1].title + \" →\"}\n      </Link>\n    ) : null;\n  return (\n    <div className=\"lesson-container\">\n      <div className=\"lesson\">\n        <h1>{frontmatter.title}</h1>\n        <h2>{frontmatter.date}</h2>\n        <div\n          className=\"lesson-content\"\n          dangerouslySetInnerHTML={{ __html: html }}\n        />\n        <div className=\"lesson-links\">\n          {prevLink}\n          {nextLink}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport const pageQuery = graphql`\n  query LessonByPath($path: String!) {\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      frontmatter {\n        path\n        title\n        order\n        section\n        description\n      }\n    }\n    allMarkdownRemark(limit: 1000) {\n      edges {\n        node {\n          frontmatter {\n            order\n            path\n            title\n          }\n        }\n      }\n    }\n  }\n`;\n"
  },
  {
    "path": "src/util/helpers.js",
    "content": "function splitSections(str) {\n  const validSectionTest = /^\\d+[A-Z]+$/;\n  const numbersRegex = /^\\d+/;\n  const lettersRegex = /[A-Z]+$/;\n  if (!validSectionTest.test(str)) {\n    throw new Error(\n      `${str} does not match the section format. It must be <numbers><capital letters>, like 16A or 5F (case sensitive)`\n    );\n  }\n\n  return [numbersRegex.exec(str)[0], lettersRegex.exec(str)[0]];\n}\n\nconst getCharScore = str =>\n  str\n    .split(\"\")\n    .map((char, index) => char.charCodeAt(0) * 10 ** index)\n    .reduce((acc, score) => acc + score);\n\nfunction sorter(a, b) {\n  let aOrder, bOrder;\n\n  if (a.attributes && a.attributes.order) {\n    aOrder = a.attributes.order;\n    bOrder = b.attributes.order;\n  } else {\n    aOrder = a.order;\n    bOrder = b.order;\n  }\n\n  const [aSec, aSub] = splitSections(aOrder);\n  const [bSec, bSub] = splitSections(bOrder);\n\n  // sections first\n  if (aSec !== bSec) {\n    return aSec - bSec;\n  }\n\n  // subsections next\n  return getCharScore(aSub) - getCharScore(bSub);\n}\n\nmodule.exports.splitSections = splitSections;\nmodule.exports.sorter = sorter;\n"
  },
  {
    "path": "todo.md",
    "content": "* Recap Basics\n* Recap Help / Options\n* Execution Flow\n\n\n"
  }
]