[
  {
    "path": ".editorconfig",
    "content": "# EditorConfig is awesome: https://EditorConfig.org\n\n# top-most EditorConfig file\nroot = true\n\n[*]\nindent_style = space\nindent_size = 2\nend_of_line = lf\ncharset = utf-8\ntrim_trailing_whitespace = true\ninsert_final_newline = true\n"
  },
  {
    "path": ".github/CODEOWNERS",
    "content": "# ----------------------------------------------------------------------------\n# CODEOWNERS\n# ----------------------------------------------------------------------------\n# Order is important. The last matching pattern takes precedence.\n# See: https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-code-owners\n# ----------------------------------------------------------------------------\n\n/.github/workflows/ @mdn/engineering\n/.github/CODEOWNERS @mdn/engineering\n/SECURITY.md @mdn/engineering\n"
  },
  {
    "path": ".github/ISSUE_TEMPLATE/bug.yml",
    "content": "name: \"Bug report\"\ndescription: Report an unexpected problem or unintended behavior.\nlabels: [\"needs triage\"]\nbody:\n  - type: markdown\n    attributes:\n      value: |\n        ### Before you start\n\n        **Want to fix the problem yourself?** This project is open source and we welcome fixes and improvements from the community!\n\n        ↩ Check the project [CONTRIBUTING.md](../blob/main/CONTRIBUTING.md) guide to see how to get started.\n\n        ---\n  - type: textarea\n    id: problem\n    attributes:\n      label: What information was incorrect, unhelpful, or incomplete?\n    validations:\n      required: true\n  - type: textarea\n    id: expected\n    attributes:\n      label: What did you expect to see?\n    validations:\n      required: true\n  - type: textarea\n    id: references\n    attributes:\n      label: Do you have any supporting links, references, or citations?\n      description: Link to information that helps us confirm your issue.\n  - type: textarea\n    id: more-info\n    attributes:\n      label: Do you have anything more you want to share?\n      description: For example, steps to reproduce a bug, screenshots, screen recordings, or sample code\n"
  },
  {
    "path": ".github/ISSUE_TEMPLATE/config.yml",
    "content": "blank_issues_enabled: true\ncontact_links:\n  - name: Content or feature request\n    url: https://github.com/mdn/mdn/issues/new/choose\n    about: Propose new content for MDN Web Docs or submit a feature request using this link.\n  - name: MDN GitHub Discussions\n    url: https://github.com/orgs/mdn/discussions\n    about: Does the issue involve a lot of changes, or is it hard to split it into actionable tasks? Start a discussion before opening an issue.\n  - name: MDN Web Docs on Discourse\n    url: https://discourse.mozilla.org/c/mdn/learn/250\n    about: Need help with assessments on MDN Web Docs? We have a support community for this purpose on Discourse.\n  - name: Help with code\n    url: https://stackoverflow.com/\n    about: If you are stuck and need help with code, StackOverflow is a great resource.\n"
  },
  {
    "path": ".github/PULL_REQUEST_TEMPLATE",
    "content": "<!-- 🙌 Thanks for contributing! Adding details below will help us to merge your PR faster. -->\n\n### Description\n\n<!-- ✍️ Summarize your changes in one or two sentences -->\n\n### Motivation\n\n<!-- ❓ Why are you making these changes and how do they help? -->\n\n### Additional details\n\n<!-- 🔗 Link to documentation, bug trackers, source control, or other places providing more context -->\n\n### Related issues and pull requests\n\n<!-- 🔨 If this fully resolves a GitHub issue, use \"Fixes #123\" -->\n<!-- 👉 Highlight related pull requests using \"Relates to #123\" -->\n<!-- ❗ If another pull request should be merged first, use \"**Depends on:** #123\" -->\n"
  },
  {
    "path": ".github/dependabot.yml",
    "content": "version: 2\nupdates:\n  - package-ecosystem: github-actions\n    directory: /\n    schedule:\n      interval: weekly\n    commit-message:\n      prefix: \"ci(deps): \"\n"
  },
  {
    "path": ".github/labels.json",
    "content": "[\n  {\n    \"name\": \"good first issue\",\n    \"color\": \"028c46\",\n    \"description\": \"A good issue for newcomers to get started with.\"\n  },\n  {\n    \"name\": \"help wanted\",\n    \"color\": \"028c46\",\n    \"description\": \"If you know something about this, we would love your help!\"\n  },\n  {\n    \"name\": \"needs info\",\n    \"color\": \"028c46\",\n    \"description\": \"This needs more information to review or act on.\"\n  },\n  {\n    \"name\": \"needs triage\",\n    \"color\": \"028c46\",\n    \"description\": \"Triage needed by staff and/or partners. Automatically applied when an issue is opened.\"\n  },\n  {\n    \"name\": \"expert help needed\",\n    \"color\": \"028c46\",\n    \"description\": \"This needs more information from a subject matter expert (SME).\"\n  },\n  {\n    \"name\": \"idle\",\n    \"color\": \"028c46\",\n    \"description\": \"Issues and pull requests with no activity for three months.\"\n  },\n  {\n    \"name\": \"on hold\",\n    \"color\": \"028c46\",\n    \"description\": \"Waiting on something else before this can be moved forward.\"\n  },\n  {\n    \"name\": \"for later\",\n    \"color\": \"028c46\",\n    \"description\": \"Not planned at this time.\"\n  },\n  {\n    \"name\": \"needs content update\",\n    \"color\": \"028c46\",\n    \"description\": \"Needs update to the content to support this change.\"\n  },\n  {\n    \"name\": \"chore\",\n    \"color\": \"028c46\",\n    \"description\": \"A routine task.\"\n  },\n  {\n    \"name\": \"enhancement\",\n    \"color\": \"028c46\",\n    \"description\": \"Improves an existing feature.\"\n  },\n  {\n    \"name\": \"bug\",\n    \"color\": \"c05964\",\n    \"description\": \"Indicates an unexpected problem or unintended behavior.\"\n  },\n  {\n    \"name\": \"wontfix\",\n    \"color\": \"c05964\",\n    \"description\": \"Deemed to be outside the scope of the project or would require significant time and resources to fix.\"\n  },\n  {\n    \"name\": \"effort: small\",\n    \"color\": \"866dc1\",\n    \"description\": \"Task is a small effort.\"\n  },\n  {\n    \"name\": \"effort: medium\",\n    \"color\": \"866dc1\",\n    \"description\": \"Task is a medium effort.\"\n  },\n  {\n    \"name\": \"effort: large\",\n    \"color\": \"866dc1\",\n    \"description\": \"Task is large effort.\"\n  },\n  {\n    \"name\": \"p0\",\n    \"color\": \"6e8bc1\",\n    \"description\": \"Urgent. We will address this as soon as possible.\"\n  },\n  {\n    \"name\": \"p1\",\n    \"color\": \"6e8bc1\",\n    \"description\": \"We will address this soon and will provide capacity from our team for it in the next few releases.\"\n  },\n  {\n    \"name\": \"p2\",\n    \"color\": \"6e8bc1\",\n    \"description\": \"We want to address this but may have other higher priority items.\"\n  },\n  {\n    \"name\": \"p3\",\n    \"color\": \"6e8bc1\",\n    \"description\": \"We don't have visibility when this will be addressed.\"\n  }\n]\n"
  },
  {
    "path": ".prettierrc.json",
    "content": "{}\n"
  },
  {
    "path": "CODEOWNERS",
    "content": "# These owners are the default owners for everything in this repo.\n* @mdn/content-team\n"
  },
  {
    "path": "CODE_OF_CONDUCT.md",
    "content": "# Community Participation Guidelines\n\nThis repository is governed by Mozilla's code of conduct and etiquette guidelines. \nFor more details, please read the\n[Mozilla Community Participation Guidelines](https://www.mozilla.org/about/governance/policies/participation/). \n\n## How to Report\nFor more information on how to report violations of the Community Participation Guidelines, please read our '[How to Report](https://www.mozilla.org/about/governance/policies/participation/reporting/)' page.\n\n<!--\n## Project Specific Etiquette\n\nIn some cases, there will be additional project etiquette i.e.: (https://bugzilla.mozilla.org/page.cgi?id=etiquette.html).\nPlease update for your project.\n-->\n"
  },
  {
    "path": "CONTRIBUTING.md",
    "content": "# Contribution guide\n\n![github-profile](https://user-images.githubusercontent.com/10350960/166113119-629295f6-c282-42c9-9379-af2de5ad4338.png)\n\n- [Ways to contribute](#ways-to-contribute)\n- [Finding an issue](#finding-an-issue)\n- [Asking for help](#asking-for-help)\n- [Pull request process](#pull-request-process)\n- [Forking and cloning the project](#forking-and-cloning-the-project)\n\nWelcome 👋 Thank you for your interest in contributing to MDN Web Docs. We are happy to have you join us! 💖\n\nAs you get started, you are in the best position to give us feedback on project areas we might have forgotten about or assumed to work well.\nThese include, but are not limited to:\n\n- Problems found while setting up a new developer environment\n- Gaps in our documentation\n- Bugs in our automation scripts\n\nIf anything doesn't make sense or work as expected, please open an issue and let us know!\n\n## Ways to contribute\n\nWe welcome many different types of contributions including:\n\n- Identifying and filing issues.\n- Providing feedback on existing issues.\n- Engaging with the community and answering questions.\n- Contributing documentation or code.\n- Promoting the project in personal circles and social media.\n\n## Finding an issue\n\nWe have issues labeled `good first issue` for new contributors and `help wanted` suitable for any contributor.\nGood first issues have extra information to help you make your first contribution a success.\nHelp wanted issues are ideal when you feel a bit more comfortable with the project details.\n\nSometimes there won't be any issues with these labels, but there is likely still something for you to work on.\nIf you want to contribute but don't know where to start or can't find a suitable issue, speak to us on [Matrix](https://matrix.to/#/#mdn:mozilla.org), and we will be happy to help.\n\nOnce you find an issue you'd like to work on, please post a comment saying you want to work on it.\nSomething like \"I want to work on this\" is fine.\nAlso, mention the community team using the `@mdn/community` handle to ensure someone will get back to you.\n\n## Asking for help\n\nThe best way to reach us with a question when contributing is to use the following channels in the following order of precedence:\n\n- [Start a discussion](https://github.com/orgs/mdn/discussions)\n- Ask your question or highlight your discussion on [Matrix](https://matrix.to/#/#mdn:mozilla.org).\n- File an issue and tag the community team using the `@mdn/community` handle.\n\n## Pull request process\n\nThe MDN Web Docs project has a well-defined pull request process which is documented in the [Pull request guidelines](https://developer.mozilla.org/en-US/docs/MDN/Community/Pull_requests).\nMake sure you read and understand this process before you start working on a pull request.\n\n## Forking and cloning the project\n\nThe first step in setting up your development environment is to [fork the repository](https://docs.github.com/en/get-started/quickstart/fork-a-repo) and [clone](https://docs.github.com/en/get-started/quickstart/fork-a-repo#cloning-your-forked-repository) the repository to your local machine.\n"
  },
  {
    "path": "LICENSE",
    "content": "CC0 1.0 Universal\n\nStatement of Purpose\n\nThe laws of most jurisdictions throughout the world automatically confer\nexclusive Copyright and Related Rights (defined below) upon the creator and\nsubsequent owner(s) (each and all, an \"owner\") of an original work of\nauthorship and/or a database (each, a \"Work\").\n\nCertain owners wish to permanently relinquish those rights to a Work for the\npurpose of contributing to a commons of creative, cultural and scientific\nworks (\"Commons\") that the public can reliably and without fear of later\nclaims of infringement build upon, modify, incorporate in other works, reuse\nand redistribute as freely as possible in any form whatsoever and for any\npurposes, including without limitation commercial purposes. These owners may\ncontribute to the Commons to promote the ideal of a free culture and the\nfurther production of creative, cultural and scientific works, or to gain\nreputation or greater distribution for their Work in part through the use and\nefforts of others.\n\nFor these and/or other purposes and motivations, and without any expectation\nof additional consideration or compensation, the person associating CC0 with a\nWork (the \"Affirmer\"), to the extent that he or she is an owner of Copyright\nand Related Rights in the Work, voluntarily elects to apply CC0 to the Work\nand publicly distribute the Work under its terms, with knowledge of his or her\nCopyright and Related Rights in the Work and the meaning and intended legal\neffect of CC0 on those rights.\n\n1. Copyright and Related Rights. A Work made available under CC0 may be\nprotected by copyright and related or neighboring rights (\"Copyright and\nRelated Rights\"). Copyright and Related Rights include, but are not limited\nto, the following:\n\n  i. the right to reproduce, adapt, distribute, perform, display, communicate,\n  and translate a Work;\n\n  ii. moral rights retained by the original author(s) and/or performer(s);\n\n  iii. publicity and privacy rights pertaining to a person's image or likeness\n  depicted in a Work;\n\n  iv. rights protecting against unfair competition in regards to a Work,\n  subject to the limitations in paragraph 4(a), below;\n\n  v. rights protecting the extraction, dissemination, use and reuse of data in\n  a Work;\n\n  vi. database rights (such as those arising under Directive 96/9/EC of the\n  European Parliament and of the Council of 11 March 1996 on the legal\n  protection of databases, and under any national implementation thereof,\n  including any amended or successor version of such directive); and\n\n  vii. other similar, equivalent or corresponding rights throughout the world\n  based on applicable law or treaty, and any national implementations thereof.\n\n2. Waiver. To the greatest extent permitted by, but not in contravention of,\napplicable law, Affirmer hereby overtly, fully, permanently, irrevocably and\nunconditionally waives, abandons, and surrenders all of Affirmer's Copyright\nand Related Rights and associated claims and causes of action, whether now\nknown or unknown (including existing as well as future claims and causes of\naction), in the Work (i) in all territories worldwide, (ii) for the maximum\nduration provided by applicable law or treaty (including future time\nextensions), (iii) in any current or future medium and for any number of\ncopies, and (iv) for any purpose whatsoever, including without limitation\ncommercial, advertising or promotional purposes (the \"Waiver\"). Affirmer makes\nthe Waiver for the benefit of each member of the public at large and to the\ndetriment of Affirmer's heirs and successors, fully intending that such Waiver\nshall not be subject to revocation, rescission, cancellation, termination, or\nany other legal or equitable action to disrupt the quiet enjoyment of the Work\nby the public as contemplated by Affirmer's express Statement of Purpose.\n\n3. Public License Fallback. Should any part of the Waiver for any reason be\njudged legally invalid or ineffective under applicable law, then the Waiver\nshall be preserved to the maximum extent permitted taking into account\nAffirmer's express Statement of Purpose. In addition, to the extent the Waiver\nis so judged Affirmer hereby grants to each affected person a royalty-free,\nnon transferable, non sublicensable, non exclusive, irrevocable and\nunconditional license to exercise Affirmer's Copyright and Related Rights in\nthe Work (i) in all territories worldwide, (ii) for the maximum duration\nprovided by applicable law or treaty (including future time extensions), (iii)\nin any current or future medium and for any number of copies, and (iv) for any\npurpose whatsoever, including without limitation commercial, advertising or\npromotional purposes (the \"License\"). The License shall be deemed effective as\nof the date CC0 was applied by Affirmer to the Work. Should any part of the\nLicense for any reason be judged legally invalid or ineffective under\napplicable law, such partial invalidity or ineffectiveness shall not\ninvalidate the remainder of the License, and in such case Affirmer hereby\naffirms that he or she will not (i) exercise any of his or her remaining\nCopyright and Related Rights in the Work or (ii) assert any associated claims\nand causes of action with respect to the Work, in either case contrary to\nAffirmer's express Statement of Purpose.\n\n4. Limitations and Disclaimers.\n\n  a. No trademark or patent rights held by Affirmer are waived, abandoned,\n  surrendered, licensed or otherwise affected by this document.\n\n  b. Affirmer offers the Work as-is and makes no representations or warranties\n  of any kind concerning the Work, express, implied, statutory or otherwise,\n  including without limitation warranties of title, merchantability, fitness\n  for a particular purpose, non infringement, or the absence of latent or\n  other defects, accuracy, or the present or absence of errors, whether or not\n  discoverable, all to the greatest extent permissible under applicable law.\n\n  c. Affirmer disclaims responsibility for clearing rights of other persons\n  that may apply to the Work or any use thereof, including without limitation\n  any person's Copyright and Related Rights in the Work. Further, Affirmer\n  disclaims responsibility for obtaining any necessary consents, permissions\n  or other rights required for any use of the Work.\n\n  d. Affirmer understands and acknowledges that Creative Commons is not a\n  party to this document and has no duty or obligation with respect to this\n  CC0 or use of the Work.\n\nFor more information, please see\n<http://creativecommons.org/publicdomain/zero/1.0/>\n"
  },
  {
    "path": "README.md",
    "content": "# Beginner HTML (HyperText Markup Language) site scripted\n\nA simple one page website created to help complete beginners learn HTML basics, which in this repo has also had some script added to help beginners learn JavaScript basics. The scripting is explained over the course of the [JavaScript basics](https://developer.mozilla.org/en-US/Learn/Getting_started_with_the_web/JavaScript_basics) course. \n\n## Live site\n\n[Run the example live](https://mdn.github.io/beginner-html-site-scripted/).\n"
  },
  {
    "path": "REVIEWING.md",
    "content": "# Reviewing guide\n\n## Values and guidelines\n\nAll reviewers must abide by the [Code of Conduct](CODE_OF_CONDUCT.md); they are also protected by the Code of Conduct.\nA reviewer should not tolerate poor behavior and is encouraged to [report any behavior](CODE_OF_CONDUCT.md#Reporting_violations) that violates the Code of Conduct.\n\nEveryone participating must follow our [Community Participation Guidelines](CODE_OF_CONDUCT.md#Community_Participation_Guidelines)\n\n## Review process\n\nThe MDN Web Docs team has a well-defined review process that must be followed by reviewers in all repositories under the GitHub MDN organization.\nThis process is described in detail on the [Pull request guidelines](https://developer.mozilla.org/en-US/docs/MDN/Community/Pull_requests) page.\n"
  },
  {
    "path": "SECURITY.md",
    "content": "# Security Policy\n\n## Overview\n\nThis policy applies to MDN's website (`developer.mozilla.org`), backend services, and GitHub repositories in the [`mdn`](https://github.com/mdn) organization. Issues affecting other Mozilla products or services should be reported through the [Mozilla Security Bug Bounty Program](https://www.mozilla.org/en-US/security/bug-bounty/).\n\nFor non-security issues, please file a [content bug](https://github.com/mdn/content/issues/new/choose), a [website bug](https://github.com/mdn/fred/issues/new/choose) or a [content/feature suggestion](https://github.com/mdn/mdn/issues/new/choose).\n\n## Reporting a Vulnerability\n\nIf you discover a potential security issue, please report it privately via <https://hackerone.com/mozilla>.\n\nIf you prefer not to use HackerOne, you can report it via <https://bugzilla.mozilla.org/form.web.bounty>.\n\n## Bounty Program\n\nVulnerabilities in MDN may qualify for Mozilla's Bug Bounty Program. Eligibility and reward amounts are described on <https://hackerone.com/mozilla>.\n\nPlease use the above channels even if you are not interested in a bounty reward.\n\n## Responsible Disclosure\n\nPlease do not publicly disclose details until Mozilla's security team and the MDN engineering team have verified and fixed the issue.\n\nWe appreciate your efforts to keep MDN and its users safe.\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"utf-8\">\n    <title>My test page</title>\n    <link href=\"https://fonts.googleapis.com/css?family=Open+Sans\" rel=\"stylesheet\" type=\"text/css\">\n    <link href=\"styles/style.css\" rel=\"stylesheet\" type=\"text/css\">\n  </head>\n  <body>\n    <h1>Mozilla is cool</h1>\n    <img src=\"images/firefox-icon.png\" alt=\"The Firefox logo: a flaming fox surrounding the Earth.\">\n\n    <p>At Mozilla, we’re a global community of</p>\n\n    <ul> <!-- changed to list in the tutorial -->\n      <li>technologists</li>\n      <li>thinkers</li>\n      <li>builders</li>\n    </ul>\n\n    <p>working together to keep the Internet alive and accessible, so people worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth and our collective future.</p>\n\n    <p>Read the <a href=\"https://www.mozilla.org/en-US/about/manifesto/\">Mozilla Manifesto</a> to learn even more about the values and principles that guide the pursuit of our mission.</p>\n  <button>Change user</button>\n  <script src=\"scripts/main.js\"></script>\n  </body>\n</html>\n"
  },
  {
    "path": "scripts/main.js",
    "content": "// Image switcher code\n\nconst myImage = document.querySelector(\"img\");\n\nmyImage.addEventListener(\"click\", () => {\n  const mySrc = myImage.getAttribute(\"src\");\n  if (mySrc === \"images/firefox-icon.png\") {\n    myImage.setAttribute(\"src\", \"images/firefox2.png\");\n  } else {\n    myImage.setAttribute(\"src\", \"images/firefox-icon.png\");\n  }\n});\n\n\n// Personalized welcome message code\n\nlet myButton = document.querySelector('button');\nlet myHeading = document.querySelector('h1');\n\nfunction setUserName() {\n  let myName = prompt('Please enter your name.');\n  if(!myName) {\n    setUserName();\n  } else {\n    localStorage.setItem('name', myName);\n    myHeading.innerHTML = 'Mozilla is cool, ' + myName;\n  }\n}\n\nif(!localStorage.getItem('name')) {\n  setUserName();\n} else {\n  let storedName = localStorage.getItem('name');\n  myHeading.innerHTML = 'Mozilla is cool, ' + storedName;\n}\n\nmyButton.addEventListener(\"click\", () => {\n  setUserName();\n});\n\n"
  },
  {
    "path": "styles/style.css",
    "content": "html {\n  font-size: 10px;\n  font-family: 'Open Sans', sans-serif;\n}\n\n\nh1 {\n  font-size: 60px;\n  text-align: center;\n}\n\np, li {\n  font-size: 16px;\n  line-height: 2;\n  letter-spacing: 1px;\n}\n\n\nhtml {\n  background-color: #00539F;\n}\n\nbody {\n  width: 600px;\n  margin: 0 auto;\n  background-color: #FF9500;\n  padding: 0 20px 20px 20px;\n  border: 5px solid black;\n}\n\nh1 {\n  margin: 0;\n  padding: 20px 0;\n  color: #00539F;\n  text-shadow: 3px 3px 1px black;\n}\n\nimg {\n  display: block;\n  margin: 0 auto;\n}\n"
  }
]