index.html

---
layout: landing
home: true
---

<!-- Open container divs -->
<div id="content-container" class="grid-container">
  <div class="grid-x">
    <div class="cell content-container-cell">
      <!-- /Opening container divs -->
      <section class="hero hero-home">
        {% include masthead.html %}
        <div class="hero-content">
          <div class="grid-x">
            <div class="cell medium-6">
              <div class="hero-title">
                Next Generation Developer Experience for IBM Z
              </div>
              <div class="hero-title2">
                  Welcome to IBM Z Open Editor, an extension for Visual Studio Code (VS Code)
                  that provides language support for IBM Enterprise COBOL and PL/I.
              </div>
              <div class="hero-cta-buttons">
                <a href="./Docs/getting_started.html" target="_blank">
                  <button class="bx--btn bx--btn--secondary" type="button">
                    Get Started
                  </button>
                </a>
                <!-- /.cta-buttons -->
              </div>
            </div>
            <div class="hero-header-image cell hide-for-small-only medium-6">
              <img src="./dist/images/cloud-devs.svg" />
            </div>
          </div>
        </div>
        <!-- /.hero-content -->
      </section>

      <!-- /.hero-home -->
      <section class="videos">
        <div class="video-text-header-top" id="about">About IBM Z Open Editor</div>
        <div class="container">
          <p>
              IBM Z Open Editor is a Technology Preview of several next-generation capabilities for Z Open
              Development. It uses and extends Zowe Open Mainframe project and
              it adds editing capabilities for languages such as COBOL and PL/I to VS Code.
          </p>
        </div>
        <!-- <div class="grid-container">
          <div class="grid-x">
            <div class="cell">
              <div class="video_wrapper">
                <div class="responsive-embed widescreen featured_video">
                  <iframe
                    width="560"
                    height="315"
                    src="https://www.youtube.com/embed/0XbfLBIoL0E"
                    frameborder="0"
                    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                    allowfullscreen
                  ></iframe>
                </div>
              </div>
            </div>
          </div>
        </div> -->
      </section>

      <main>
        <div class="features">
          <div class="grid-container">
            <div class="card" data-equalizer-watch>
              <div class="card_content">
                <div class="grid-x grid-padding-x">
                  <div class="cell medium-4">
                    <img src="src/images/cbl-pl1.svg" alt="icon-code-branch" class="card_icon_top" />
                  </div>
                  <div class="cell medium-8">
                    <a href="https://ibm.github.io/zopeneditor-about/Docs/editor_codechanges.html" class="card_title" target="_blank">
                        Advanced COBOL and PL/I analysis, editing, and refactoring experience
                    </a>
                    <p>
                        Boost your productivity with a modern and language-sensitive
                        editor.
                    </p>
                    <p>
                        Using the Language Server Protocol (LSP), IBM Z Open Editor supports
                        COBOL and PL/I outline view, syntax highlighting, code completion,
                        code templates, find all references, peek definition, search
                        and rename refactoring across multiple program files, and
                        much more.
                    </p>
                  </div>
                </div>
              </div>
            </div>
          <div class="card" data-equalizer-watch>
            <div class="card_content">
              <div class="grid-x grid-padding-x">
                <div class="cell medium-8 small-order-2 medium-order-1">
                  <a href="https://ibm.github.io/zopeneditor-about/Docs/git_createbranches.html" class="card_title" target="_blank">
                      Integrated software configuration management (SCM)
                  </a>
                  <p>
                      Take control of your code with an SCM tool such as Git.
                  </p>
                  <p>
                      With SCM integration, IBM Z Open Editor gives you a range of code control
                      capabilities that include snapshotting work at any point in
                      time, branching into alternative explorations, and reverting
                      code.
                  </p>
                </div>
                <div class="cell medium-4 small-order-1 medium-order-2">
                  <img src="dist/images/icon-code-branch.svg" alt="icon-cobol" class="card_icon" />
                </div>
              </div>
            </div>
          </div>
          <div class="card" data-equalizer-watch>
            <div class="card_content">
              <div class="grid-x grid-padding-x">
                <div class="cell medium-4">
                  <img src="dist/images/icon-z-os.svg" alt="icon-code-branch" class="card_icon" />
                </div>
                <div class="cell medium-8">
                  <a href="https://ibm.github.io/zopeneditor-about/Docs/zowe_interactwithzos.html" class="card_title" target="_blank">
                      Direct z/OS system interaction
                  </a>
                  <p>Load and edit your files directly from z/OS or download them
                      into your local workspace, and add them to Git to control
                      your changes.</p>
                  <p>
                      IBM Z Open Editor can connect to z/OS through APIs used by the Zowe Open
                      Mainframe project and provides interactive data sets and USS
                      files explorers to open members and files. A built-in terminal expands on
                      all of these capabilities with a large variety of command-line
                      interactions provided by Zowe CLI.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- /.features -->
      </main>
    </div>
  </div>
</div>