-
-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
New Website #12127
New Website #12127
Conversation
@NikitaRevenco I have been experimenting with your way of taking screenshots as detailed in the site. My version of Gnome Terminal from Debian 12 is missing the select all and copy html options from the top right. It only has copy html from the mouse menu, and it is no good without select all. Newer Gnome does not use Gnome Terminal anymore, so I regret this method maybe redundant on newer distributions that use a more modern Gnome. I have found a potentially better solution that may interest you, especially if you use Kitty rather than Gnome Terminal. pipx install ansi2html It works with Helix and 24bit color. You can run a script that accepts stdin with ANSI codes and outputs the result to an HTML file. #!/bin/bash
cat - | ansi2html >~/path/to/file.html In Kitty: map alt+s launch --type background --stdin-source=@screen --stdin-add-formatting sh /path/to/your/script <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<style type="text/css">
.ansi2html-content { display: inline; white-space: pre-wrap; word-wrap: break-word; }
.body_foreground { color: #AAAAAA; }
.body_background { background-color: #000000; }
.inv_foreground { color: #000000; }
.inv_background { background-color: #AAAAAA; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-181206168 { color: #B5CEA8; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-106153085 { color: #6A9955; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-086156214 { color: #569CD6; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-206145120 { color: #CE9178; }
.ansi38-062062061 { color: #3E3E3D; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-133133133 { color: #858585; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
.ansi38-255255255 { color: #FFFFFF; }
.ansi48-000122204 { background-color: #007ACC; }
.ansi38-212212212 { color: #D4D4D4; }
.ansi48-030030030 { background-color: #1E1E1E; }
</style>
</head>
<body class="body_foreground body_background" style="font-size: normal;" >
<pre class="ansi2html-content">
<span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 1</span><span class="ansi38-212212212 ansi48-030030030"> font_size</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">12.0</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 2</span><span class="ansi38-212212212 ansi48-030030030"> modify_font</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">cell_width</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">105%</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 3</span><span class="ansi38-212212212 ansi48-030030030"> hide_window_decorations</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">yes</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 4</span><span class="ansi38-212212212 ansi48-030030030"> enabled_layouts</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">tall,stack</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 5</span><span class="ansi38-212212212 ansi48-030030030"> enable_audio_bell</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">no</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 6</span><span class="ansi38-212212212 ansi48-030030030"> wayland_enable_ime</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">no</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 7</span><span class="ansi38-212212212 ansi48-030030030"> copy_on_select</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">yes</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 8</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 9</span><span class="ansi38-212212212 ansi48-030030030"> tab_bar_edge</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">top</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 10</span><span class="ansi38-212212212 ansi48-030030030"> tab_bar_style</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">separator</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 11</span><span class="ansi38-212212212 ansi48-030030030"> tab_separator</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">"</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">|</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">"</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 12</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 13</span><span class="ansi38-212212212 ansi48-030030030"> allow_remote_control</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">yes</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 14</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">listen_on</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">unix</span><span class="ansi38-212212212 ansi48-030030030">:</span><span class="ansi38-206145120 ansi48-030030030">/tmp/kitty</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 15</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 16</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">ctrl</span><span class="ansi38-212212212 ansi48-030030030">+=</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">change_font_size</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">all</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-181206168 ansi48-030030030">19</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 17</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">ctrl</span><span class="ansi38-212212212 ansi48-030030030">+enter</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">launch</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">--cwd=</span><span class="ansi38-206145120 ansi48-030030030">current</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 18</span><span class="ansi38-212212212 ansi48-030030030"> map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">ctrl+]</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">next_window</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 19</span><span class="ansi38-212212212 ansi48-030030030"> map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">ctrl+[</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">previous_window</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 20</span><span class="ansi38-212212212 ansi48-030030030"> map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">alt+l</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">next_layout</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 21</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">#</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">alt+s</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">launch</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">--cwd=current</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">--type</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">background</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">bash</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">-c</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">'random=$RANDOM</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">&&</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> ↪</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">gnome-screenshot</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">-f</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">"./screenshot_$random.png"</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">&&</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">krita</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">"./screenshot_$random.</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> ↪</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">png"'</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 22</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 23</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">#</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">alt+s</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">copy_ansi_to_clipboard</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 24</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">#</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">alt+s</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">launch</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">--type</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">background</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">--stdin-source=@screen</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> ↪</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-106153085 ansi48-030030030">copy_ansi_to_clipboard</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> 25</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">map</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-086156214 ansi48-030030030">alt</span><span class="ansi38-212212212 ansi48-030030030">+s</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">launch</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">--type</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">background</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">--stdin-source=</span><span class="ansi38-206145120 ansi48-030030030">@screen</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">--stdin-add-</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> ↪</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">formatting</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">sh</span><span class="ansi38-062062061 ansi48-030030030"> </span><span class="ansi38-206145120 ansi48-030030030">/home/david/Documents/scripts/terminal-screen-shot</span><span class="ansi38-062062061 ansi48-030030030">⏎</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="ansi38-133133133 ansi48-030030030"> ~</span><span class="ansi38-212212212 ansi48-030030030"> </span><span class="inv38-166166166 inv48-030030030"> </span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-212212212 ansi48-030030030">
</span><span class="ansi38-255255255 ansi48-000122204"> NOR ~/.config/kitty/kitty.conf 1 sel 26:1
</span><span class="ansi38-212212212 ansi48-030030030"> </span>
</pre>
</body>
</html> There are some duplicated classes, but I am sure they can be stripped easily. |
Yes this is certainly better, since it doesn't rely on using Gnome terminal. perfect, thanks! Today I've been working on making it so that each theme file in the "theme preview" can be automatically generated with a simple script which reads the theme .toml files |
Has the "Speed of Thought" text been used with Helix historically? I can't find it on the current website or in the repository, just thought I should mention that it is Zed's tagline and you probably don't want to copy/infringe on that :) |
I actually thought of that myself, didn't know Zed also uses it. Helix's tagline is "The post-modern text editor" though, not related to Speed of Thought On the landing page it's just a sentence to describe Helix, not the slogan. Thanks for letting me know though! |
Right but to be fair it is the very first slogan box on the homepage. Maybe a derivative of the same idea could work? "Edit at Lightspeed" or "Edit at your own speed" or "Lightning quick edits"? |
So, as mentioned by someone earlier in the thread, I'd have preferred to see this split into several PRs, or at least a prior discussion before work was started. It's a large PR to review. As a whole, the content changes are a welcome and much needed improvement! I have some issues with the site framework though:
|
I thought the phrase came from this book, I have used it on my blog before talking about Neovim and Helix... the first edition was published September 1, 2012: |
this makes sense, It can probably be changed to something else for sure |
Can we have a light theme/dark theme toggle or theme picker on documentation like the old website? It's more of an accessibility thing because dark background + light text hurts my eyes alot, so I can't really read with this theme. |
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
hello! wanted to learn helix and heard that the docs were being updated, looks pretty cool.
|
||
The final outcome will look like this: | ||
|
||
<T.PythonFinalState /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
||
<T.CursorOnFirst3 /> | ||
|
||
1. Press <kbd>C</kbd> which creates a cursor below, until you have a cursor on each individual `3`: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
|
||
<T.SelectedEveryWord /> | ||
|
||
1. This selected a few extra words than we wanted, but that's okay! One of the selections is the "primary" selection which we can tell by the `2:3` in the left right corner, which means that our primary selection is on line 2 character 3. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this is supposed to be: "left right" -> "lower right"
|
||
1. Let's use <kbd>s</kbd> now which will ask us for a prompt. | ||
|
||
This time, we won't just enter a string but we'll enter a very small regex: `\w+`, which selects every word: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maybe add "and then Enter"
|
||
<T.BackToPreviousSelection /> | ||
|
||
1. By pressing <kbd>Alt</kbd> + <kbd>,</kbd>, we can remove the primary selection, so that `def` is not selected: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maybe change this to: With the primary selection back to
def, press "alt + ," to remove the primary selection
|
||
<T.RemovedPrimarySelectionAgain /> | ||
|
||
Press <kbd>)</kbd> a few times until you reach the next selection you want to remove. If you go over by one, just press <kbd>(</kbd> to make the previous selection primary. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
how do you undo an "Alt+," ? It's not easy to correlate the selection with the index in the lower right corner, easy to lose track and make a mistake here.
1. Hit <kbd>Enter</kbd> to select and go to the beginning of each word with <kbd>b</kbd> | ||
|
||
1. Move 3 characters to the right with <kbd>lll</kbd> | ||
1. Press <kbd>e</kbd> to go to the end of each word and delete it: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
maybe "delete it with d
" to be explicit
|
||
A word consists only of alphanumeric characters and underscores, so `a-Z`, `0-9` and `_`. | ||
|
||
For instance, take the following file, with two cursors: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
it's not obvious how to create a second horizontal cursor if someone wants to try this
|
||
A paragraph is delimited by two newlines, as well as start and end of files. For example in the following file with 3 cursors: | ||
|
||
<T.MarkdownFile /> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
copy/pasting this example can include trailing whitespace and break the examples with the lines that are supposed to be empty if there is only one cursor
|
||
- <kbd>Ctrl</kbd> + <kbd>w</kbd> + <kbd>h</kbd> moves to buffer above | ||
- <kbd>Ctrl</kbd> + <kbd>w</kbd> + <kbd>j</kbd> moves to buffer below | ||
- <kbd>Ctrl</kbd> + <kbd>w</kbd> + <kbd>k</kbd> moves to buffer on the right |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think the ctrl+w+h and ctrl+w+k descriptions are swapped here
To be fair for accessibility it's important. Helix can still use a purple light theme |
For context, I originally posted this is Matrix...
I would prefer to see the termshot stuff dropped entirely. While it looks cool it presents new issues. The guide for creating termshots is asking a lot for a casual or drive-by contributor by requiring Linux+
I don't think there's very much value in this. If the goal is to teach people how to use the editor I think it's reasonable to expect that they have the editor installed after a certain point. Up to that point we should only need a 'hook' to get people interested rather than allowing the entire docs site to be followed online. For that something like a "tour" video is probably more appropriate, for example https://research.swtch.com/acme. For the usage part / guides it would probably still be useful to have a way to show a snapshot of the editor state. I don't think there's anything off-the-shelf that would fit this really well but we could look into writing custom
Like above I think some sort of hook video is probably what most "drive-by" viewers would look for plus some quick facts like that we build on tree-sitter and have LSP support. The tricky part of the current video is that it's an asciinema recording and that doesn't have an out-of-the-box way to add text or keypresses (AFAIK). So we could look at replacing and improving that video to be more of a tour. About the boxes/bubbles: improving the display/styling sounds good but the content of the boxes probably needs some debate as already mentioned above. I would prefer we stay close to facts like that tree-sitter is a cornerstone. Some of the phrases like "become the 10x developer..." etc. seem too close to marketing material to me.
Defaulting to the same theme is ok but we should keep the theme switcher. Colibri doesn't have very high contrast and switching between light/dark is occasionally useful or necessary for accessibility.
I think Dioxus's site looks cool but I'm not totally convinced it provides enough value to ditch mdBook for it. I'd want to see a very small MVP of a page or two of docs using their setup (and how large the code footprint of that is) before deciding either way.
I would start small with a single page and go from there and we can reevaluate after a few PRs if necessary
|
Thanks! good to know. I'll make the PRs to merge the new documentation pages 1 by 1. |
this is rather unfortunate, but I'm not going to make any more commits for the site, since it isn't going to be merged. These termshots require quite a lot of maintenance to get right, and there are hundreds of them. I think the approach is cool but it won't work out in the long term. The maintainers clearly expressed that they would not like to switch to a JavaScript framework, which honestly makes sense. I can see how effort into improving the software itself than have to deal with breaking changes in regards to the documentation website. Rather, I will PR the new documentation pages I wrote into Helix's official docs one-by-one. I've put most of the time into writing content (which can be ported, the termshots aren't really necessary). First this pull request: The pull requests for other pages will follow. The site I will keep up, since it's just static and free to host. You can find the new repository for the site at https://github.com/NikitaRevenco/helix-docs (note that it's only there for archive purposes) |
Link
helix-editor.vercel.app
I have completely rebuilt the Helix website and documentation as well as the landing page to:
The new website is available at
helix-editor.vercel.app
More Screenshots
New pages
I've put in some time to write step-by-step guides for newcomers to Helix who may be interested. These pages have been written from scratch:Migrated Pages
I've also migrated some pages from the Wiki to make them more discoverable:
Map of old docs to new docs
This can be used to setup redirects