ids theme: larger WGL logo on title slide, pinned to the corner
The Leibniz/WGL logo on the title slide is bigger now (0.07 -> 0.1 of
slide height) and its margins mirror the IDS logo at the top right
(8px from the right, 10px from the edge, replacing the divergent
15-45px/5px offsets incl. the @media screen override). The title frame
is stretched to full slide height, so the background's 'bottom' really
is the slide's bottom edge instead of the content box's.
Change-Id: Ice8d476d211f7616ce6851467ad17e3176063a2a
diff --git a/NEWS.md b/NEWS.md
index bf91370..65975c2 100644
--- a/NEWS.md
+++ b/NEWS.md
@@ -2,6 +2,8 @@
## OTHER CHANGES
+- `ids` theme: larger Leibniz/WGL logo on the title slide (0.07 -> 0.1 of slide height), now truly pinned to the slide's bottom-right corner (the title frame is stretched to full slide height, so `bottom` refers to the slide rather than the content box) with margins mirroring the IDS logo at the top right (8px from the right, 10px from the edge).
+
- `ids` theme: bibliography entries now reliably render "Authors (Year):" as a bold first line followed by a line break, regardless of how citeproc structures the entry. Previously a CSS "break before the first child element" hack (`.csl-entry :first-child::before`) placed the break arbitrarily (e.g. in the middle of a title), depending on the entry's spans/links. The leading text up to the year is now wrapped explicitly by the theme template (`.csl-authors-year`, `display: block`), plus a small `margin-bottom` between entries.
- `ids` theme: slide transitions now default to `slide` (slides slide in horizontally instead of the reveal.js default `convex` rotation). Set `transition` explicitly to use another effect.
diff --git a/inst/reveal.js-5.1.0/css/theme/source/ids.scss b/inst/reveal.js-5.1.0/css/theme/source/ids.scss
index 2f65834..9791304 100644
--- a/inst/reveal.js-5.1.0/css/theme/source/ids.scss
+++ b/inst/reveal.js-5.1.0/css/theme/source/ids.scss
@@ -433,18 +433,16 @@
// Like the orange bar/IDS logo above, this is painted on the slide itself
// (rather than on .slide-background-content, which spans the raw,
// unscaled viewport) so it stays pinned to the title slide's true
-// bottom-right corner instead of the browser window's.
+// bottom-right corner instead of the browser window's. Its margin mirrors
+// the IDS logo's (top 10px / right 8px of the slide), so the two sit on
+// one shared inset.
.reveal .slides section.title-frame {
background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
background-repeat: no-repeat;
- background-position: right 15px bottom 5px;
- background-size: calc(var(--slide-height) * 0.07) auto;
-}
-
-@media only screen {
- .reveal .slides section.title-frame {
- background-position: right 45px bottom 5px;
- }
+ background-position: right 8px bottom 10px;
+ background-size: calc(var(--slide-height) * 0.1) auto;
+ /* full slide height, so "bottom" really is the slide's bottom edge */
+ height: 100%;
}
diff --git a/inst/reveal.js-5.1.0/dist/theme/ids.css b/inst/reveal.js-5.1.0/dist/theme/ids.css
index da527dd..08aafc8 100644
--- a/inst/reveal.js-5.1.0/dist/theme/ids.css
+++ b/inst/reveal.js-5.1.0/dist/theme/ids.css
@@ -635,17 +635,16 @@
transition: opacity 800ms ease-in-out;
}
+/* Pinned to the title slide's true bottom-right corner (painted on the slide,
+ not the unscaled viewport). Its margin mirrors the IDS logo's (top 10px /
+ right 8px of the slide), so the two sit on one shared inset. */
.reveal .slides section.title-frame {
background-image: url("https://corpora.ids-mannheim.de/slides/reveal.js.ids/images/Mitglied_WGL_transparent.svg");
background-repeat: no-repeat;
- background-position: right 15px bottom 5px;
- background-size: calc(var(--slide-height) * 0.07) auto;
-}
-
-@media only screen {
- .reveal .slides section.title-frame {
- background-position: right 45px bottom 5px;
- }
+ background-position: right 8px bottom 10px;
+ background-size: calc(var(--slide-height) * 0.1) auto;
+ /* full slide height, so "bottom" really is the slide's bottom edge */
+ height: 100%;
}
.slide-menu-items, .slide-menu-toolbar {