update screenshot, download section

Signed-off-by: mmews <[email protected]>

Author: Marcus Mews

downloads.html

@@ -57,52 +57,42 @@
         <br/>
         <h1 id="_download">Downloads</h1>
         <p>
-          We offer downloads for the N4JS IDE builds and the Developer Environment to develop the sources of the N4JS IDE.
+          This page provides downloads for both (1) the N4JS builds and (2) the N4JS development environment (including sources) of N4JS.
         </p>
         <br/>
       </div>
 
       <div class="Cell Cell--12-12 GettingStarted-u-paddingLeft">
-        <h2 id ="N4JS_IDE">N4JS IDE</h2>
-        <p>
-          If you just want to use the Eclipse N4JS IDE, you probably want to download the product directly.
-          We offer the following two builds of the N4JS IDE.
-        </p>
-        <h3 id ="Eclipse_Nightly_Builds">Eclipse Nightly Builds</h3>
-        <p class="SystemRequirements">
-          System Requirements (versions see below): <b>Java, Node.js</b></a>.
+        <h2 id ="N4JS_IDE" style="margin-bottom: 0rem;">N4JS Compiler</h2>
+        <p class="SystemRequirements" style="margin-bottom: 2rem;">
+          System Requirements: <b>Java, Node.js</b> (versions see below)</a>.
         </p>
         <p>
-          Since the Eclipse N4JS project is in incubation phase, we do not provide release versions yet.
-          You can find links to nightly builds (update site and products for Windows, Linux and MacOS) at the
-          <a href="https://projects.eclipse.org/projects/technology.n4js/downloads" target="_blank">N4JS Eclipse project's download page</a>.
-        </p>
-        <p />
-
-        <h3 id ="Third_Party_Nightly_Builds">Third Party Nightly Builds (bundled Java JRE)</h3>
-        <p class="SystemRequirements">
-          System Requirements (versions see below): <b>Node.js</b></a>.
+          N4JS provides the following builds on the at the download locations listed below:
+          <ul>
+            <li/>Compiler / LSP server as jar
+            <li/>Compiler / LSP server as npm (only available via <a href="https://www.npmjs.com/package/n4js-cli" target="_blank">npmjs.com</a>)
+            <li/>VSCode extension for N4JS (also available via <a href="https://marketplace.visualstudio.com/items?itemName=n4js.n4js-vscode-extension" target="_blank">VSCode marketplace</a>)
+          </ul>
         </p>
+        <h3 id ="Download_Locations">Download locations</h3>
         <p>
-          <a href="https://www.enfore.com" target="_blank">Enfore AG</a> originally introduced N4JS and hosts nightly builds that include Java JRE.
-          You can find links to nightly builds (update site and products for Windows, Linux and macos) at the
-          <a href="https://download.enfore.com/n4js/" target="_blank">Enfore N4JS download page</a>.
+          <ul>
+            <li/><a href="https://projects.eclipse.org/projects/technology.n4js/downloads" target="_blank">Eclipse Foundation</a> (currently outdated)
+            <li/><a href="https://download.enfore.com/n4js/" target="_blank">enfore AG</a>
+          </ul>
         </p>
         <br/>
       </div>
 
       <div class="Cell Cell--12-12 GettingStarted-u-paddingLeft">
-        <h2 id ="Developer_Environment">Developer Environment</h2>
-        <p>
-          For developing extensions for the N4JS language (or simply to fix bugs ;-) ), the recommended way to install the Eclipse IDE and set up the N4JS Java sources in a developer workspace is to use the Eclipse Installer.
-          This installer is available from <a href="https://wiki.eclipse.org/Eclipse_Installer">Eclipse.org</a>.
-          Run the installer and follow these steps (click on the images to enlarge):
+        <h2 id ="Developer_Environment" style="margin-bottom: 0rem;">N4JS Sources</h2>
+        <p class="SystemRequirements" style="margin-bottom: 2rem;">
+          System Requirements: <b>Java, Node.js, Yarn</b> (versions see below)</a>.
         </p>
-
-
-        <h3 id ="Eclipse_Installer">Eclipse Installer (Oomph)</h3>
-        <p class="SystemRequirements">
-          System Requirements (versions see below): <b>Java, Node.js, Yarn</b></a>.
+        <p>
+          The recommended way to install the Eclipse IDE and set up the N4JS Java sources in a developer workspace is to use the <a href="https://www.eclipse.org/downloads/">Eclipse Installer</a>.
+          Download and run the installer to follow these steps (click on the images to enlarge):
         </p>
 
 

images/N4JS_VSCODE.png

@@ -55,41 +55,36 @@
 
   <div class="Main">
 
-    <article class="Intro Grid Grid--fullWidth" style="margin-bottom:-4rem">
+    <article class="Intro Grid Grid--fullWidth">
       <div class="Intro-Slogan Cell Cell--9-12" style="text-align: center;">
         High-quality JavaScript development<br/>
         for large Node.js projects
       </div>
 
-      <img src="images/screenshot.png">
+      <img src="images/N4JS_VSCODE.png">
     </article>
 
-    <br/>
 
     <article class="Grid">
 
       <div class="Cell Cell--12-12">
         <h2 id="introduction">N4JS is for Java and JavaScript Developers</h2>
 
         <ul>
-          <li>You are a Java programmer who is missing the comfort of familiar tools while developing for JavaScript environments?</li>
-          <li>You want to write large-scale server-side JavaScript in a way that it stays maintainable?</li>
-          <li>You are using TypeScript and have run into problems the type checker didn't catch? </li>
+          <li>You are a Java developer and missing the comfort of familiar tools while developing for JavaScript environments?</li>
+          <li>You are a JavaScript developer and want to write large-scale server-side applications in a way that it stays maintainable?</li>
+          <li>You are a TypeScript developer and ran into problems the type checker didn't catch? </li>
         </ul>
 
-        <p>N4JS is a general-purpose programming language based on ECMAScript Version 5, and ECMAScript 2015 is supported to a great extent. It adds a static type system as reliable as that of Java, but with the flexibility of JavaScript. The language provides built-in support for state-of-the-art programming paradigms such as  dependency injection and test support. The feature-rich, Eclipse-based IDE for N4JS is custom-built for precisely these concepts. Code is validated as you type with the addition of tools such as content-assist and quick-fixes which ensure your code is written safely and intuitively.</p>
-      </div>
-      
-      <div class="Cell Cell--12-12">
-        <p>N4JS transpiles to V8-compatible ECMAScript code, using features available as of Node.js version 5. The transpiled modules can be used with System.js or Common.js module loader.</p>
-      </div>
-      
-      <div class="Cell Cell--6-12 GettingStarted-u-paddingLeft" style="text-align:center;">
-      <span style="color:#244d82; padding: 3px 15px;"><a href="faq/comparison-java.html">Compare N4JS to Java ›</a></span>
-      </div>
-      <div class="Cell Cell--6-12 GettingStarted-u-paddingRight" style="text-align:center;">
-            <span style="color:#244d82; padding: 3px 15px;"><a href="faq/comparison-typescript.html">Compare N4JS to TypeScript ›</a></span> 
-        </div>      
+        <p>N4JS is a general-purpose programming language based on ECMAScript.
+          It adds a static type system as reliable as that of Java, but with the flexibility of JavaScript.
+          The language provides built-in support for state-of-the-art programming paradigms such as dependency injection and test support.
+          Code is validated as you type with the addition of tools such as content-assist and quick-fixes which ensure your code is written safely and intuitively.
+          N4JS transpiles to ECMAScript code, using features supported by Node.js.
+          Based on the Language Server Protocol, the N4JS language server can be integrated into several LSP clients.
+          For VSCode we provide an extension for N4JS via the VSCode marketplace.
+        </p>
+      </div>    
 
     </article>