From 93be1ebd29cc3bc9d8f7e4ff51289c3625fd9e55 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9rome=20Eertmans?= <jeertmans@icloud.com>
Date: Fri, 24 Nov 2023 12:03:39 +0100
Subject: [PATCH 1/6] feat(lib): enhance notes support

TODO: fix keyboard inputs and window order with `present`.
---
 manim_slides/config.py               | 12 ++++++++++++
 manim_slides/convert.py              |  3 +++
 manim_slides/present/player.py       |  8 ++++----
 manim_slides/render.py               |  2 +-
 manim_slides/slide/base.py           |  8 ++++++--
 manim_slides/templates/revealjs.html |  5 +++--
 6 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/manim_slides/config.py b/manim_slides/config.py
index dd3e3921..d9e4475e 100644
--- a/manim_slides/config.py
+++ b/manim_slides/config.py
@@ -3,6 +3,7 @@
 from functools import wraps
 from inspect import Parameter, signature
 from pathlib import Path
+from textwrap import dedent
 from typing import Any, Callable, Dict, List, Optional, Set, Tuple
 
 import rtoml
@@ -145,6 +146,7 @@ class BaseSlideConfig(BaseModel):  # type: ignore
     playback_rate: float = 1.0
     reversed_playback_rate: float = 1.0
     notes: str = ""
+    dedent_notes: bool = True
 
     @classmethod
     def wrapper(cls, arg_name: str) -> Callable[..., Any]:
@@ -188,6 +190,16 @@ def __wrapper__(*args: Any, **kwargs: Any) -> Any:  # noqa: N807
 
         return _wrapper_
 
+    @model_validator(mode="after")
+    @classmethod
+    def apply_dedent_notes(
+        cls, base_slide_config: "BaseSlideConfig"
+    ) -> "BaseSlideConfig":
+        if base_slide_config.dedent_notes:
+            base_slide_config.notes = dedent(base_slide_config.notes)
+
+        return base_slide_config
+
 
 class PreSlideConfig(BaseSlideConfig):
     """Slide config to be used prior to rendering."""
diff --git a/manim_slides/convert.py b/manim_slides/convert.py
index da18c872..c000d40e 100644
--- a/manim_slides/convert.py
+++ b/manim_slides/convert.py
@@ -557,6 +557,9 @@ def save_first_image_from_video_file(file: Path) -> Optional[str]:
                     poster_frame_image=poster_frame_image,
                     mime_type=mime_type,
                 )
+                if slide_config.notes != "":
+                    slide.notes_slide.notes_text_frame.text = slide_config.notes
+
                 if self.auto_play_media:
                     auto_play_media(movie, loop=slide_config.loop)
 
diff --git a/manim_slides/present/player.py b/manim_slides/present/player.py
index 52d22bb0..2b0e1879 100644
--- a/manim_slides/present/player.py
+++ b/manim_slides/present/player.py
@@ -5,7 +5,7 @@
 from PySide6.QtGui import QCloseEvent, QIcon, QKeyEvent, QScreen
 from PySide6.QtMultimedia import QMediaPlayer
 from PySide6.QtMultimediaWidgets import QVideoWidget
-from PySide6.QtWidgets import QDialog, QGridLayout, QLabel, QMainWindow, QVBoxLayout
+from PySide6.QtWidgets import QDialog, QGridLayout, QLabel, QMainWindow, QVBoxLayout, QTextEdit
 
 from ..config import Config, PresentationConfig, SlideConfig
 from ..logger import logger
@@ -23,8 +23,8 @@ def __init__(self, *args: Any, **kwargs: Any) -> None:
         notes_layout = QVBoxLayout()
         self.scene_label = QLabel()
         self.slide_label = QLabel()
-        self.slide_notes = QLabel("")
-        self.slide_notes.setWordWrap(True)
+        self.slide_notes = QTextEdit()
+        self.slide_notes.setReadOnly(True)
 
         labels_layout.addWidget(QLabel("Scene:"), 1, 1)
         labels_layout.addWidget(QLabel("Slide:"), 2, 1)
@@ -320,7 +320,7 @@ def slide_changed_callback(self) -> None:
         index = self.current_slide_index
         count = self.current_slides_count
         self.info.slide_label.setText(f"{index+1:4d}/{count:4<d}")
-        self.info.slide_notes.setText(self.current_slide_config.notes)
+        self.info.slide_notes.setMarkdown(self.current_slide_config.notes)
 
     def show(self) -> None:
         super().show()
diff --git a/manim_slides/render.py b/manim_slides/render.py
index 1fc3f387..37a5e56a 100644
--- a/manim_slides/render.py
+++ b/manim_slides/render.py
@@ -43,7 +43,7 @@ def render(ce: bool, gl: bool, args: Tuple[str, ...]) -> None:
     """
     Render SCENE(s) from the input FILE, using the specified renderer.
 
-    Use 'manim-slides render --help' to see help information for
+    Use ``manim-slides render --help`` to see help information for
     a the specified renderer.
     """
     if ce and gl:
diff --git a/manim_slides/slide/base.py b/manim_slides/slide/base.py
index 5f5ca63a..88c2af19 100644
--- a/manim_slides/slide/base.py
+++ b/manim_slides/slide/base.py
@@ -289,10 +289,14 @@ def next_slide(
 
             Note that this is only supported by ``manim-slides present``.
         :param notes:
-            Presenter notes, in HTML format.
+            Presenter notes, in Markdown format.
+
+            Note that PowerPoint does not support Markdown.
 
             Note that this is only supported by ``manim-slides present``
-            and ``manim-slides convert --to=html``.
+            and ``manim-slides convert --to=html/pptx``.
+        :param dedent_notes:
+            If set, apply :func:`textwrap.dedent` to notes.
         :param kwargs:
             Keyword arguments to be passed to
             :meth:`Scene.next_section<manim.scene.scene.Scene.next_section>`,
diff --git a/manim_slides/templates/revealjs.html b/manim_slides/templates/revealjs.html
index 7d357af0..80d0ca70 100644
--- a/manim_slides/templates/revealjs.html
+++ b/manim_slides/templates/revealjs.html
@@ -41,7 +41,7 @@
                 data-autoslide="{{ get_duration_ms(slide_config.file) }}"
               {%- endif -%}>
               {% if slide_config.notes != "" -%}
-                <aside class="notes">{{ slide_config.notes }}</aside>
+                <aside class="notes" data-markdown>{{ slide_config.notes }}</aside>
               {%- endif %}
             </section>
           {%- endfor -%}
@@ -54,6 +54,7 @@
     <!-- To include plugins, see: https://revealjs.com/plugins/ -->
 
     {% if has_notes -%}
+      <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/{{ reveal_version }}/plugin/markdown/markdown.min.js"></script>
       <script src="https://cdnjs.cloudflare.com/ajax/libs/reveal.js/{{ reveal_version }}/plugin/notes/notes.min.js"></script>
     {%- endif -%}
 
@@ -61,7 +62,7 @@
     <script>
       Reveal.initialize({
         {% if has_notes -%}
-          plugins: [ RevealNotes ],
+          plugins: [ RevealMarkdown, RevealNotes ],
         {%- endif %}
         // The "normal" size of the presentation, aspect ratio will
         // be preserved when the presentation is scaled to fit different

From 6cd1d51967b47e445e95c024f9288bf964f74b96 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Fri, 24 Nov 2023 11:04:23 +0000
Subject: [PATCH 2/6] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 manim_slides/present/player.py | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/manim_slides/present/player.py b/manim_slides/present/player.py
index 2b0e1879..a926c902 100644
--- a/manim_slides/present/player.py
+++ b/manim_slides/present/player.py
@@ -5,7 +5,14 @@
 from PySide6.QtGui import QCloseEvent, QIcon, QKeyEvent, QScreen
 from PySide6.QtMultimedia import QMediaPlayer
 from PySide6.QtMultimediaWidgets import QVideoWidget
-from PySide6.QtWidgets import QDialog, QGridLayout, QLabel, QMainWindow, QVBoxLayout, QTextEdit
+from PySide6.QtWidgets import (
+    QDialog,
+    QGridLayout,
+    QLabel,
+    QMainWindow,
+    QTextEdit,
+    QVBoxLayout,
+)
 
 from ..config import Config, PresentationConfig, SlideConfig
 from ..logger import logger

From e36491f21159a2a9b02ba5fa0790962b2af31c45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9rome=20Eertmans?= <jeertmans@icloud.com>
Date: Fri, 24 Nov 2023 12:08:12 +0100
Subject: [PATCH 3/6] chore(lint): allow too complex

---
 manim_slides/convert.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/manim_slides/convert.py b/manim_slides/convert.py
index c000d40e..282ffb2b 100644
--- a/manim_slides/convert.py
+++ b/manim_slides/convert.py
@@ -489,7 +489,7 @@ class PowerPoint(Converter):
     def open(self, file: Path) -> None:
         return open_with_default(file)
 
-    def convert_to(self, dest: Path) -> None:
+    def convert_to(self, dest: Path) -> None:  # noqa: C901
         """Convert this configuration into a PowerPoint presentation, saved to DEST."""
         prs = pptx.Presentation()
         prs.slide_width = self.width * 9525

From b5718f8926b543e1d6a48bf703fd0c5d21a8ea44 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9rome=20Eertmans?= <jeertmans@icloud.com>
Date: Mon, 27 Nov 2023 18:27:04 +0100
Subject: [PATCH 4/6] wip: presenter mode

---
 manim_slides/present/player.py | 125 ++++++++++++++++++++++++++++-----
 1 file changed, 106 insertions(+), 19 deletions(-)

diff --git a/manim_slides/present/player.py b/manim_slides/present/player.py
index a926c902..0fcfbe53 100644
--- a/manim_slides/present/player.py
+++ b/manim_slides/present/player.py
@@ -6,11 +6,13 @@
 from PySide6.QtMultimedia import QMediaPlayer
 from PySide6.QtMultimediaWidgets import QVideoWidget
 from PySide6.QtWidgets import (
+        QWidget,
     QDialog,
     QGridLayout,
     QLabel,
     QMainWindow,
     QTextEdit,
+    QHBoxLayout,
     QVBoxLayout,
 )
 
@@ -21,33 +23,85 @@
 WINDOW_NAME = "Manim Slides"
 
 
-class Info(QDialog):  # type: ignore[misc]
-    def __init__(self, *args: Any, **kwargs: Any) -> None:
-        super().__init__(*args, **kwargs)
+class Info(QWidget):  # type: ignore[misc]
+    key_press_event: Signal = Signal(QKeyEvent)
+    close_event: Signal = Signal(QCloseEvent)
 
-        main_layout = QVBoxLayout()
-        labels_layout = QGridLayout()
-        notes_layout = QVBoxLayout()
+    def __init__(self, *, full_screen: bool, aspect_ratio_mode: Qt.AspectRatioMode, screen: Optional[int]) -> None:
+        super().__init__()
+
+        if screen:
+            self.setScreen(screen)
+            self.move(screen.geometry().topLeft())
+
+        if full_screen:
+            self.setWindowState(Qt.WindowFullScreen)
+        else:
+            w, h = 1280, 720
+            geometry = self.geometry()
+            geometry.setWidth(w)
+            geometry.setHeight(h)
+            self.setGeometry(geometry)
+
+        layout = QHBoxLayout()
+
+        # Left layout
+
+        left_layout = QVBoxLayout()
+
+        # Current slide view
+
+        main_video_widget = QVideoWidget()
+        main_video_widget.setAspectRatioMode(aspect_ratio_mode)
+        self.video_sink = main_video_widget.videoSink()
+
+        left_layout.addWidget(QLabel("Current slide"), alignment=Qt.AlignmentFlag.AlignHCenter)
+        left_layout.addWidget(main_video_widget, stretch=100)
+
+        # Current slide informations
+
+        labels_layout = QHBoxLayout()
         self.scene_label = QLabel()
         self.slide_label = QLabel()
+
+        labels_layout.addWidget(QLabel("Scene:"), alignment=Qt.AlignmentFlag.AlignRight)
+        labels_layout.addWidget(self.scene_label, alignment=Qt.AlignmentFlag.AlignLeft)
+        labels_layout.addWidget(QLabel("Slide:"), alignment=Qt.AlignmentFlag.AlignRight)
+        labels_layout.addWidget(self.slide_label, alignment=Qt.AlignmentFlag.AlignLeft)
+
+        left_layout.addLayout(labels_layout)
+
+        # Right layout
+
+        right_layout = QVBoxLayout()
+
+        # Next slide preview
+
+        right_layout.addWidget(QLabel("Next slide"), alignment=Qt.AlignmentFlag.AlignHCenter)
+        next_video_widget = QVideoWidget()
+        next_video_widget.setAspectRatioMode(aspect_ratio_mode)
+        self.next_media_player = QMediaPlayer()
+        self.next_media_player.setVideoOutput(next_video_widget)
+        self.next_media_player.setLoops(-1)
+        right_layout.addWidget(next_video_widget, stretch=50)
+
+        # Notes
         self.slide_notes = QTextEdit()
         self.slide_notes.setReadOnly(True)
+        right_layout.addWidget(self.slide_notes, stretch=50)
 
-        labels_layout.addWidget(QLabel("Scene:"), 1, 1)
-        labels_layout.addWidget(QLabel("Slide:"), 2, 1)
-        labels_layout.addWidget(self.scene_label, 1, 2)
-        labels_layout.addWidget(self.slide_label, 2, 2)
-
-        notes_layout.addWidget(self.slide_notes)
+        layout.addLayout(left_layout, stretch=3)
+        layout.addLayout(right_layout, stretch=1)
 
-        main_layout.addLayout(labels_layout)
-        main_layout.addLayout(notes_layout)
+        self.setLayout(layout)
 
-        self.setLayout(main_layout)
+    @Slot()
+    def closeEvent(self, event: QCloseEvent) -> None:  # noqa: N802
+        self.close_event.emit(event)
 
-        if parent := self.parent():
-            self.closeEvent = parent.closeEvent
-            self.keyPressEvent = parent.keyPressEvent
+    @Slot()
+    def keyPressEvent(self, event: QKeyEvent) -> None:  # noqa: N802
+        self.key_press_event.emit(event)
 
 
 class Player(QMainWindow):  # type: ignore[misc]
@@ -114,6 +168,7 @@ def __init__(
         self.setWindowIcon(self.icon)
 
         self.video_widget = QVideoWidget()
+        self.video_sink = self.video_widget.videoSink()
         self.video_widget.setAspectRatioMode(aspect_ratio_mode)
         self.setCentralWidget(self.video_widget)
 
@@ -124,7 +179,10 @@ def __init__(
         self.presentation_changed.connect(self.presentation_changed_callback)
         self.slide_changed.connect(self.slide_changed_callback)
 
-        self.info = Info(parent=self)
+        self.info = Info(full_screen=full_screen, aspect_ratio_mode=aspect_ratio_mode, screen=screen)
+        self.info.close_event.connect(self.closeEvent)
+        self.info.key_press_event.connect(self.keyPressEvent)
+        self.video_sink.videoFrameChanged.connect(lambda frame: self.info.video_sink.setVideoFrame(frame))
         self.hide_info_window = hide_info_window
 
         # Connecting key callbacks
@@ -235,6 +293,24 @@ def current_file(self) -> Path:
     def current_file(self, file: Path) -> None:
         self.__current_file = file
 
+    @property
+    def next_slide_config(self) -> Optional[SlideConfig]:
+        if self.playing_reversed_slide:
+            return self.current_slide_config
+        elif self.current_slide_index < self.current_slides_count - 1:
+            return self.presentation_configs[self.current_presentation_index].slides[self.current_slide_index + 1]
+        elif self.current_presentation_index < self.presentations_count - 1:
+            return self.presentation_configs[self.current_presentation_index + 1].slides[0]
+        else:
+            return None
+
+    @property
+    def next_file(self) -> Optional[Path]:
+        if slide_config := self.next_slide_config:
+            return slide_config.file
+
+        return None
+
     @property
     def playing_reversed_slide(self) -> bool:
         return self.__playing_reversed_slide
@@ -328,6 +404,13 @@ def slide_changed_callback(self) -> None:
         count = self.current_slides_count
         self.info.slide_label.setText(f"{index+1:4d}/{count:4<d}")
         self.info.slide_notes.setMarkdown(self.current_slide_config.notes)
+        self.preview_next_slide()
+
+    def preview_next_slide(self) -> None:
+        if slide_config := self.next_slide_config:
+            url = QUrl.fromLocalFile(slide_config.file)
+            self.info.next_media_player.setSource(url)
+            self.info.next_media_player.play()
 
     def show(self) -> None:
         super().show()
@@ -338,6 +421,7 @@ def show(self) -> None:
     @Slot()
     def close(self) -> None:
         logger.info("Closing gracefully...")
+        self.info.close()
         super().close()
 
     @Slot()
@@ -360,6 +444,7 @@ def previous(self) -> None:
     @Slot()
     def reverse(self) -> None:
         self.load_reversed_slide()
+        self.preview_next_slide()
 
     @Slot()
     def replay(self) -> None:
@@ -388,9 +473,11 @@ def hide_mouse(self) -> None:
         else:
             self.setCursor(Qt.BlankCursor)
 
+    @Slot()
     def closeEvent(self, event: QCloseEvent) -> None:  # noqa: N802
         self.close()
 
+    @Slot()
     def keyPressEvent(self, event: QKeyEvent) -> None:  # noqa: N802
         key = event.key()
         self.dispatch(key)

From 38d406974168e91d5277a788adcb66d18a234cf4 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Mon, 27 Nov 2023 17:27:23 +0000
Subject: [PATCH 5/6] [pre-commit.ci] auto fixes from pre-commit.com hooks

for more information, see https://pre-commit.ci
---
 manim_slides/present/player.py | 40 ++++++++++++++++++++++++----------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/manim_slides/present/player.py b/manim_slides/present/player.py
index 0fcfbe53..22d0534c 100644
--- a/manim_slides/present/player.py
+++ b/manim_slides/present/player.py
@@ -1,19 +1,17 @@
 from pathlib import Path
-from typing import Any, List, Optional
+from typing import List, Optional
 
 from PySide6.QtCore import Qt, QUrl, Signal, Slot
 from PySide6.QtGui import QCloseEvent, QIcon, QKeyEvent, QScreen
 from PySide6.QtMultimedia import QMediaPlayer
 from PySide6.QtMultimediaWidgets import QVideoWidget
 from PySide6.QtWidgets import (
-        QWidget,
-    QDialog,
-    QGridLayout,
+    QHBoxLayout,
     QLabel,
     QMainWindow,
     QTextEdit,
-    QHBoxLayout,
     QVBoxLayout,
+    QWidget,
 )
 
 from ..config import Config, PresentationConfig, SlideConfig
@@ -27,7 +25,13 @@ class Info(QWidget):  # type: ignore[misc]
     key_press_event: Signal = Signal(QKeyEvent)
     close_event: Signal = Signal(QCloseEvent)
 
-    def __init__(self, *, full_screen: bool, aspect_ratio_mode: Qt.AspectRatioMode, screen: Optional[int]) -> None:
+    def __init__(
+        self,
+        *,
+        full_screen: bool,
+        aspect_ratio_mode: Qt.AspectRatioMode,
+        screen: Optional[int],
+    ) -> None:
         super().__init__()
 
         if screen:
@@ -55,7 +59,9 @@ def __init__(self, *, full_screen: bool, aspect_ratio_mode: Qt.AspectRatioMode,
         main_video_widget.setAspectRatioMode(aspect_ratio_mode)
         self.video_sink = main_video_widget.videoSink()
 
-        left_layout.addWidget(QLabel("Current slide"), alignment=Qt.AlignmentFlag.AlignHCenter)
+        left_layout.addWidget(
+            QLabel("Current slide"), alignment=Qt.AlignmentFlag.AlignHCenter
+        )
         left_layout.addWidget(main_video_widget, stretch=100)
 
         # Current slide informations
@@ -77,7 +83,9 @@ def __init__(self, *, full_screen: bool, aspect_ratio_mode: Qt.AspectRatioMode,
 
         # Next slide preview
 
-        right_layout.addWidget(QLabel("Next slide"), alignment=Qt.AlignmentFlag.AlignHCenter)
+        right_layout.addWidget(
+            QLabel("Next slide"), alignment=Qt.AlignmentFlag.AlignHCenter
+        )
         next_video_widget = QVideoWidget()
         next_video_widget.setAspectRatioMode(aspect_ratio_mode)
         self.next_media_player = QMediaPlayer()
@@ -179,10 +187,14 @@ def __init__(
         self.presentation_changed.connect(self.presentation_changed_callback)
         self.slide_changed.connect(self.slide_changed_callback)
 
-        self.info = Info(full_screen=full_screen, aspect_ratio_mode=aspect_ratio_mode, screen=screen)
+        self.info = Info(
+            full_screen=full_screen, aspect_ratio_mode=aspect_ratio_mode, screen=screen
+        )
         self.info.close_event.connect(self.closeEvent)
         self.info.key_press_event.connect(self.keyPressEvent)
-        self.video_sink.videoFrameChanged.connect(lambda frame: self.info.video_sink.setVideoFrame(frame))
+        self.video_sink.videoFrameChanged.connect(
+            lambda frame: self.info.video_sink.setVideoFrame(frame)
+        )
         self.hide_info_window = hide_info_window
 
         # Connecting key callbacks
@@ -298,9 +310,13 @@ def next_slide_config(self) -> Optional[SlideConfig]:
         if self.playing_reversed_slide:
             return self.current_slide_config
         elif self.current_slide_index < self.current_slides_count - 1:
-            return self.presentation_configs[self.current_presentation_index].slides[self.current_slide_index + 1]
+            return self.presentation_configs[self.current_presentation_index].slides[
+                self.current_slide_index + 1
+            ]
         elif self.current_presentation_index < self.presentations_count - 1:
-            return self.presentation_configs[self.current_presentation_index + 1].slides[0]
+            return self.presentation_configs[
+                self.current_presentation_index + 1
+            ].slides[0]
         else:
             return None
 

From 8174b1cd68605b6e6267a387ffebce2c97fc0bf0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9rome=20Eertmans?= <jeertmans@icloud.com>
Date: Tue, 28 Nov 2023 15:10:32 +0100
Subject: [PATCH 6/6] feat(cli): add presenter view

---
 manim_slides/present/player.py | 129 +++++++++++++++++++++++----------
 1 file changed, 90 insertions(+), 39 deletions(-)

diff --git a/manim_slides/present/player.py b/manim_slides/present/player.py
index 22d0534c..558af54c 100644
--- a/manim_slides/present/player.py
+++ b/manim_slides/present/player.py
@@ -1,7 +1,8 @@
+from datetime import datetime
 from pathlib import Path
 from typing import List, Optional
 
-from PySide6.QtCore import Qt, QUrl, Signal, Slot
+from PySide6.QtCore import Qt, QTimer, QUrl, Signal, Slot
 from PySide6.QtGui import QCloseEvent, QIcon, QKeyEvent, QScreen
 from PySide6.QtMultimedia import QMediaPlayer
 from PySide6.QtMultimediaWidgets import QVideoWidget
@@ -9,7 +10,6 @@
     QHBoxLayout,
     QLabel,
     QMainWindow,
-    QTextEdit,
     QVBoxLayout,
     QWidget,
 )
@@ -30,7 +30,7 @@ def __init__(
         *,
         full_screen: bool,
         aspect_ratio_mode: Qt.AspectRatioMode,
-        screen: Optional[int],
+        screen: Optional[QScreen],
     ) -> None:
         super().__init__()
 
@@ -40,68 +40,118 @@ def __init__(
 
         if full_screen:
             self.setWindowState(Qt.WindowFullScreen)
-        else:
-            w, h = 1280, 720
-            geometry = self.geometry()
-            geometry.setWidth(w)
-            geometry.setHeight(h)
-            self.setGeometry(geometry)
 
         layout = QHBoxLayout()
 
-        # Left layout
-
-        left_layout = QVBoxLayout()
-
         # Current slide view
 
+        left_layout = QVBoxLayout()
+        left_layout.addWidget(
+            QLabel("Current slide"),
+            alignment=Qt.AlignmentFlag.AlignBottom | Qt.AlignmentFlag.AlignHCenter,
+        )
         main_video_widget = QVideoWidget()
         main_video_widget.setAspectRatioMode(aspect_ratio_mode)
+        main_video_widget.setFixedSize(720, 480)
         self.video_sink = main_video_widget.videoSink()
-
-        left_layout.addWidget(
-            QLabel("Current slide"), alignment=Qt.AlignmentFlag.AlignHCenter
-        )
-        left_layout.addWidget(main_video_widget, stretch=100)
+        left_layout.addWidget(main_video_widget)
 
         # Current slide informations
 
-        labels_layout = QHBoxLayout()
         self.scene_label = QLabel()
         self.slide_label = QLabel()
+        self.start_time = datetime.now()
+        self.time_label = QLabel()
+        self.elapsed_label = QLabel("00h00m00s")
+        self.timer = QTimer()
+        self.timer.start(1000)  # every second
+        self.timer.timeout.connect(self.update_time)
+
+        bottom_left_layout = QHBoxLayout()
+        bottom_left_layout.addWidget(
+            QLabel("Scene:"),
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignRight,
+        )
+        bottom_left_layout.addWidget(
+            self.scene_label,
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignLeft,
+        )
+        bottom_left_layout.addWidget(
+            QLabel("Slide:"),
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignRight,
+        )
+        bottom_left_layout.addWidget(
+            self.slide_label,
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignLeft,
+        )
+        bottom_left_layout.addWidget(
+            QLabel("Time:"),
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignRight,
+        )
+        bottom_left_layout.addWidget(
+            self.time_label,
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignLeft,
+        )
+        bottom_left_layout.addWidget(
+            QLabel("Elapsed:"),
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignRight,
+        )
+        bottom_left_layout.addWidget(
+            self.elapsed_label,
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignLeft,
+        )
+        left_layout.addLayout(bottom_left_layout)
+        layout.addLayout(left_layout)
 
-        labels_layout.addWidget(QLabel("Scene:"), alignment=Qt.AlignmentFlag.AlignRight)
-        labels_layout.addWidget(self.scene_label, alignment=Qt.AlignmentFlag.AlignLeft)
-        labels_layout.addWidget(QLabel("Slide:"), alignment=Qt.AlignmentFlag.AlignRight)
-        labels_layout.addWidget(self.slide_label, alignment=Qt.AlignmentFlag.AlignLeft)
-
-        left_layout.addLayout(labels_layout)
-
-        # Right layout
-
-        right_layout = QVBoxLayout()
+        layout.addSpacing(20)
 
         # Next slide preview
 
+        right_layout = QVBoxLayout()
         right_layout.addWidget(
-            QLabel("Next slide"), alignment=Qt.AlignmentFlag.AlignHCenter
+            QLabel("Next slide"),
+            alignment=Qt.AlignmentFlag.AlignBottom | Qt.AlignmentFlag.AlignHCenter,
         )
         next_video_widget = QVideoWidget()
         next_video_widget.setAspectRatioMode(aspect_ratio_mode)
+        next_video_widget.setFixedSize(360, 240)
         self.next_media_player = QMediaPlayer()
         self.next_media_player.setVideoOutput(next_video_widget)
         self.next_media_player.setLoops(-1)
-        right_layout.addWidget(next_video_widget, stretch=50)
+
+        right_layout.addWidget(next_video_widget)
 
         # Notes
-        self.slide_notes = QTextEdit()
-        self.slide_notes.setReadOnly(True)
-        right_layout.addWidget(self.slide_notes, stretch=50)
 
-        layout.addLayout(left_layout, stretch=3)
-        layout.addLayout(right_layout, stretch=1)
+        self.slide_notes = QLabel()
+        self.slide_notes.setWordWrap(True)
+        self.slide_notes.setTextFormat(Qt.TextFormat.MarkdownText)
+        self.slide_notes.setFixedWidth(360)
+        right_layout.addWidget(
+            self.slide_notes,
+            alignment=Qt.AlignmentFlag.AlignTop | Qt.AlignmentFlag.AlignLeft,
+        )
+        layout.addLayout(right_layout)
+
+        widget = QWidget()
+
+        widget.setLayout(layout)
 
-        self.setLayout(layout)
+        main_layout = QVBoxLayout()
+        main_layout.addWidget(widget, alignment=Qt.AlignmentFlag.AlignCenter)
+
+        self.setLayout(main_layout)
+
+    @Slot()
+    def update_time(self) -> None:
+        now = datetime.now()
+        seconds = (now - self.start_time).total_seconds()
+        hours, seconds = divmod(seconds, 3600)
+        minutes, seconds = divmod(seconds, 60)
+        self.time_label.setText(now.strftime("%Y/%m/%d %H:%M:%S"))
+        self.elapsed_label.setText(
+            f"{int(hours):02d}h{int(minutes):02d}m{int(seconds):02d}s"
+        )
 
     @Slot()
     def closeEvent(self, event: QCloseEvent) -> None:  # noqa: N802
@@ -323,7 +373,7 @@ def next_slide_config(self) -> Optional[SlideConfig]:
     @property
     def next_file(self) -> Optional[Path]:
         if slide_config := self.next_slide_config:
-            return slide_config.file
+            return slide_config.file  # type: ignore[no-any-return]
 
         return None
 
@@ -385,6 +435,7 @@ def load_previous_slide(self) -> None:
     def load_next_slide(self) -> None:
         if self.playing_reversed_slide:
             self.playing_reversed_slide = False
+            self.preview_next_slide()  # Slide number did not change, but next did
         elif self.current_slide_index < self.current_slides_count - 1:
             self.current_slide_index += 1
         elif self.current_presentation_index < self.presentations_count - 1:
@@ -419,7 +470,7 @@ def slide_changed_callback(self) -> None:
         index = self.current_slide_index
         count = self.current_slides_count
         self.info.slide_label.setText(f"{index+1:4d}/{count:4<d}")
-        self.info.slide_notes.setMarkdown(self.current_slide_config.notes)
+        self.info.slide_notes.setText(self.current_slide_config.notes)
         self.preview_next_slide()
 
     def preview_next_slide(self) -> None: