mirror of
https://github.com/mawww/kakoune.git
synced 2024-11-26 08:29:21 +03:00
07e194ca08
Kakoune has many users who may not have an IRC bouncer set up. As a result, they might not have the best experience using IRC. Let's lower the barrier of entry by linking to the Matrix IRC bridge, which has a web client with persistent chat history (though for these bridges, users can only see history from after they joined). Our peer projects like Neovim and Helix make heavy use of Matrix. They use proper Matrix channels which may have more features than IRC bridges. The icon is fairly random, I didn't find anything resembling the matrix logo. Related: #4766
487 lines
29 KiB
HTML
487 lines
29 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
|
|
<title tid="head:galleryPageTitle">Kakoune - Gallery</title>
|
|
|
|
<meta name="description" content="The official website of Kakoune, a selection-first modal code editor">
|
|
<meta name="author" content="@lenormf">
|
|
<link rel="icon" type="image/png" href="img/favicon16.png">
|
|
|
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="stylesheet" href="css/default.css">
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top border-bottom">
|
|
<a class="navbar-brand" href="/">
|
|
<img alt="kakoune logo" src="img/kakoune_logo_32.png"> Kakoune
|
|
</a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune#2-getting-started">
|
|
<i class="fa fa-fw fa-flag"></i>
|
|
<span tid="navbar:getStarted">Get started!</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune#3-basic-interaction">
|
|
<i class="fa fa-fw fa-list-alt"></i>
|
|
<span tid="navbar:documentation">Documentation</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune/issues">
|
|
<i class="fa fa-fw fa-bug"></i>
|
|
<span tid="navbar:issueTracker">Issue Tracker</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="https://github.com/mawww/kakoune/blob/master/doc/design.asciidoc">
|
|
<i class="fa fa-fw fa-book"></i>
|
|
<span tid="navbar:designNotes">Design Notes</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="gallery.html">
|
|
<i class="fa fa-fw fa-camera"></i>
|
|
<span tid="navbar:gallery">Gallery</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link text-nowrap" href="plugins.html">
|
|
<i class="fa fa-fw fa-plug"></i>
|
|
<span tid="navbar:plugins">Plugins</span>
|
|
</a>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarCommunity" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-globe"></i>
|
|
<span tid="navbar:community">Community</span>
|
|
</a>
|
|
|
|
<div class="dropdown-menu" aria-labelledby="navbarCommunity">
|
|
<a class="dropdown-item text-nowrap" href="https://github.com/mawww/kakoune/wiki">
|
|
<i class="fa fa-fw fa-group"></i>
|
|
<span tid="navbar:wiki">Wiki</span>
|
|
</a>
|
|
<a class="dropdown-item text-nowrap" href="writings.html">
|
|
<i class="fa fa-fw fa-file-text-o"></i>
|
|
<span tid="navbar:communityWritings">Community Writings</span>
|
|
</a>
|
|
<a class="dropdown-item text-nowrap" href="https://discuss.kakoune.com/">
|
|
<i class="fa fa-fw fa-comments"></i>
|
|
<span tid="navbar:forums">Forums</span>
|
|
</a>
|
|
<a class="dropdown-item text-nowrap" href="https://matrix.to/#/#kakoune:libera.chat">
|
|
<i class="fa fa-fw fa-arrows-alt"></i>
|
|
Matrix
|
|
</a>
|
|
<a class="dropdown-item text-nowrap" href="https://web.libera.chat/?channels=#kakoune">
|
|
<i class="fa fa-fw fa-hashtag"></i>
|
|
IRC
|
|
</a>
|
|
<a class="dropdown-item text-nowrap" href="https://kakoune.reddit.com/">
|
|
<i class="fa fa-fw fa-reddit"></i>
|
|
SubReddit
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="javascript:void(0)" id="navbarLanguages" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
|
<i class="fa fa-flag"></i>
|
|
<span tid="navbar:translation">Translation</span>
|
|
</a>
|
|
|
|
<div class="dropdown-menu" aria-labelledby="navbarLanguages">
|
|
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="en"><img src="img/flags/shiny/24/United-Kingdom.png">
|
|
<span tid="navbar:translation:english">English</span></a>
|
|
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="fr"><img src="img/flags/shiny/24/France.png">
|
|
<span tid="navbar:translation:french">French</span></a>
|
|
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="hu"><img src="img/flags/shiny/24/Hungary.png">
|
|
<span tid="navbar:translation:hungarian">Hungarian</span></a>
|
|
<a class="dropdown-item text-nowrap" href="javascript:void(0)" translate="it"><img src="img/flags/shiny/24/Italy.png">
|
|
<span tid="navbar:translation:italian">Italian</span></a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-10 offset-sm-1 pt-2 pt-md-4">
|
|
<h2 tid="menu:gallery">Gallery</h2>
|
|
<hr>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/fzf-delapouite.png">
|
|
<img class="card-img-top" src="img/screenshots/fzf-delapouite.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:0">
|
|
Opening buffers using the <a href="https://github.com/junegunn/fzf">fzf</a> utility
|
|
</p>
|
|
<span tid-fr="gallery:0" class="d-none">
|
|
Ouverture de fichiers avec l'outil <a href="https://github.com/junegunn/fzf">fzf</a>
|
|
</span>
|
|
<span tid-hu="gallery:0" class="d-none">
|
|
Bufferek megnyitása az <a href="https://github.com/junegunn/fzf">fzf</a> használatával
|
|
</span>
|
|
<span tid-it="gallery:0" class="d-none">
|
|
Apertura di un file usando l'utility <a href="https://github.com/junegunn/fzf">fzf</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/haskell-ide-gspia.png">
|
|
<img class="card-img-top" src="img/screenshots/haskell-ide-gspia.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:1">
|
|
Working on Haskell code in a <a href="https://github.com/tmux/tmux">tmux</a>-based IDE
|
|
</p>
|
|
<span tid-fr="gallery:1" class="d-none">
|
|
Code en Haskell dans un EDI basé sur <a href="https://github.com/tmux/tmux">tmux</a>
|
|
</span>
|
|
<span tid-hu="gallery:1" class="d-none">
|
|
Haskell kód szerkesztése egy <a href="https://github.com/tmux/tmux">tmux</a>-on alapuló környezetben.
|
|
</span>
|
|
<span tid-it="gallery:1" class="d-none">
|
|
Codice in Haskell in un IDE basato su <a href="https://github.com/tmux/tmux">tmux</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/cpp-edition-topisani1.png">
|
|
<img class="card-img-top" src="img/screenshots/cpp-edition-topisani1.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:2">
|
|
Editing some C++ code using multiple windows
|
|
</p>
|
|
<span tid-fr="gallery:2" class="d-none">
|
|
Edition de code C++ dans plusieurs fenêtres
|
|
</span>
|
|
<span tid-hu="gallery:2" class="d-none">
|
|
C++ kód szerkesztése több ablakban
|
|
</span>
|
|
<span tid-it="gallery:2" class="d-none">
|
|
Modifica di codice C++ usando finestre multiple
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/cpp-edition-topisani2.png">
|
|
<img class="card-img-top" src="img/screenshots/cpp-edition-topisani2.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:3">
|
|
Editing some C++ code using multiple windows
|
|
</p>
|
|
<span tid-fr="gallery:3" class="d-none">
|
|
Edition de code C++ dans plusieurs fenêtres
|
|
</span>
|
|
<span tid-hu="gallery:3" class="d-none">
|
|
C++ kód szerkesztése több ablakban
|
|
</span>
|
|
<span tid-it="gallery:3" class="d-none">
|
|
Modifica di codice C++ usando finestre multiple
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/bufferlist-francesco.png">
|
|
<img class="card-img-top" src="img/screenshots/bufferlist-francesco.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:4">
|
|
Simple buffer list presented by the Clippy assistant
|
|
</p>
|
|
<span tid-fr="gallery:4" class="d-none">
|
|
Liste de fichiers simple, présentée par l'assistant Clippy
|
|
</span>
|
|
<span tid-hu="gallery:4" class="d-none">
|
|
Egyszerű buffer lista a Clippy által megjelenítve
|
|
</span>
|
|
<span tid-it="gallery:4" class="d-none">
|
|
Semplice lista di file presentata dall'assistente Clippy
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/cargo-make-screwtape.png">
|
|
<img class="card-img-top" src="img/screenshots/cargo-make-screwtape.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:5">
|
|
Onboard building of Rust code with <a href="https://github.com/rust-lang/cargo">cargo</a>
|
|
</p>
|
|
<span tid-fr="gallery:5" class="d-none">
|
|
Compilation de code Rust intégrée, avec <a href="https://github.com/rust-lang/cargo">cargo</a>
|
|
</span>
|
|
<span tid-hu="gallery:5" class="d-none">
|
|
Rust kód fordítása <i>Kakoune</i>-ben a <a href="https://github.com/rust-lang/cargo">cargo</a> használatával
|
|
</span>
|
|
<span tid-it="gallery:5" class="d-none">
|
|
Compilazione di codice Rust da <i>Kakoune</i>, con <a href="https://github.com/rust-lang/cargo">cargo</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/go-documentation-pauldub.png">
|
|
<img class="card-img-top" src="img/screenshots/go-documentation-pauldub.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:6">
|
|
On-display documentation about Go symbols
|
|
</p>
|
|
<span tid-fr="gallery:6" class="d-none">
|
|
Documentation intégrée à propos de symboles Go
|
|
</span>
|
|
<span tid-hu="gallery:6" class="d-none">
|
|
Go dokumentáció beépített megjelenítése
|
|
</span>
|
|
<span tid-it="gallery:6" class="d-none">
|
|
Documentazione integrata di simboli Go
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/nim-edition-solitudesf.png">
|
|
<img class="card-img-top" src="img/screenshots/nim-edition-solitudesf.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:7">
|
|
Simple edition of Nim code
|
|
</p>
|
|
<span tid-fr="gallery:7" class="d-none">
|
|
Edition simple de code Nim
|
|
</span>
|
|
<span tid-hu="gallery:7" class="d-none">
|
|
Egyszerű Nim kód szerkesztés
|
|
</span>
|
|
<span tid-it="gallery:7" class="d-none">
|
|
Scrittura di codice Nim
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/relativenumbering-FreeFull.gif">
|
|
<img class="card-img-top" src="img/screenshots/relativenumbering-FreeFull.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:8">
|
|
Editing some Rust code using relative line numbering
|
|
</p>
|
|
<span tid-fr="gallery:8" class="d-none">
|
|
Edition de code Rust grâce aux indices de lignes relatifs
|
|
</span>
|
|
<span tid-hu="gallery:8" class="d-none">
|
|
Rust kód szerkesztése, a sorok relatívan vannak számozva
|
|
</span>
|
|
<span tid-it="gallery:8" class="d-none">
|
|
Modifica di codice Rust usando i numeri di riga relativi
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/ccode-Xiaoman.gif">
|
|
<img class="card-img-top" src="img/screenshots/ccode-Xiaoman.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:9">
|
|
Simple selection of C code
|
|
</p>
|
|
<span tid-fr="gallery:9" class="d-none">
|
|
Sélection simple de code C
|
|
</span>
|
|
<span tid-hu="gallery:9" class="d-none">
|
|
Egyszerű C kód kijelölés
|
|
</span>
|
|
<span tid-it="gallery:9" class="d-none">
|
|
Semplice selezione di codice C
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/fzf-lenormf.gif">
|
|
<img class="card-img-top" src="img/screenshots/fzf-lenormf.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:10">
|
|
Opening multiple buffers using <a href="https://github.com/junegunn/fzf">fzf</a>
|
|
</p>
|
|
<span tid-fr="gallery:10" class="d-none">
|
|
Ouverture de multiples fichiers grâce à <a href="https://github.com/junegunn/fzf">fzf</a>
|
|
</span>
|
|
<span tid-hu="gallery:10" class="d-none">
|
|
Több buffer megnyitása az <a href="https://github.com/junegunn/fzf">fzf</a> használatával
|
|
</span>
|
|
<span tid-it="gallery:10" class="d-none">
|
|
Apertura di più file con <a href="https://github.com/junegunn/fzf">fzf</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/multiselections-victoroux.gif">
|
|
<img class="card-img-top" src="img/screenshots/multiselections-victoroux.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:11">
|
|
Editing some Python code using multiple selections
|
|
</p>
|
|
<span tid-fr="gallery:11" class="d-none">
|
|
Edition de code Python grâce aux sélections multiples
|
|
</span>
|
|
<span tid-hu="gallery:11" class="d-none">
|
|
Python kód szerkesztése több kijelölés egyidejű használatával
|
|
</span>
|
|
<span tid-it="gallery:11" class="d-none">
|
|
Modifica di codice Python usando le selezioni multiple
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/multiclients_casimir.gif">
|
|
<img class="card-img-top" src="img/screenshots/multiclients_casimir.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:12">
|
|
Multiple <i>Kakoune</i> clients within the same session
|
|
</p>
|
|
<span tid-fr="gallery:12" class="d-none">
|
|
Différents clients <i>Kakoune</i> au sein de la même session
|
|
</span>
|
|
<span tid-hu="gallery:12" class="d-none">
|
|
Több különböző <i>Kakoune</i> kliens csatlakozva ugyan ahhoz a munkamenethez
|
|
</span>
|
|
<span tid-it="gallery:12" class="d-none">
|
|
Vari client <i>Kakoune</i> all'interno della stessa sessione
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/multiselections-jkonecny.gif">
|
|
<img class="card-img-top" src="img/screenshots/multiselections-jkonecny.gif">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:13">
|
|
Multiple selection in a <i>Kakoune</i> client
|
|
</p>
|
|
<span tid-fr="gallery:13" class="d-none">
|
|
Sélections multiples dans un client <i>Kakoune</i>
|
|
</span>
|
|
<span tid-hu="gallery:13" class="d-none">
|
|
Több kijelölés egy <i>Kakoune</i> kliensben
|
|
</span>
|
|
<span tid-it="gallery:13" class="d-none">
|
|
Selezioni multiple in un client <i>Kakoune</i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<div class="card shadow-sm mb-4">
|
|
<a href="img/screenshots/gustavo-lsp.png">
|
|
<img class="card-img-top" src="img/screenshots/gustavo-lsp.png">
|
|
</a>
|
|
<div class="card-body py-2">
|
|
<p class="card-text text-center mb-0" tid="gallery:14">
|
|
Using the LSP plugin completion engine
|
|
</p>
|
|
<span tid-fr="gallery:14" class="d-none">
|
|
Utilisation de la complétion de l'extension LSP
|
|
</span>
|
|
<span tid-hu="gallery:14" class="d-none">
|
|
Az LSP plugin-befejező motor használata
|
|
</span>
|
|
<span tid-it="gallery:14" class="d-none">
|
|
Utilizzo del motore di completamento del plug-in LSP
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row-fluid">
|
|
<div id="footer" class="col-sm-8 offset-sm-2 text-center mb-2">
|
|
<hr class="mt-0 mb-1">
|
|
2012-2018 · <a href="https://github.com/mawww/kakoune"><i>kakoune</i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
|
<script type="text/javascript" src="js/translate.js"></script>
|
|
</body>
|
|
</html>
|