ardour
/
manual
13
0
Fork 0
Code Pull Requests Releases Activity

Added an #hdimage class to avoid hard coding image resizing for high quality images

This commit is contained in:
MrHeadwar 2022-11-23 09:35:13 +01:00 committed by Alexandre Prokoudine
parent f8176904c8
commit 3bc02053ba
17 changed files with 50 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
include/bbt-markers.html
View File

@ -14,7 +14,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/new-music-time.png" alt="New Music Time dialog">
<img class="hdimage" src="/images/new-music-time.png" alt="New Music Time dialog">
<figcaption>New Music Time dialog</figcaption>
</figure>
@ -23,7 +23,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/bbt-marker-resets-musical-time.png" alt="The BBT marker resets the musical time">
<img class="hdimage" src="/images/bbt-marker-resets-musical-time.png" alt="The BBT marker resets the musical time">
<figcaption>The BBT marker resets the musical time</figcaption>
</figure>
@ -44,7 +44,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/edit-bbt-marker.png" alt="Edit Musical Time">
<img class="hdimage" src="/images/edit-bbt-marker.png" alt="Edit Musical Time">
<figcaption>The Edit Musical Time dialog</figcaption>
</figure>

5
include/cd-markers.html
View File

@ -5,8 +5,7 @@
</p>
<figure>
<img style="width:75%;" width="50%" src="/images/cd-markers.png"
alt="CD Markers ruler">
<img class="hdimage" src="/images/cd-markers.png" alt="CD Markers ruler">
<figcaption>CD Markers ruler</figcaption>
</figure>
@ -189,4 +188,4 @@
markers replicates that of
<a href="@@creating-location-markers">location markers</a> and
<a href="@@creating-range-markers">range markers</a> respectively.
</p>
</p>

15
include/control-surfaces-websockets-server.html
View File

@ -40,8 +40,7 @@
</p>
<figure>
<img src="/images/websockets-main.png" alt="WebSockets Server main page"
width="50%" >
<img class="hdimage"src="/images/websockets-main.png" alt="WebSockets Server main page">
<figcaption>
WebSockets Server main page
</figcaption>
@ -124,8 +123,7 @@
</ul>
<figure>
<img src="/images/websockets-mixer.png" alt="Mixer view in WebSockets Server"
width="50%" >
<img class="hdimage"src="/images/websockets-mixer.png" alt="Mixer view in WebSockets Server">
<figcaption>
Mixer view in WebSockets Server
</figcaption>
@ -139,8 +137,7 @@
</p>
<figure>
<img src="/images/websockets-plugins.png"
alt="Plugins view in WebSockets Server" width="50%" >
<img class="hdimage" src="/images/websockets-plugins.png" alt="Plugins view in WebSockets Server">
<figcaption>
Plugins view in WebSockets Server
</figcaption>
@ -154,8 +151,7 @@
</p>
<figure>
<img src="/images/websockets-transport.png"
alt="Transport view in WebSockets Server" width="50%" >
<img class="hdimage" src="/images/websockets-transport.png" alt="Transport view in WebSockets Server">
<figcaption>
Transport view in WebSockets Server
</figcaption>
@ -174,8 +170,7 @@
</p>
<figure>
<img src="/images/websockets-protocol.png"
alt="Protocol view in WebSockets Server" width="50%" >
<img class="hdimage" src="/images/websockets-protocol.png" alt="Protocol view in WebSockets Server">
<figcaption>
Protocol view in WebSockets Server
</figcaption>

4
include/cue-markers.html
View File

@ -7,7 +7,7 @@
</p>
<figure>
<img style="width:75%;" width="50%" src="/images/cue-markers-ruler-example.png" alt="Cue Markers Ruler">
<img class="hdimage" src="/images/cue-markers-ruler-example.png" alt="Cue Markers Ruler">
<figcaption>Cue Markers Ruler</figcaption>
</figure>
@ -26,7 +26,7 @@
</ul>
<figure>
<img style="width:50%;" width="50%" src="/images/cue-marker-ruler-right-click-menu.png" alt="Right-click menu for the Cue Markers ruler">
<img class="hdimage" src="/images/cue-marker-ruler-right-click-menu.png" alt="Right-click menu for the Cue Markers ruler">
<figcaption>Right-click menu for the Cue Markers ruler</figcaption>
</figure>

8
include/export-dialog.html
View File

@ -8,7 +8,7 @@
</p>
<figure class="right">
<img width="50%" src="/images/export-dialog-file-format.png" alt="The Export window">
<img class="hdimage" src="/images/export-dialog-file-format.png" alt="The Export window">
<figcaption>
The Export window
</figcaption>
@ -93,7 +93,7 @@
<h2 id="export_analyze">Analyze exported audio</h2>
<figure>
<img width="50%" src="/images/export-report-analysis.png" alt="The Export Report/Analysis window">
<img class="hdimage" src="/images/export-report-analysis.png" alt="The Export Report/Analysis window">
<figcaption>
The Export Report/Analysis window
</figcaption>
@ -131,7 +131,7 @@
<h2>Time Span</h2>
<figure>
<img width="50%" src="/images/export-dialog-timespan.png" alt="The Time Span tab">
<img class="hdimage" src="/images/export-dialog-timespan.png" alt="The Time Span tab">
<figcaption>
The Time Span tab
</figcaption>
@ -153,7 +153,7 @@
<h2>Channels</h2>
<figure>
<img width="50%" src="/images/export-dialog-channels.png" alt="The Channels tab">
<img class="hdimage" src="/images/export-dialog-channels.png" alt="The Channels tab">
<figcaption>
The Channels tab
</figcaption>

2
include/external-sends.html
View File

@ -60,7 +60,7 @@
</p>
<figure class="right">
<img src="/images/external-send-dialog.png" width="50%" alt="External Send Dialog">
<img class="hdimage" src="/images/external-send-dialog.png" alt="External Send Dialog">
<figcaption>
External Send Dialog
</figcaption>

2
include/import-dialog.html
View File

@ -1,6 +1,6 @@
<figure class="right">
<img src="/images/import-window.png" alt="The import window" width="50%">
<img class="hdimage" src="/images/import-window.png" alt="The import window">
<figcaption>
The import window.
</figcaption>

2
include/inserts.html
View File

@ -36,7 +36,7 @@
</p>
<figure>
<img src="/images/port-insert-send.png" width="50%" alt="Insert / Send">
<img class="hdimage" src="/images/port-insert-send.png" alt="Insert / Send">
<figcaption>
Insert Dialog, the Send/Output tab
</figcaption>

14
include/io-plugins.html
View File

@ -32,7 +32,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-ndi-input.png" alt="NDI Input plugin loaded as a pre-processing I/O plugin">
<img class="hdimage" src="/images/io-plugins-ndi-input.png" alt="NDI Input plugin loaded as a pre-processing I/O plugin">
<figcaption>NDI Input plugin loaded as a pre-processing I/O plugin</figcaption>
</figure>
@ -49,7 +49,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-empty-slots.png" alt="Empty slots in the I/O Plugins dialog">
<img class="hdimage" src="/images/io-plugins-empty-slots.png" alt="Empty slots in the I/O Plugins dialog">
<figcaption>Empty slots in the I/O Plugins dialog</figcaption>
</figure>
@ -59,7 +59,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-right-click-menu.png" alt="Right-click menu in the I/O Plugins dialog">
<img class="hdimage" src="/images/io-plugins-right-click-menu.png" alt="Right-click menu in the I/O Plugins dialog">
<figcaption>Right-click menu in the I/O Plugins dialog</figcaption>
</figure>
@ -73,7 +73,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-one-plugin-added.png" alt="ACE Compressor added to the pre- section">
<img class="hdimage" src="/images/io-plugins-one-plugin-added.png" alt="ACE Compressor added to the pre- section">
<figcaption>ACE Compressor added to the Pre-process section</figcaption>
</figure>
@ -87,7 +87,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-choose-output.png" alt="Choosing output for an I/O plugin">
<img class="hdimage" src="/images/io-plugins-choose-output.png" alt="Choosing output for an I/O plugin">
<figcaption>Choosing output for an I/O plugin</figcaption>
</figure>
@ -98,7 +98,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-new-track-from-io-plugin.png" alt="New track connected to an I/O plugin">
<img class="hdimage" src="/images/io-plugins-new-track-from-io-plugin.png" alt="New track connected to an I/O plugin">
<figcaption>New track connected to an I/O plugin</figcaption>
</figure>
@ -110,6 +110,6 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/io-plugins-in-audio-connections.png" alt="I/O Plugins in the Audio Connections dialog">
<img class="hdimage" src="/images/io-plugins-in-audio-connections.png" alt="I/O Plugins in the Audio Connections dialog">
<figcaption>I/O Plugins in the Audio Connections dialog</figcaption>
</figure>

2
include/patchbay.html
View File

@ -1,5 +1,5 @@
<figure class="right">
<img width="50%" src="/images/connection-manager.png" alt="An example patchbay">
<img class="hdimage" src="/images/connection-manager.png" alt="An example patchbay">
<figcaption>
An example patchbay
</figcaption>

6
include/performance-meters.html
View File

@ -5,9 +5,9 @@
whether Ardour is in charge for excessive xruns.
</p>
<figure class=center>
<img src="/images/performance-meters.png" alt="The Performance Meters window" width="50%" />
<figcaption class=center>The Performance Meters window</figcaption>
<figure class="center">
<img class="hdimage" src="/images/performance-meters.png" alt="The Performance Meters window">
<figcaption class="center">The Performance Meters window</figcaption>
</figure>
<p>

14
include/plugin-dsp-load.html
View File

@ -6,9 +6,9 @@
but you need actual stats.
</p>
<figure class=center>
<img src="/images/plugin-dsp-load.png" alt="The Plugin DSP Load window" width="50%" />
<figcaption class=center>The Plugin DSP Load window</figcaption>
<figure class="center">
<img class="hdimage" src="/images/plugin-dsp-load.png" alt="The Plugin DSP Load window">
<figcaption class="center">The Plugin DSP Load window</figcaption>
</figure>
<p>
@ -19,9 +19,9 @@
going on in the session.
</p>
<figure class=center>
<img src="/images/plugin-dsp-load-graph_en.svg" alt="The Plugin DSP Load window" width="75%" />
<figcaption class=center>Plugin DSP Load chart legend</figcaption>
<figure class="center">
<img class="hdimage" src="/images/plugin-dsp-load-graph_en.svg" alt="The Plugin DSP Load window">
<figcaption class="center">Plugin DSP Load chart legend</figcaption>
</figure>
@ -41,4 +41,4 @@
<p>
It's worth noting that certain type of plugins, like convolution reverbs
and guitar amp simulators, tend to consume more resources.
</p>
</p>

5
include/quick-audio-export.html
View File

@ -7,8 +7,7 @@
<figure>
<img style="width:50%;" width="50%" src="/images/quick-audio-export-dialog.png"
alt="Quick Audio Export Dialog">
<img class="hdimage" src="/images/quick-audio-export-dialog.png" alt="Quick Audio Export Dialog">
<figcaption>Quick Audio Export Dialog</figcaption>
</figure>
@ -38,4 +37,4 @@
<p>
Ongoing export can be canceled by pressing the
<kbd class="button">Abort</kbd> button.
</p>
</p>

6
include/time-signature-ruler.html
View File

@ -6,8 +6,7 @@
</p>
<figure>
<img style="width:75%;" width="50%" src="/images/multiple-time-signatures.png"
alt="Multiple Time Signatures">
<img class="hdimage" src="/images/multiple-time-signatures.png" alt="Multiple Time Signatures">
<figcaption>Multiple Time Signatures</figcaption>
</figure>
@ -30,8 +29,7 @@
</p>
<figure>
<img style="width:50%;" width="50%" src="/images/new-time-signature-marker.png"
alt="New Time Signature dialog">
<img class="hdimage" src="/images/new-time-signature-marker.png" alt="New Time Signature dialog">
<figcaption>New Time Signature dialog</figcaption>
</figure>

2
include/track-modes.html
View File

@ -70,7 +70,7 @@
</p>
<figure class="left">
<img src="/images/layering-switch.png" alt="Layering switch" width="50%">
<img class="hdimage" src="/images/layering-switch.png" alt="Layering switch">
<figcaption>
Layering switch
</figcaption>

8
include/working-with-markers.html
View File

@ -19,7 +19,7 @@
</p>
<figure>
<img width="50%" src="/images/new-range-markers.gif" alt="Adding a New Range Marker">
<img class="hdimage" src="/images/new-range-markers.gif" alt="Adding a New Range Marker">
<figcaption>
Adding a New Range Marker
</figcaption>
@ -83,7 +83,7 @@
</p>
<figure>
<img width="50%" src="/images/renaming-a-marker.gif" alt="Renaming a Marker">
<img class="hdimage" src="/images/renaming-a-marker.gif" alt="Renaming a Marker">
<figcaption>
Renaming a Marker
</figcaption>
@ -116,7 +116,7 @@
</p>
<figure>
<img width="50%" src="/images/regions-and-marks.png" alt="Hiding Markers">
<img class="hdimage" src="/images/regions-and-marks.png" alt="Hiding Markers">
<figcaption>
Hiding Markers
</figcaption>
@ -136,7 +136,7 @@
</p>
<figure>
<img width="50%" src="/images/remove-a-marker.png" alt="Removing a Location Marker">
<img class="hdimage" src="/images/remove-a-marker.png" alt="Removing a Location Marker">
<figcaption>
Removing a Location Marker
</figcaption>

4
source/css/common.css
View File

@ -151,6 +151,10 @@ code {
display: none;
}
img.hdimage {
width: 50%;
}
/* Keyboard modifiers */
.mod1:before { content: "Ctrl ";}
.mod2:before { content: "Alt ";}