chore: remove `electron-api-demos` from homepage (#5479)

data/locale.yml

@@ -187,18 +187,11 @@ get_started:
     installers.
 
 explore:
-  title: Explore the Electron APIs
-  description:
-    "The <a href='https://github.com/electron/electron-api-demos'>Electron API Demos app</a>
-    interactively demonstrates the most important features of the Electron API.
-    See what's possible with Electron with sample code and helpful tips for
-    building your app."
-  fiddle_title: Try more powerful experiments with Electron Fiddle
+  fiddle_title: Try powerful experiments with Electron Fiddle
   see_more_info: See more info
 
 download: Download
 download_from_github: Download from GitHub
-view_all_releases_on_github: <a href="https://github.com/electron/electron-api-demos/releases">View all releases</a> on GitHub
 
 quick_start:
   title:

lib/featured-apps.js

@@ -32,8 +32,7 @@ const collaboration = [
   {
     name: 'Microsoft Teams',
     screenshot: 'teams',
-    url:
-      'https://products.office.com/en-US/microsoft-teams/group-chat-software',
+    url: 'https://products.office.com/en-US/microsoft-teams/group-chat-software',
     icon: 'teams-icon.svg',
   },
 ]

scripts/create-filter-list.js

@@ -16,9 +16,8 @@ class FilterList {
     this.referenceList
       .querySelectorAll('img[data-src]')
       .forEach(lazyLoadImages.addImage)
-    this.totalAppCount = this.referenceList.querySelectorAll(
-      '.listed-app'
-    ).length
+    this.totalAppCount =
+      this.referenceList.querySelectorAll('.listed-app').length
 
     this.input.addEventListener(
       'input',
@@ -105,8 +104,9 @@ class FilterList {
 
   docForEntry(id, entry) {
     const name = entry.querySelector('.listed-app-name').textContent
-    const description = entry.querySelector('.listed-app-description')
-      .textContent
+    const description = entry.querySelector(
+      '.listed-app-description'
+    ).textContent
     const addDateSelector = entry.querySelector(
       '.listed-app-add-date [data-date]'
     )

views/home.hbs

@@ -138,30 +138,23 @@
       {{{localized.get_started.description}}}
     </p>
 
-    <div class="d-flex flex-column flex-md-row my-5 pt-6">
-      <div class='col-md-5 flex-md-self-center text-center'>
-        <a href="https://github.com/electron/electron-api-demos/releases">
-          <div class="app-frame py-4 px-6">
-            <img alt="Screenshot of Electron API Demos app" width="249px" height="221px" src="{{ static-asset 'image' '/electron-api-demos.png'}}">
-          </div>
-        </a>
-      </div>
-      <div class='col-md-6 pl-md-5'>
-        <h3 class="f2-light mt-1 mb-3">{{{localized.explore.title}}}</h3>
-        <p>{{{localized.explore.description}}}</p>
-        <p>
-          <a id="download-latest-release" class="btn-mktg btn-outline-mktg mr-2" href="https://github.com/electron/electron-api-demos/releases">
-            <span class="octicon octicon-desktop-download mr-1"></span>
-            <span>{{{localized.download_from_github}}}</span>
-          </a>
-        </p>
-        <p id="download-alternatives" class="text-sm" style="display:none;">
-          {{{localized.view_all_releases_on_github}}}
-        </p>
-      </div>
-    </div>
+    <h3 class="h2-mktg text-normal mb-3">
+      {{{localized.quick_start.title}}}
+    </h3>
+    <p>{{{localized.quick_start.description}}}</p>
 
-    <hr>
+    <figure class="highlight highlight-dark text-left my-6 overflow-auto">
+<pre><code><span class="c1"># {{{localized.quick_start.clone}}}</span>
+$ git clone https://github.com/electron/electron-quick-start
+
+<span class="c1"># {{{localized.quick_start.go_into_repo}}}</span>
+$ cd electron-quick-start
+
+<span class="c1"># {{{localized.quick_start.install_deps}}}</span>
+$ npm install &amp;&amp; npm start</code></pre>
+    </figure>
+
+    <hr/>
 
     <div class="d-flex flex-column flex-md-row-reverse my-5 pt-6">
       <div class='col-xs-12 col-md-5' style="margin-top: 30px;">
@@ -202,22 +195,6 @@
 
     <hr/>
 
-  <h3 class="h2-mktg text-normal mb-3">
-    {{{localized.quick_start.title}}}
-  </h3>
-  <p>{{{localized.quick_start.description}}}</p>
-
-  <figure class="highlight highlight-dark text-left my-6 overflow-auto">
-<pre><code><span class="c1"># {{{localized.quick_start.clone}}}</span>
-$ git clone https://github.com/electron/electron-quick-start
-
-<span class="c1"># {{{localized.quick_start.go_into_repo}}}</span>
-$ cd electron-quick-start
-
-<span class="c1"># {{{localized.quick_start.install_deps}}}</span>
-$ npm install &amp;&amp; npm start</code></pre>
-    </figure>
-
     <h3 class="h2 text-normal">
       {{{localized.quick_start.dive_deeper}}}
     </h3>