-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
277 lines (255 loc) · 15.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
<html data-lt-installed="true">
<head>
<meta charset="utf-8">
<meta property="og:type" content="website">
<meta content="summary_large_image" name="twitter:card">
<link rel="icon" type="image/x-icon" href="/assets/imgs/editor-bootstrap-icon.png">
<meta name="viewport" content="width=device-width">
<meta charset="utf-8">
<base href="https://editor-bootstrap.com" />
<link rel="canonical" href=" https://editor-bootstrap.com" />
<title>Your configuration generator for text editors - Editor Bootstrap</title>
<meta content="Editor Bootstrap" property="og:title">
<meta content="Your configuration generator for text editors" name="description">
<meta content="Your configuration generator for text editors" property="og:description">
<meta content="https://editor-bootstrap.com" property="og:url">
<meta content="https://editor-bootstrap.com/assets/imgs/editor-bootstrap-icon.png" property="og:image">
<meta name="twitter:image" content="https://editor-bootstrap.com/assets/imgs/editor-bootstrap-icon.png">
<meta name="viewport" content="width=device-width">
<link rel="preload" href="/assets/css/dracula-ui.css" as="style" />
<link rel="stylesheet" href="/assets/css/dracula-ui.css" />
<link rel="preload" href="/assets/css/style.css" as="style" />
<link rel="stylesheet" href="/assets/css/style.css" />
</head>
<body class="drac-bg-black drac-text-white">
<!-- Topbar -->
<div id="topbar" class="drac-box">
<a class="drac-text drac-text-white drac-text-white title logo" href="/">
Editor
<span class="drac-text drac-line-height drac-text-pink-purple title">
Bootstrap
</span>
</a>
<a class="drac-btn drac-bg-pink-purple drac-btn-sm drac-text-black drac-text-white--hover drac-mx-xs" href="#get">
Get Early Access
</a>
</div>
<!-- Header -->
<div id="header" class="drac-box">
<h1 class="drac-heading title drac-heading-xl drac-text-white logo">Editor <span class="drac-text title drac-line-height drac-text-pink-purple">Bootstrap</span>
</h1>
<div class="drac-box subtitle drac-mt-sm drac-mb-md">
<span class="drac-text bodytext drac-line-height drac-text-white">
Your configuration generator for
<span class="drac-text bodytext drac-line-height drac-text-pink-purple">
text editors
</span>
</span>
</div>
<div style="margin-top:20px" class="drac-box">
<a class="drac-btn drac-bg-pink-purple drac-btn-lg drac-text-black drac-text-white--hover" href="#tagline">
Make your configuration <strong>now</strong>!
</a>
</div>
</div>
<!-- Tagline -->
<div id="tagline" class="drac-box">
<div class="drac-box container-top">
<svg viewBox="0 0 1792 335" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="rgba(34, 33, 44, 1)" d="M 0 50 C 259 50 259 209 518 209 L 518 209 L 518 0 L 0 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)" d="M 517 209 C 800 209 800 96 1083 96 L 1083 96 L 1083 0 L 517 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)"
d="M 1082 96 C 1437 96 1437 189 1792 189 L 1792 189 L 1792 0 L 1082 0 Z" stroke-width="0">
</path>
</svg>
</div>
<div class="drac-box container">
<h2 class="drac-heading title drac-heading-xl drac-text-cyan-green">
Modern config for your"IDE"
</h2>
<p class="drac-text description drac-line-height drac-text-white drac-mt-sm">
Editor Bootstrap makes it easy to learn a new editor, focus on learning how to use it and leave the configuration to us
</p>
</div>
<div class="drac-box container-bottom">
<svg viewBox="0 0 1792 335" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="rgba(34, 33, 44, 1)" d="M 0 50 C 259 50 259 209 518 209 L 518 209 L 518 0 L 0 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)" d="M 517 209 C 800 209 800 96 1083 96 L 1083 96 L 1083 0 L 517 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)"
d="M 1082 96 C 1437 96 1437 189 1792 189 L 1792 189 L 1792 0 L 1082 0 Z" stroke-width="0">
</path>
</svg>
</div>
</div>
<!-- Editors -->
<div id="editors" class="drac-box">
<div class="drac-box container Highlights_container__1kvqi">
<!-- Editor: vim -->
<div class="drac-box">
<div class="drac-box Highlights_card__34b3J">
<a href="https://vim-bootstrap.com/" target="_blank">
<div class="drac-box Highlights_cardBackground__2Fr7t drac-bg-cyan-green">
<div class="drac-box Highlights_cardDetailsContainer__8lpMI drac-rounded-xl">
<img src="/assets/imgs/neo-more-vim.png" alt="vim-bootstrap: neovim and vim" title="vim-bootstrap: neovim and vim" />
</div>
</div>
<div class="drac-box drac-p-md">
<h2 class="drac-heading drac-heading-lg drac-text-white">NeoVim & Vim</h2>
<p class="drac-text drac-line-height-lg drac-text-white drac-mt-sm">
<span class="drac-text drac-line-height drac-text-cyan-green">Neovim</span> and <span class="drac-text drac-line-height drac-text-cyan-green">Vim</span> support, put your focus on learning how to use the editor and not
on configuring it, after you know the basics use <strong>vimfile</strong> to customize it.
</p>
</div>
</a>
</div>
</div>
<!-- Editor: emacs -->
<div class="drac-box">
<div class="drac-box Highlights_card__34b3J">
<a href="https://emacs-bootstrap.com/" target="_blank">
<div class="drac-box Highlights_cardBackground__2Fr7t drac-bg-purple-cyan">
<div class="drac-box Highlights_cardDetailsContainer__8lpMI drac-rounded-xl">
<img src="/assets/imgs/emacs.png" alt="emacs-bootstrap" title="emacs-bootstrap" />
</div>
</div>
<div class="drac-box drac-p-md">
<h2 class="drac-heading drac-heading-lg drac-text-white">Emacs</h2>
<p class="drac-text drac-line-height-lg drac-text-white drac-mt-sm">
Support for <span class="drac-text drac-line-height drac-text-purple-cyan">Emacs</span> (maybe <span class="drac-text drac-line-height drac-text-purple-cyan">Emacs+Evil</span> in the future), focus on learning how to use
the editor, not on configuring it, after you know the basics, use
<strong>init.el</strong> to customize it.
</p>
</div>
</a>
</div>
</div>
</div>
<div class="drac-box container-bottom">
<svg viewBox="0 0 1792 335" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="rgba(34, 33, 44, 1)" d="M 0 50 C 259 50 259 209 518 209 L 518 209 L 518 0 L 0 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)" d="M 517 209 C 800 209 800 96 1083 96 L 1083 96 L 1083 0 L 517 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)"
d="M 1082 96 C 1437 96 1437 189 1792 189 L 1792 189 L 1792 0 L 1082 0 Z" stroke-width="0">
</path>
</svg>
</div>
</div>
<!-- FAQ -->
<div id="faq" class="drac-box">
<div class="drac-box Faq_container__26-En">
<h2 class="drac-heading title drac-heading-2xl drac-text-yellow-pink drac-px-sm drac-pb-lg">
Why use the Editor Bootstrap Distributions
</h2>
<div class="drac-box Faq_grid__2zjq3">
<div class="drac-box drac-mx-sm drac-mb-lg">
<p class="drac-heading drac-text-bold drac-line-height drac-text-white">
Learn to use then configure
</p>
<p class="drac-text answer drac-line-height drac-text-white drac-pt-none">
Put your focus on one thing at a time, when we focus on studying a single thing we accelerate our learning.
</p>
</div>
<div class="drac-box drac-mx-sm drac-mb-lg">
<p class="drac-heading drac-text-bold drac-line-height drac-text-white">
Maintained by the community
</p>
<p class="drac-text answer drac-line-height drac-text-white drac-pt-none">
Created and maintained by a community that uses the editor on a daily basis.
</p>
</div>
<div class="drac-box drac-mx-sm drac-mb-lg">
<p class="drac-heading drac-text-bold drac-line-height drac-text-white">
We demystify the complexity of the editor configuration
</p>
<p class="drac-text answer drac-line-height drac-text-white drac-pt-none">
Setting up the editor is not complicated, as long as you have a good configuration reference. Editor Bootstrap provides a great reference for setting up your configuration.
</p>
</div>
<div class="drac-box drac-mx-sm drac-mb-lg">
<p class="drac-heading drac-text-bold drac-line-height drac-text-white">
Open Source, point the finger at the problems
</p>
<p class="drac-text answer drac-line-height drac-text-white drac-pt-none">
Feel like you own the projects, report problems, propose improvements and the evolution of the projects. Welcome to the team.
</p>
</div>
</div>
</div>
</div>
<!-- Newsletter -->
<div id="newsletter" class="drac-box">
<h2 class="drac-heading title drac-text-pink-purple drac-heading-2xl drac-text-white drac-px-sm drac-pb-lg">
Be the first to receive news!
</h2>
<div class="drac-box bodytext">
<span class="drac-text drac-line-height drac-text-white">
Stay up to date with our latest features and releases
</span>
</div>
<div class="drac-box bodyform">
<form class="form" action="https://buttondown.email/api/emails/embed-subscribe/editor-bootstrap" method="post" target="popupwindow" onsubmit="window.open( 'https://buttondown.email/editor-bootstrap', 'popupwindow')" class="embeddable-buttondown-form">
<input type="email" name="email" id="bd-email" placeholder="your@email.com" required />
<input type="hidden" value="1" name="embed" />
<input type="submit" value="Subscribe" />
</form>
</div>
</div>
<div id="authors" class="drac-box Authors_authors__22hBU">
<div class="drac-box Authors_svgContainerTop__3tlwu"><svg viewBox="0 0 1792 335" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="rgba(34, 33, 44, 1)" d="M 0 50 C 259 50 259 209 518 209 L 518 209 L 518 0 L 0 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)" d="M 517 209 C 800 209 800 96 1083 96 L 1083 96 L 1083 0 L 517 0 Z"
stroke-width="0"></path>
<path fill="rgba(34, 33, 44, 1)"
d="M 1082 96 C 1437 96 1437 189 1792 189 L 1792 189 L 1792 0 L 1082 0 Z" stroke-width="0">
</path>
</svg></div>
<div class="drac-box Authors_container__22fcC members">
<!--Load members via JS-->
</div>
</div>
<div class="drac-box Footer_footer__108BV">
<p class="drac-text credits drac-text-lg drac-line-height drac-text-white">
Made with
<span class="drac-text love drac-text-lg drac-line-height drac-text-white">♥</span> by
<a href="https://github.com/editor-bootstrap" target="blank" class="drac-anchor drac-text drac-text-lg drac-text-purple-cyan drac-text-purple--hover">Editor
Bootstrap</a> Community
</p>
</div>
<a href='https://github.com/editor-bootstrap/editor-bootstrap.com' target="_blank" style='position:fixed;padding:5px 45px;width:128px;bottom:50px;right:-50px;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg);box-shadow:0 0 0 3px #9580FF, 0 0 20px -3px rgba(0, 0, 0, 0.5);text-shadow:0 0 0 #F8F8F2, 0 0 5px rgba(0, 0, 0, 0.3);background-color:#9580FF;color:#F8F8F2;font-size:13px;font-family:sans-serif;text-decoration:none;font-weight:bold;border:2px dotted #F8F8F2;-webkit-backface-visibility:hidden;letter-spacing:.5px;'>
Fork me on GitHub
</a>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin=" anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.loadtemplate/1.5.10/jquery.loadTemplate.min.js" integrity="sha512-T1zx+UG2gXu9mr29wvzaKkNUmAOAie40T32ZPIvcRPJgO5br53+Ocqj8gzguUuix7FK+Z3ncRCJMaZcumnPZzg==" crossorigin=" anonymous"></script>
<script id="github-members-tmpl" type="text/html">
<div class="drac-box Authors_author__1KlsQ" data-animation="fadeInUp" data-animation-delay="1s">
<a data-href="html_url" target="_blank">
<img class="Authors_photo__2_WNn" data-src="avatar_url" data-alt="login" />
</a>
<div class="drac-box Authors_content__3xCx2">
<h2 class="drac-heading drac-heading-lg drac-my-none">
I'm
<a data-href="html_url" target="_blank" data-content="login" class="drac-text-white"></a>
</h2>
</div>
</div>
</script>
<script src="/assets/js/members.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RHKYBES60K"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'G-RHKYBES60K');
</script>
</body>
</html>