changeset 241:598d7f098082

Overhaul website, less JavaScript, more FontAwesome.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 18 Mar 2021 15:59:24 +0900
parents fd916b69fb1d
children 2fe27d13cb40
files _config.yml _layouts/default.html _layouts/page.html css/app.css pages/index.md pages/menu/about.md pages/menu/bugs.md pages/menu/donate.md pages/menu/download.md pages/menu/get-involved.md pages/menu/news.md pages/menu/support.md pages/news.md
diffstat 13 files changed, 197 insertions(+), 291 deletions(-) [+]
line wrap: on
line diff
--- a/_config.yml	Thu Mar 18 10:43:14 2021 +0900
+++ b/_config.yml	Thu Mar 18 15:59:24 2021 +0900
@@ -13,8 +13,8 @@
 discourse_url: "https://octave.discourse.group/"
 wiki_url: "https://wiki.octave.org"
 faq_url: "https://wiki.octave.org/faq"
-docs_url: "https://www.gnu.org/software/octave/doc/latest"
-bugs_url: "https://savannah.gnu.org/bugs/?group=octave"
+docs_url: "https://octave.org/doc/latest/"
+bugs_url: "https://bugs.octave.org/"
 sourceforge_url: "https://octave.sourceforge.io"
 pkg_index_url: "https://gnu-octave.github.io/pkg-index/"
 maintainers_email: "octave-maintainers@gnu.org"
--- a/_layouts/default.html	Thu Mar 18 10:43:14 2021 +0900
+++ b/_layouts/default.html	Thu Mar 18 15:59:24 2021 +0900
@@ -21,17 +21,12 @@
       href="https://cdn.jsdelivr.net/npm/foundation-sites@6.6.3/dist/css/foundation.min.css"
       integrity="sha256-ogmFxjqiTMnZhxCqVmcqTvjfe1Y/ec4WaRj/aQPvn+I="
       crossorigin="anonymous">
+    <link rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
+      integrity="sha512-HK5fgLBL+xu6dm/Ii3z4xhlSUyZgTT9tuc/hSrtw6uzJOvgRr2a9jyxxT1ely+B+xFAmJKVSTbpM/CuL7qxO8w=="
+      crossorigin="anonymous">
     <link rel="stylesheet" href="{{ "/css/app.css" | relative_url }}">
     <link rel="stylesheet" href="{{ "/css/syntax-highlight.css" | relative_url }}">
-    <noscript>
-      <style>
-      .no-js .title-bar { display: none; }
-      .no-js .top-bar .top-bar-left { display: block; }
-      @media screen and (min-width: 40em) {
-        .no-js .top-bar { display: block; }
-      }
-      </style>
-    </noscript>
 
     <script
       src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"
@@ -49,57 +44,33 @@
   <body>
 
     <div data-sticky-container>
-      <div class="no-js dark-background" data-sticky data-options="marginTop:0;">
-
-        <div class="title-bar" data-responsive-toggle="homepage-menu" data-hide-for="large">
-          <!-- title-bar-X is visible in collapsed mode -->
-          <div class="title-bar-left">
-            <div class="title-bar-title octave-logo">
-              <a href="{{ "/" | relative_url }}">
-                <img src="{{ "/img/octave-logo.svg" | relative_url }}"
-                     style="width: 32px; height: auto" alt="GNU Octave logo">
-                <span>{{ site.title }}</span>
-              </a>
-            </div>
-          </div>
-          <div class="title-bar-right">
-            <button class="menu-icon" type="button" data-toggle="homepage-menu"></button>
-          </div>
-        </div>
-
-        <div class="top-bar" id="homepage-menu">
-          <div class="top-bar-left">
-            <div class="octave-logo">
-              <a href="{{ "/" | relative_url }}">
-                <img src="{{ "/img/octave-logo.svg" | relative_url }}"
-                     style="width: 32px; height: auto" alt="GNU Octave logo">
-                <span>{{ site.title }}</span>
-              </a>
-            </div>
+      <div class="dark-background" data-sticky data-options="marginTop:0;">
+        <div class="top-bar">
+          <div class="top-bar-left octave-logo">
+            <a href="{{ "/" | relative_url }}">
+              <img src="{{ "/img/octave-logo.svg" | relative_url }}"
+                    style="width: 32px; height: auto" alt="GNU Octave logo">
+              <span>{{ site.title }}</span>
+            </a>
           </div>
           <div class="top-bar-right">
-            <ul class="vertical medium-horizontal dropdown menu" data-responsive-menu="accordion large-dropdown">
+            <ul class="dropdown menu" data-dropdown-menu>
               {%- for page in site.pages -%}
-                {%- if page.menu -%}
-                  <li>
-                    <a href="{{ page.url | relative_url }}">{{ page.title }}</a>
-                  </li>
-                {%- endif -%}
-              {%- endfor -%}
+              {%- if page.menu -%}
               <li>
-                <a href="{{site.docs_url}}">
-                  <i class="fi-arrow-down"></i>
-                  <span>Docs</span>
+                <a href="{{ page.url | relative_url }}">{{ page.icon }}
+                  {{ page.title }}
                 </a>
               </li>
+              {%- endif -%}
+              {%- endfor -%}
             </ul>
           </div>
         </div>
       </div>
     </div>
 
-    <div class="grid-container">
-      <p></p>
+    <div class="grid-container grid-container-mod">
 
       {{ content }}
 
--- a/_layouts/page.html	Thu Mar 18 10:43:14 2021 +0900
+++ b/_layouts/page.html	Thu Mar 18 15:59:24 2021 +0900
@@ -1,15 +1,7 @@
 ---
 layout: default
 ---
-
-<article class="post">
-
-  <header class="post-header">
-    <h1 class="post-title">{{ page.title }}</h1>
-  </header>
-
-  <div class="post-content">
-    {{ content }}
-  </div>
-
-</article>
+<div>
+  <h1>{{ page.icon }} {{ page.title }}</h1>
+  {{ content }}
+</div>
--- a/css/app.css	Thu Mar 18 10:43:14 2021 +0900
+++ b/css/app.css	Thu Mar 18 15:59:24 2021 +0900
@@ -1,135 +1,75 @@
-/* Custom classes */
-
-h3, h4 {
-  margin-top: 1em;
-}
+/* Custom classes*/
 
-h3.entry-title {
-  margin-top: 0em;
-}
+h3, h4 { margin-top: 1em; }
+footer { margin-top: 2em; }
 
-footer {
-  margin-top: 2em;
-  margin-bottom: 2em;
-}
-
+.octave-logo { min-width: 160px; }
 .octave-logo a,
 .octave-logo a:hover {
+  font-size: 120%;
   color: #FFF;
   font-weight: bold;
 }
 
-.landing-page-logo {
+h2.landing-page-logo {
   color: #0790c0;
   font-weight: 700;
   margin: 0 0 1rem 0;
   font-size: 2.33rem;
 }
 
-.dark-background {
-  background: #333;
-}
+.entry-content > :last-child { margin-bottom: 0 !important; }
 
-/* Foundation 6 modifications */
+.grid-container-mod { padding: 1.5em; }
 
+.dark-background,
 .title-bar,
 .top-bar,
-.top-bar ul {
-  background: #333;
-}
+.top-bar ul { background: #333; }
 
 .top-bar {
-  max-width: 1200px;
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  max-width: 75rem;
   margin: auto;
 }
 
-.top-bar ul li a {
-  color: #FFF;
-}
-
-.top-bar ul li a:hover {
-  background-color: #585858;
-}
+.top-bar ul li a { color: #FFF; }
+.top-bar ul li a:hover { background-color: #585858; }
 
-@media screen and (max-width: 1023px) {
-  .top-bar .top-bar-left { display: none; }
-  .top-bar .top-bar-right { margin-left: 0px; }
-}
+.reveal img { width: 100%; }
 
-.reveal img {
-  width: 100%;
-}
-
-a.button.warning { /* RSS Feed */
+a.button.warning {  /* RSS Feed */
   font-weight: bold;
   color: #FFF;
 }
 
-/* Foundation 6 responsive buttons */
-
 @media screen and (max-width: 39.9375em) {
   .button.small-only-expanded {
     display: block;
     width: 100%;
     margin-right: 0;
-    margin-left: 0; } }
-@media screen and (min-width: 40em) and (max-width: 63.9375em) {
-  .button.medium-only-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
-@media screen and (max-width: 63.9375em) {
-  .button.medium-down-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
-@media print, screen and (min-width: 40em) {
-  .button.medium-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
-@media screen and (min-width: 64em) and (max-width: 74.9375em) {
-  .button.large-only-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
-@media screen and (max-width: 74.9375em) {
-  .button.large-down-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
-@media print, screen and (min-width: 64em) {
-  .button.large-expanded {
-    display: block;
-    width: 100%;
-    margin-right: 0;
-    margin-left: 0; } }
+    margin-left: 0;
+  }
+}
 
 
 /* Syntax highlighter styles */
 
+.highlight table { border: none; }
 .highlight code {
-	border: inherit;
-	background-color: inherit;
-	line-height: 1;
-	padding: 0;
+  border: inherit;
+  background-color: inherit;
+  line-height: 1;
+  padding: 0;
 }
 
 div.highlight,
 figure.highlight {
-	margin: 0 0 1.5rem 0;
-	border: 1px solid #ccc;
-	padding: 0.5em;
-	border-radius: 3px;
-	font-size: 90%;
-	width: 100%;
+  margin: 0 0 1.5rem 0;
+  border: 1px solid #ccc;
+  padding: 0.5em;
+  border-radius: 3px;
+  font-size: 90%;
+  width: 100%;
 }
-
-.highlight table {
-	border: none;
-}
--- a/pages/index.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/index.md	Thu Mar 18 15:59:24 2021 +0900
@@ -3,6 +3,7 @@
 permalink: index
 ---
 
+<!--
 <div class="primary callout" data-closable>
   Need help? Try out our new user and developer forum
   <a href="https://octave.discourse.group/">Octave Discourse</a>.
@@ -10,12 +11,13 @@
     <span aria-hidden="true">&times;</span>
   </button>
 </div>
+-->
 
 <div class="grid-x grid-margin-x">
-  <div class="cell medium-6">
+  <div class="cell medium-4 align-top">
     <a href="#"  data-open="meshModal">
       <img src="{{ "/img/example-mesh.svg" | relative_url }}"
-            style="height: 400px; width: auto;" alt="Example mesh">
+            style="max-height: 250px; width: auto;" alt="Example mesh">
     </a>
   </div>
   <div class="cell auto">
@@ -31,10 +33,6 @@
       <li>Free software, runs on GNU/Linux, macOS, BSD, and Microsoft Windows</li>
       <li>Drop-in compatible with many Matlab scripts</li>
     </ul>
-    <div class="button-group stacked">
-      <a href="{{ "download.html" | relative_url }}" class="button">Download</a>
-      <a href="{{ site.docs_url }}" class="button">Documentation</a>
-    </div>
   </div>
 </div>
 
@@ -93,15 +91,14 @@
 </div>
 
 
-### Octave Packages
+### <i class="fas fa-box"></i> Octave Packages
 
-GNU Octave can be extended by packages, similar to Matlab's toolboxes.
-Find packages at:
+GNU Octave can be extended by packages.  Find them at:
 - [Octave Forge]({{ site.sourceforge_url }})
 - [Package extensions index]({{ site.pkg_index_url }})
 
 
-### Development
+### <i class="fas fa-tools"></i> Development
 
 Octave is free software licensed under the
 [GNU General Public License (GPL)]({{ "license.html" | relative_url }}).
@@ -112,19 +109,18 @@
 hg clone https://www.octave.org/hg/octave
 ```
 
-[Get involved]({{ "/get-involved.html" | relative_url }}) in Octave development.
-
+### <i class="fas fa-rss"></i> [News]({{ "/news.html" | relative_url }})
 
 {% assign latest_post = site.posts.first %}
 {% if latest_post %}
   <div class="primary callout">
-      <a class="float-right button tiny warning" href="{{ "/feed.xml" | relative_url }}">
-        RSS
-      </a>
-    <h3 class="entry-title">
-      <a href="{{ latest_post.url | relative_url }}">{{ latest_post.title }}</a>
-    </h3>
-    <p class="post-meta">{{ latest_post.date | date: "%b %-d, %Y" }}</p>
+    <a class="float-right button tiny warning" href="{{ "/feed.xml" | relative_url }}">
+      RSS
+    </a>
+    <p>
+      <strong><a href="{{ latest_post.url | relative_url }}">{{ latest_post.title }}</a></strong>
+      &ndash; {{ latest_post.date | date: "%b %-d, %Y" }}
+    </p>
     <div class="entry-content">{{ latest_post.excerpt }}</div>
   </div>
 {% endif %}
--- a/pages/menu/about.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/about.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,6 +1,7 @@
 ---
 layout: page
 title: About
+icon: <i class="fas fa-info-circle"></i>
 menu: true
 permalink: about
 ---
@@ -35,7 +36,7 @@
 and by reporting any problems you may have.
 
 
-## History
+## <i class="fas fa-landmark"></i> History
 
 Octave was originally conceived (in about 1988) to be companion software for an
 undergraduate-level textbook on chemical reactor design being written by James
--- a/pages/menu/bugs.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/bugs.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,26 +1,23 @@
 ---
 layout: page
 title: Bugs
+icon: <i class="fas fa-bug"></i>
 menu: true
 permalink: bugs
 ---
 
-GNU Octave uses the bug tracker at [Savannah]({{ site.bugs_url }}).
-There you can [report a new bug]({{ site.bugs_url }}&func=additem),
-[browse recent bugs]({{ site.bugs_url }}),
-or [search for bugs]({{ site.bugs_url }}&func=search).
+GNU Octave uses the bug tracker at [GNU Savannah]({{ site.bugs_url }}).
+There you can
+[<i class="far fa-plus-square"></i> report a new bug](https://savannah.gnu.org/bugs/?group=octave&func=additem),
+[<i class="far fa-list-alt"></i> browse recent bugs]({{ site.bugs_url }}),
+or [<i class="fas fa-search"></i> search for bugs](https://savannah.gnu.org/bugs/?group=octave&func=search).
 
 ### Guidelines for reporting a new bug
 
 1. **Is the bug already known?**
 
-   - [Search for already reported bugs at the bug tracker]({{ site.bugs_url }}&func=search),
-   - look at the
-     [list of known causes of trouble]({{ site.docs_url }}/Trouble.html)
-     in the Octave manual.
-
-   <p></p>
-
+   [<i class="fas fa-search"></i> Search for already reported bugs](https://savannah.gnu.org/bugs/?group=octave&func=search)
+   at the bug tracker first.
    If you your problem **does not appear** to be known,
    then you should report the problem.
 
@@ -49,7 +46,7 @@
 
    It might take several months or years until for new features to become part
    of Octave, consider
-   [commercial support]({{ "commercial-support.html" | relative_url }})
+   [<i class="fas fa-comment-dollar"></i> commercial support]({{ "commercial-support.html" | relative_url }})
    if you don't want to wait that long.
 
 4. **Make your bug report count**
--- a/pages/menu/donate.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/donate.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,30 +1,31 @@
 ---
 layout: page
 title: Donate
+icon: <i class="fas fa-donate"></i>
 menu: true
 permalink: donate
 ---
 
-> **Octave development takes a lot of time and expertise.**
-> **Your contributions help to ensure that Octave will continue to improve.**
+Octave development takes a lot of time and expertise.
+Your contributions help to ensure that Octave will continue to improve.
+
+**Every dollar counts and is very appreciated.**
 
 - [FSF Donation Page](https://crm.fsf.org/civicrm/contribute/transact?reset=1&id=10)
-- [PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=UYHVW7R596RZ8)
-  to John W. Eaton Consulting, Inc. (Octave project leader)
-- [Bitcoin](bitcoin:1E6HchBMX1EfiJQhSUanuF4VYKk552tEHF)
+  -- The Free Software Foundation (FSF) is a 501(c)(3) nonprofit organization based in Boston, MA, USA
+- [<i class="fab fa-paypal"></i> PayPal](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=UYHVW7R596RZ8)
+  -- receiver [John W. Eaton Consulting, Inc.](https://jweaton.org/)
+  (Octave project leader)
+- [<i class="fab fa-bitcoin"></i> Bitcoin](bitcoin:1E6HchBMX1EfiJQhSUanuF4VYKk552tEHF)
   (1E6HchBMX1EfiJQhSUanuF4VYKk552tEHF)
-- [Commercial support options]({{ "commercial-support.html" | relative_url }})
-  to implement the specific features
 
-If you are already an Octave user and would like to see it improve more rapidly,
-then please donate so that we can spend more of our time working on Octave.
-If we could raise as little as $300,000/year,
-we could pay several key developers to work full time on Octave.
-Given even the most conservative estimate of the number of users of Octave,
-this amount could easily be reached if every user contributed the cost of
-a few lattes.
+Any questions?
+Please contact [John W. Eaton &lt;jwe@jweaton.org&gt;](mailto:jwe@jweaton.org)
+by email.
 
-If your company has a budget for numerical computing tools,
-consider spending 10% (or more!) of that on Octave.
-Do you expect Octave to improve on a $0 budget
-while the proprietary tools are well-funded by your license fees?
+See also
+[<i class="fas fa-comment-dollar"></i> commercial support]({{ "commercial-support.html" | relative_url }})
+options to implement the specific features.
+If your company has a budget for software license fees,
+consider spending some of that on Octave.
+Like your company, Octave cannot improve on a $0 budget.
--- a/pages/menu/download.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/download.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,22 +1,32 @@
 ---
 layout: page
 title: Download
+icon: <i class="fas fa-download"></i>
 menu: true
 permalink: download
 ---
 
+<div class="primary callout">
+  <i class="fas fa-info-circle" style="color:#1779ba;"></i>
+  <strong>GNU Octave 6.2.0</strong> is the latest stable release.
+  &nbsp;
+  (Release Notes:
+  <a href="{{ "/NEWS-6.1.html" | relative_url }}">6.1.0</a>,
+  <a href="{% post_url 2021-02-20-octave-6.2.0-released %}">6.2.0</a>)
+</div>
+
 <div class="button-group large expanded stacked-for-small">
-  <a class="button" href="#source">Source</a>
-  <a class="button" href="#linux">GNU/Linux</a>
-  <a class="button" href="#macos">macOS</a>
-  <a class="button" href="#bsd">BSD</a>
-  <a class="button" href="#ms-windows">MS Windows</a>
+  <a class="button" href="#source"><i class="fas fa-code"></i> Source</a>
+  <a class="button" href="#linux"><i class="fab fa-linux"></i> GNU/Linux</a>
+  <a class="button" href="#bsd"><i class="fab fa-freebsd"></i> BSD</a>
+  <a class="button" href="#macos"><i class="fab fa-apple"></i> macOS</a>
+  <a class="button" href="#ms-windows"><i class="fab fa-windows"></i> MS Windows</a>
 </div>
 
 
 <p id="source">&nbsp;</p>
 
-### Source {#source2}
+### <i class="fas fa-code"></i> Source {#source2}
 
 The latest released version of Octave is always available from
 
@@ -31,7 +41,7 @@
 
 <p id="linux">&nbsp;</p>
 
-### GNU/Linux {#linux2}
+### <i class="fab fa-linux"></i> GNU/Linux {#linux2}
 
 Packaged versions of Octave for GNU/Linux systems are provided by the
 individual distributions described in the
@@ -46,19 +56,9 @@
 [Octave wiki]({{ site.wiki_url }}/Octave_for_GNU/Linux#Distribution_independent).
 
 
-<p id="macos">&nbsp;</p>
-
-### macOS {#macos2}
-
-The [Octave Wiki]({{ site.wiki_url }}/Octave_for_macOS) has instructions for
-installing Octave on macOS systems.
-Octave is also available in third-party package managers such as
-[Homebrew](https://brew.sh/) and [MacPorts](https://www.macports.org).
-
-
 <p id="bsd">&nbsp;</p>
 
-### BSD {#bsd2}
+### <i class="fab fa-freebsd"></i> BSD {#bsd2}
 
 Executable versions of Octave for BSD systems are provided by the individual
 distributions.
@@ -68,9 +68,19 @@
 over that process.
 
 
+<p id="macos">&nbsp;</p>
+
+### <i class="fab fa-apple"></i> macOS {#macos2}
+
+The [Octave Wiki]({{ site.wiki_url }}/Octave_for_macOS) has instructions for
+installing Octave on macOS systems.
+Octave is also available in third-party package managers such as
+[Homebrew](https://brew.sh/) and [MacPorts](https://www.macports.org).
+
+
 <p id="ms-windows">&nbsp;</p>
 
-### Microsoft Windows {#ms-windows2}
+### <i class="fab fa-windows"></i> Microsoft Windows {#ms-windows2}
 
 <div class="primary callout small" data-closable>
 <b>Note:</b> All installers below bundle several <b>Octave packages</b>
--- a/pages/menu/get-involved.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/get-involved.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,33 +1,33 @@
 ---
 layout: page
 title: Get Involved
+icon: <i class="fas fa-users"></i>
 menu: true
 permalink: get-involved
 ---
 
+**What would you like to work on?**
+
 We always need more help improving Octave
 and there are many ways you can contribute.
-You can help by fixing bugs,
-developing new features,
-writing Octave packages,
-answering questions in Discourse,
-helping to improve the web pages.
-If you are wondering what to work on,
-we have a standard answer:
+You can help by:
+- answering questions on [Discourse]({{ site.discourse_url }}),
+- fixing [Octave bugs]({{ site.bugs_url }}),
+- developing new features,
+- writing Octave packages,
+- ...
 
-&nbsp;&nbsp;&nbsp; **What would you like to work on?**
+For more inspiration,
+in the Octave wiki there is a
+[list of possible projects]({{ site.wiki_url }}/Projects)
+and a [Developer FAQ]({{ site.wiki_url }}/Developer_FAQ).
 
-For some inspiration,
-we do maintain a [list of possible projects]({{ site.wiki_url }}/Projects)
-and a [Developer FAQ]({{ site.wiki_url }}/Developer_FAQ) on the Octave Wiki.
-
-If know what to contribute,
-discuss your ideas with us on [Discourse]({{ site.discourse_url }})
+Discuss your ideas with us on [Discourse]({{ site.discourse_url }})
 ("maintainers" category) or on our IRC
 [Freenode `{{ site.irc_channel }}` channel](https://webchat.freenode.net/#octave).
 
 
-### Using the Development Sources
+### Get the Development Sources
 
 The latest development sources of GNU Octave are available via
 [Mercurial](https://www.mercurial-scm.org/) (hg).
@@ -40,5 +40,5 @@
 ```
 hg clone https://www.octave.org/hg/octave
 ```
-The [Developer FAQ]({{ site.wiki_url }}/Developer_FAQ) on the Octave Wiki
+The [Developer FAQ]({{ site.wiki_url }}/Developer_FAQ) on the Octave wiki
 contains more detailed and recent information about Octave development.
--- a/pages/menu/news.md	Thu Mar 18 10:43:14 2021 +0900
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,29 +0,0 @@
----
-layout: page
-title: News
-menu: true
-permalink: news.html
----
-
-{% for post in site.posts %}
-<div class="primary callout">
-  {% if post == site.posts.first %}
-  <a class="float-right button tiny warning" href="{{ "/feed.xml" | relative_url }}">
-    RSS
-  </a>
-  {% endif %}
-  {% if post.title == "News Archive" %}
-  <h3 class="entry-title">
-    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
-  </h3>
-  {% else %}
-  <h3 class="entry-title">
-    <a href="{{ post.url | relative_url }}">{{ post.title }}</a>
-  </h3>
-  <p class="post-meta">{{ post.date | date: "%b %-d, %Y" }}</p>
-  <div class="entry-content">
-    {{ post.excerpt }}
-  </div>
-  {% endif %}
-</div>
-{% endfor %}
--- a/pages/menu/support.md	Thu Mar 18 10:43:14 2021 +0900
+++ b/pages/menu/support.md	Thu Mar 18 15:59:24 2021 +0900
@@ -1,11 +1,27 @@
 ---
 layout: page
-title: Support/Help
+title: Support
+icon: <i class="fas fa-book-medical"></i>
 menu: true
 permalink: support
 ---
 
-#### Contact the **user community**
+#### <i class="fas fa-book"></i> Read the **GNU Octave Manual**
+
+<div style="margin-left: 2em;" markdown="1">
+- [<i class="fas fa-globe-americas"></i> Web version]({{ site.docs_url }})
+- [<i class="fas fa-file-pdf"></i> PDF version]({{ "octave.pdf" | relative_url }})
+- Type `doc` inside Octave
+</div>
+
+
+#### <i class="fab fa-wikipedia-w"></i> [Octave Wiki]({{ site.wiki_url }})
+
+<div style="margin-left: 2em;" markdown="1">
+Find [Frequently Asked Questions (FAQ)]({{ site.faq_url }})
+</div>
+
+#### <i class="fas fa-users"></i> User community
 
 <div style="margin-left: 2em;" markdown="1">
 The Octave user community is a loosely organized association of **volunteers**.
@@ -15,34 +31,18 @@
 </div>
 
 <div style="margin-left: 2em;" markdown="1">
-- [**Discourse**]({{ site.discourse_url }}) &mdash;
-  the main chat portal for Octave users and developers.
-- **IRC**: Chat with users and developers on the
-  [Freenode `{{ site.irc_channel }}` channel](https://webchat.freenode.net/#octave).
-- Browse the
+- [<i class="fab fa-discourse"></i> **Discourse**]({{ site.discourse_url }}) --
+  the major communication platform for Octave users and developers.
+- <i class="far fa-comments"></i> **IRC**: Chat with users and developers on the
+  [Freenode {{ site.irc_channel }} channel](https://webchat.freenode.net/#octave).
+- <i class="far fa-envelope"></i> Browse the old
   [**mailing list archives**](https://lists.gnu.org/archive/html/help-octave/).
 </div>
 
 
-#### Get [**commercial support**]({{ "commercial-support.html" | relative_url }})
+#### <i class="fas fa-comment-dollar"></i> [Commercial support]({{ "commercial-support.html" | relative_url }})
 
 <div style="margin-left: 2em;" markdown="1">
 - Setup assistance
 - Custom feature implementation
 </div>
-
-
-#### Read the **GNU Octave Manual**
-
-<div style="margin-left: 2em;" markdown="1">
-- [Web version]({{ site.docs_url }})
-- [PDF version]({{ "octave.pdf" | relative_url }})
-- Type `doc` inside Octave
-</div>
-
-
-#### Browse the [Octave Wiki]({{ site.wiki_url }})
-
-<div style="margin-left: 2em;" markdown="1">
-- Read [Frequently Asked Questions (FAQ)]({{ site.faq_url }})
-</div>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/pages/news.md	Thu Mar 18 15:59:24 2021 +0900
@@ -0,0 +1,27 @@
+---
+layout: page
+title: News
+icon: <i class="fas fa-rss"></i>
+permalink: news.html
+---
+
+{% for post in site.posts %}
+<div class="primary callout">
+  {% if post == site.posts.first %}
+  <a class="float-right button tiny warning" href="{{ "/feed.xml" | relative_url }}"><i class="fas fa-rss"></i>
+    RSS
+  </a>
+  {% endif %}
+  <p>
+    <strong><a href="{{ post.url | relative_url }}">{{ post.title }}</a></strong>
+  {% if post.title != "News Archive" %}
+    &ndash; {{ post.date | date: "%b %-d, %Y" }}
+  </p>
+  <div class="entry-content">
+    {{ post.excerpt }}
+  </div>
+  {% else %}
+  </p>
+  {% endif %}
+</div>
+{% endfor %}