Format all code (#153)

mdn · Oct 10, 2023 · 2d33a1c · 2d33a1c
1 parent e3768f4
commit 2d33a1c
Show file tree

Hide file tree

Showing 589 changed files with 42,550 additions and 40,675 deletions.
diff --git a/CODE_OF_CONDUCT.md b/CODE_OF_CONDUCT.md
@@ -1,10 +1,11 @@
 # Community Participation Guidelines
 
-This repository is governed by Mozilla's code of conduct and etiquette guidelines. 
+This repository is governed by Mozilla's code of conduct and etiquette guidelines.
 For more details, please read the
-[Mozilla Community Participation Guidelines](https://www.mozilla.org/about/governance/policies/participation/). 
+[Mozilla Community Participation Guidelines](https://www.mozilla.org/about/governance/policies/participation/).
 
 ## How to Report
+
 For 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.
 
 <!--

diff --git a/_config.yml b/_config.yml
@@ -1 +1 @@
-theme: jekyll-theme-slate
+theme: jekyll-theme-slate
diff --git a/alt-style-sheets/default.css b/alt-style-sheets/default.css
@@ -1,16 +1,16 @@
-p {
-	background-color: white;
-	color: black;
-	font-size: 14px;
-	font-style: normal;
-	font-weight: normal;
-	font-family: serif;
-}
-
-h1 {
-	text-shadow: 2px 2px 2px #747474;
-	text-align: center;
-	font-weight: bold;
-	font-size: 22px;
-	font-family: sans-serif;
-}
+p {
+  background-color: white;
+  color: black;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  font-family: serif;
+}
+
+h1 {
+  text-shadow: 2px 2px 2px #747474;
+  text-align: center;
+  font-weight: bold;
+  font-size: 22px;
+  font-family: sans-serif;
+}
diff --git a/alt-style-sheets/fancy.css b/alt-style-sheets/fancy.css
@@ -1,16 +1,16 @@
-p {
-	border-style: groove;
-	border-width: 2px;
-	background-color: #8d0019;
-	color: #fcff00;
-	font-size: 14px;
-	font-family: Georgia, "Times New Roman", Times, serif;
-}
-
-h1 {
-	background-color: #000c6e;
-	color: #ff8100;
-	font-weight: bold;
-	font-size: 20px;
-	font-family: "Zapf Chancery", "Comic Sans MS", cursive;
-}
+p {
+  border-style: groove;
+  border-width: 2px;
+  background-color: #8d0019;
+  color: #fcff00;
+  font-size: 14px;
+  font-family: Georgia, "Times New Roman", Times, serif;
+}
+
+h1 {
+  background-color: #000c6e;
+  color: #ff8100;
+  font-weight: bold;
+  font-size: 20px;
+  font-family: "Zapf Chancery", "Comic Sans MS", cursive;
+}
diff --git a/alt-style-sheets/index.html b/alt-style-sheets/index.html
@@ -1,17 +1,32 @@
-<html lang="en-us">
-<head>
-  <title>Alternate Style Sheets example</title>
-  <link href="default.css" rel="stylesheet" title="Default Style">
-  <link href="simple.css" rel="alternate stylesheet" title="Simple">
-  <link href="fancy.css" rel="alternate stylesheet" title="Fancy">
-</head>
-<body>
-    <h1>About alternative style sheets</h1>
-    <p>Firefox offers support for <em>alternative style sheets</em>.  Pages that provide alternative style sheets allow the user to select the style in which the page is displayed using the View>Page Style submenu.  This provides a way for users to see multiple versions of a page, based on their needs or preferences.</p>
-
-    <p>A web page can use the <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link">&lt;link&gt;</a> element to add alternative style sheets to a document.</p>
-
-    <h1>Try it out!</h1>
-    <p>Go to the View>Page Style submenu and select a different style to watch this page's look change!</p>
-</body>
-</html>
+<html lang="en-us">
+  <head>
+    <title>Alternate Style Sheets example</title>
+    <link href="default.css" rel="stylesheet" title="Default Style" />
+    <link href="simple.css" rel="alternate stylesheet" title="Simple" />
+    <link href="fancy.css" rel="alternate stylesheet" title="Fancy" />
+  </head>
+  <body>
+    <h1>About alternative style sheets</h1>
+    <p>
+      Firefox offers support for <em>alternative style sheets</em>. Pages that
+      provide alternative style sheets allow the user to select the style in
+      which the page is displayed using the View>Page Style submenu. This
+      provides a way for users to see multiple versions of a page, based on
+      their needs or preferences.
+    </p>
+
+    <p>
+      A web page can use the
+      <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link"
+        >&lt;link&gt;</a
+      >
+      element to add alternative style sheets to a document.
+    </p>
+
+    <h1>Try it out!</h1>
+    <p>
+      Go to the View>Page Style submenu and select a different style to watch
+      this page's look change!
+    </p>
+  </body>
+</html>
diff --git a/alt-style-sheets/simple.css b/alt-style-sheets/simple.css
@@ -1,10 +1,10 @@
-p {
-	font-size: 12px;
-	font-family: sans-serif;
-}
-
-h1 {
-	font-weight: bold;
-	font-size: 16px;
-	font-family: sans-serif;
-}
+p {
+  font-size: 12px;
+  font-family: sans-serif;
+}
+
+h1 {
+  font-weight: bold;
+  font-size: 16px;
+  font-family: sans-serif;
+}
diff --git a/animation-frames-timing-function/index-transitions.html b/animation-frames-timing-function/index-transitions.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-us">
   <head>
     <meta charset="utf-8" />
@@ -45,8 +45,17 @@
     </style>
   </head>
   <body>
-    <div class="div1"><p>transition-timing-function: frames(10)<p></div>
-    <div class="div2"><p>transition-timing-function: steps(10);<p></div>
-    <div class="div3"><p>transition-timing-function: ease-in;<p></div>
+    <div class="div1">
+      <p>transition-timing-function: frames(10)</p>
+      <p></p>
+    </div>
+    <div class="div2">
+      <p>transition-timing-function: steps(10);</p>
+      <p></p>
+    </div>
+    <div class="div3">
+      <p>transition-timing-function: ease-in;</p>
+      <p></p>
+    </div>
   </body>
 </html>
diff --git a/animation-frames-timing-function/index-waa.html b/animation-frames-timing-function/index-waa.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-us">
   <head>
     <meta charset="utf-8" />
@@ -23,37 +23,39 @@
         left: 10px;
         color: white;
       }
-
     </style>
   </head>
   <body>
-    <div class="div1"><p>transition-timing-function: frames(10)<p></div>
-    <div class="div2"><p>transition-timing-function: steps(10);<p></div>
-    <div class="div3"><p>transition-timing-function: ease-in;<p></div>
+    <div class="div1">
+      <p>transition-timing-function: frames(10)</p>
+      <p></p>
+    </div>
+    <div class="div2">
+      <p>transition-timing-function: steps(10);</p>
+      <p></p>
+    </div>
+    <div class="div3">
+      <p>transition-timing-function: ease-in;</p>
+      <p></p>
+    </div>
 
     <script>
-
-      var easingFunctions = [
-        'frames(10)',
-        'steps(10)',
-        'ease-in'
-      ]
+      var easingFunctions = ["frames(10)", "steps(10)", "ease-in"];
 
       var keyFrames = [
-        { width: '0%', background : 'red'},
-        { width: '100%', background : 'blue'},
-      ]
+        { width: "0%", background: "red" },
+        { width: "100%", background: "blue" },
+      ];
 
-      var divs = document.querySelectorAll('div');
+      var divs = document.querySelectorAll("div");
 
-      for(var i = 0; i < divs.length; i++) {
+      for (var i = 0; i < divs.length; i++) {
         divs[i].animate(keyFrames, {
-          easing : easingFunctions[i],
-          duration : 5000,
-          iterations: Infinity
+          easing: easingFunctions[i],
+          duration: 5000,
+          iterations: Infinity,
         });
       }
-
     </script>
   </body>
 </html>
diff --git a/animation-frames-timing-function/index.html b/animation-frames-timing-function/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en-us">
   <head>
     <meta charset="utf-8" />
@@ -52,8 +52,17 @@
     </style>
   </head>
   <body>
-    <div class="div1"><p>animation-timing-function: frames(10)<p></div>
-    <div class="div2"><p>animation-timing-function: steps(10);<p></div>
-    <div class="div3"><p>animation-timing-function: ease-in;<p></div>
+    <div class="div1">
+      <p>animation-timing-function: frames(10)</p>
+      <p></p>
+    </div>
+    <div class="div2">
+      <p>animation-timing-function: steps(10);</p>
+      <p></p>
+    </div>
+    <div class="div3">
+      <p>animation-timing-function: ease-in;</p>
+      <p></p>
+    </div>
   </body>
 </html>
diff --git a/assets/playable.js b/assets/playable.js
@@ -1,27 +1,26 @@
-var section = document.querySelector('section');
-var editable = document.querySelector('.editable');
-var textareaHTML = document.querySelector('.playable-html');
-var textareaCSS = document.querySelector('.playable-css');
-var reset = document.getElementById('reset');
+var section = document.querySelector("section");
+var editable = document.querySelector(".editable");
+var textareaHTML = document.querySelector(".playable-html");
+var textareaCSS = document.querySelector(".playable-css");
+var reset = document.getElementById("reset");
 var htmlCode = textareaHTML.value;
 var cssCode = textareaCSS.value;
 
 let editorHeading = document.createElement("h4");
 editorHeading.innerHTML = "Interactive editor";
-document.querySelector('body').insertBefore(editorHeading,textareaCSS);
+document.querySelector("body").insertBefore(editorHeading, textareaCSS);
 
 function fillCode() {
-    editable.innerHTML = textareaCSS.value;
-    section.innerHTML = textareaHTML.value;
+  editable.innerHTML = textareaCSS.value;
+  section.innerHTML = textareaHTML.value;
 }
 
-reset.addEventListener('click', function () {
-    textareaHTML.value = htmlCode;
-    textareaCSS.value = cssCode;
-    fillCode();
+reset.addEventListener("click", function () {
+  textareaHTML.value = htmlCode;
+  textareaCSS.value = cssCode;
+  fillCode();
 });
 
-
-textareaHTML.addEventListener('input', fillCode);
-textareaCSS.addEventListener('input', fillCode);
-window.addEventListener('load', fillCode);
+textareaHTML.addEventListener("input", fillCode);
+textareaCSS.addEventListener("input", fillCode);
+window.addEventListener("load", fillCode);
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		theme: jekyll-theme-slate
		theme: jekyll-theme-slate