(???) !DOCTYPE html> (???) html> (???) <head> (???) <meta charset="utf-8" /> (???) <meta name="viewport" content="width=device-width, initial-scale=1.0" /> (???) <title>Midnight Commander</title> (???) <link href="slides.css" rel="stylesheet" /> (???) <link href="slides-print.css" rel="stylesheet" media="print" /> (???) <script src="slides.js" defer></script> (???) <link href="timer.css" rel="stylesheet" /> (???) <script src="timer.js" defer></script> (???) <link href="lompe-table.css" rel="stylesheet" /> (???) <link href="mc.css" rel="stylesheet" /> (???) <script src="mc.js" defer></script> (???) <!-- <script src="shell-animation.js" defer></script> --> (???) <!-- <link rel="stylesheet" href="//localhost:8080/css/index.css" /> (???) <link rel="stylesheet" href="//localhost:8080/css/xterm.css" /> (???) <link rel="stylesheet" href="//localhost:8080/css/xterm_customize.css" /> --> (???) <!-- TODO top to bottom for a more movie like experience? --> (???) </head> (???) <body> (???) <main class="slides" tabindex="0" autofocus> (???) <!-- of a movie theme, selected theatres, so long folks, the name could be a movie as well (midnight commander) --> (???) <section class="paragraph"> (???) <p><kbd>◀</kbd> prev<br /><kbd>▶</kbd> next</p> (???) </section> (???) <section class="black small fade-in">In a world…</section> (???) <section class="black small fade-in"> (???) …where chaos reigns in file management, (???) </section> (???) <section class="black small fade-in"> (???) where endless folders and typos are the norm, (???) </section> (???) <section class="black small fade-in"> (???) a man, a woman and their goat. (???) </section> (???) <section class="black"> (???) <!-- TODO film strip --> (???) <!-- TODO glitch movie style --> (???) Midnight Commander (???) <p class="small">Een andere wijze van bestandsbeheer (en meer)</p> (???) </section> (???) <!-- <section> (???) De antagonist: shell typos, mentaal image van file hierarchy (???) De held: midnight commander (???) De bondgenoot: shortcut keys (???) </section> --> (???) <section class="paragraph"> (???) <!-- live presentation: show this first, surprise! --> (???) <!-- TODO typing? after keypress? --> (???) <pre class="shell" title="shell"> (???) <kbd>cd pytris</kbd> (???) samp>no such file or directory</samp> (???) <kbd>pwd</kbd> (???) samp>/var/www</samp> (???) <kbd>ah!</kbd><span class="cursor"> </span> (???) /pre> (???) </section> (???) <section id="about-joris" class="about"> (???) <a href="https://joriszwart.nl" target="_blank"> (???) <img (???) src="joriszwart-logo-uluru.png" (???) alt="Joris Zwart logo" (???) width="1000" (???) height="125" (???) /> (???) </a> (???) </section> (???) <section class="paragraph"> (???) <pre class="shell" title="shell"> (???) cd pyht<kbd>TAB</kbd> (???) o such file or directory (???) <span class="cursor"> </span> (???) </pre> (???) </section> (???) <section class="paragraph"> (???) <pre class="shell small" title="shell"> (???) cd ~/python-tetris (???) cat main.py (???) o such file or directory (???) ls (PNG) ytris.py (???) vi pytris.py (???) q!@$@#%!&*@$# (???) rm -rf * (???) span class="cursor"> </span> (???) </pre> (???) </section> (???) <section>An orthodox file manager</section> (???) <section class="paragraph"> (???) <pre class="shell" title="shell"> (???) cp (???) sage: cp [-R [-H | -L | -P]] (???) [-fi | -n] [-aclpSsvXx] (???) source_file target_file (???) </pre> (???) </section> (???) <section class="paragraph"> (???) <pre class="shell small" title="shell"> (???) scp (???) sage: scp [-346ABCOpqRrsTv] (???) [-c cipher] (???) [-D sftp_server_path] (???) [-F ssh_config] (???) [-i identity_file] (???) [-J destination] [-l limit] (???) [-o ssh_option] (???) [-P port] [-S program] (???) [-X sftp_option] (???) source ... target (???) </pre> (???) </section> (???) <section>Demo</section> (???) <!-- TODO screenshot for offline use, print, pdf? --> (???) <section class="paragraph"> (???) <img src="mc-demo.png" /> (???) </section> (???) <!-- (???) (???) navigate (???) copy (???) rename (???) edit/view file, directory, archive (???) shell (???) TODO use uluru / sea blue theme in mc (enable shadows) (???) --> (???) <section>Features</section> (???) <!-- TODO describe 5 panels (menu, left, right, command line, hint bar)--> (???) <section class="paragraph"> (???) TUI<br /> (???) <p class="small">Works Everywhere™</p> (???) </section> (???) <section class="paragraph"> (???) Mouse<br /> (???) <p class="small">In selected theatres</p> (???) </section> (???) <!-- remote is limited, but works (cd etc) --> (???) <section class="paragraph">Shell command line</section> (???) <section class="paragraph"> (???) <p><kbd>CTRL</kbd>+<kbd>O</kbd> shell out / in</p> (???) </section> (???) <section class="paragraph"> (???) <!-- TODO fish shell, passwordless etc --> (???) FTP / Shell links<br /> (???) <p class="small">(protip)</p> (???) </section> (???) <section>Command keys</section> (???) <section class="paragraph align-left"> (???) <p> (???) <!-- TODO dumb terminals: esc + number --> (???) <kbd>F1</kbd> help!<br /> (???) <kbd>F3</kbd> view<br /> (???) <kbd>F4</kbd> edit<br /> (???) <kbd>F5</kbd> copy<br /> (???) <kbd>F9</kbd> menu<br /> (???) </p> (???) </section> (???) <section class="paragraph"> (???) <p><kbd>F10</kbd> quit</p> (???) </section> (???) <section>Install</section> (???) <section id="install-linux" class="paragraph"> (???) <!-- <img src="images/linux.svg" class="no-print" /> --> (???) apt install mc (???) </section> (???) <section id="install-macos" class="paragraph"> (???) <!-- <img src="images/apple.svg" class="no-print" /> --> (???) brew install mc (???) </section> (???) <section id="install-freebsd" class="paragraph"> (???) <!-- <img src="images/beastie.svg" class="no-print" /> --> (???) pkg install mc (???) </section> (???) <section id="install-windows" class="paragraph"> (???) <!-- <img src="images/windows.svg" class="no-print" /> --> (???) choco install mc (???) </section> (???) <section>Launch</section> (???) <section class="paragraph"> (???) <pre class="shell" title="shell"> (???) mc (???) </pre> (???) </section> (???) <section>Navigate</section> (???) <section class="paragraph"> (???) <p> (???) <kbd>▲</kbd> cursor up<br /> (???) <kbd>▼</kbd> cursor down<br /> (???) <kbd>⇞</kbd> page up<br /> (???) <kbd>⇟</kbd> page down<br /> (???) </p> (???) </section> (???) <section class="paragraph"> (???) <p> (???) <kbd> ↵</kbd> open or dive into<br /> (???) <kbd>⇥ </kbd> switch active panel <br /> (???) </p> (???) </section> (???) <section>Select files</section> (???) <section class="paragraph"> (???) <p> (???) <kbd>+</kbd> select group <br /> (???) <kbd>-</kbd> unselect group<br /> (???) <kbd>*</kbd> invert selection<br /> (???) </p> (???) </section> (???) <section>Configuration</section> (???) <section class="paragraph">(*) always pause</section> (???) <!-- insert half screenshots? --> (???) <section>Alternatives</section> (???) <section class="paragraph"> (???) <ul> (???) <li>Far Manager</li> (???) <li>Ranger</li> (???) <li>And many more!</li> (???) </ul> (???) </section> (???) <section class="paragraph"> (???) My frequent use (???) <!-- TODO left flush with list --> (???) <ul> (???) <li>File management</li> (???) <li>File viewer</li> (???) <li>Remote file management</li> (???) </ul> (???) </section> (???) <section>Cheat sheet</section> (???) <section class="paragraph"> (???) <!-- TODO really big! --> (???) <p> (???) <big><kbd>F1</kbd></big> (???) </p> (???) <span class="small">(context sensitive)</span> (???) </section> (???) <section>Credits</section> (???) <section class="scroll small"> (???) Current team<br /> (???) Andrew Borodin · aborodin / mc-worker<br /> (???) Yury V. Zaytsev · zyv · <br /> (???) Former team members<br /> (???) Listed alphabetically by last name:<br /> (???) Egmont Koblinger · egmontkob<br /> (???) Stan. S. Krupoderov · iNode<br /> (???) Ilia Maslakov · ilia-maslakov<br /> (???) mooffie · mooffie<br /> (???) Mikhail S. Pabalavets · styx<br /> (???) Sergei Trofimovich · trofi<br /> (???) Enrico Weigelt · metux<br /> (???) Patrick Winnertz · winnieXY<br /> (???) Slava Zanko1 · slavaz<br /> (???) Former maintainers<br /> (???) Listed in reverse chronological order:<br /> (???) <br /> (???) Pavel Tsekov · ptsekov<br /> (???) Pavel Roskin · proski<br /> (???) Miguel de Icaza · migueldeicaza<br /> (???) </section> (???) <section> (???) <a href="https://midnight-commander.org">midnight-commander.org</a> (???) <!-- <a href="https://copy.sh/v86/">copy.sh/v86</a><br /> (???) <a href="https://xtermjs.org">xtermjs.org</a><br /> --> (???) </section> (???) <section class="paragraph"> (???) <a href="https://joriszwart.nl/mc">joriszwart.nl/mc</a> (???) </section> (???) <section class="paragraph">So Long, Folks!</section> (???) <!-- <section class="paragraph">TODO cheat sheet</section> --> (???) </main> (???) <aside class="timer" data-timer data-minutes="5"></aside> (???) <!-- <script src="//localhost:8080/auth_token.js?resources"></script> (???) <script src="//localhost:8080/config.js"></script> (???) <script src="//localhost:8080/js/gotty.js"></script> --> (???) </body> (???) /html>