From ed1d72e555e4961c174e6500b30120ac19736bb8 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Mon, 22 Feb 2021 22:46:48 +0100 Subject: Change programs layout to collapsable rows --- programmes.html | 297 +++++++++++++++------------------------------ stylesheets/programmes.css | 85 +++---------- 2 files changed, 119 insertions(+), 263 deletions(-) diff --git a/programmes.html b/programmes.html index bce6afe..13f8c4d 100644 --- a/programmes.html +++ b/programmes.html @@ -1,203 +1,104 @@
- +
+ Programme A +

+ Un programme qui est sacrément bien nommé, parce que son + contenu correspond tout à fait à ce qui vient en tête + quand on lit son nom. Composé des œuvres suivantes : +

+
    +
  1. +

    La première + 6min 11s 101ms

    +

    Composée par quelqu'un à une époque.

    +
    2. +
  2. +

    La seconde + 6min 22s 202ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    3. +
  3. +

    La troisième + 6min 33s 303ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    4. +
+
-
-
-

Programme A

-

- Un programme qui est sacrément bien nommé, parce que son - contenu correspond tout à fait à ce qui vient en tête - quand on lit son nom. Composé des œuvres suivantes : -

-
    -
  1. -
    - - La première - 6min 11s 101ms - - Composée par quelqu'un à une époque. -
    -
    2. -
  2. -
    - - La seconde - 6min 22s 202ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    3. -
  3. -
    - - La troisième - 6min 33s 303ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    4. -
-
-
-

Programme B

-

- Un programme qui comme son nom l'indique, rend hommage - à ce à quoi il fait référence. Composé des œuvres - suivantes : -

-
    -
  1. -
    - - La première - 7min 11s 101ms - - Composée par quelqu'un à une époque. -
    -
    2. -
  2. -
    - - La seconde - 7min 22s 202ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    3. -
  3. -
    - - La troisième - 7min 33s 303ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    4. -
-
-
-

Programme C

-

- Les morceaux de ce programme font référence à ceux à quoi - on peut s'attendre en lisant son nom. En voici la liste : -

-
    -
  1. -
    - - Le premier - 8min 11s 101ms - - Composé par quelqu'un à une époque. -
    -
    2. -
  2. -
    - - Le second - 8min 22s 202ms - - Composé par quelqu'un d'autre à une autre époque. -
    -
    3. -
  3. -
    - - Le troisième - 8min 33s 303ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    4. -
-
-
-

Programme D

-

- Un programme dont les morceaux ont été choisis pour des - raisons en lien avec sa dénomination. Composé des œuvres - suivantes : -

-
    -
  1. -
    - - La première - 9min 11s 101ms - - Composée par quelqu'un à une époque. -
    -
    2. -
  2. -
    - - La première - 9min 22s 202ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    3. -
  3. -
    - - La troisième - 9min 33s 303ms - - Composée par quelqu'un d'autre à une autre époque. -
    -
    4. -
-
-
+
+ Programme B +

+ Un programme qui comme son nom l'indique, rend hommage + à ce à quoi il fait référence. Composé des œuvres + suivantes : +

+
    +
  1. +

    La première + 7min 11s 101ms

    +

    Composée par quelqu'un à une époque.

    +
    2. +
  2. +

    La seconde + 7min 22s 202ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    3. +
  3. +

    La troisième + 7min 33s 303ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    4. +
+
- +
+ Programme C +

+ Les morceaux de ce programme font référence à ceux à quoi + on peut s'attendre en lisant son nom. En voici la liste : +

+
    +
  1. +

    Le premier + 8min 11s 101ms

    +

    Composé par quelqu'un à une époque.

    +
    2. +
  2. +

    Le second + 8min 22s 202ms

    +

    Composé par quelqu'un d'autre à une autre époque.

    +
    3. +
  3. +

    Le troisième + 8min 33s 303ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    4. +
+
+
+ Programme D +

+ Un programme dont les morceaux ont été choisis pour des + raisons en lien avec sa dénomination. Composé des œuvres + suivantes : +

+
    +
  1. +

    La première + 9min 11s 101ms

    +

    Composée par quelqu'un à une époque.

    +
    2. +
  2. +

    La première + 9min 22s 202ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    3. +
  3. +

    La troisième + 9min 33s 303ms

    +

    Composée par quelqu'un d'autre à une autre époque.

    +
    4. +
+
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index 88591c6..e4b61f2 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -1,78 +1,33 @@ -#program-list { - max-height: 60vh; - overflow: auto; - scrollbar-width: thin; - scrollbar-color: darkblue #8ad; -} - -#program-list::-webkit-scrollbar { - width: 0.25em; - height: 0.25em; -} - -#program-list::-webkit-scrollbar-track { - background: #8ad; -} - -#program-list::-webkit-scrollbar-thumb { - background: darkblue; -} - -.programs { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(var(--cell-width), 1fr)); - grid-auto-rows: var(--cell-height); - grid-gap: 0.8em; +@media (min-width: 40em) { + main { + margin: 4em; + } } -.program { - background-color: #099; +details.program:first-child { + border-top: 1px solid black; } -.program a { - display: flex; - justify-content: center; - align-items: center; +details.program { + position: relative; width: 100%; - height: 100%; - color: inherit; - text-decoration: none; + border-bottom: 1px solid black; } -.program .summary { - font-weight: bold; +details.program > summary { + list-style: none; } - -details summary .duration { - font-family: monospace; +details.program > summary::-webkit-details-marker { + display: none; } -@media (min-width: 40em) { - main { - display: grid; - grid-template-columns: 50% 50%; - } - - .programs { - --cell-width: 10em; - --cell-height: 10em; - } - - .program a { - transition: color 0.5s; - } - .program:hover a { - color: white; - } - - .details.active > *:first-child { - margin-top: 0; - } +details.program > summary:after { + position: absolute; + right: 1em; + content: '∨'; } -@media (max-width: 40em) { - .programs { - --cell-width: 8em; - --cell-height: 4em; - } +details.program[open] > summary:after { + content: '∧'; + bottom: 0; } -- cgit v1.2.3 From 89ad7107f853d1568896cb71954f47d0418cb2b2 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 23 Feb 2021 22:25:14 +0100 Subject: Style programs up a bit --- images/chevron-down.svg | 1 + images/chevron-up.svg | 1 + programmes.html | 28 ++++++++++++++++++++++++---- stylesheets/programmes.css | 36 ++++++++++++++++++++++++++++++------ 4 files changed, 56 insertions(+), 10 deletions(-) create mode 100644 images/chevron-down.svg create mode 100644 images/chevron-up.svg diff --git a/images/chevron-down.svg b/images/chevron-down.svg new file mode 100644 index 0000000..5f10285 --- /dev/null +++ b/images/chevron-down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/images/chevron-up.svg b/images/chevron-up.svg new file mode 100644 index 0000000..121efdd --- /dev/null +++ b/images/chevron-up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/programmes.html b/programmes.html index 13f8c4d..2670d46 100644 --- a/programmes.html +++ b/programmes.html @@ -1,6 +1,11 @@
- Programme A + +
Programme A
+
Foo, Bar, Baz
+ + +

Un programme qui est sacrément bien nommé, parce que son contenu correspond tout à fait à ce qui vient en tête @@ -26,7 +31,12 @@

- Programme B + +
Programme B
+
Foo, Bar, Baz
+ + +

Un programme qui comme son nom l'indique, rend hommage à ce à quoi il fait référence. Composé des œuvres @@ -52,7 +62,12 @@

- Programme C + +
Programme C
+
Foo, Bar, Baz
+ + +

Les morceaux de ce programme font référence à ceux à quoi on peut s'attendre en lisant son nom. En voici la liste : @@ -77,7 +92,12 @@

- Programme D + +
Programme D
+
Foo, Bar, Baz
+ + +

Un programme dont les morceaux ont été choisis pour des raisons en lien avec sa dénomination. Composé des œuvres diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index e4b61f2..d21e899 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -15,19 +15,43 @@ details.program { } details.program > summary { + display: grid; + grid-template-columns: 4fr 5fr 4em; + line-height: 2em; list-style: none; + cursor: pointer; } details.program > summary::-webkit-details-marker { display: none; } -details.program > summary:after { - position: absolute; - right: 1em; - content: '∨'; +details.program > summary > .name { + margin-left: 2em; + font-weight: bold; + color: #2f5597; +} + +details.program[open] > summary > .name, +details.program[open] > summary > .composers { + color: var(--gold); } -details.program[open] > summary:after { - content: '∧'; +details.program > summary > img.button { + display: block; + width: 2em; + margin: auto 1em; +} +details.program > summary > img.button.close, +details.program[open] > summary > img.button.open { + display: none; +} +details.program[open] > summary > img.button.close { + display: block; + position: absolute; bottom: 0; + right: 0; +} + +details.program > summary ~ * { + margin-left: 2em; } -- cgit v1.2.3 From b71cacbe6db38833176ec64c54596e928547a6b8 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 23 Feb 2021 23:13:40 +0100 Subject: Tweak program styling --- stylesheets/programmes.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index d21e899..877054b 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -1,6 +1,6 @@ @media (min-width: 40em) { main { - margin: 4em; + margin: 2em 4em 0 4em; } } @@ -28,7 +28,7 @@ details.program > summary::-webkit-details-marker { details.program > summary > .name { margin-left: 2em; font-weight: bold; - color: #2f5597; + color: #1f4e79; } details.program[open] > summary > .name, -- cgit v1.2.3 From c9415599cafd67463b6a0a2781ecb47d14fdf976 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 23 Feb 2021 23:24:42 +0100 Subject: Add first program, plus script to generate them --- Makefile | 1 + build-programs.py | 69 +++++++++++++++++++++++++++ programmes.html | 123 +------------------------------------------------ programmes.sh | 9 ++++ programs/beethoven.in | 13 ++++++ programs/programs.list | 1 + 6 files changed, 94 insertions(+), 122 deletions(-) create mode 100755 build-programs.py create mode 100644 programs/beethoven.in create mode 100644 programs/programs.list diff --git a/Makefile b/Makefile index e296e2c..d6485f1 100644 --- a/Makefile +++ b/Makefile @@ -44,6 +44,7 @@ $(members_pages): $(OUTDIR)/%.html: %.in template.html | $(OUTDIR) ./build-member.sh $< $@ $(OUTDIR)/quatuor.html: quatuor.md +$(OUTDIR)/programmes.html: $(wildcard programs/*) clean: -rm -r $(OUTDIR) diff --git a/build-programs.py b/build-programs.py new file mode 100755 index 0000000..513abbe --- /dev/null +++ b/build-programs.py @@ -0,0 +1,69 @@ +#!/usr/bin/env python3 + +import html +from pathlib import Path +import re +from subprocess import run + + +def read_programs(plist): + with open(plist) as l: + return tuple(Path('programs', p.strip()) for p in l) + + +PROGRAM_RE = re.compile('\n'.join(( + 'NOM : (?P.+)', + 'COMPOSITEURS : (?P.+)', + 'DESCRIPTION :', + '(?P.+)', + 'MORCEAUX :', + '(?P.+)' +)), flags=re.DOTALL) + +def parse(filename): + with open(filename) as program: + return PROGRAM_RE.match(program.read()).groupdict() + + +BLOCK_TEMPLATE = '''\ +

+ +
{name}
+
{composers}
+ + + +{description} +
    +{pieces} +
+
+''' + +def piece(p): + if p == 'entracte': + return '
  • entracte
    • ' + return f'
  • {html.escape(p)}
    • ' + +def print_program(filename): + info = parse(filename) + + info['description'] = run( + ('pandoc',), + input=info['description'], capture_output=True, text=True, check=True + ).stdout + + info['pieces'] = '\n'.join( + piece(p) for p in info['pieces'].splitlines() + ) + + print(BLOCK_TEMPLATE.format_map(info)) + + +def main(): + for p in read_programs('programs/programs.list'): + print_program(p) + + +if __name__ == '__main__': + main() diff --git a/programmes.html b/programmes.html index 2670d46..d8ac1f5 100644 --- a/programmes.html +++ b/programmes.html @@ -1,124 +1,3 @@
    -
    - -
    Programme A
    -
    Foo, Bar, Baz
    - - -     -

    - Un programme qui est sacrément bien nommé, parce que son - contenu correspond tout à fait à ce qui vient en tête - quand on lit son nom. Composé des œuvres suivantes : -

    -
      -
    1. -

      La première - 6min 11s 101ms

      -

      Composée par quelqu'un à une époque.

      -
      2. -
    2. -

      La seconde - 6min 22s 202ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      3. -
    3. -

      La troisième - 6min 33s 303ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      4. -
    -
    - -
    - -
    Programme B
    -
    Foo, Bar, Baz
    - - -     -

    - Un programme qui comme son nom l'indique, rend hommage - à ce à quoi il fait référence. Composé des œuvres - suivantes : -

    -
      -
    1. -

      La première - 7min 11s 101ms

      -

      Composée par quelqu'un à une époque.

      -
      2. -
    2. -

      La seconde - 7min 22s 202ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      3. -
    3. -

      La troisième - 7min 33s 303ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      4. -
    -
    - -
    - -
    Programme C
    -
    Foo, Bar, Baz
    - - -     -

    - Les morceaux de ce programme font référence à ceux à quoi - on peut s'attendre en lisant son nom. En voici la liste : -

    -
      -
    1. -

      Le premier - 8min 11s 101ms

      -

      Composé par quelqu'un à une époque.

      -
      2. -
    2. -

      Le second - 8min 22s 202ms

      -

      Composé par quelqu'un d'autre à une autre époque.

      -
      3. -
    3. -

      Le troisième - 8min 33s 303ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      4. -
    -
    - -
    - -
    Programme D
    -
    Foo, Bar, Baz
    - - -     -

    - Un programme dont les morceaux ont été choisis pour des - raisons en lien avec sa dénomination. Composé des œuvres - suivantes : -

    -
      -
    1. -

      La première - 9min 11s 101ms

      -

      Composée par quelqu'un à une époque.

      -
      2. -
    2. -

      La première - 9min 22s 202ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      3. -
    3. -

      La troisième - 9min 33s 303ms

      -

      Composée par quelqu'un d'autre à une autre époque.

      -
      4. -
    -
    +{PROGRAMS}
    diff --git a/programmes.sh b/programmes.sh index 9c8d9e7..f03a636 100644 --- a/programmes.sh +++ b/programmes.sh @@ -1,3 +1,12 @@ +add-programs () +{ + sed -i \ + -e /'{PROGRAMS}'/'r '<(./build-programs.py) \ + -e /'{PROGRAMS}'/'c\' \ + $1 +} + title=Programmes stylesheets=programmes transforms=("$(transform-li-current-a programmes)") +postprocess=add-programs diff --git a/programs/beethoven.in b/programs/beethoven.in new file mode 100644 index 0000000..d2b2538 --- /dev/null +++ b/programs/beethoven.in @@ -0,0 +1,13 @@ +NOM : Beethoven +COMPOSITEURS : Beethoven, Beethoven, Beethoven +DESCRIPTION : +1h50 avec entracte + +> Croyez-vous que je pense à vos misérables cordes quand l'esprit me parle ? + +Voilà ce qu’aurait répondu Beethoven au quatuor Schuppanzigh qui se serait plaint de la difficulté technique de ses quatuors à cordes. Du trio au quatuor, explorez l’univers d’un Beethoven sans concession et sans limite. De l’infiniment petit à l’immensité de l’univers, de l’introspection la plus intime à la transcendance la plus totale, (re-)découvrez son écriture contrastée et éternellement moderne. +MORCEAUX : +Trio op.9 n°3 (1798) +Quatuor op.18 n°4 (1799) +entracte +Quatuor op.59 n°1 (1806) diff --git a/programs/programs.list b/programs/programs.list new file mode 100644 index 0000000..a137a86 --- /dev/null +++ b/programs/programs.list @@ -0,0 +1 @@ +beethoven.in -- cgit v1.2.3 From e2faa1435b9543e241a7beaa5c729b036a297014 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 23 Feb 2021 23:46:28 +0100 Subject: Add some more style to programs --- stylesheets/programmes.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index 877054b..3752a2a 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -17,6 +17,7 @@ details.program { details.program > summary { display: grid; grid-template-columns: 4fr 5fr 4em; + grid-gap: 0.8em; line-height: 2em; list-style: none; cursor: pointer; @@ -55,3 +56,24 @@ details.program[open] > summary > img.button.close { details.program > summary ~ * { margin-left: 2em; } + +details.program blockquote { + color: #c55a11; +} + +details.program blockquote p::before { + content: open-quote; +} +details.program blockquote p::after { + content: close-quote; +} + +ol.pieces { + list-style: none; + padding-left: 0; +} + +ol.pieces > li.intermission { + margin-left: 4em; + font-style: italic; +} -- cgit v1.2.3 From 8348234d8de215f886478bacd0f9b061f9f74298 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Tue, 23 Feb 2021 23:53:31 +0100 Subject: Add programs --- programs/champagne.in | 13 +++++++++++++ programs/conspirito.in | 13 +++++++++++++ programs/programs.list | 2 ++ 3 files changed, 28 insertions(+) create mode 100644 programs/champagne.in create mode 100644 programs/conspirito.in diff --git a/programs/champagne.in b/programs/champagne.in new file mode 100644 index 0000000..47a0fee --- /dev/null +++ b/programs/champagne.in @@ -0,0 +1,13 @@ +NOM : Champagne +COMPOSITEURS : Mozart, Mendelssohn, Ravel +DESCRIPTION : +1h50 avec entracte + +Partez à la découverte d’un répertoire pétillant, effervescent et lumineux. + +Ces quatuors écrits par trois compositeurs de trois siècles différents nous évoquent tous les caractères du champagne : la noblesse et la majesté chez Mozart, la fête et l’ivresse avec Mendelssohn tandis que Ravel y contemple les jeux de bulles et de lumière. +MORCEAUX : +Mozart — quatuor op.10 n°3 KV. 458 « La chasse » (1785) +Mendelssohn — quatuor op.44 n°1 (1839) +entracte +Ravel — quatuor à cordes (1903) diff --git a/programs/conspirito.in b/programs/conspirito.in new file mode 100644 index 0000000..395fbe1 --- /dev/null +++ b/programs/conspirito.in @@ -0,0 +1,13 @@ +NOM : Con spirito +COMPOSITEURS : Haydn, Beethoven, Mendelssohn +DESCRIPTION : +2h00 avec entracte + +Ce programme plein d’esprit, énergique et espiègle réunit trois compositeurs germaniques. On y retrouve des caractères communs à la musique ultra-rhénane : la structure, la puissance, l’explosivité et la virtuosité. + +L’écoute des trois mouvements lents nous fait mesurer l’évolution du style classique au style romantique. La pureté et l’équilibre d’une écriture chorale dans l’Adagio sostenuto de Haydn, l’intériorité du sentiment dans la triste complainte de l’Adagio molto e mesto de Beethoven et la mélancolie douce et rêveuse de l’Andante espressivo ma con moto de Mendelssohn. +MORCEAUX : +Haydn — quatuor op.76 n°1 (1797) +Beethoven — quatuor op.59 n°1 (1806) +entracte +Mendelssohn — quatuor op.44 n°1 (1839) diff --git a/programs/programs.list b/programs/programs.list index a137a86..af8d5c7 100644 --- a/programs/programs.list +++ b/programs/programs.list @@ -1 +1,3 @@ beethoven.in +conspirito.in +champagne.in -- cgit v1.2.3 From 2f4db64267f3cabf7f3f769b81190ac2d8bee9a3 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Wed, 24 Feb 2021 00:30:34 +0100 Subject: Tweak program capitalization --- programs/conspirito.in | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/programs/conspirito.in b/programs/conspirito.in index 395fbe1..f8c8cc9 100644 --- a/programs/conspirito.in +++ b/programs/conspirito.in @@ -1,4 +1,4 @@ -NOM : Con spirito +NOM : Con Spirito COMPOSITEURS : Haydn, Beethoven, Mendelssohn DESCRIPTION : 2h00 avec entracte -- cgit v1.2.3 From 2310cbda8c157f345f8d754185bb0418f9284b61 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Fri, 26 Feb 2021 17:04:10 +0100 Subject: Use the same color for the first paragraph and the close button --- stylesheets/programmes.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index 3752a2a..e448cf1 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -58,7 +58,7 @@ details.program > summary ~ * { } details.program blockquote { - color: #c55a11; + color: #e05a00; } details.program blockquote p::before { -- cgit v1.2.3 From b7589ac47432410e3aa8ec4809acc91c48c77b2d Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Fri, 26 Feb 2021 17:10:10 +0100 Subject: Highlight first paragraph of all programs --- stylesheets/programmes.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index e448cf1..0ad429e 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -57,7 +57,7 @@ details.program > summary ~ * { margin-left: 2em; } -details.program blockquote { +details.program > *:nth-child(3) { color: #e05a00; } -- cgit v1.2.3 From 7722e6a2a9119527d8accc4e7deb738a7ebf44e4 Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Fri, 26 Feb 2021 17:12:34 +0100 Subject: Invert colors of first paragraph and summary --- stylesheets/programmes.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index 0ad429e..32175d4 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -34,7 +34,8 @@ details.program > summary > .name { details.program[open] > summary > .name, details.program[open] > summary > .composers { - color: var(--gold); + color: #e05a00; + font-weight: bold; } details.program > summary > img.button { @@ -58,7 +59,8 @@ details.program > summary ~ * { } details.program > *:nth-child(3) { - color: #e05a00; + color: var(--gold); + font-weight: bold; } details.program blockquote p::before { -- cgit v1.2.3 From fd5969367b4bd662bd9ff6710783a3d87f5bd06a Mon Sep 17 00:00:00 2001 From: Kévin Le Gouguec Date: Fri, 26 Feb 2021 17:23:58 +0100 Subject: Prevent Chrome from outlining focused summaries --- stylesheets/programmes.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css index 32175d4..2da1e2c 100644 --- a/stylesheets/programmes.css +++ b/stylesheets/programmes.css @@ -25,6 +25,11 @@ details.program > summary { details.program > summary::-webkit-details-marker { display: none; } +/* Disable Chrome's outline; we already highlight this block + prominently enough IMO. */ +details.program > summary:focus { + outline: none; +} details.program > summary > .name { margin-left: 2em; -- cgit v1.2.3