Update README.md

Reviewed-on: https://viridian.vd/VDMDI/CT/pulls/2

1.vim

@@ -145,10 +145,14 @@ if &shortmess =~ 'A'
 else
   set shortmess=aoO
 endif
-badd +21 build/sw.js
+badd +1 build/sw.js
-badd +0 build/version.txt
+badd +1 build/version.txt
+badd +0 src/View/translations.ts
 argglobal
 %argdel
+set stal=2
+tabnew +setlocal\ bufhidden=wipe
+tabrewind
 edit build/sw.js
 let s:save_splitbelow = &splitbelow
 let s:save_splitright = &splitright
@@ -169,13 +173,13 @@ set winminheight=0
 set winheight=1
 set winminwidth=0
 set winwidth=1
-exe 'vert 1resize ' . ((&columns * 31 + 111) / 223)
+exe 'vert 1resize ' . ((&columns * 31 + 150) / 300)
-exe 'vert 2resize ' . ((&columns * 95 + 111) / 223)
+exe 'vert 2resize ' . ((&columns * 133 + 150) / 300)
-exe 'vert 3resize ' . ((&columns * 95 + 111) / 223)
+exe 'vert 3resize ' . ((&columns * 134 + 150) / 300)
 argglobal
 enew
-file NERD_tree_tab_1
+file NERD_tree_tab_2
-balt build/sw.js
+balt build/version.txt
 let s:cpo_save=&cpo
 set cpo&vim
 nnoremap <buffer> <silent> <NL> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
@@ -355,7 +359,6 @@ setlocal nowrap
 setlocal wrapmargin=0
 wincmd w
 argglobal
-balt build/sw.js
 let s:cpo_save=&cpo
 set cpo&vim
 nmap <buffer> [c <Plug>(GitGutterPrevHunk)
@@ -503,7 +506,7 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 1 - ((0 * winheight(0) + 17) / 34)
+let s:l = 1 - ((0 * winheight(0) + 16) / 32)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
@@ -660,18 +663,551 @@ setlocal wrap
 setlocal wrapmargin=0
 silent! normal! zE
 let &fdl = &fdl
-let s:l = 1 - ((0 * winheight(0) + 17) / 34)
+let s:l = 1 - ((0 * winheight(0) + 16) / 32)
 if s:l < 1 | let s:l = 1 | endif
 keepjumps exe s:l
 normal! zt
 keepjumps 1
 normal! 0
 wincmd w
+exe 'vert 1resize ' . ((&columns * 31 + 150) / 300)
+exe 'vert 2resize ' . ((&columns * 133 + 150) / 300)
+exe 'vert 3resize ' . ((&columns * 134 + 150) / 300)
+tabnext
+edit src/View/translations.ts
+let s:save_splitbelow = &splitbelow
+let s:save_splitright = &splitright
+set splitbelow splitright
+wincmd _ | wincmd |
+vsplit
+wincmd _ | wincmd |
+vsplit
+2wincmd h
+wincmd w
+wincmd w
+let &splitbelow = s:save_splitbelow
+let &splitright = s:save_splitright
+wincmd t
+let s:save_winminheight = &winminheight
+let s:save_winminwidth = &winminwidth
+set winminheight=0
+set winheight=1
+set winminwidth=0
+set winwidth=1
+exe 'vert 1resize ' . ((&columns * 31 + 150) / 300)
+exe 'vert 2resize ' . ((&columns * 133 + 150) / 300)
+exe 'vert 3resize ' . ((&columns * 134 + 150) / 300)
+argglobal
+enew
+file NERD_tree_tab_3
+balt src/View/translations.ts
+let s:cpo_save=&cpo
+set cpo&vim
+nnoremap <buffer> <silent> <NL> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
+nnoremap <buffer> <silent>  :call nerdtree#ui_glue#invokeKeyMap("<C-k>")
+nnoremap <buffer> <silent> ␍ :call nerdtree#ui_glue#invokeKeyMap("<CR>")
+nnoremap <buffer> <silent> ? :call nerdtree#ui_glue#invokeKeyMap("?")
+nnoremap <buffer> <silent> A :call nerdtree#ui_glue#invokeKeyMap("A")
+nnoremap <buffer> <silent> B :call nerdtree#ui_glue#invokeKeyMap("B")
+nnoremap <buffer> <silent> C :call nerdtree#ui_glue#invokeKeyMap("C")
+nnoremap <buffer> <silent> CD :call nerdtree#ui_glue#invokeKeyMap("CD")
+nnoremap <buffer> <silent> D :call nerdtree#ui_glue#invokeKeyMap("D")
+nnoremap <buffer> <silent> FL :call nerdtree#ui_glue#invokeKeyMap("FL")
+nnoremap <buffer> <silent> F :call nerdtree#ui_glue#invokeKeyMap("F")
+nnoremap <buffer> <silent> I :call nerdtree#ui_glue#invokeKeyMap("I")
+nnoremap <buffer> <silent> J :call nerdtree#ui_glue#invokeKeyMap("J")
+nnoremap <buffer> <silent> K :call nerdtree#ui_glue#invokeKeyMap("K")
+nnoremap <buffer> <silent> O :call nerdtree#ui_glue#invokeKeyMap("O")
+nnoremap <buffer> <silent> P :call nerdtree#ui_glue#invokeKeyMap("P")
+nnoremap <buffer> <silent> R :call nerdtree#ui_glue#invokeKeyMap("R")
+nnoremap <buffer> <silent> T :call nerdtree#ui_glue#invokeKeyMap("T")
+nnoremap <buffer> <silent> U :call nerdtree#ui_glue#invokeKeyMap("U")
+nnoremap <buffer> <silent> X :call nerdtree#ui_glue#invokeKeyMap("X")
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
+nnoremap <buffer> <silent> cd :call nerdtree#ui_glue#invokeKeyMap("cd")
+nnoremap <buffer> <silent> e :call nerdtree#ui_glue#invokeKeyMap("e")
+nnoremap <buffer> <silent> f :call nerdtree#ui_glue#invokeKeyMap("f")
+nnoremap <buffer> <silent> go :call nerdtree#ui_glue#invokeKeyMap("go")
+nnoremap <buffer> <silent> gb :call nerdtree#ui_glue#invokeKeyMap("gb")
+nnoremap <buffer> <silent> gi :call nerdtree#ui_glue#invokeKeyMap("gi")
+nnoremap <buffer> <silent> gs :call nerdtree#ui_glue#invokeKeyMap("gs")
+nnoremap <buffer> <silent> i :call nerdtree#ui_glue#invokeKeyMap("i")
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+nnoremap <buffer> <silent> m :call nerdtree#ui_glue#invokeKeyMap("m")
+nnoremap <buffer> <silent> o :call nerdtree#ui_glue#invokeKeyMap("o")
+nnoremap <buffer> <silent> p :call nerdtree#ui_glue#invokeKeyMap("p")
+nnoremap <buffer> <silent> q :call nerdtree#ui_glue#invokeKeyMap("q")
+nnoremap <buffer> <silent> r :call nerdtree#ui_glue#invokeKeyMap("r")
+nnoremap <buffer> <silent> s :call nerdtree#ui_glue#invokeKeyMap("s")
+nnoremap <buffer> <silent> t :call nerdtree#ui_glue#invokeKeyMap("t")
+nnoremap <buffer> <silent> u :call nerdtree#ui_glue#invokeKeyMap("u")
+nnoremap <buffer> <silent> x :call nerdtree#ui_glue#invokeKeyMap("x")
+nnoremap <buffer> <silent> <MiddleMouse> :call nerdtree#ui_glue#invokeKeyMap("<MiddleMouse>")
+nnoremap <buffer> <silent> <2-LeftMouse> :call nerdtree#ui_glue#invokeKeyMap("<2-LeftMouse>")
+nnoremap <buffer> <silent> <C-K> :call nerdtree#ui_glue#invokeKeyMap("<C-k>")
+nnoremap <buffer> <silent> <C-J> :call nerdtree#ui_glue#invokeKeyMap("<C-j>")
+nnoremap <buffer> <silent> <LeftRelease> <LeftRelease>:call nerdtree#ui_glue#invokeKeyMap("<LeftRelease>")
+let &cpo=s:cpo_save
+unlet s:cpo_save
+setlocal keymap=
+setlocal noarabic
+setlocal noautoindent
+setlocal backupcopy=
+setlocal balloonexpr=
+setlocal nobinary
+setlocal nobreakindent
+setlocal breakindentopt=
+setlocal bufhidden=hide
+setlocal nobuflisted
+setlocal buftype=nofile
+setlocal nocindent
+setlocal cinkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal cinoptions=
+setlocal cinscopedecls=public,protected,private
+setlocal cinwords=if,else,while,do,for,switch
+setlocal colorcolumn=
+setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
+setlocal commentstring=/*%s*/
+setlocal complete=.,w,b,u,t,i
+setlocal concealcursor=nvic
+setlocal conceallevel=2
+setlocal completefunc=
+setlocal nocopyindent
+setlocal cryptmethod=
+setlocal nocursorbind
+setlocal nocursorcolumn
+setlocal cursorline
+setlocal cursorlineopt=both
+setlocal define=
+setlocal dictionary=
+setlocal nodiff
+setlocal equalprg=
+setlocal errorformat=
+setlocal noexpandtab
+if &filetype != 'nerdtree'
+setlocal filetype=nerdtree
+endif
+setlocal fillchars=
+setlocal fixendofline
+setlocal foldcolumn=0
+setlocal nofoldenable
+setlocal foldexpr=0
+setlocal foldignore=#
+setlocal foldlevel=0
+setlocal foldmarker={{{,}}}
+setlocal foldmethod=manual
+setlocal foldminlines=1
+setlocal foldnestmax=20
+setlocal foldtext=foldtext()
+setlocal formatexpr=
+setlocal formatoptions=tcq
+setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
+setlocal formatprg=
+setlocal grepprg=
+setlocal iminsert=0
+setlocal imsearch=-1
+setlocal include=
+setlocal includeexpr=
+setlocal indentexpr=
+setlocal indentkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal noinfercase
+setlocal iskeyword=@,48-57,_,192-255
+setlocal keywordprg=
+setlocal nolinebreak
+setlocal nolisp
+setlocal lispoptions=
+setlocal lispwords=
+setlocal nolist
+setlocal listchars=
+setlocal makeencoding=
+setlocal makeprg=
+setlocal matchpairs=(:),{:},[:]
+setlocal nomodeline
+setlocal nomodifiable
+setlocal nrformats=bin,octal,hex
+set number
+setlocal nonumber
+setlocal numberwidth=4
+setlocal omnifunc=
+setlocal path=
+setlocal nopreserveindent
+setlocal nopreviewwindow
+setlocal quoteescape=\\
+setlocal readonly
+setlocal norelativenumber
+setlocal norightleft
+setlocal rightleftcmd=search
+setlocal noscrollbind
+setlocal scrolloff=-1
+setlocal shiftwidth=4
+setlocal noshortname
+setlocal showbreak=
+setlocal sidescrolloff=-1
+set signcolumn=yes
+setlocal signcolumn=yes
+setlocal nosmartindent
+setlocal nosmoothscroll
+setlocal softtabstop=0
+setlocal nospell
+setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
+setlocal spellfile=
+setlocal spelllang=en
+setlocal spelloptions=
+setlocal statusline=%{exists('b:NERDTree')?b:NERDTree.root.path.str():''}
+setlocal suffixesadd=
+setlocal noswapfile
+setlocal synmaxcol=3000
+if &syntax != 'nerdtree'
+setlocal syntax=nerdtree
+endif
+setlocal tabstop=8
+setlocal tagcase=
+setlocal tagfunc=
+setlocal tags=
+setlocal termwinkey=
+setlocal termwinscroll=10000
+setlocal termwinsize=
+setlocal textwidth=0
+setlocal thesaurus=
+setlocal thesaurusfunc=
+setlocal noundofile
+setlocal undolevels=-123456
+setlocal varsofttabstop=
+setlocal vartabstop=
+setlocal virtualedit=
+setlocal wincolor=
+setlocal nowinfixheight
+setlocal winfixwidth
+setlocal nowrap
+setlocal wrapmargin=0
+wincmd w
+argglobal
+balt build/version.txt
+let s:cpo_save=&cpo
+set cpo&vim
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+let &cpo=s:cpo_save
+unlet s:cpo_save
+setlocal keymap=
+setlocal noarabic
+setlocal autoindent
+setlocal backupcopy=
+setlocal balloonexpr=
+setlocal nobinary
+setlocal nobreakindent
+setlocal breakindentopt=
+setlocal bufhidden=
+setlocal buflisted
+setlocal buftype=
+setlocal nocindent
+setlocal cinkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal cinoptions=
+setlocal cinscopedecls=public,protected,private
+setlocal cinwords=if,else,while,do,for,switch
+setlocal colorcolumn=
+setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
+setlocal commentstring=//\ %s
+setlocal complete=.,w,b,u,t,i
+setlocal concealcursor=
+setlocal conceallevel=0
+setlocal completefunc=
+setlocal nocopyindent
+setlocal cryptmethod=
+setlocal nocursorbind
+setlocal nocursorcolumn
+setlocal nocursorline
+setlocal cursorlineopt=both
+setlocal define=
+setlocal dictionary=
+setlocal nodiff
+setlocal equalprg=
+setlocal errorformat=%+A\ %#%f\ %#(%l\\,%c):\ %m,%C%m
+setlocal noexpandtab
+if &filetype != 'typescript'
+setlocal filetype=typescript
+endif
+setlocal fillchars=
+setlocal fixendofline
+setlocal foldcolumn=0
+setlocal foldenable
+setlocal foldexpr=0
+setlocal foldignore=#
+setlocal foldlevel=0
+setlocal foldmarker={{{,}}}
+setlocal foldmethod=manual
+setlocal foldminlines=1
+setlocal foldnestmax=20
+setlocal foldtext=foldtext()
+setlocal formatexpr=
+setlocal formatoptions=croql
+setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
+setlocal formatprg=
+setlocal grepprg=
+setlocal iminsert=0
+setlocal imsearch=-1
+setlocal include=
+setlocal includeexpr=
+setlocal indentexpr=GetTypescriptIndent()
+setlocal indentkeys=0{,0},0),0],:,0#,!^F,o,O,e,0],0)
+setlocal noinfercase
+setlocal iskeyword=@,48-57,_,192-255,$
+setlocal keywordprg=
+setlocal nolinebreak
+setlocal nolisp
+setlocal lispoptions=
+setlocal lispwords=
+setlocal nolist
+setlocal listchars=
+setlocal makeencoding=
+setlocal makeprg=tsc\ \ $*\ %
+setlocal matchpairs=(:),{:},[:]
+setlocal nomodeline
+setlocal modifiable
+setlocal nrformats=bin,octal,hex
+set number
+setlocal number
+setlocal numberwidth=4
+setlocal omnifunc=
+setlocal path=
+setlocal nopreserveindent
+setlocal nopreviewwindow
+setlocal quoteescape=\\
+setlocal noreadonly
+setlocal norelativenumber
+setlocal norightleft
+setlocal rightleftcmd=search
+setlocal noscrollbind
+setlocal scrolloff=-1
+setlocal shiftwidth=4
+setlocal noshortname
+setlocal showbreak=
+setlocal sidescrolloff=-1
+set signcolumn=yes
+setlocal signcolumn=yes
+setlocal nosmartindent
+setlocal nosmoothscroll
+setlocal softtabstop=0
+setlocal nospell
+setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
+setlocal spellfile=
+setlocal spelllang=en
+setlocal spelloptions=
+setlocal statusline=
+setlocal suffixesadd=.ts,.tsx
+setlocal swapfile
+setlocal synmaxcol=3000
+if &syntax != 'typescript'
+setlocal syntax=typescript
+endif
+setlocal tabstop=8
+setlocal tagcase=
+setlocal tagfunc=
+setlocal tags=
+setlocal termwinkey=
+setlocal termwinscroll=10000
+setlocal termwinsize=
+setlocal textwidth=0
+setlocal thesaurus=
+setlocal thesaurusfunc=
+setlocal noundofile
+setlocal undolevels=-123456
+setlocal varsofttabstop=
+setlocal vartabstop=
+setlocal virtualedit=
+setlocal wincolor=
+setlocal nowinfixheight
+setlocal nowinfixwidth
+setlocal wrap
+setlocal wrapmargin=0
+silent! normal! zE
+let &fdl = &fdl
+let s:l = 81 - ((20 * winheight(0) + 15) / 31)
+if s:l < 1 | let s:l = 1 | endif
+keepjumps exe s:l
+normal! zt
+keepjumps 81
+normal! 0
+wincmd w
+argglobal
+if bufexists(fnamemodify("src/View/translations.ts", ":p")) | buffer src/View/translations.ts | else | edit src/View/translations.ts | endif
+balt build/version.txt
+let s:cpo_save=&cpo
+set cpo&vim
+nmap <buffer> [c <Plug>(GitGutterPrevHunk)
+nmap <buffer> \hp <Plug>(GitGutterPreviewHunk)
+nmap <buffer> \hu <Plug>(GitGutterUndoHunk)
+nmap <buffer> \hs <Plug>(GitGutterStageHunk)
+xmap <buffer> \hs <Plug>(GitGutterStageHunk)
+nmap <buffer> ]c <Plug>(GitGutterNextHunk)
+xmap <buffer> ac <Plug>(GitGutterTextObjectOuterVisual)
+omap <buffer> ac <Plug>(GitGutterTextObjectOuterPending)
+xmap <buffer> ic <Plug>(GitGutterTextObjectInnerVisual)
+omap <buffer> ic <Plug>(GitGutterTextObjectInnerPending)
+let &cpo=s:cpo_save
+unlet s:cpo_save
+setlocal keymap=
+setlocal noarabic
+setlocal autoindent
+setlocal backupcopy=
+setlocal balloonexpr=
+setlocal nobinary
+setlocal nobreakindent
+setlocal breakindentopt=
+setlocal bufhidden=
+setlocal buflisted
+setlocal buftype=
+setlocal nocindent
+setlocal cinkeys=0{,0},0),0],:,0#,!^F,o,O,e
+setlocal cinoptions=
+setlocal cinscopedecls=public,protected,private
+setlocal cinwords=if,else,while,do,for,switch
+setlocal colorcolumn=
+setlocal comments=s1:/*,mb:*,ex:*/,://,b:#,:%,:XCOMM,n:>,fb:-
+setlocal commentstring=//\ %s
+setlocal complete=.,w,b,u,t,i
+setlocal concealcursor=
+setlocal conceallevel=0
+setlocal completefunc=
+setlocal nocopyindent
+setlocal cryptmethod=
+setlocal nocursorbind
+setlocal nocursorcolumn
+setlocal nocursorline
+setlocal cursorlineopt=both
+setlocal define=
+setlocal dictionary=
+setlocal nodiff
+setlocal equalprg=
+setlocal errorformat=%+A\ %#%f\ %#(%l\\,%c):\ %m,%C%m
+setlocal noexpandtab
+if &filetype != 'typescript'
+setlocal filetype=typescript
+endif
+setlocal fillchars=
+setlocal fixendofline
+setlocal foldcolumn=0
+setlocal foldenable
+setlocal foldexpr=0
+setlocal foldignore=#
+setlocal foldlevel=0
+setlocal foldmarker={{{,}}}
+setlocal foldmethod=manual
+setlocal foldminlines=1
+setlocal foldnestmax=20
+setlocal foldtext=foldtext()
+setlocal formatexpr=
+setlocal formatoptions=croql
+setlocal formatlistpat=^\\s*\\d\\+[\\]:.)}\\t\ ]\\s*
+setlocal formatprg=
+setlocal grepprg=
+setlocal iminsert=0
+setlocal imsearch=-1
+setlocal include=
+setlocal includeexpr=
+setlocal indentexpr=GetTypescriptIndent()
+setlocal indentkeys=0{,0},0),0],:,0#,!^F,o,O,e,0],0)
+setlocal noinfercase
+setlocal iskeyword=@,48-57,_,192-255,$
+setlocal keywordprg=
+setlocal nolinebreak
+setlocal nolisp
+setlocal lispoptions=
+setlocal lispwords=
+setlocal nolist
+setlocal listchars=
+setlocal makeencoding=
+setlocal makeprg=tsc\ \ $*\ %
+setlocal matchpairs=(:),{:},[:]
+setlocal nomodeline
+setlocal modifiable
+setlocal nrformats=bin,octal,hex
+set number
+setlocal number
+setlocal numberwidth=4
+setlocal omnifunc=
+setlocal path=
+setlocal nopreserveindent
+setlocal nopreviewwindow
+setlocal quoteescape=\\
+setlocal noreadonly
+setlocal norelativenumber
+setlocal norightleft
+setlocal rightleftcmd=search
+setlocal noscrollbind
+setlocal scrolloff=-1
+setlocal shiftwidth=4
+setlocal noshortname
+setlocal showbreak=
+setlocal sidescrolloff=-1
+set signcolumn=yes
+setlocal signcolumn=yes
+setlocal nosmartindent
+setlocal nosmoothscroll
+setlocal softtabstop=0
+setlocal nospell
+setlocal spellcapcheck=[.?!]\\_[\\])'\"\	\ ]\\+
+setlocal spellfile=
+setlocal spelllang=en
+setlocal spelloptions=
+setlocal statusline=
+setlocal suffixesadd=.ts,.tsx
+setlocal swapfile
+setlocal synmaxcol=3000
+if &syntax != 'typescript'
+setlocal syntax=typescript
+endif
+setlocal tabstop=8
+setlocal tagcase=
+setlocal tagfunc=
+setlocal tags=
+setlocal termwinkey=
+setlocal termwinscroll=10000
+setlocal termwinsize=
+setlocal textwidth=0
+setlocal thesaurus=
+setlocal thesaurusfunc=
+setlocal noundofile
+setlocal undolevels=-123456
+setlocal varsofttabstop=
+setlocal vartabstop=
+setlocal virtualedit=
+setlocal wincolor=
+setlocal nowinfixheight
+setlocal nowinfixwidth
+setlocal wrap
+setlocal wrapmargin=0
+silent! normal! zE
+let &fdl = &fdl
+let s:l = 12 - ((11 * winheight(0) + 15) / 31)
+if s:l < 1 | let s:l = 1 | endif
+keepjumps exe s:l
+normal! zt
+keepjumps 12
+normal! $
+wincmd w
 3wincmd w
-exe 'vert 1resize ' . ((&columns * 31 + 111) / 223)
+exe 'vert 1resize ' . ((&columns * 31 + 150) / 300)
-exe 'vert 2resize ' . ((&columns * 95 + 111) / 223)
+exe 'vert 2resize ' . ((&columns * 133 + 150) / 300)
-exe 'vert 3resize ' . ((&columns * 95 + 111) / 223)
+exe 'vert 3resize ' . ((&columns * 134 + 150) / 300)
-tabnext 1
+tabnext 2
+set stal=1
 if exists('s:wipebuf') && len(win_findbuf(s:wipebuf)) == 0
   silent exe 'bwipe ' . s:wipebuf
 endif
@@ -685,7 +1221,6 @@ if filereadable(s:sx)
   exe "source " . fnameescape(s:sx)
 endif
 let &g:so = s:so_save | let &g:siso = s:siso_save
-nohlsearch
 doautoall SessionLoadPost
 unlet SessionLoad
 " vim: set ft=vim :

README.md

@@ -10,6 +10,11 @@
 > 
 > This repository is updated for public releases and announcements only.
 
+> [!NOTE]
+> **PUBLIC PROJECT**
+> 
+> This repository is maintained by VDMDI as a public project under the GPL-3.0 license. The software is independent of Viridian infrastructure.
+
 CT is a messenger and task management application built for [UDN](https://vdpr.org/VDMDI/udn). 
 
 -> **VDMDI provides a UDN server on VDPR infrastructure at `wss://udn.vdpr.org`.**
@@ -39,16 +44,20 @@ To install, open this website and:
 
 # Changes
 
-## 2610 - Scheduled for October 11th, 2026: Initial Release
+## 2610 First Revision
-This application is a rebrand of Comms, whose development started in July 2024. Changelogs or versioning have not been present initially and were never standardized. The CT repository is a fork of Comms. Changes made between the lastest iteration of Comms and CT 2610 include:
+- Add legal information regarding data processing
+- Add links to imprint and provider information
+
+## 2610 - Published on 11OCT at 0011 CEST
+This application is a rebrand of Comms, whose development started in July 2024. Changelogs or versioning have not been present initially and were never standardised. The CT repository is a fork of Comms. Changes made between the lastest iteration of Comms and CT 2610 include:
 - Account and chat identity:
     - Use a randomized UUID to identify users instead of manually entered names
     - Integrate a contacts model to keep track of who sent messages, and to reflect name changes
-    - Replace primary channels and namespaces with randomized UUIDs and chat names, sync chat settings (name, color, secondary channels)
+    - Replace primary channels and namespaces with randomized UUIDs and chat names, sync chat settings (name, colour, secondary channels)
     - Add a button to share chat access to the chat settings page
 - Messaging:
     - Add inline replies and message reactions
-    - Messages can be filtered based on reaction or content
+    - Messages can be filtered based on reactions or content
 - Task management and calendar:
     - Implement pinch to zoom on kanban and grid view for better overview
     - Highlight the next event in the calendar sidebar

dist/index.js

@@ -355,6 +355,7 @@
       settingsButton: "Settings",
       manageStorageButton: "Manage storage",
       transferDataButton: "Transfer or export data",
+      legalButton: "Legal information",
       updateButton: (version) => `Update to ${version}`,
       ///
       typeChat: "chat",
@@ -390,6 +391,20 @@
         brandDescription: "Code available on Viridian Public Resources (VDPR)"
       }
     },
+    legal: {
+      legalHeadline: "Legal Information",
+      legalDescription: "CT is open source software published and distributed under the GPL-3.0 license.",
+      privacyLabel: "Privacy and Application Data",
+      privacyDescription: "CT stores data on your device. No data is stored on the server hosting this instance of CT, except for data necessary to provide a website. This data is handled and processed by the infrastructure provider (data processor).",
+      udnLabel: "UDN Servers and Communications",
+      udnDescription: "The UDN servers you connect to are separate and independent from CT. After connecting or while connected to a server, chats you create and the entities contained therein, including but not limited to messages, boards, and tasks, are transferred to the respective UDN server. Confer the privacy policy of that server for more information.",
+      rightsLabel: "Your Rights",
+      rightsDescription: "You have the right to object to any processing of your data under Art. 21 GDPR, and to request access, changes, and deletion to/of your data under Art. 15, 16, and 17 GDPR by contacting the operator and/or processor. You have the right to lodge a complaint with a data protection supervisory authority under Art. 77 GDPR.",
+      imprintLabel: "Imprint",
+      imprintDescription: "Contact information of the data controller (operator) providing this instance of CT",
+      infrastructureLabel: "Infrastructure",
+      infrastructureDescription: "Contact information of the data processor (provider) hosting this instance of CT on behalf of the operator"
+    },
     onboarding: {
       connectionHeadline: "Connect to UDN",
       connectionDescription: "To transfer files and send messages, connect to the Universal Decentralized Network (UDN).",
@@ -633,6 +648,7 @@
         settingsButton: "Einstellungen",
         manageStorageButton: "Daten verwalten",
         transferDataButton: "Daten \xFCbertragen",
+        legalButton: "Rechtliches",
         updateButton: (version) => `Aktualisieren: ${version}`,
         typeChat: "Chat",
         noChatsPlaceholder: "Keine Chats"
@@ -667,6 +683,20 @@
           brandDescription: "Code verf\xFCgbar auf Viridian Public Resources (VDPR)"
         }
       },
+      legal: {
+        legalHeadline: "Rechtliche Informationen",
+        legalDescription: "CT ist open-source Software. Ver\xF6ffentlichung und Verbreitung unterliegen der GPL-3.0 Lizenz.",
+        privacyLabel: "Privatsph\xE4re und Programmdaten",
+        privacyDescription: "CT speichert Daten auf deinem Ger\xE4t. Daten werden grunds\xE4tzlich nicht auf dem Server gespeichert, der diese Instanz von CT bereitstellt. Davon ausgenommen sind zum Betrieb der Website notwendigen Daten. Diese Daten werden durch den Auftragsverarbeiter verarbeitet, der die Bereitstellung dieser Website erm\xF6glicht.",
+        udnLabel: "UDN Server und Kommunikation",
+        udnDescription: "Die UDN Server mit denen du dich verbindest sind separat und unabh\xE4ngig von CT. Beim Verbinden und wenn du mit einem Server verbunden bist, werden von dir erstellte Chats sowie die darin enthaltenen Objekte wie unter anderem Nachrichten, Boards und Aufgaben an diesen Server \xFCbermittelt. F\xFCr mehr Informationen siehe die Datenschutzerkl\xE4rung des entsprechenden Servers.",
+        rightsLabel: "Deine Rechte",
+        rightsDescription: "Du hast das Recht, der Verarbeitung deiner Daten zu widersprechen (Art. 21 DSGVO), oder Auskunft \xFCber sowie Berichtigung oder L\xF6schung deiner Daten zu beantragen (Art. 15-17 DSGVO), indem du den f\xFCr den Betrieb dieser Seite Verantwortlichen oder den entsprechenden Auftragsverarbeiter kontaktierst. Du hast zudem das Recht zur Beschwerde bei einer Datenschutzaufsichtsbeh\xF6rde, wenn du glaubst, dass die Verarbeitung deiner Daten in Widerspruch zur DSGVO steht (Art. 77 DSGVO).",
+        imprintLabel: "Impressum",
+        imprintDescription: "Kontaktdaten des f\xFCr den Betrieb dieser Instanz von CT Verantwortlichen",
+        infrastructureLabel: "Infrastruktur",
+        infrastructureDescription: "Kontaktdaten des Auftragsverarbeiters, der diese Instanz von CT bereitstellt"
+      },
       onboarding: {
         connectionHeadline: "Mit UDN verbinden",
         connectionDescription: "Um Daten und Nachichten zu verschicken, verbinde dich mit dem Universellen Dezentralen Netzwerk (UDN).",
@@ -891,6 +921,7 @@
         settingsButton: "Ajustes",
         manageStorageButton: "Gestionar almacenamiento",
         transferDataButton: "Enviar o exportar archivos",
+        legalButton: "Informaci\xF3n legal",
         updateButton: (version) => `Actualizar a ${version}`,
         typeChat: "chat",
         noChatsPlaceholder: "No hay chats"
@@ -925,6 +956,20 @@
           brandDescription: "Code desponible en Viridian Public Resources (VDPR)"
         }
       },
+      legal: {
+        legalHeadline: "Informaci\xF3n legal",
+        legalDescription: "CT es software de c\xF3digo abierto, publicado y distribuido bajo la licencia GPL-3.0.",
+        privacyLabel: "Privacidad y datos de la aplicaci\xF3n",
+        privacyDescription: "CT almacena datos en tu dispositivo. No se env\xEDan ni almacenan datos en el servidor que aloja esta instancia de CT, salvo los datos necesarios para proporcionar el sitio web. Estos datos se procesan por el encargado del tratamiento.",
+        udnLabel: "Servidores UDN y comunicaci\xF3nes",
+        udnDescription: "Los servidores UDN a los que te conectas son separados e independientes de CT. Al conectarte o mientras mantengas la conexi\xF3n a un servidor UDN, los chats que creas y los objetos contenidos adentro, incluso mensajes, boards y tareas, se envian al servidor. Mira la pol\xEDtica de privacidad de este servidor para m\xE1s detalles.",
+        rightsLabel: "Tus derechos",
+        rightsDescription: "Tienes el derecho a oponerte a cualquier tratamiento de tus datos en virtud del art. 21 del RGPD, as\xED como a solicitar el acceso, la modificaci\xF3n y la supresi\xF3n de tus datos conforme a los arts. 15, 16 y 17 del RGPD, poni\xE9ndote en contacto con el responsable y/o el encargado del tratamiento. Tambi\xE9n tienes el derecho a presentar una reclamaci\xF3n ante una autoridad de control en materia de protecci\xF3n de datos en virtud del art. 77 del RGPD.",
+        imprintLabel: "Aviso Legal",
+        imprintDescription: "Informaci\xF3n del contacto del responsable del tratamiento que proporciona esta instancia de CT",
+        infrastructureLabel: "Infraestructura",
+        infrastructureDescription: "Informaci\xF3n del contacto del encargado del tratamiento que aloja esta instancia de CT"
+      },
       onboarding: {
         connectionHeadline: "Conectar al UDN",
         connectionDescription: "Para transferir datos y enviar mensajes, con\xE9ctate a la Red Descentralizada Universal (UDN).",
@@ -1543,6 +1588,12 @@
       this.openVDPR = () => {
         window.open("https://vdpr.org/VDMDI/CT");
       };
+      this.openImprint = () => {
+        window.open("/imprint");
+      };
+      this.openProviderContact = () => {
+        window.open("/provider");
+      };
       this.translations = allTranslations[settingsModel2.language] || allTranslations.en;
       this.latestVersion.subscribe((latestVersion) => {
         this.updateText.value = this.translations.homePage.updateButton(latestVersion);
@@ -1661,6 +1712,13 @@
       this.fileTransferViewModel = fileTransferViewModel2;
       this.storageViewModel = storageViewModel2;
       this.connectionViewModel = connectionViewModel2;
+      this.isPresentingLegalModal = new State(false);
+      this.openLegalModal = () => {
+        this.isPresentingLegalModal.value = true;
+      };
+      this.closeLegalModal = () => {
+        this.isPresentingLegalModal.value = false;
+      };
       this.coreViewModel.context = this;
       this.registerKeyStroke(
         "," /* Settings */,
@@ -1670,6 +1728,8 @@
         "t",
         this.fileTransferViewModel.showDirectionSelectionModal
       );
+      this.registerKeyStroke("i", this.openLegalModal);
+      this.registerKeyStroke("backspace" /* CloseOrCancel */, this.closeLegalModal);
       this.registerKeyStroke("e", this.storageViewModel.showStorageModal);
       this.registerKeyStroke("x", this.connectionViewModel.disconnect);
       this.registerKeyStroke("c", this.connectionViewModel.connect);
@@ -5150,6 +5210,8 @@
       this.registerKeyStroke("backspace" /* CloseOrCancel */, () => {
         if (this.isFilterModalOpen.value == true) {
           this.hideFilterModal();
+        } else if (this.replyViewSelectedMessage.value != void 0) {
+          this.resetReplyView();
         } else {
           this.replyingMessage.value = void 0;
         }
@@ -5574,7 +5636,7 @@
   };
 
   // src/View/homePage.tsx
-  function HomePage(coreViewModel2, storageViewModel2, settingsViewModel2, connectionViewModel2, fileTransferViewModel2, chatListViewModel2) {
+  function HomePage(coreViewModel2, homeViewModel2, storageViewModel2, settingsViewModel2, connectionViewModel2, fileTransferViewModel2, chatListViewModel2) {
     const greeting = createProxyState(
       [settingsViewModel2.username],
       () => coreViewModel2.translations.homePage.greeting(
@@ -5647,6 +5709,11 @@
       coreViewModel2.translations.homePage.manageStorageButton,
       "hard_drive",
       "e"
+    ), HomePageButton(
+      homeViewModel2.openLegalModal,
+      coreViewModel2.translations.homePage.legalButton,
+      "gavel",
+      "i"
     ), /* @__PURE__ */ createElement(
       "button",
       {
@@ -7289,7 +7356,8 @@
       {
         class: "ghost",
         "on:click": messagePageViewModel.resetReplyView,
-        "toggle:hidden": messagePageViewModel.isReplyViewInactive
+        "toggle:hidden": messagePageViewModel.isReplyViewInactive,
+        ctkeystroke: getKeySymbol("backspace" /* CloseOrCancel */)
       },
       /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_back")
     ), /* @__PURE__ */ createElement(
@@ -8009,7 +8077,7 @@
       "img",
       {
         class: "width-100",
-        style: "max-width: 256px",
+        style: "max-width: 196px",
         src: "/vdmdi-logo.png"
       }
     ), /* @__PURE__ */ createElement(
@@ -9334,6 +9402,44 @@
     }
   };
 
+  // src/View/Modals/legalModal.tsx
+  function LegalModal(coreViewModel2, homeViewModel2) {
+    return /* @__PURE__ */ createElement(
+      "div",
+      {
+        class: "modal",
+        "toggle:open": homeViewModel2.isPresentingLegalModal
+      },
+      /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h1", null, coreViewModel2.translations.legal.legalHeadline), /* @__PURE__ */ createElement("p", { class: "secondary" }, coreViewModel2.translations.legal.legalDescription), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("div", { class: "flex-column gap" }, /* @__PURE__ */ createElement("div", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "privacy_tip"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.legal.privacyLabel), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.legal.privacyDescription))), /* @__PURE__ */ createElement("div", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "cell_tower"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.legal.udnLabel), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.legal.udnDescription))), /* @__PURE__ */ createElement("div", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "balance"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.legal.rightsLabel), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.legal.rightsDescription))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement(
+        "button",
+        {
+          class: "tile",
+          "on:click": coreViewModel2.openImprint
+        },
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "contact_page"),
+        /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.legal.imprintLabel), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.legal.imprintDescription)),
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "open_in_new")
+      ), /* @__PURE__ */ createElement(
+        "button",
+        {
+          class: "tile",
+          "on:click": coreViewModel2.openProviderContact
+        },
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "domain"),
+        /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", null, coreViewModel2.translations.legal.infrastructureLabel), /* @__PURE__ */ createElement("span", { class: "secondary" }, coreViewModel2.translations.legal.infrastructureDescription)),
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "open_in_new")
+      ))), /* @__PURE__ */ createElement(
+        "button",
+        {
+          "on:click": homeViewModel2.closeLegalModal,
+          ctkeystroke: getKeySymbol("backspace" /* CloseOrCancel */)
+        },
+        coreViewModel2.translations.general.closeButton,
+        /* @__PURE__ */ createElement("span", { class: "icon" }, "close")
+      ))
+    );
+  }
+
   // src/index.tsx
   var storageModel = new StorageModel();
   var settingsModel = new SettingsModel(storageModel);
@@ -9392,6 +9498,7 @@
   document.querySelector("main").append(
     HomePage(
       coreViewModel,
+      homeViewModel,
       storageViewModel,
       settingsViewModel,
       connectionViewModel,
@@ -9400,6 +9507,7 @@
     ),
     ChatPageWrapper(coreViewModel, chatListViewModel),
     OnboardingModalWrapper(coreViewModel, onboardingViewModel),
+    LegalModal(coreViewModel, homeViewModel),
     ConnectionModal2(coreViewModel, connectionViewModel),
     DataTransferModalWrapper(
       coreViewModel,

dist/sw.js

@@ -1,4 +1,4 @@
-const VERSION = "2610 Beta 25"
+const VERSION = "2610 First Revision"
 
 function processUrl(event) {
     const url = event.request.url;

dist/version.txt

@@ -1 +1 @@
-2610 Beta 25
+2610 First Revision

src/View/ChatPages/messagePage.tsx

@@ -111,83 +111,84 @@ export function MessagePage(
                             on:click={messagePageViewModel.resetReplyView}
                             toggle:hidden={
                                 messagePageViewModel.isReplyViewInactive
-                            }
+			    }
-                        >
+			    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
-                            <span class="icon">arrow_back</span>
+			>
-                        </button>
+			    <span class="icon">arrow_back</span>
-                        <span
+			</button>
-                            class="title ellipsis width-100 flex"
+			<span
-                            subscribe:innerText={title}
+			    class="title ellipsis width-100 flex"
-                        ></span>
+			    subscribe:innerText={title}
-                        <span>
+			></span>
-                            <button
+			<span>
-                                class="ghost inset-outline"
+			    <button
-                                on:click={messagePageViewModel.showFilterModal}
+				class="ghost inset-outline"
-                                aria-label={
+				on:click={messagePageViewModel.showFilterModal}
-                                    coreViewModel.translations.chatPage.message
+				aria-label={
-                                        .filterMessagesButtonAudioLabel
+				    coreViewModel.translations.chatPage.message
-                                }
+				    .filterMessagesButtonAudioLabel
-                                toggle:selected={
+				}
-                                    messagePageViewModel.isFilterActive
+				toggle:selected={
-                                }
+				    messagePageViewModel.isFilterActive
-                                ctkeystroke={getKeySymbol(CommonKeys.Filter)}
+				}
-                            >
+				ctkeystroke={getKeySymbol(CommonKeys.Filter)}
-                                <span class="icon">filter_alt</span>
+			    >
-                            </button>
+				<span class="icon">filter_alt</span>
-                        </span>
+			    </button>
-                    </div>
+			</span>
-                    <div class="content">
+		    </div>
-                        {messageContainer}
+		    <div class="content">
-                        <div id="composer">
+			{messageContainer}
-                            <div class="content-width-constraint">
+			<div id="composer">
-                                <div
+			    <div class="content-width-constraint">
-                                    class="reply-preview-wrapper"
+				<div
-                                    children:set={replyPreview}
+				    class="reply-preview-wrapper"
-                                ></div>
+				    children:set={replyPreview}
-                                <div class="input-width-constraint">
+				></div>
-                                    <input
+				<div class="input-width-constraint">
-                                        id="focused"
+				    <input
-                                        class="blur"
+					id="focused"
-                                        bind:value={
+					class="blur"
-                                            messagePageViewModel.composingMessage
+					bind:value={
-                                        }
+					    messagePageViewModel.composingMessage
-                                        on:enter={
+					}
-                                            messagePageViewModel.sendMessage
+					on:enter={
-                                        }
+					    messagePageViewModel.sendMessage
-                                        placeholder={
+					}
-                                            coreViewModel.translations.chatPage
+					placeholder={
-                                                .message
+					    coreViewModel.translations.chatPage
-                                                .composerInputPlaceholder
+					    .message
-                                        }
+					    .composerInputPlaceholder
-                                    ></input>
+					}
-                                    <button
+				    ></input>
-                                        class="primary blur"
+				    <button
-                                        aria-label={
+					class="primary blur"
-                                            coreViewModel.translations.chatPage
+					aria-label={
-                                                .message
+					    coreViewModel.translations.chatPage
-                                                .sendMessageButtonAudioLabel
+					    .message
-                                        }
+					    .sendMessageButtonAudioLabel
-                                        on:click={
+					}
-                                            messagePageViewModel.sendMessage
+					on:click={
-                                        }
+					    messagePageViewModel.sendMessage
-                                        toggle:disabled={
+					}
-                                            messagePageViewModel.cannotSendMessage
+					toggle:disabled={
-                                        }
+					    messagePageViewModel.cannotSendMessage
-                                    >
+					}
-                                        <span class="icon">send</span>
+				    >
-                                    </button>
+					<span class="icon">send</span>
-                                </div>
+				    </button>
-                            </div>
+				</div>
-                        </div>
+			    </div>
-                    </div>
+			</div>
-                </div>
+		    </div>
-            </div>
+		</div>
+	    </div>
 
-            {MessageFilterModal(
+	    {MessageFilterModal(
-                coreViewModel,
+		coreViewModel,
-                messagePageViewModel,
+		messagePageViewModel,
-                ChatMessageViewModelToView,
+		ChatMessageViewModelToView,
-            )}
+	    )}
-        </div>
+	</div>
     );
 }

src/View/Modals/legalModal.tsx

@@ -0,0 +1,87 @@
+import { SplitModal } from "./splitModal";
+import { languageNames } from "../translations";
+import { CommonKeys, getKeySymbol } from "../keystrokes";
+import { PlaceholderView } from "../Components/placeholderView";
+import { OptionButtonList } from "../Components/optionButtonList";
+import { NavigationButton } from "../Components/navigationButton";
+import { InfoTile } from "../Components/infoTile";
+import * as React from "../../react";
+import SettingsViewModel, {
+    SettingsModalPages,
+} from "../../ViewModel/Global/settingsViewModel";
+import CoreViewModel from "../../ViewModel/Global/coreViewModel";
+import { Languages, ThemeSettings } from "../../Model/Global/settingsModel";
+import HomeViewModel from "../../ViewModel/Pages/homeViewModel";
+
+export function LegalModal(
+    coreViewModel: CoreViewModel,
+    homeViewModel: HomeViewModel,
+) {
+    return (
+        <div
+            class="modal"
+            toggle:open={homeViewModel.isPresentingLegalModal}
+        >
+            <div>
+		<main>
+		    <h1>{coreViewModel.translations.legal.legalHeadline}</h1>
+		    <p class="secondary">{coreViewModel.translations.legal.legalDescription}</p>
+		    <hr></hr>
+		    <div class="flex-column gap">
+			<div class="tile">
+			    <span class="icon">privacy_tip</span>
+			    <div>
+				<b>{coreViewModel.translations.legal.privacyLabel}</b>
+				<span class="secondary">{coreViewModel.translations.legal.privacyDescription}</span>
+			    </div>
+			</div>
+			<div class="tile">
+			    <span class="icon">cell_tower</span>
+			    <div>
+				<b>{coreViewModel.translations.legal.udnLabel}</b>
+				<span class="secondary">{coreViewModel.translations.legal.udnDescription}</span>
+			    </div>
+			</div>
+			<div class="tile">
+			    <span class="icon">balance</span>
+			    <div>
+				<b>{coreViewModel.translations.legal.rightsLabel}</b>
+				<span class="secondary">{coreViewModel.translations.legal.rightsDescription}</span>
+			    </div>
+			</div>
+			<hr></hr>
+			<button 
+			    class="tile"
+			    on:click={coreViewModel.openImprint}
+			>
+			    <span class="icon">contact_page</span>
+			    <div>
+				<b>{coreViewModel.translations.legal.imprintLabel}</b>
+				<span class="secondary">{coreViewModel.translations.legal.imprintDescription}</span>
+			    </div>
+			    <span class="icon">open_in_new</span>
+			</button>
+			<button 
+			    class="tile"
+			    on:click={coreViewModel.openProviderContact}
+			>
+			    <span class="icon">domain</span>
+			    <div>
+				<b>{coreViewModel.translations.legal.infrastructureLabel}</b>
+				<span class="secondary">{coreViewModel.translations.legal.infrastructureDescription}</span>
+			    </div>
+			    <span class="icon">open_in_new</span>
+			</button>
+		    </div>
+		</main>
+		<button
+		    on:click={homeViewModel.closeLegalModal}
+		    ctkeystroke={getKeySymbol(CommonKeys.CloseOrCancel)}
+		>
+		    {coreViewModel.translations.general.closeButton}
+		    <span class="icon">close</span>
+		</button>
+	    </div>
+	</div>
+    );
+}

src/View/Modals/settingsModal.tsx

@@ -160,7 +160,7 @@ function SettingsInfoPane(
 
 		    <img
 			class="width-100"
-			style="max-width: 256px"
+			style="max-width: 196px"
 			src="/vdmdi-logo.png">
 		    </img>
 		<button

src/View/homePage.tsx

@@ -10,9 +10,11 @@ import FileTransferViewModel from "../ViewModel/Global/fileTransferViewModel";
 import CoreViewModel from "../ViewModel/Global/coreViewModel";
 import ConnectionViewModel from "../ViewModel/Global/connectionViewModel";
 import ChatListViewModel from "../ViewModel/Chat/chatListViewModel";
+import HomeViewModel from "../ViewModel/Pages/homeViewModel";
 
 export function HomePage(
     coreViewModel: CoreViewModel,
+    homeViewModel: HomeViewModel,
     storageViewModel: StorageViewModel,
     settingsViewModel: SettingsViewModel,
     connectionViewModel: ConnectionViewModel,
@@ -119,6 +121,12 @@ export function HomePage(
                 "hard_drive",
                 "e",
             )}
+            {HomePageButton(
+                homeViewModel.openLegalModal,
+                coreViewModel.translations.homePage.legalButton,
+                "gavel",
+                "i",
+            )}
 
             <button
                 class="primary"

src/View/translations.ts

@@ -69,6 +69,7 @@ const englishTranslations = {
 	settingsButton: "Settings",
 	manageStorageButton: "Manage storage",
 	transferDataButton: "Transfer or export data",
+	legalButton: "Legal information",
 
 	updateButton: (version: string) => `Update to ${version}`,
 
@@ -109,6 +110,26 @@ const englishTranslations = {
 	},
     },
 
+    legal: {
+	legalHeadline: "Legal Information",
+	legalDescription: "CT is open source software published and distributed under the GPL-3.0 license.",
+
+	privacyLabel: "Privacy and Application Data",
+	privacyDescription: "CT stores data on your device. No data is stored on the server hosting this instance of CT, except for data necessary to provide a website. This data is handled and processed by the infrastructure provider (data processor).",
+
+	udnLabel: "UDN Servers and Communications",
+	udnDescription: "The UDN servers you connect to are separate and independent from CT. After connecting or while connected to a server, chats you create and the entities contained therein, including but not limited to messages, boards, and tasks, are transferred to the respective UDN server. Confer the privacy policy of that server for more information.",
+
+	rightsLabel: "Your Rights",
+	rightsDescription: "You have the right to object to any processing of your data under Art. 21 GDPR, and to request access, changes, and deletion to/of your data under Art. 15, 16, and 17 GDPR by contacting the operator and/or processor. You have the right to lodge a complaint with a data protection supervisory authority under Art. 77 GDPR.",
+	
+	imprintLabel: "Imprint",
+	imprintDescription: "Contact information of the data controller (operator) providing this instance of CT",
+
+	infrastructureLabel: "Infrastructure",
+	infrastructureDescription: "Contact information of the data processor (provider) hosting this instance of CT on behalf of the operator",
+    },
+
     onboarding: {
 	connectionHeadline: "Connect to UDN",
 	connectionDescription:
@@ -458,6 +479,7 @@ export const allTranslations: {
 	    settingsButton: "Einstellungen",
 	    manageStorageButton: "Daten verwalten",
 	    transferDataButton: "Daten übertragen",
+	    legalButton: "Rechtliches",
 
 	    updateButton: (version: string) => `Aktualisieren: ${version}`,
 
@@ -496,6 +518,26 @@ export const allTranslations: {
 	    },
 	},
     
+	legal: {
+	    legalHeadline: "Rechtliche Informationen",
+	    legalDescription: "CT ist open-source Software. Veröffentlichung und Verbreitung unterliegen der GPL-3.0 Lizenz.",
+
+	    privacyLabel: "Privatsphäre und Programmdaten",
+	    privacyDescription: "CT speichert Daten auf deinem Gerät. Daten werden grundsätzlich nicht auf dem Server gespeichert, der diese Instanz von CT bereitstellt. Davon ausgenommen sind zum Betrieb der Website notwendigen Daten. Diese Daten werden durch den Auftragsverarbeiter verarbeitet, der die Bereitstellung dieser Website ermöglicht.",
+
+	    udnLabel: "UDN Server und Kommunikation",
+	    udnDescription: "Die UDN Server mit denen du dich verbindest sind separat und unabhängig von CT. Beim Verbinden und wenn du mit einem Server verbunden bist, werden von dir erstellte Chats sowie die darin enthaltenen Objekte wie unter anderem Nachrichten, Boards und Aufgaben an diesen Server übermittelt. Für mehr Informationen siehe die Datenschutzerklärung des entsprechenden Servers.",
+
+	    rightsLabel: "Deine Rechte",
+	    rightsDescription: "Du hast das Recht, der Verarbeitung deiner Daten zu widersprechen (Art. 21 DSGVO), oder Auskunft über sowie Berichtigung oder Löschung deiner Daten zu beantragen (Art. 15-17 DSGVO), indem du den für den Betrieb dieser Seite Verantwortlichen oder den entsprechenden Auftragsverarbeiter kontaktierst. Du hast zudem das Recht zur Beschwerde bei einer Datenschutzaufsichtsbehörde, wenn du glaubst, dass die Verarbeitung deiner Daten in Widerspruch zur DSGVO steht (Art. 77 DSGVO).",
+	    
+	    imprintLabel: "Impressum",
+	    imprintDescription: "Kontaktdaten des für den Betrieb dieser Instanz von CT Verantwortlichen",
+
+	    infrastructureLabel: "Infrastruktur",
+	    infrastructureDescription: "Kontaktdaten des Auftragsverarbeiters, der diese Instanz von CT bereitstellt",
+	},
+
 	onboarding: {
 	    connectionHeadline: "Mit UDN verbinden",
 	    connectionDescription:
@@ -812,6 +854,7 @@ export const allTranslations: {
 	    settingsButton: "Ajustes",
 	    manageStorageButton: "Gestionar almacenamiento",
 	    transferDataButton: "Enviar o exportar archivos",
+	    legalButton: "Información legal",
 
 	    updateButton: (version: string) => `Actualizar a ${version}`,
 
@@ -850,6 +893,26 @@ export const allTranslations: {
 	    },
 	},
     
+	legal: {
+	legalHeadline: "Información legal",
+	legalDescription: "CT es software de código abierto, publicado y distribuido bajo la licencia GPL-3.0.",
+
+	privacyLabel: "Privacidad y datos de la aplicación",
+	privacyDescription: "CT almacena datos en tu dispositivo. No se envían ni almacenan datos en el servidor que aloja esta instancia de CT, salvo los datos necesarios para proporcionar el sitio web. Estos datos se procesan por el encargado del tratamiento.",
+
+	udnLabel: "Servidores UDN y comunicaciónes",
+	udnDescription: "Los servidores UDN a los que te conectas son separados e independientes de CT. Al conectarte o mientras mantengas la conexión a un servidor UDN, los chats que creas y los objetos contenidos adentro, incluso mensajes, boards y tareas, se envian al servidor. Mira la política de privacidad de este servidor para más detalles.",
+
+	rightsLabel: "Tus derechos",
+	rightsDescription: "Tienes el derecho a oponerte a cualquier tratamiento de tus datos en virtud del art. 21 del RGPD, así como a solicitar el acceso, la modificación y la supresión de tus datos conforme a los arts. 15, 16 y 17 del RGPD, poniéndote en contacto con el responsable y/o el encargado del tratamiento. También tienes el derecho a presentar una reclamación ante una autoridad de control en materia de protección de datos en virtud del art. 77 del RGPD.",
+	
+	imprintLabel: "Aviso Legal",
+	imprintDescription: "Información del contacto del responsable del tratamiento que proporciona esta instancia de CT",
+
+	infrastructureLabel: "Infraestructura",
+	infrastructureDescription: "Información del contacto del encargado del tratamiento que aloja esta instancia de CT",
+    },
+
 	onboarding: {
 	    connectionHeadline: "Conectar al UDN",
 	    connectionDescription:

src/ViewModel/Global/coreViewModel.ts

@@ -158,6 +158,14 @@ export default class CoreViewModel {
 	window.open("https://vdpr.org/VDMDI/CT");
     }
 
+    openImprint = (): void => {
+	window.open("/imprint");
+    }
+    
+    openProviderContact = (): void => {
+	window.open("/provider");
+    }
+
     // init
     constructor(
         public readonly storageModel: StorageModel,

src/ViewModel/Pages/homeViewModel.ts

@@ -7,6 +7,16 @@ import * as React from "../../react";
 import { CommonKeys } from "../../View/keystrokes";
 
 export default class HomeViewModel extends Context {
+    isPresentingLegalModal: React.State<boolean> = new React.State<boolean>(false);
+
+    openLegalModal = (): void => {
+	this.isPresentingLegalModal.value = true;
+    }
+    
+    closeLegalModal = (): void => {
+	this.isPresentingLegalModal.value = false;
+    }
+
     constructor(
         public readonly coreViewModel: CoreViewModel,
         public readonly settingsViewModel: SettingsViewModel,
@@ -26,6 +36,8 @@ export default class HomeViewModel extends Context {
             "t",
             this.fileTransferViewModel.showDirectionSelectionModal,
         );
+        this.registerKeyStroke("i", this.openLegalModal);
+        this.registerKeyStroke(CommonKeys.CloseOrCancel, this.closeLegalModal);
         this.registerKeyStroke("e", this.storageViewModel.showStorageModal);
         this.registerKeyStroke("x", this.connectionViewModel.disconnect);
         this.registerKeyStroke("c", this.connectionViewModel.connect);

src/ViewModel/Pages/messagePageViewModel.ts

@@ -245,7 +245,9 @@ export default class MessagePageViewModel extends Context {
         this.registerKeyStroke(CommonKeys.CloseOrCancel, () => {
             if (this.isFilterModalOpen.value == true) {
                 this.hideFilterModal();
-            } else {
+            } else if (this.replyViewSelectedMessage.value != undefined) {
+		this.resetReplyView();
+	    } else {
                 this.replyingMessage.value = undefined;
             }
         });

src/index.tsx

@@ -24,6 +24,7 @@ import FileTransferModel from "./Model/Global/fileTransferModel";
 import ContactListModel from "./Model/Global/contactListModel";
 import ConnectionModel from "./Model/Global/connectionModel";
 import ChatListModel from "./Model/Chat/chatListModel";
+import {LegalModal} from "./View/Modals/legalModal";
 
 // models
 const storageModel = new StorageModel();
@@ -97,7 +98,8 @@ document
     .querySelector("main")!
     .append(
         HomePage(
-            coreViewModel,
+	    coreViewModel,
+	    homeViewModel,
             storageViewModel,
             settingsViewModel,
             connectionViewModel,
@@ -106,6 +108,7 @@ document
         ),
         ChatPageWrapper(coreViewModel, chatListViewModel),
         OnboardingModalWrapper(coreViewModel, onboardingViewModel),
+	LegalModal(coreViewModel, homeViewModel),
         ConnectionModal(coreViewModel, connectionViewModel),
         DataTransferModalWrapper(
             coreViewModel,
@@ -113,5 +116,5 @@ document
             fileTransferViewModel,
         ),
         StorageModal(coreViewModel, storageViewModel),
-        SettingsModal(coreViewModel, settingsViewModel),
+	SettingsModal(coreViewModel, settingsViewModel),
     );