Mercurial > web-octave

diff 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
line wrap: on
line diff
--- a/index.html	Thu Nov 03 15:19:50 2016 +0100
+++ b/index.html	Thu Nov 03 15:20:38 2016 +0100
@@ -5,13 +5,16 @@
 <section>
   <div class="row">
     <div class="columns medium-6">
-      <a href="#">
-        <img src="{{ "/img/example-mesh.png" | relative_url }}" />
+      <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" />
+        <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>
@@ -80,7 +83,8 @@
 {% endhighlight %}
       <div class="text-left">
         <a href="#" data-reveal-id="plotModal">
-          <img src="{{ "/img/example-plot.png" | relative_url }}" style="height: 12rem; width: auto;"/>
+          <img src="{{ "/img/example-plot.svg" | relative_url }}"
+               style="height: 12rem; width: auto;" alt="Example plot">
           <span class="label">Expand</span>
         </a>
       </div>
@@ -96,7 +100,8 @@
     </div>
     <div class="columns medium-4">
       <a href="#" data-reveal-id="guiModal">
-        <img src="{{ "/img/screenshot-2016-small.png" | relative_url }}" title="GNU Octave 4.0.3 - Licensed under CC BY-SA 3.0"/>
+        <img src="{{ "/img/screenshot-octave-4-2.png" | relative_url }}"
+             alt="GNU Octave screenshot">
       </a>
     </div>
   </div>
@@ -164,12 +169,17 @@
   </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.png" | relative_url }}" />
+  <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/screenshot-2016.png" | relative_url }}" title="GNU Octave 4.0.3 - Licensed under CC BY-SA 3.0"/>
+  <img src="{{ "/img/screenshot-octave-4-2.png" | relative_url }}" alt="GNU Octave GUI screenshot">
   <a class="close-reveal-modal" aria-label="Close">&#215;</a>
 </div>