diff --git a/overrides/dist/app/index.html b/overrides/dist/app/index.html new file mode 100644 index 00000000..dc81170f --- /dev/null +++ b/overrides/dist/app/index.html @@ -0,0 +1,21 @@ + + + + + + + IIIF Timeliner + + + + + + +
+ + + + + + diff --git a/overrides/dist/index.html b/overrides/dist/index.html new file mode 100644 index 00000000..2d5d7596 --- /dev/null +++ b/overrides/dist/index.html @@ -0,0 +1,47 @@ + + + + + + + IIIF Timeliner - Home + + + + + + +
+

IIIF Timeliner

+
+

+ Timeliner is a reimplementation of Variations Audio Timeliner as a web + application, using the IIIF Presentation API 3.0. As with the original + version, developed as a part of the Variations Digital Music Library + System, it is an audio annotation and analysis tool for creating and + labeling bubble diagrams. These diagrams can be used to navigate music + or other audio for detailed study. +

+

+ In addition to its use as a standalone application, the Timeliner is + available as integrated feature within the successor to Variations, + Avalon Media System. Avalon users can create new bubble diagrams + directly from item pages within their Avalon instance and edit, share + and copy timelines across all items in the repository. +

+

+ Please note that due to standard browser security, audio resources used + with Timeliner must be set up for Cross-origin resource sharing (CORS). + This is not necessarily the case for many resources on the web, and not + all URLs for media files may work. +

+
+ Go to Timeliner +
+ + + + + + diff --git a/package.json b/package.json index 348386f5..9a22ed96 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "license": "MIT", "scripts": { "start": "fesk-start", - "build": "fesk-build && docz build", + "build": "fesk-build && docz build && cp -R overrides/dist/* dist/", "test": "jest --coverage", "docz:dev": "docz dev", "docz:build": "docz build", diff --git a/src/components/AudioTransportBar/AudioTransportBar.js b/src/components/AudioTransportBar/AudioTransportBar.js index 6458cd7c..480d28b7 100644 --- a/src/components/AudioTransportBar/AudioTransportBar.js +++ b/src/components/AudioTransportBar/AudioTransportBar.js @@ -116,11 +116,11 @@ class AudioTransportBar extends Component { root: 'audio-transport-bar__button-text', label: 'audio-transport-bar__button-text', }} + aria-label="Split the current bubble at the current time" > @@ -134,11 +134,11 @@ class AudioTransportBar extends Component { root: 'audio-transport-bar__button-text', label: 'audio-transport-bar__button-text', }} + aria-label="Add new marker at current time" > @@ -153,11 +153,11 @@ class AudioTransportBar extends Component { root: 'audio-transport-bar__button-text', label: 'audio-transport-bar__button-text', }} + aria-label="Group bubbles together" > @@ -171,11 +171,11 @@ class AudioTransportBar extends Component { root: 'audio-transport-bar__button-text', label: 'audio-transport-bar__button-text', }} + aria-label="Delete bubbles" > diff --git a/src/components/CurrentTimeIndicator/CurrentTimeIndicator.scss b/src/components/CurrentTimeIndicator/CurrentTimeIndicator.scss index 8dd252ff..c768a571 100644 --- a/src/components/CurrentTimeIndicator/CurrentTimeIndicator.scss +++ b/src/components/CurrentTimeIndicator/CurrentTimeIndicator.scss @@ -1,15 +1,6 @@ .current-time-indicator { - color: #777; margin-right: 30px; &--error { color: darkred; } - - &__current-time { - color: #000; - } - - &__runtime { - font-size: .85em; - } } diff --git a/src/components/MetadataDisplay/MetadataDisplay.js b/src/components/MetadataDisplay/MetadataDisplay.js index ed28678f..4e471b29 100644 --- a/src/components/MetadataDisplay/MetadataDisplay.js +++ b/src/components/MetadataDisplay/MetadataDisplay.js @@ -29,7 +29,7 @@ const MetadataDisplay = props => ( - + diff --git a/src/components/VolumeSliderCompact/VolumeSliderCompact.js b/src/components/VolumeSliderCompact/VolumeSliderCompact.js index 25736b4b..5a4349cc 100644 --- a/src/components/VolumeSliderCompact/VolumeSliderCompact.js +++ b/src/components/VolumeSliderCompact/VolumeSliderCompact.js @@ -61,6 +61,7 @@ class VolumeSliderCompact extends Component { max={100} value={volume} onChange={this.onVolumeInputChange} + aria-label="Volume" />
{volume === 0 ? ( diff --git a/src/main.scss b/src/main.scss index 966fdba7..f885bc11 100644 --- a/src/main.scss +++ b/src/main.scss @@ -11,7 +11,6 @@ html { font-family: 'Roboto', sans-serif; margin: 0; padding: 0; - overflow: hidden; background: #eee; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;