view index.html @ 145:2ae741742981

* index.html: Update Octave screenshot.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Sat, 24 Mar 2018 00:17:39 +0100
parents aaf612aece2b
children d9294f3fa785
line wrap: on
line source

---
layout: default
---

<section>
  <div class="row">
    <div class="columns medium-6">
      <a href="#"  data-reveal-id="meshModal">
        <img src="{{ "/img/example-mesh.svg" | relative_url }}"
             style="height: 400px; width: auto;" alt="Example mesh">
      </a>
    </div>
    <div class="columns medium-6">
      <h2 class="home-title">
        <img src="{{ "/img/octave-logo.svg" | relative_url }}"
             style="float: left; height: 48px; width: auto; padding-right: 0.5rem"
             alt="GNU Octave logo">
        GNU Octave
      </h2>
      <h3>Scientific Programming Language</h3>
      <ul>
        <li>Powerful mathematics-oriented syntax with built-in plotting and visualization tools</li>
        <li>Free software, runs on GNU/Linux, macOS, BSD, and Windows</li>
        <li>Drop-in compatible with many Matlab scripts</li>
      </ul>
      <div>
        <ul class="button-group stack-for-small even-2">
          <li><a href="#install" class="button">Download</a></li>
          <li><a href="{{site.docs_url}}" class="button">Docs</a></li>
        </ul>
      </div>
    </div>
  </div>
</section>

<section>
  <h3>Syntax Examples</h3>

  <div class="row">
    <div class="columns medium-12">
      <p>
        The Octave syntax is largely compatible with Matlab.  The Octave
        interpreter can be run in GUI mode, as a console, or invoked as part
        of a shell script.  More Octave examples can be found in
        <a href="{{ site.wiki_url }}/Using_Octave">the wiki</a>.
      </p>
    </div>
  </div>

  <div class="row">
    <div class="columns medium-4" >
      <p>
        Solve systems of equations with linear algebra operations on
        <strong>vectors</strong> and <strong>matrices</strong>.
      </p>
    </div>
    <div class="columns medium-8">
{% highlight octave %}
b = [4; 9; 2] # Column vector
A = [ 3 4 5;
      1 3 1;
      3 5 9 ]
x = A \ b     # Solve the system Ax = b
{% endhighlight %}
    </div>
  </div>

  <div class="row">
     <div class="columns medium-4">
        <p>
          Visualize data with <strong>high-level plot commands</strong>
          in 2D and 3D.
        </p>
     </div>
     <div class="columns medium-8">
{% highlight octave %}
x = -10:0.1:10; # Create an evenly-spaced vector from -10..10
y = sin (x);    # y is also a vector
plot (x, y);
title ("Simple 2-D Plot");
xlabel ("x");
ylabel ("sin (x)");
{% endhighlight %}
      <div class="text-left">
        <a href="#" data-reveal-id="plotModal">
          <img src="{{ "/img/example-plot.svg" | relative_url }}"
               style="height: 12rem; width: auto;" alt="Example plot">
          <span class="label">Expand</span>
        </a>
      </div>
    </div>
  </div>
</section>

<section id="install">
  <h3>Install</h3>
  <div class="row">
    <div class="columns medium-8">
    {% include install.html %}
    </div>
    <div class="columns medium-4">
      <a href="#" data-reveal-id="guiModal">
        <img src="{{ "/img/GNU_Octave_4-2-2_screenshot_1600x900.png" | relative_url }}"
             alt="GNU Octave screenshot">
      </a>
    </div>
  </div>
</section>

<section>
  <h3>Octave Forge</h3>
  <div class="row">
    <div class="columns medium-9">
      <p>
        <a href="{{ site.sourceforge_url }}">Octave Forge</a>
        is a central location for development of packages for GNU Octave,
        similar to Matlab's toolboxes.  To install a package, use the
        <code>pkg</code> command from the Octave prompt by typing:
      </p>
{% highlight text %}
pkg install -forge package_name
pkg load package_name
{% endhighlight %}
    </div>
    <div class="columns large-3">
      <a href="{{ site.sourceforge_url }}/packages.php" class="button expand">Browse Packages</a>
    </div>
  </div>
</section>

<section>
  <h3>Development</h3>
  <p>
    Octave is free software licensed under the
    <a href="{{ "license.html" | relative_url }}">GNU General Public License (GPL)</a>.
    Assuming you have Mercurial installed on your machine
    you may obtain the latest development version of Octave sources
    with the following command:
  </p>
{% highlight text %}
hg clone https://www.octave.org/hg/octave
{% endhighlight %}
  <p>
    If you want to participate in Octave development, join the
    <a href="https://lists.gnu.org/mailman/listinfo/octave-maintainers">maintainers@octave.org</a>
    mailing list.
  </p>
</section>

<section>
  <div class="row">
    <div class="columns small-12">
      {% assign latest_post = site.posts.first %}
      {% if latest_post %}
        <div class="panel callout">
          <a class="right" href="{{ "/feed.xml" | relative_url }}">
            <span class="label warning">
              RSS
            </span>
          </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>
          <div class="entry-content">{{ latest_post.excerpt }}</div>
        </div>
      {% endif %}
    </div>
  </div>
</section>

<div id="meshModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
  <img src="{{ "/img/example-mesh.svg" | relative_url }}" alt="Example mesh">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

<div id="plotModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
  <img src="{{ "/img/example-plot.svg" | relative_url }}" alt="Example plot">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>

<div id="guiModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
  <img src="{{ "/img/GNU_Octave_4-2-2_screenshot_1600x900.png" | relative_url }}" alt="GNU Octave GUI screenshot">
  <a class="close-reveal-modal" aria-label="Close">&#215;</a>
</div>