view pages/index.md @ 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 236c0b1f7515
children 41e6507acab4
line wrap: on
line source

---
layout: default
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>.
  <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
    <span aria-hidden="true">&times;</span>
  </button>
</div>
-->

<div class="grid-x grid-margin-x">
  <div class="cell medium-4 align-top">
    <a href="#"  data-open="meshModal">
      <img src="{{ "/img/example-mesh.svg" | relative_url }}"
            style="max-height: 250px; width: auto;" alt="Example mesh">
    </a>
  </div>
  <div class="cell auto">
    <h2 class="landing-page-logo">
      <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>
    <p><b>Scientific Programming Language</b></p>
    <ul>
      <li>Powerful mathematics-oriented syntax with built-in 2D/3D plotting and visualization tools</li>
      <li>Free software, runs on GNU/Linux, macOS, BSD, and Microsoft Windows</li>
      <li>Drop-in compatible with many Matlab scripts</li>
    </ul>
  </div>
</div>


### Syntax Examples

The Octave syntax is largely compatible with Matlab.
The Octave interpreter can be run in
<a href="#" data-open="guiModal">GUI mode</a>, as a console,
or invoked as part of a shell script.
More Octave examples can be found in
[the Octave wiki]({{ site.wiki_url }}/Using_Octave).

<div class="grid-x grid-margin-x">
  <div class="cell medium-4" >
    <p>
      Solve systems of equations with linear algebra operations on
      <strong>vectors</strong> and <strong>matrices</strong>.
    </p>
  </div>
  <div class="cell auto">
{%- include code1.html -%}
<!--
```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
```
-->
  </div>
</div>

<div class="grid-x grid-margin-x">
  <div class="cell medium-4">
    <p>
      Visualize data with <strong>high-level plot commands</strong>
      in 2D and 3D.
    </p>
  </div>
  <div class="cell auto">
{%- include code2.html -%}
<!--
```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)");
```
-->
    <a href="#" class="button small-only-expanded" data-open="plotModal">Click here to see the plot output</a>
  </div>
</div>


### <i class="fas fa-box"></i> Octave Packages

GNU Octave can be extended by packages.  Find them at:
- [Octave Forge]({{ site.sourceforge_url }})
- [Package extensions index]({{ site.pkg_index_url }})


### <i class="fas fa-tools"></i> Development

Octave is free software licensed under the
[GNU General Public License (GPL)]({{ "license.html" | relative_url }}).
Assuming you have Mercurial installed on your machine you may obtain the latest
development version of Octave sources with the following command:

```
hg clone https://www.octave.org/hg/octave
```

### <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>
    <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 %}

<div class="large reveal" id="meshModal" data-reveal>
  <img src="{{ "/img/example-mesh.svg" | relative_url }}" alt="Example mesh">
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

<div class="large reveal" id="plotModal" data-reveal>
  <img src="{{ "/img/example-plot.svg" | relative_url }}" alt="Example plot">
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>

<div class="large reveal" id="guiModal" data-reveal>
  <img src="{{ "/img/GNU_Octave_4-4-0_screenshot_1600x900.png" | relative_url }}" alt="GNU Octave GUI screenshot">
  <button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
  </button>
</div>