Merge branch 'main' into lefthook

.github/workflows/pr-review-companion.yml

@@ -45,6 +45,8 @@ jobs:
         if: hashFiles('build/') != ''
         run: |
           echo "HAS_ARTIFACT=true" >> "$GITHUB_ENV"
+          PR_NUMBER=`cat build/NR`
+          echo "PREFIX=pr$PR_NUMBER" >> "$GITHUB_ENV"
 
       - uses: actions/checkout@v4
         if: env.HAS_ARTIFACT
@@ -98,6 +100,28 @@ jobs:
           cd yari/deployer
           poetry install --no-interaction
 
+      - name: Authenticate with GCP
+        if: env.HAS_ARTIFACT
+        uses: google-github-actions/auth@v2
+        with:
+          token_format: access_token
+          service_account: deploy-mdn-review-content@${{ secrets.GCP_PROJECT_NAME }}.iam.gserviceaccount.com
+          workload_identity_provider: projects/${{ secrets.WIP_PROJECT_ID }}/locations/global/workloadIdentityPools/github-actions/providers/github-actions
+
+      - name: Setup gcloud
+        if: env.HAS_ARTIFACT
+        uses: google-github-actions/setup-gcloud@v2
+
+      - name: Upload to GCS
+        if: env.HAS_ARTIFACT
+        uses: google-github-actions/upload-cloud-storage@v2
+        with:
+          path: "build"
+          destination: "${{ vars.GCP_BUCKET_NAME }}/${{ env.PREFIX }}"
+          resumable: false
+          concurrency: 500
+          process_gcloudignore: false
+
       - name: Deploy and analyze built content
         if: env.HAS_ARTIFACT
         env:
@@ -130,23 +154,3 @@ jobs:
             --pr-number=$PR_NUMBER \
             --diff-file=$BUILD_OUT_ROOT/DIFF \
             $BUILD_OUT_ROOT
-
-      - name: Authenticate with GCP
-        if: env.HAS_ARTIFACT
-        uses: google-github-actions/auth@v2
-        with:
-          token_format: access_token
-          service_account: deploy-mdn-review-content@${{ secrets.GCP_PROJECT_NAME }}.iam.gserviceaccount.com
-          workload_identity_provider: projects/${{ secrets.WIP_PROJECT_ID }}/locations/global/workloadIdentityPools/github-actions/providers/github-actions
-
-      - name: Setup gcloud
-        if: env.HAS_ARTIFACT
-        uses: google-github-actions/setup-gcloud@v2
-
-      - name: Sync build with GCS
-        if: env.HAS_ARTIFACT
-        run: |-
-          PR_NUMBER=`cat build/NR`
-          PREFIX="pr$PR_NUMBER"
-          gsutil -q -m -h "Cache-Control: public, max-age=3600" cp -r build/static "gs://content-review-mdn/$PREFIX/"
-          gsutil -q -m -h "Cache-Control: public, max-age=3600" rsync -cdrj html,json,txt -y "^static/" build "gs://content-review-mdn/$PREFIX"

.vscode/dictionaries/ignore-list.txt

@@ -133,8 +133,10 @@ exttag
 fava
 favourite-colour
 FEFD
+Fernstraßen
 fgrt46jfgd
 filteron
+finanzierungs
 flabada
 flexy
 foobarbaz
@@ -150,8 +152,10 @@ fringille
 fullpagezoom.xpi
 futurelibrary.no
 gaesamplesite
+gesetz
 gims
 globalprivacycontrol.org
+Gloobles
 glossarysidebar.yaml
 GNF576746573fhdg4737dh4
 gogerychwyrndrobwllllantysiliogogogoch
@@ -188,6 +192,7 @@ jsondata
 Junja
 jícama
 kasd
+Khiresh
 kitchensink
 lambdatest
 Latine
@@ -197,6 +202,7 @@ leopardskin
 letmein
 libpkcs11testmodule
 librero
+livin
 liZhYMsy8MGgxUny6Q8NCoH9xSiviwLFfK
 Llanfair
 LLLLLLLLLLLLLLLLRRRRRRRRRRRRRRRR
@@ -236,6 +242,7 @@ notebox
 nytimes
 Odtsetseg
 Oggi
+Oozin
 opensas
 opensesame
 OPQRTUVXYZ
@@ -248,6 +255,7 @@ populatedb
 postulo
 potenti
 PPCCLL
+privat
 proinde
 public-webapps
 pwllgwyngyll
@@ -326,5 +334,6 @@ YsAIAAAA-QG4G6kCMAMBAAAAAAAoK
 YSDEgCDwkICAIOaWhyDwn6aE
 Yuckymeat
 YWxhZGRpbjpvcGVuc2VzYW1l
+Za'taak
 Zorp
 ZRWB

.vscode/dictionaries/non-english.txt

@@ -22,21 +22,26 @@ erkennst
 español
 Esta
 Februar
+Fernstraßenbauprivatfinanzierungsgesetz
 fers
 français
 française
 Früh
+fuerte
 gangnam
 Gato
 GESÄSS
 Gesäß
+Hearest
 Heisei
 hermansje
 heure
 hoja
 homme
 ijsland
+indomable
 İstanbul
+JOURS
 Mais
 Majestatis
 minuto
@@ -56,6 +61,7 @@ Português
 présenté
 puede
 quand
+QUESA
 quinto
 Repetitio
 resh
@@ -72,8 +78,10 @@ será
 setembro
 shān
 studiorum
+SUIS
 tiene
 Tipos
+TIRERA
 traducido
 trimestre
 tslí

.vscode/dictionaries/proper-names.txt

@@ -7,6 +7,7 @@ Adham
 Adilah
 Akhgari
 alastairc
+Aldous
 Alexa
 alispivak
 Alman
@@ -58,6 +59,7 @@ Bixa
 Blackmoon
 Bloggs
 Bocoup
+Bodmin
 Boonie
 bottosson
 Boulton
@@ -172,6 +174,7 @@ Eisenberg
 Elchi
 Emscripten
 Endtest
+Ensatina
 Envato
 Ephesis
 Eplepsia
@@ -180,6 +183,7 @@ Erdös
 ericwbailey
 Esben
 ethertank
+Eventbrite
 Exljbris
 Fairchild
 FDCP
@@ -195,6 +199,7 @@ Flickr
 Florian
 flowplayer
 Fontsquirrel
+François
 Frederik
 Frida
 Fujisawa
@@ -207,6 +212,7 @@ Gerd
 gifplayer
 Gillenwater
 Gitbash
+Golightly
 Googlebot
 Grahl
 Granado
@@ -395,13 +401,16 @@ momot
 Montulli
 Moonrocks
 Mooog
+Morgawr
 Morinigo
 Mork
 Mothman
 Moussavi
 mozhacks
 Mufasa
 Mullany
+Musa
+Musaceae
 Musicr
 Mustafa
 myshov
@@ -437,6 +446,7 @@ olliej
 OptiPNG
 Orendorff
 Osmani
+Owlman
 Paciello
 Pacman
 Pagella
@@ -529,6 +539,7 @@ Siouxsie
 Siri
 Sitepoint
 Sivonen
+Skeletor
 Skywalker
 Slaght
 SlimerJS

.vscode/dictionaries/terms-abbreviations.txt

@@ -132,6 +132,7 @@ coprime
 CORB
 credentialled
 credentialless
+cryptids
 cryptosystems
 CSSWG
 CSWH
@@ -571,6 +572,7 @@ RFCOMM
 RGTC
 roadmaps
 Rockhopper
+romcoms
 roundoff
 RSAOAEP
 RSASSA
@@ -782,6 +784,7 @@ TTSI
 tweens
 UAAG
 ufrag
+unabbreviate
 unbookmark
 uncacheable
 uncategorized

files/en-us/_redirects.txt

@@ -11853,7 +11853,7 @@
 /en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Columns/Using_multicol_layouts	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/CSS_Device_Adaptation	/en-US/docs/Web/CSS
-/en-US/docs/Web/CSS/CSS_Device_Adaptation/Viewport_Concepts	/en-US/docs/Web/CSS/Viewport_concepts
+/en-US/docs/Web/CSS/CSS_Device_Adaptation/Viewport_Concepts	/en-US/docs/Web/CSS/CSSOM_View/Viewport_Concepts
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Advanced_layouts_with_flexbox	/en-US/docs/Glossary/Flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Box_Alignment_in_Flexbox	/en-US/docs/Web/CSS/CSS_box_alignment/Box_alignment_in_flexbox
 /en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Controlling_Ratios_of_Flex_Items_Along_the_Main_Ax	/en-US/docs/Web/CSS/CSS_flexible_box_layout/Controlling_ratios_of_flex_items_along_the_main_axis
@@ -12016,6 +12016,7 @@
 /en-US/docs/Web/CSS/Using_media_queries_from_code	/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries
 /en-US/docs/Web/CSS/Using_the_CSS_multi-column_layout	/en-US/docs/Web/CSS/CSS_multicol_layout/Using_multicol_layouts
 /en-US/docs/Web/CSS/Value_definition_syntax	/en-US/docs/Web/CSS/CSS_Values_and_Units/Value_definition_syntax
+/en-US/docs/Web/CSS/Viewport_concepts	/en-US/docs/Web/CSS/CSSOM_View/Viewport_Concepts
 /en-US/docs/Web/CSS/_image	/en-US/docs/Web/CSS/image/image
 /en-US/docs/Web/CSS/abs()	/en-US/docs/Web/CSS/abs
 /en-US/docs/Web/CSS/actual_value	/en-US/docs/Web/CSS/CSS_cascade/actual_value

files/en-us/_wikihistory.json

@@ -75803,6 +75803,21 @@
       "BijuGC"
     ]
   },
+  "Web/CSS/CSSOM_View/Viewport_concepts": {
+    "modified": "2020-11-20T07:41:38.029Z",
+    "contributors": [
+      "in43sh",
+      "PerfectVirgo",
+      "Wryhder",
+      "mfuji09",
+      "bagaffey",
+      "sivabalan02",
+      "syntaxval",
+      "chrisdavidmills",
+      "estelle",
+      "ExE-Boss"
+    ]
+  },
   "Web/CSS/CSSOM_view": {
     "modified": "2020-10-15T21:38:34.242Z",
     "contributors": [
@@ -78723,21 +78738,6 @@
       "BijuGC"
     ]
   },
-  "Web/CSS/Viewport_concepts": {
-    "modified": "2020-11-20T07:41:38.029Z",
-    "contributors": [
-      "in43sh",
-      "PerfectVirgo",
-      "Wryhder",
-      "mfuji09",
-      "bagaffey",
-      "sivabalan02",
-      "syntaxval",
-      "chrisdavidmills",
-      "estelle",
-      "ExE-Boss"
-    ]
-  },
   "Web/CSS/Visual_formatting_model": {
     "modified": "2020-09-05T23:17:19.677Z",
     "contributors": [

files/en-us/glossary/layout_viewport/index.md

@@ -6,15 +6,16 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-The **layout viewport** is the viewport into which the browser draws a web page. Essentially, it represents what is available to be seen, while the {{Glossary("visual viewport")}} represents what is currently visible on the user's display device.
+The **layout viewport** is the {{glossary("viewport")}} into which the browser draws a web page. Essentially, it represents what is available to be seen, whereas the {{Glossary("visual viewport")}} represents the currently visible portion of the layout viewport, the currently visible subsection of the layout viewport that is currently visible on the user's display device.
 
 This becomes important, for example, on mobile devices, where a pinching gesture can usually be used to zoom in and out on a site's contents. The rendered document doesn't change in any way, so the layout viewport remains the same as the user adjusts the zoom level. Instead, the visual viewport is updated to indicate the area of the page that they can see.
 
 ## See also
 
+- {{Glossary("Viewport")}}
+- {{Glossary("Visual viewport")}}
+- [Viewport concepts](/en-US/docs/Web/CSS/CSSOM_View/Viewport_Concepts)
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_View) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
-- Related glossary terms:
-  - {{Glossary("Viewport")}}
-  - {{Glossary("Visual viewport")}}

files/en-us/glossary/leading/index.md

@@ -8,7 +8,7 @@ page-type: glossary-definition
 
 In typography, **leading** is an amount of space included above and below text to provide spacing between lines. Historically, in physical typesetting, pieces of actual [lead](https://en.wikipedia.org/wiki/Lead) were used to implement this spacing, which is where the name comes from.
 
-In CSS, typographic leading is the difference between the content height and the line-height, generally set by the {{cssxref("line-height")}} property. Leading set via `line-height` provides spacing between lines, which can be negative. The space is distributed equally above and below the text, which is refered to as **half-leading**.
+In CSS, typographic leading is the difference between the content height and the line-height, generally set by the {{cssxref("line-height")}} property. Leading set via `line-height` provides spacing between lines, which can be negative. The space is distributed equally above and below the text, which is referred to as **half-leading**.
 
 The area of a font above the cap baseline is referred to as the _over edge_. The area below the {{glossary("/Baseline/Typography", "alphabetic baseline")}} is referred to as the _under edge_. Likewise, the half-leading above and below a line is referred to as the _over leading_ and _under leading_, respectively.
 

files/en-us/glossary/viewport/index.md

@@ -6,15 +6,20 @@ page-type: glossary-definition
 
 {{GlossarySidebar}}
 
-A viewport represents a polygonal (normally rectangular) area in computer graphics that is currently being viewed. In web browser terms, it refers to the part of the document you're viewing which is currently visible in its window (or the screen, if the document is being viewed in full screen mode). Content outside the viewport is not visible onscreen until scrolled into view.
+In computer graphics, a **viewport** represents a polygonal (normally rectangular) area that is currently being viewed.
+
+In web browser terms, it refers to the part of the document being viewed in the browser window (or on-screen, if the document is being viewed on a mobile browser or a desktop browser in full-screen mode). Content outside the viewport is not visible onscreen until scrolled into view.
 
 The portion of the viewport that is currently visible is called the **{{Glossary("visual viewport")}}**. This can be smaller than the layout viewport, such as when the user has pinched-zoomed. The {{Glossary("layout viewport")}} remains the same, but the visual viewport became smaller.
 
+The visual viewport of an {{htmlelement("iframe")}}, {{htmlelement("svg")}}, or {{htmlelement("object")}} element is the size of the inner width and height of the respective element, rather than the parent document. For content rendered inside the element, the visual viewport and layout viewport are the same.
+
 ## See also
 
+- {{Glossary("Visual viewport")}}
+- {{Glossary("Layout viewport")}}
+- [Viewport concepts](/en-US/docs/Web/CSS/CSSOM_View/Viewport_Concepts)
+- [CSSOM view](/en-US/docs/Web/CSS/CSSOM_View) module
 - [Visual Viewport API](/en-US/docs/Web/API/Visual_Viewport_API)
 - [Viewport](https://en.wikipedia.org/wiki/Viewport) on Wikipedia
 - [A tale of two viewports](https://www.quirksmode.org/mobile/viewports.html) (Quirksmode)
-- Related glossary terms:
-  - {{Glossary("Visual viewport")}}
-  - {{Glossary("Layout viewport")}}