Update old code in the spec. (#108)

Fixes #99
w3c · Mar 7, 2024 · a4fa8c9 · a4fa8c9
1 parent acdc9d8
commit a4fa8c9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/demos/basic.html b/demos/basic.html
@@ -3,16 +3,22 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Screen Fold API BASIC DEMO</title>
+    <title>Device Posture API Basic Demo</title>
     <style>
         html {
             background-color: blue;
         }
-        @media (max-screen-fold-angle: 120deg) {
+        @media (device-posture: folded) {
             html {
                 background-color: red;
             }
         }
+
+        @media (device-posture: continuous) {
+            html {
+                background-color: green;
+            }
+        }
     </style>
 </head>
 <body>

diff --git a/index.html b/index.html
@@ -653,17 +653,17 @@ <h3>
         "https://github.com/SamsungInternet/Explainers/blob/master/Foldables/FoldState.md#key-scenarios">
         explainer</a> for other key scenarios.
       </p><img src="images/example-videocall.svg" alt=
-      "An illustration of a video call web service that uses the screen-fold-posture media feature"
+      "An illustration of a video call web service that uses the device-posture media feature and the viewport segment media feature"
       class="img-example">
       <pre class="example css" title="Adapting UI to posture">
-        @media (device-posture: laptop) and (spanning: single-fold-horizontal){
+        @media (device-posture: folded) and (vertical-viewport-segments: 1) {
           body {
             display: flex;
             flex-flow: column nowrap;
           }
 
           .videocall-area, .videocall-controls  {
-            flex: 1 1 env(fold-bottom);
+            flex: 1 1 env(viewport-segment-bottom 0 0);
           }
         }
       </pre>