diff --git a/_includes/header.css b/_includes/header.css index a9ee6c6..2cdff53 100644 --- a/_includes/header.css +++ b/_includes/header.css @@ -90,7 +90,7 @@ header { border-radius: 3rem; } .nav-item-stream:hover { - color: var(--color-button-active); + color: var(--color-livestream-active); background-color: var(--color-primary); } } diff --git a/_includes/page.css b/_includes/page.css index 1523d32..e0a0252 100644 --- a/_includes/page.css +++ b/_includes/page.css @@ -69,24 +69,6 @@ p { line-height: 1.8; } -a.btn { - display: block; - width: fit-content; - margin: 1em 0; - border: 1px solid var(--color-primary); - border-radius: 25px; - padding: .75rem 1.6rem; - text-decoration: none; - color: var(--color-primary); - transition: .2s ease-out; - transition-property: color, background-color; -} - -a.btn:hover { - background-color: var(--color-primary); - color: var(--color-button-active); -} - @media (width < 640px) { h1 { font-size: 1.8em; @@ -108,7 +90,7 @@ a.btn:hover { --page-width: 1280px; --color-text: #495057; --color-primary: {{ ese.color }}; - --color-button-active: #fff; + --color-livestream-active: #fff; --color-background-page: #fefefe; --color-background-header: rgba(255,255,255,.92); } diff --git a/_includes/program.css b/_includes/program.css index 6264666..ca515a0 100644 --- a/_includes/program.css +++ b/_includes/program.css @@ -13,11 +13,6 @@ font-weight: 400; } -.timeslot h3 .icon { - vertical-align: -0.125em; - margin-right: 2px; -} - .timeslot-container { position: relative; padding-top: 40px; @@ -37,30 +32,6 @@ font-size: 26px; } -.timeslot .icon { - height: 1.1em; - vertical-align: text-bottom; - fill: currentColor; -} - -.annotation { - background-color: rgba(255, 139, 0, 0.06); - border: 1px solid #ff8b00; - border-radius: 3px; - width: fit-content; - padding: .5em 1em; - font-weight: 500; -} - -.annotation .icon { - color: #ff8b00; - margin-right: .5em; -} - -.location .icon { - margin-right: .2em; -} - @media (width < 640px) { .timeslot { margin-bottom: 2.5rem; diff --git a/_includes/program.njk b/_includes/program.njk index 5149e03..829dcae 100644 --- a/_includes/program.njk +++ b/_includes/program.njk @@ -22,7 +22,7 @@
  • - {% if event.livestream %}{% icon "solid:video", title="Livestream" %}{% endif %} + {{ "🔴 " if event.livestream -}} {{ getLocalized(event.title) }}

    @@ -38,14 +38,12 @@ {% if event.annotation %}

    - {% icon "solid:exclamation", title=("Notice" if lang == "en" else "Hinweis") %} {{ getLocalized(event.annotation) }}

    {% endif %} {% if event.location %}

    - {% icon "solid:location-dot", title=("Location" if lang == "en" else "Veranstaltungsort") %} {{ getLocalized(event.location) }}

    {% endif %} diff --git a/eleventy.config.js b/eleventy.config.js index 271fd0b..c01a892 100644 --- a/eleventy.config.js +++ b/eleventy.config.js @@ -19,22 +19,6 @@ module.exports = function(eleventyConfig) { { name: "solid", path: `${fontawesomePath}/solid` }, { name: "brands", path: `${fontawesomePath}/brands` }, ], - icon: { - shortcode: "rawIcon", - }, - }); - - // override icon shortcode to make the SVGs accessible - eleventyConfig.addAsyncShortcode("icon", async function(input, attrs) { - if (!attrs || !("title" in attrs)) { - return eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, attrs); - } - - const { title, ...newAttrs } = attrs; - newAttrs.role = "img"; - const svgStr = await eleventyConfig.nunjucksAsyncShortcodes.rawIcon(input, newAttrs); - const match = svgStr.match(/()(.*$)/s); - return match[1] + "" + title + "" + match[2]; }); // process the logo files