index.html

<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>