Commit 88227ec5 authored by Carl Schwan's avatar Carl Schwan

WIP: Add text editing section

parent 7d8eff6f
......@@ -2,8 +2,39 @@
title: Features
author: Christoph Cullmann
date: 2010-07-09T08:40:19+00:00
type: 'page'
---
<h2>Text editing</h2>
<div>
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#autocompletion" aria-controls="autocompletion" role="tab" data-toggle="tab">Auto completion</a></li>
<li role="presentation"><a href="#vimode" aria-controls="vimode" role="tab" data-toggle="tab">Vi Mode</a></li>
<li role="presentation"><a href="#backup" aria-controls="backup" role="tab" data-toggle="tab">Backups</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="autocompletion">
<img alt="Screenshot of Kate programming features" src="/about-kate/kate-programming.png" />
Be productive with Kate, and get code sugestions while typing. Kate support two autocompletion engines:
<ul>
<li>Get suggestion from words included in files that are opened.</li>
<li>Use the <a href="https://microsoft.github.io/language-server-protocol/">Language Server Protocol</a> to get context and language specific suggestions for many languages. This feature will be enabled by default in Kate 19.12.</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane" id="vimode">
<img alt="Screenshot of Kate with the VI Mode" src="/about-kate/kate-vim.png" />
The VI Mode allow Kate to behave similar to Vim. Not all vim feature are supported, most Vim users will already be productive in Kate’s VI mode.
</div>
<div role="tabpanel" class="tab-pane" id="backup">
<img alt="Screenshot of Kate recover from crash feature" src="/about-kate/kate-crash.png" />
Swap files are created by Kate to recover data on system crash. So you don't need to worry about losing all your unsaved work.
</div>
</div>
</div>
<!--
## Application Features
![Screenshot showing Kate window spliting feature and terminal plugin](/images/kate-window.png)
......@@ -68,3 +99,4 @@ date: 2010-07-09T08:40:19+00:00
+ Backups on save
+ Swap files to recover data on system crash
+ Undo / redo system
-->
{{ define "main" }}
<div class="container" role="main">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
{{ with .Content }}
{{.}}
{{ end }}
</div>
</div>
</div>
{{ end }}
{{- if eq .Kind "taxonomyTerm" }}
{{- range $key, $value := .Data.Terms.ByCount }}
{{- $.Scratch.Add "most_used" (slice $value.Name) }}
{{- end }}
{{- if not ($.Scratch.Get "most_used") }}
{{- $description := printf "A full overview of all pages with %s, ordered by %s" .Data.Plural .Data.Singular | truncate 180 }}
{{- $.Scratch.Set "Description" $description }}
{{- else }}
{{- $description := printf "A full overview of all pages with %s, ordered by %s, such as: %s" .Data.Plural .Data.Singular ( delimit ( $.Scratch.Get "most_used" ) ", " ", and " ) | truncate 180 }}
{{- $.Scratch.Set "Description" $description }}
{{- end }}
{{- $title := printf "Overview of all pages with %s, ordered by %s" .Data.Plural .Data.Singular }}
{{- $.Scratch.Set "Title" $title }}
{{- else if eq .Kind "taxonomy" }}
{{- $description := printf "Overview of all pages with the %s #%s, such as: %s" .Data.Singular $.Title ( index .Pages 0).Title | truncate 160 }}
{{- $.Scratch.Set "Description" $description }}
{{- $title := printf "Overview of all pages with the %s #%s" .Data.Singular $.Title }}
{{- $.Scratch.Set "Title" $title }}
{{- else }}
{{- $.Scratch.Set "Description" ( .Description | default .Params.subtitle | default .Summary ) }}
{{- $.Scratch.Set "Title" ( .Title | default .Site.Title ) }}
{{- end }}
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<!-- Site Title, Description, Author, and Favicon -->
{{- with ($.Scratch.Get "Title") }}
<title>{{ . }} - {{ $.Site.Title }}</title>
<meta property="og:title" content="{{ . }}" />
<meta name="twitter:title" content="{{ . | truncate 70 }}" />
{{- end }}
{{- with ($.Scratch.Get "Description") }}
<meta name="description" content="{{ . }}">
<meta property="og:description" content="{{ . }}">
<meta name="twitter:description" content="{{ . | truncate 200 }}">
{{- end }}
{{- with .Site.Author.name }}
<meta name="author" content="{{ . }}"/>
{{- end }}
{{- partial "seo/main.html" . }}
{{- with .Site.Params.favicon }}
<link href='{{ . | absURL }}' rel='icon' type='image/x-icon'/>
{{- end -}}
<!-- Social Media Tags -->
{{- with .Params.share_img | default .Params.image | default .Site.Params.logo }}
<meta property="og:image" content="{{ . | absURL }}" />
<meta name="twitter:image" content="{{ . | absURL }}" />
{{- end }}
<meta name="twitter:card" content="summary" />
{{- with .Site.Author.twitter }}
<meta name="twitter:site" content="@{{ . }}" />
<meta name="twitter:creator" content="@{{ . }}" />
{{- end }}
{{- with .Site.Params.fb_app_id }}
<meta property="fb:app_id" content="{{ . }}" />
{{- end }}
<meta property="og:url" content="{{ .Permalink | absLangURL }}" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="{{ .Site.Title }}" />
<!-- Hugo Version number -->
{{ hugo.Generator -}}
<!-- Links and stylesheets -->
<link rel="alternate" href="{{ "index.xml" | absLangURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
{{- if .Site.Params.selfHosted -}}
<link rel="stylesheet" href="{{ "css/katex.min.css" | absURL }}" />
<link rel="stylesheet" href="{{ "fontawesome/css/all.css" | absURL }}" />
<link rel="stylesheet" href="{{ "css/bootstrap.min.css" | absURL }}" />
{{- else -}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.10.0/katex.min.css" integrity="sha384-9eLZqc9ds8eNjO3TmqPeYcDj8n+Qfa4nuSiGYa6DjLNcv9BtN69ZIulL9+8CqC9Y" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
{{- end -}}
<link rel="stylesheet" href="{{ "css/main.css" | absURL }}" />
<link rel="stylesheet" href="{{ "css/feature.css" | absURL }}" />
{{- if .Site.Params.staticman -}}
<link rel="stylesheet" href="{{ "css/staticman.css" | absURL }}" />
{{- end -}}
{{- if .Site.Params.selfHosted -}}
<link rel="stylesheet" href="{{ "css/fonts.css" | absURL }}" />
{{- else -}}
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800" />
{{- end -}}
{{- if .Site.Params.useHLJS }}
<link rel="stylesheet" href="{{ "css/highlight.min.css" | absURL }}" />
{{- else -}}
<link rel="stylesheet" href="{{ "css/syntax.css" | absURL }}" />
{{- end -}}
<link rel="stylesheet" href="{{ "css/codeblock.css" | absURL }}" />
{{- if .Site.Params.staticman.recaptcha -}}
<script src='https://www.google.com/recaptcha/api.js'></script>
{{- end -}}
{{- if .Site.Params.selfHosted -}}
<link rel="stylesheet" href="{{ "css/photoswipe.min.css" | absURL }}" />
<link rel="stylesheet" href="{{ "css/photoswipe.default-skin.min.css" | absURL }}" />
{{- else -}}
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/photoswipe.min.css" integrity="sha384-h/L2W9KefUClHWaty3SLE5F/qvc4djlyR4qY3NUV5HGQBBW7stbcfff1+I/vmsHh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/4.1.2/default-skin/default-skin.min.css" integrity="sha384-iD0dNku6PYSIQLyfTOpB06F2KCZJAKLOThS5HRe8b3ibhdEQ6eKsFf/EeFxdOt5R" crossorigin="anonymous">
{{- end -}}
{{- partial "head_custom.html" . }}
{{ template "_internal/google_analytics_async.html" . }}
.nav-tabs,
.nav-tabs > li > a,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border: 0 solid black;
border-radius: 0;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-top: 3px #808080 solid;
}
.nav-tabs > li > a {
border-top: 3px #ddd solid;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment