Skip to content

Commit 0cb5e60

Browse files
author
shane0
committed
docs(vim): vimpage update
1 parent f95beda commit 0cb5e60

File tree

2 files changed

+88
-11
lines changed

2 files changed

+88
-11
lines changed

‎docs/html/bootstrap.html‎

Lines changed: 88 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>Bootstrap Grid Example</title>
7+
<title>vim online</title>
88
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
99
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/codemirror.min.css">
1010
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.65.9/theme/dracula.min.css">
@@ -15,9 +15,6 @@
1515
}
1616

1717
#editor-container {
18-
width: 800px;
19-
/* Fixed width */
20-
height: 100%;
2118
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
2219
}
2320

@@ -33,7 +30,7 @@
3330
<!-- Navbar -->
3431
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
3532
<div class="container-fluid">
36-
<a class="navbar-brand" href="#">vim</a>
33+
<a class="navbar-brand" href="#">vim online</a>
3734
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
3835
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
3936
<span class="navbar-toggler-icon"></span>
@@ -49,11 +46,12 @@
4946

5047
<!-- Grid Layout -->
5148
<div class="container">
52-
<div class="row"></div>
53-
<h1>vim</h1>
54-
<div class="col">
55-
<div id="editor-container">
56-
<textarea id="editor">
49+
<div class="row">
50+
<div class="col-9">
51+
52+
<h1>vim editor</h1>
53+
<div id="editor-container">
54+
<textarea id="editor">
5755

5856

5957

@@ -79,14 +77,93 @@ <h1>vim</h1>
7977

8078

8179
</textarea>
80+
</div>
81+
</div>
82+
83+
<div class="col-3">
84+
<h1>shortcuts</h1>
85+
<div class="card bg-light text-dark">
86+
<div class="card-body">
87+
88+
escape = mouseless mode
89+
<br>
90+
i = text mode
91+
</div>
92+
</div>
93+
<p></p>
94+
<div class="card bg-dark text-warning">
95+
<div class="card-body">
96+
gg = top
97+
<br>
98+
22gg = go to line 22
99+
<br>
100+
G = bottom
101+
</div>
102+
</div>
103+
<p></p>
104+
<div class="card bg-success text-warning">
105+
<div class="card-body">
106+
v = visual highlight
107+
<br>
108+
shift + v = visual highlight line
109+
<br>
110+
<br>
111+
viw = visual hihglight a word
112+
</div>
113+
</div>
114+
<p></p>
115+
<div class="card bg-dark text-warning">
116+
<div class="card-body">
117+
0 = beginning of line
118+
<br>
119+
$ = end of line
120+
<br>
121+
</div>
122+
</div>
123+
<p></p>
124+
<div class="card bg-success text-warning">
125+
<div class="card-body">
126+
y = yank (copy)
127+
<br>
128+
p = paste
129+
<br>
130+
x = delete under cursor
131+
<br>
132+
x = delete under cursor
133+
<br>
134+
yy = yank line
135+
<br>
136+
pp = pasteline
137+
<br>
138+
dd = delete line
139+
<br>
140+
diw = delete word
141+
<br>
142+
yiw = yank a word
143+
<br>
144+
o = new line under this one
145+
<br>
146+
22o = 22 new lines under this one
147+
<br>
148+
O = new line above this one
149+
<br>
150+
9o = 9 new lines above this one
151+
<br>
152+
yy escape 22p = yank line paste it 22 times
153+
</div>
154+
</div>
82155
</div>
83156
</div>
157+
158+
</div>
159+
84160
</div>
85161

86162
<!-- Footer -->
87163

88164
<footer class="bg-dark text-white text-center py-3 mt-4 flex-shrink-0">
89-
<p>&copy; 2024 </p>
165+
<p>&copy; 2024 <a href="https://www.vim.org/">learn more at vim.org</a>
166+
</p>
90167
</footer>
91168

92169
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

utils/alias_files/.bash_aliases renamed to utils/alias_files/.bash_general

File renamed without changes.

0 commit comments

Comments
 (0)