Mercurial > web-octave

comparison index.md @ 203:3a99431030c1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Update website to use the foundation 6 framework.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 09 Jul 2020 17:51:40 +0900
parents 927c8b96b2e4
children 585fc24ed727
comparison
equal deleted inserted replaced
202:927c8b96b2e4 203:3a99431030c1
1 --- 1 ---
2 layout: default 2 layout: default
3 --- 3 ---
4 4
5 <section> 5 <div class="grid-x grid-margin-x">
6 <div class="row"> 6 <div class="cell medium-6">
7 <div class="columns medium-6"> 7 <a href="#" data-open="meshModal">
8 <a href="#" data-reveal-id="meshModal"> 8 <img src="{{ "/img/example-mesh.svg" | relative_url }}"
9 <img src="{{ "/img/example-mesh.svg" | relative_url }}" 9 style="height: 400px; width: auto;" alt="Example mesh">
10 style="height: 400px; width: auto;" alt="Example mesh"> 10 </a>
11 </a> 11 </div>
12 </div> 12 <div class="cell medium-6">
13 <div class="columns medium-6"> 13 <h2 class="landing-page-logo">
14 <h2 class="home-title"> 14 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
15 <img src="{{ "/img/octave-logo.svg" | relative_url }}" 15 style="float: left; height: 48px; width: auto; padding-right: 0.5rem"
16 style="float: left; height: 48px; width: auto; padding-right: 0.5rem" 16 alt="GNU Octave logo">
17 alt="GNU Octave logo"> 17 GNU Octave
18 GNU Octave 18 </h2>
19 </h2> 19 <h3>Scientific Programming Language</h3>
20 <h3>Scientific Programming Language</h3> 20 <ul>
21 <ul> 21 <li>Powerful mathematics-oriented syntax with built-in plotting and visualization tools</li>
22 <li>Powerful mathematics-oriented syntax with built-in plotting and visualization tools</li> 22 <li>Free software, runs on GNU/Linux, macOS, BSD, and Microsoft Windows</li>
23 <li>Free software, runs on GNU/Linux, macOS, BSD, and Microsoft Windows</li> 23 <li>Drop-in compatible with many Matlab scripts</li>
24 <li>Drop-in compatible with many Matlab scripts</li> 24 </ul>
25 </ul> 25 <div class="button-group stacked">
26 <div> 26 <a href="{{ "download.html" | relative_url }}" class="button">Download</a>
27 <ul class="button-group stack-for-small even-2"> 27 <a href="{{ site.docs_url }}" class="button">Documentation</a>
28 <li><a href="{{ "download.html" | relative_url }}" class="button">Download</a></li>
29 <li><a href="{{ site.docs_url }}" class="button">Docs</a></li>
30 </ul>
31 </div>
32 </div> 28 </div>
33 </div> 29 </div>
34 </section> 30 </div>
35 31
36 <section> 32 ### Syntax Examples
37 <h3>Syntax Examples</h3>
38 33
39 <div class="row"> 34 The Octave syntax is largely compatible with Matlab.
40 <div class="columns medium-12"> 35 The Octave interpreter can be run in GUI mode, as a console,
41 <p> 36 or invoked as part of a shell script.
42 The Octave syntax is largely compatible with Matlab. The Octave 37 More Octave examples can be found in
43 interpreter can be run in GUI mode, as a console, or invoked as part 38 [the Octave wiki]({{ site.wiki_url }}/Using_Octave).
44 of a shell script. More Octave examples can be found in 39
45 <a href="{{ site.wiki_url }}/Using_Octave">the wiki</a>. 40 <div class="grid-x grid-margin-x">
46 </p> 41 <div class="cell medium-4" >
47 </div> 42 <p>
43 Solve systems of equations with linear algebra operations on
44 <strong>vectors</strong> and <strong>matrices</strong>.
45 </p>
48 </div> 46 </div>
49 47 <div class="cell medium-8">
50 <div class="row">
51 <div class="columns medium-4" >
52 <p>
53 Solve systems of equations with linear algebra operations on
54 <strong>vectors</strong> and <strong>matrices</strong>.
55 </p>
56 </div>
57 <div class="columns medium-8">
58 {% highlight octave %} 48 {% highlight octave %}
59 b = [4; 9; 2] # Column vector 49 b = [4; 9; 2] # Column vector
60 A = [ 3 4 5; 50 A = [ 3 4 5;
61 1 3 1; 51 1 3 1;
62 3 5 9 ] 52 3 5 9 ]
63 x = A \ b # Solve the system Ax = b 53 x = A \ b # Solve the system Ax = b
64 {% endhighlight %} 54 {% endhighlight %}
65 </div>
66 </div> 55 </div>
56 </div>
67 57
68 <div class="row"> 58 <div class="grid-x grid-margin-x">
69 <div class="columns medium-4"> 59 <div class="cell medium-4">
70 <p> 60 <p>
71 Visualize data with <strong>high-level plot commands</strong> 61 Visualize data with <strong>high-level plot commands</strong>
72 in 2D and 3D. 62 in 2D and 3D.
73 </p> 63 </p>
74 </div> 64 </div>
75 <div class="columns medium-8"> 65 <div class="cell medium-8">
76 {% highlight octave %} 66 {% highlight octave %}
77 x = -10:0.1:10; # Create an evenly-spaced vector from -10..10 67 x = -10:0.1:10; # Create an evenly-spaced vector from -10..10
78 y = sin (x); # y is also a vector 68 y = sin (x); # y is also a vector
79 plot (x, y); 69 plot (x, y);
80 title ("Simple 2-D Plot"); 70 title ("Simple 2-D Plot");
81 xlabel ("x"); 71 xlabel ("x");
82 ylabel ("sin (x)"); 72 ylabel ("sin (x)");
83 {% endhighlight %} 73 {% endhighlight %}
84 <a href="#" data-reveal-id="plotModal">Click here to see the plot output.</a> 74 <a href="#" class="button small-only-expanded" data-open="plotModal">Click here to see the plot output</a>
85 </div>
86 </div> 75 </div>
87 </section> 76 </div>
88 77
89 <section> 78
90 <h3>Octave Forge</h3> 79 ### Octave Forge
91 <div class="row"> 80
92 <div class="columns medium-9"> 81 [Octave Forge]({{ site.sourceforge_url }}) is a collection of high quality
93 <p> 82 packages for GNU Octave, similar to Matlab's toolboxes.
94 <a href="{{ site.sourceforge_url }}">Octave Forge</a> 83 To install a package, use the `pkg` command from the Octave prompt by typing:
95 is a collection of high quality packages for GNU Octave, 84
96 similar to Matlab's toolboxes. To install a package, use the
97 <code>pkg</code> command from the Octave prompt by typing:
98 </p>
99 {% highlight text %} 85 {% highlight text %}
100 pkg install -forge package_name 86 pkg install -forge package_name
101 pkg load package_name 87 pkg load package_name
102 {% endhighlight %} 88 {% endhighlight %}
103 </div>
104 <div class="columns large-3">
105 <a href="{{ site.sourceforge_url }}/packages.php" class="button expand">Browse Packages</a>
106 </div>
107 </div>
108 </section>
109 89
110 <section> 90 <a href="{{ site.sourceforge_url }}/packages.php" class="button small-only-expanded">Browse Packages</a>
111 <h3>Development</h3> 91
112 <p> 92
113 Octave is free software licensed under the 93 ### Development
114 <a href="{{ "license.html" | relative_url }}">GNU General Public License (GPL)</a>. 94
115 Assuming you have Mercurial installed on your machine 95 Octave is free software licensed under the
116 you may obtain the latest development version of Octave sources 96 [GNU General Public License (GPL)]({{ "license.html" | relative_url }}).
117 with the following command: 97 Assuming you have Mercurial installed on your machine you may obtain the latest
118 </p> 98 development version of Octave sources with the following command:
99
119 {% highlight text %} 100 {% highlight text %}
120 hg clone https://www.octave.org/hg/octave 101 hg clone https://www.octave.org/hg/octave
121 {% endhighlight %} 102 {% endhighlight %}
122 <p>
123 <a href="{{ "/get-involved.html" | relative_url }}">Get involved</a>
124 in Octave development.
125 </p>
126 </section>
127 103
128 <section> 104 [Get involved]({{ "/get-involved.html" | relative_url }}) in Octave development.
129 <div class="row"> 105
130 <div class="columns small-12"> 106
131 {% assign latest_post = site.posts.first %} 107 <div class="grid-x grid-margin-x">
132 {% if latest_post %} 108 <div class="cell small-12">
133 <div class="panel callout"> 109 {% assign latest_post = site.posts.first %}
134 <a class="right" href="{{ "/feed.xml" | relative_url }}"> 110 {% if latest_post %}
135 <span class="label warning"> 111 <div class="panel callout">
136 RSS 112 <a class="right" href="{{ "/feed.xml" | relative_url }}">
137 </span> 113 <span class="label warning">
138 </a> 114 RSS
139 <h3 class="entry-title"> 115 </span>
140 <a href="{{ latest_post.url | relative_url }}">{{ latest_post.title }}</a> 116 </a>
141 </h3> 117 <h3 class="entry-title">
142 <p class="post-meta">{{ latest_post.date | date: "%b %-d, %Y" }}</p> 118 <a href="{{ latest_post.url | relative_url }}">{{ latest_post.title }}</a>
143 <div class="entry-content">{{ latest_post.excerpt }}</div> 119 </h3>
144 </div> 120 <p class="post-meta">{{ latest_post.date | date: "%b %-d, %Y" }}</p>
145 {% endif %} 121 <div class="entry-content">{{ latest_post.excerpt }}</div>
146 </div> 122 </div>
123 {% endif %}
147 </div> 124 </div>
148 </section>
149
150 <div id="meshModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
151 <img src="{{ "/img/example-mesh.svg" | relative_url }}" alt="Example mesh">
152 <a class="close-reveal-modal" aria-label="Close">&#215;</a>
153 </div> 125 </div>
154 126
155 <div id="plotModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog"> 127 <div class="large reveal" id="meshModal" data-reveal>
156 <img src="{{ "/img/example-plot.svg" | relative_url }}" alt="Example plot"> 128 <img src="{{ "/img/example-mesh.svg" | relative_url }}" alt="Example mesh">
157 <a class="close-reveal-modal" aria-label="Close">&#215;</a> 129 <button class="close-button" data-close aria-label="Close modal" type="button">
130 <span aria-hidden="true">&times;</span>
131 </button>
158 </div> 132 </div>
159 133
160 <div id="guiModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog"> 134 <div class="large reveal" id="plotModal" data-reveal>
135 <img src="{{ "/img/example-plot.svg" | relative_url }}" alt="Example plot">
136 <button class="close-button" data-close aria-label="Close modal" type="button">
137 <span aria-hidden="true">&times;</span>
138 </button>
139 </div>
140
141 <div class="large reveal" id="guiModal" data-reveal>
161 <img src="{{ "/img/GNU_Octave_4-4-0_screenshot_1600x900.png" | relative_url }}" alt="GNU Octave GUI screenshot"> 142 <img src="{{ "/img/GNU_Octave_4-4-0_screenshot_1600x900.png" | relative_url }}" alt="GNU Octave GUI screenshot">
162 <a class="close-reveal-modal" aria-label="Close">&#215;</a> 143 <button class="close-button" data-close aria-label="Close modal" type="button">
144 <span aria-hidden="true">&times;</span>
145 </button>
163 </div> 146 </div>