Mercurial > web-octave

comparison index.html @ 108:2f1de3071ee9

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add a new set of images for the first page.
author Kai T. Ohlhus <k.ohlhus@gmail.com>
date Thu, 03 Nov 2016 15:20:38 +0100
parents 34cd51c807b1
children 4bb4b68c792f
comparison
equal deleted inserted replaced
107:a2fa1e57437e 108:2f1de3071ee9
3 --- 3 ---
4 4
5 <section> 5 <section>
6 <div class="row"> 6 <div class="row">
7 <div class="columns medium-6"> 7 <div class="columns medium-6">
8 <a href="#"> 8 <a href="#" data-reveal-id="meshModal">
9 <img src="{{ "/img/example-mesh.png" | relative_url }}" /> 9 <img src="{{ "/img/example-mesh.svg" | relative_url }}"
10 style="height: 400px; width: auto;" alt="Example mesh">
10 </a> 11 </a>
11 </div> 12 </div>
12 <div class="columns medium-6"> 13 <div class="columns medium-6">
13 <h2 class="home-title"> 14 <h2 class="home-title">
14 <img src="{{ "/img/octave-logo.svg" | relative_url }}" style="float: left; height: 48px; width: auto; padding-right: 0.5rem" /> 15 <img src="{{ "/img/octave-logo.svg" | relative_url }}"
16 style="float: left; height: 48px; width: auto; padding-right: 0.5rem"
17 alt="GNU Octave logo">
15 GNU Octave 18 GNU Octave
16 </h2> 19 </h2>
17 <h3>Scientific Programming Language</h3> 20 <h3>Scientific Programming Language</h3>
18 <ul> 21 <ul>
19 <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>
78 xlabel ("x"); 81 xlabel ("x");
79 ylabel ("sin (x)"); 82 ylabel ("sin (x)");
80 {% endhighlight %} 83 {% endhighlight %}
81 <div class="text-left"> 84 <div class="text-left">
82 <a href="#" data-reveal-id="plotModal"> 85 <a href="#" data-reveal-id="plotModal">
83 <img src="{{ "/img/example-plot.png" | relative_url }}" style="height: 12rem; width: auto;"/> 86 <img src="{{ "/img/example-plot.svg" | relative_url }}"
87 style="height: 12rem; width: auto;" alt="Example plot">
84 <span class="label">Expand</span> 88 <span class="label">Expand</span>
85 </a> 89 </a>
86 </div> 90 </div>
87 </div> 91 </div>
88 </div> 92 </div>
94 <div class="columns medium-8"> 98 <div class="columns medium-8">
95 {% include install.html %} 99 {% include install.html %}
96 </div> 100 </div>
97 <div class="columns medium-4"> 101 <div class="columns medium-4">
98 <a href="#" data-reveal-id="guiModal"> 102 <a href="#" data-reveal-id="guiModal">
99 <img src="{{ "/img/screenshot-2016-small.png" | relative_url }}" title="GNU Octave 4.0.3 - Licensed under CC BY-SA 3.0"/> 103 <img src="{{ "/img/screenshot-octave-4-2.png" | relative_url }}"
104 alt="GNU Octave screenshot">
100 </a> 105 </a>
101 </div> 106 </div>
102 </div> 107 </div>
103 </section> 108 </section>
104 109
162 {% endif %} 167 {% endif %}
163 </div> 168 </div>
164 </div> 169 </div>
165 </section> 170 </section>
166 171
172 <div id="meshModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
173 <img src="{{ "/img/example-mesh.svg" | relative_url }}" alt="Example mesh">
174 <a class="close-reveal-modal" aria-label="Close">&#215;</a>
175 </div>
176
167 <div id="plotModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog"> 177 <div id="plotModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
168 <img src="{{ "/img/example-plot.png" | relative_url }}" /> 178 <img src="{{ "/img/example-plot.svg" | relative_url }}" alt="Example plot">
169 <a class="close-reveal-modal" aria-label="Close">&#215;</a> 179 <a class="close-reveal-modal" aria-label="Close">&#215;</a>
170 </div> 180 </div>
171 181
172 <div id="guiModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog"> 182 <div id="guiModal" class="reveal-modal" data-reveal aria-hidden="true" role="dialog">
173 <img src="{{ "/img/screenshot-2016.png" | relative_url }}" title="GNU Octave 4.0.3 - Licensed under CC BY-SA 3.0"/> 183 <img src="{{ "/img/screenshot-octave-4-2.png" | relative_url }}" alt="GNU Octave GUI screenshot">
174 <a class="close-reveal-modal" aria-label="Close">&#215;</a> 184 <a class="close-reveal-modal" aria-label="Close">&#215;</a>
175 </div> 185 </div>