feat: display presentation in 16/9 and refactor fullscreen options co…

…ntainer name

CHANGELOG.md

@@ -1,3 +1,13 @@
+# 8.0.0
+
+### Features
+
+- display presentation in a 16/9 container if windowed and not `papyrus`
+
+### Refactor
+
+- fullscreen options container renamed from `navigation` to `fullscreen-menu`
+
 # 7.2.1
 
 ### Fix

package.json

@@ -1,6 +1,6 @@
 {
   "name": "studio-kit",
-  "version": "7.2.1",
+  "version": "8.0.0",
   "description": "Made with DeckDeckGo, the web open source editor for presentations",
   "homepage": "https://deckdeckgo.com",
   "scripts": {
@@ -36,7 +36,7 @@
     "@deckdeckgo/demo": "^2.0.1",
     "@deckdeckgo/drag-resize-rotate": "^2.0.1",
     "@deckdeckgo/highlight-code": "^2.5.1",
-    "@deckdeckgo/kit": "^2.1.0",
+    "@deckdeckgo/kit": "^3.0.0",
     "@deckdeckgo/lazy-img": "^3.0.0",
     "@deckdeckgo/markdown": "^2.0.1",
     "@deckdeckgo/math": "^2.0.3",

src/index.html

@@ -135,9 +135,11 @@
         </ion-header>
 
         <ion-content force-overscroll="false" style="position: relative; --overflow: hidden;">
-            <deckgo-deck id="slider" embedded="true">
+            <main>
+                <deckgo-deck id="slider" embedded="true">
 
-            </deckgo-deck>
+                </deckgo-deck>
+            </main>
 
             <deckgo-remote></deckgo-remote>
 
@@ -154,7 +156,7 @@
         </ion-content>
     </div>
 
-    <ion-fab vertical="top" horizontal="end" slot="fixed" id="navigation">
+    <ion-fab vertical="top" horizontal="end" slot="fixed" id="fullscreen-menu">
         <button id="slidePicker" class="navigation ion-activatable" aria-label="Jump to a particular slide">
             <ion-ripple-effect></ion-ripple-effect>
             <ion-icon src="{{DECKDECKGO_BASE_HREF}}assets/icons/ionicons/list.svg" aria-label="Jump to a particular slide"></ion-icon>