How can I permanently display a navigation bar in reveal.js - reveal.js

In (quarto) reveal.js, how can I permanently display a navigation bar on the left side, created automatically from the headings, and use it as a link to the slides? Ideally, only the subheadings of the current chapter are displayed.
I would like to switch from LaTeX-Beamer to quarto-reveal.js because I want to embed more and more code and interactive elements in my slides. However, my students appreciate the structure overview on the side, also because they can quickly find content passages (e.g. "Vorgehen" means procedure) in the podcast videos. Here's an example, with the navigation bar on the left from Beamer:
The wide screen format provides a lot of width space, in my opinion. Basically, we have too much space in width and not enough in height relative to that. That's why I don't want to put the whole outline in the footer or header.
I have tried menu from reveal.js, but I'm looking for a navigation bar that doesn't disappear, doesn't overlap with the slides and doesn't darken them.
---
title: "Quarto Markdown"
format:
revealjs:
navigation-mode: vertical
number-sections: true
menu:
sticky: true
keyboard: true
autoOpen: true
width: normal
---
# Quarto
## Why
Quarto® is an open-source scientific and technical publishing system built on Pandoc
## What is Quarto?
- Quarto is the successor for Markdown and RMarkdown
- Quarto/Markdown is a simple, readable plain text language

Related

How to customize ant design pro top navigation

I want to customize the top navigation bar. I was only able to change the title from config.js.
I want to resize the logo, increase the height of nav, put space between menus and title. Can someone point me to the file I need to modify?
I can't show the real logo and full title. But, I think you will get the idea.
You could use a .less file on inline css. Or even css. What I do is change in global.less for global change in antd classes. For component use a less file, like this, <Table className={styles.table}/>

Slack style title bar

Slack on the Mac at least removed the title bar but still has the control buttons. How do I duplicate this effect? Is there an electron option I missing or did slack rollout there own control buttons?
You can do this with Electron by setting the titleBarStyle option.
To use it:
var winObj = new BrowserWindow({
titleBarStyle: 'hidden',
});
This will hide the title bar but still keep the traffic lights in the corner.
Here are different values for the titleBarStyle option:
default
Results in the standard gray opaque Mac title bar.
hidden (Used in the example).
Results in a hidden title bar and a full size content window, yet the title bar still has the standard window controls ("traffic lights") in the top left.
hiddenInset
Results in a hidden title bar with an alternative look where the traffic light buttons are slightly more inset from the window edge.
See the docs for the BrowserWindow options (search for titleBarStyle).

Arrows to connect annotational boxes with content

Is there a plugin for reveal.js to do the following: I want to have boxes with annotations "overlaid" on my slides (i.e., sitting on top of the main slide text) that have arrows connecting them with slide elements. I am thinking of something like the following
I looked at plenty of reveal.js examples, but was not able to find any presentation that did anything comparable, so I hope it is okay to ask here.

Is there a text editor with columns instead of scrolling?

Is there a text editor which offers horizontal, rather than vertical, scrolling (showing two pages side by side)?
I currently use TextMate, but would switch to any editor which offers this layout. I'm getting really bored of scrolling up and down, over and over.
I've attached a screenshot of MS Word, which has a side-by-side horizontal scroll view for documents longer than a page.
I want something like that, Any recommendations?
Emacs offers a follow-mode which you might find helpful ( see for instance here http://www.emacswiki.org/emacs/FollowMode).
A short description of how it is used and what it does:
You need to open a buffer in two windows and enter follow-mode using M-x follow-mode. This is actually a bit of a drawback, because you need to learn how to use emacs, if you don't know it already (imho learning how to use emacs is worth spending some time).
After entering follow-mode the second buffer will skip to the place where the first buffer ends, similar to the page-by-page view offered by Microsoft Word. Now if you move the cursor down one line at a time and you leave the first buffer window at the bottom, the cursor will appear at the top of the second. If you move further down and you are at the bottom of the second window, both buffers will scroll simultaneously, the same holds for page-wise scrolling using C-v and M-v.
If your monitor screen is wide enough, you can open a third window to further increase number of lines being displayed.
I have made a screenshot, which shows a text file opened in this mode: Screenshot auf Follow mode
Hmmm, it seems you are looking for layout features which you aren't likely to find in a text editor. Text editors are generally line based and don't understand the concept of pages. Text editors do things like code folding and allow lines to be wrapped or not. That is why text editors scroll in the vertical direction. These factors would affect pagination.
The concept of a page (and being able to lay them out side by side) doesn't really exist unless you are using a presentation manager such as a word processor or a desktop publishing package.
In vim: <Esc>:vsplit will open a second column for the file.
In all fairness, I should warn you that Vim has a steep learning curve, and will force you to wrap your head around new concepts like command mode / edit mode / visual mode. The results are definitely worth it, if you have the time to learn it.
I'm not sure if I know exactly what you want. Does Sublime Text 2's two-column layout with File > New View Into File do what you want?
A change on one side is reflected instantly in the other side, and you can scroll them independently. You can have up to four columns per window.
In LibreOffice Writer, go to View -> Zoom... and set Zoom factor to Fit width and height, and set View layout to Automatic. You can also set the number of columns manually, and if you choose two columns, you can use Book Mode.
With scroll-binding in vim, you can edit two files side by side: scroll-binding in Vim.
Show a text file with two columns in vim: http://vim.wikia.com/wiki/View_text_file_in_two_columns

How to hide the navigation buttons in openoffice writer

Openoffice writer has a set of navigation buttons (up, select, down) shown below the vertical scrollbar.
I wish to remove this as my app is kiosk software.
I only wish to remove the navigation buttons, not the scrollbar.
I'm trying to remove/hide these programmatically using the Java UNO bindings. However if there is a solution because of the nature of UNO it should be possible in any language.
I'm using openoffice 3.3.0
Things I've tried:
View settings: The scrollbar can be hidden by setting the property ("ShowVertRuler", false) from the view settings obtained via XTextDocument => CurrentController => XViewSettingsSupplier => XViewSettings. No similar property exists for the navigation buttons. Interestingly hiding the scrollbar also hides the navigation buttons implying it is all one widget??
XUIElement access: I've removed other elements like toolbars by obtaining the XLayoutManager via XFrame, iterating over the list of XUIElement and calling XLayoutManager.hideElement() with the ResourceURL for the XUIElement.
XAccessible access: I have found examples of how to get the scrollbar value by getting an XAccessible reference. See this thread. However it only seems possible to set/get model values using XAccessible, and not affect visibility.
Looking at documentation for UNO and much googling.
I'm only after a pointer in the right direction in terms of the API. I can write any code necessary myself.
As Openoffice is a free software, you can access the source code and remove the line which displays the navigation button to create a customized version of Openoffice without this button.

Resources