Mercurial > dottes

comparison dottes.html.tune @ 724:be87f9a027f1

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Move book and learner tune link to centre of bottom row, and add popup text. The parts display is not uncomplicated by the images, and they have explanations - at least some users I've spoken to did not understand what they do.
author Jim Hague <jim.hague@acm.org>
date Wed, 11 Oct 2017 16:18:13 +0100
parents f8ab14cc9d8d
children 833e6185b6a2
comparison
equal deleted inserted replaced
723:0818dcbaf5af 724:be87f9a027f1
11 </head> 11 </head>
12 <body> 12 <body>
13 <div class="container"> 13 <div class="container">
14 <a href="/"> 14 <a href="/">
15 <div class="header-strip banner"> 15 <div class="header-strip banner">
16 <img src="../img/banner.png"> 16 <img src="../img/banner.png" alt="Havoc banner image">
17 </div> 17 </div>
18 </a> 18 </a>
19 19
20 <div class="dottes-body"> 20 <div class="dottes-body">
21 <div class="dottes-tune-display"> 21 <div class="dottes-tune-display">
22 <div class="dottes-tune-header"> 22 <div class="dottes-tune-header">
23 <div class="dottes-tune-header-icons-column"></div> 23 <div class="dottes-tune-header-parts-column"></div>
24 <div class="dottes-tune-header-title-column"></div> 24 <div class="dottes-tune-header-title-column"></div>
25 <div class="dottes-tune-header-composer-column"></div> 25 <div class="dottes-tune-header-composer-column"></div>
26 <div class="dottes-tune-header-row"> 26 <div class="dottes-tune-header-row">
27 <div class="dottes-tune-header-icons"> 27 <div class="dottes-tune-header-parts">
28 <p> 28 <p>
29 <a class="dottes-tune-icon-link" href="learner-${name}.html">
30 <img class="dottes-tune-header-image" src="../img/learner.png"
31 alt="Learner">
32 </a>
33 <a class="dottes-tune-icon-link" href="index.html">
34 <img class="dottes-tune-header-image" src="../img/book.png"
35 alt="Tune index">
36 </a>
37 ${parts} 29 ${parts}
38 </p> 30 </p>
39 </div> 31 </div>
40 <div class="dottes-tune-header-title"> 32 <div class="dottes-tune-header-title">
41 <h1>${title}</h1> 33 <h1>${title}</h1>
88 <div class="dottes-tune-footer-row"> 80 <div class="dottes-tune-footer-row">
89 <div class="dottes-tune-footer-prev"> 81 <div class="dottes-tune-footer-prev">
90 <a href="${prevpage}">${prevtitle}</a> 82 <a href="${prevpage}">${prevtitle}</a>
91 </div> 83 </div>
92 <div class="dottes-tune-footer-booke"> 84 <div class="dottes-tune-footer-booke">
85 <a class="dottes-tune-icon-link" href="learner-${name}.html">
86 <img class="dottes-tune-header-image" src="../img/learner.png"
87 alt="Learner tune page" title="Go to learner page for ${title}">
88 </a>
89 <a class="dottes-tune-icon-link" href="index.html">
90 <img class="dottes-tune-header-image" src="../img/book.png"
91 alt="Tune booke index" title="Go to tune booke index">
92 </a>
93 </div> 93 </div>
94 <div class="dottes-tune-footer-next"> 94 <div class="dottes-tune-footer-next">
95 <a href="${nextpage}">${nexttitle}</a> 95 <a href="${nextpage}">${nexttitle}</a>
96 </div> 96 </div>
97 </div> 97 </div>