diff --git a/_includes/media-in-list.html b/_includes/media-in-list.html new file mode 100644 index 0000000000000000000000000000000000000000..bd655fc68addf0a1928d247752a19cae87ab26da --- /dev/null +++ b/_includes/media-in-list.html @@ -0,0 +1,15 @@ +<li class="item item--post"> + <article class="article article--post"> + {% if video.image -%} + {% if video.image contains '://' -%} + <img src="{{video.image}}" alt="" width=50% height=50% style="float: left; margin: 0 15px 0 0;"/> + {% else -%} + <img src="{{site.baseurl}}/images/thumbnails/{{video.image}}" alt="" width=50% height=50% style="float: right; margin: 0 0 0 15px;"/> + {% endif -%} + {% endif -%} + <h2><a href="{{ site.baseurl }}{{ video.url }}">{{ title | markdownify | remove: '<p>' | remove: '</p>' | strip_newlines }}</a></h2> + {{ video.excerpt | strip_html | markdownify | truncatewords: 60 }} + </article> + <div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; margin-bottom: 20px;"> + </div> +</li> diff --git a/_includes/media-list.html b/_includes/media-list.html index 401d0585fbe663040ec11830a69bf514663729fb..93812f419f63ee564f8461986f666a5157b74d21 100644 --- a/_includes/media-list.html +++ b/_includes/media-list.html @@ -30,11 +30,7 @@ {% endif -%} {% if video.release_date and video.release_date != '' %} - <li class="item item--post"> - <article class="article article--post"> - <h2><a href="{{ site.baseurl }}{{ video.url }}">{{ title | markdownify | remove: '<p>' | remove: '</p>' | strip_newlines }}</a></h2> - </article> - </li> + {% include media-in-list.html -%} {% endif %} {% endfor %} </ul> diff --git a/_includes/post-list-article.html b/_includes/post-list-article.html index 65221dc0fe7232fb5e1029e59fe0efd4d49fd235..2b43effe6965f4e208c1c3534ebd6dea0bf8175f 100644 --- a/_includes/post-list-article.html +++ b/_includes/post-list-article.html @@ -1,14 +1,15 @@ <li class="item item--post"> - <article class="article article--post"> + <article class="article article--post"> {% include post-meta-top.html -%} - <h2><a href="{{ site.baseurl }}{{ page.url }}">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2> + + <h2><a href="{{ site.baseurl }}{{ page.url }}" style="">{{ page.title | markdownify | remove: '<p>' | remove: '</p>' }}</a></h2> {% include post-meta.html -%} {{ page.excerpt | strip_html | markdownify | truncatewords: 60 }} </article> - <div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; margin-bottom: 20px;"> + <div style="border-bottom: 1px dotted #000; height:1px; margin:0 auto; background-color: transparent; margin-bottom: 20px;"> </div> </li> \ No newline at end of file diff --git a/_posts/blog/2023-01-04-freitalk.markdown b/_posts/blog/2023-01-04-freitalk.markdown index ae402ff0fa636a00c0ec7f63da82924946744e57..57b1b7b98ce4d9e5af546d9fa802561b22ff1568 100644 --- a/_posts/blog/2023-01-04-freitalk.markdown +++ b/_posts/blog/2023-01-04-freitalk.markdown @@ -3,6 +3,8 @@ layout: post title: "FreiTalk der 13. - Nosferatu" date: 2023-01-04 20:00:00 +0100 image: "/assets/nosferatu.jpeg" +feature_image: "https://chaotikum.org/assets/nosferatu.jpeg" +feature_image_alt: "Schwarz Weiß Bild aus dem Film Nosferatu" comments: true uid: ca24828c-4cc9-42f2-8060-25662d3cd861 categories: diff --git a/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown b/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown index db971f66f64cb7ed1238c11cad727b3002b271c8..13327cd49304a449e2bd26cda330016349f96c5f 100644 --- a/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown +++ b/_posts/blog/2023-03-01-freitalk-lichtechnik.markdown @@ -11,6 +11,8 @@ tags: - freitalk frontpage: true image: "/assets/Veranstaltungstechnik_Licht.jpg" +feature_image: "https://chaotikum.org/assets/Veranstaltungstechnik_Licht.jpg" +feature_image_alt: "Strahlendes Licht und eine Menge von Menschen auf einer Party" --- Licht kann energitisch, entspannend, fokussierend, trancierend, ... oder einfach nur schön sein. Damit man aber auf einer Veranstaltung welches hat, müssen sehr viele Dinge Hand in Hand greifen. Darum soll es an diesem Freitalk Abend gehen. diff --git a/_sass/_normalize.scss b/_sass/_normalize.scss index 45bd7138622837ff987206579694aefb1e675dd9..8ab6e111cb53a573c88a885ecb79e95a52106643 100644 --- a/_sass/_normalize.scss +++ b/_sass/_normalize.scss @@ -20,6 +20,12 @@ body { background-color: rgb(200,200,200); } +h2 a { + text-decoration: none!important; + font-family: Sans-Serif; + font-size: 0.7em; +} + /* HTML5 display definitions ========================================================================== */ @@ -105,6 +111,13 @@ figcaption { margin-top: 2px; } +#spaceopenmobile { + background-color: #fafafa; + padding: 2%; + text-align: center; + margin-top: 2px; +} + #spacehint { background-color: #fafafa; padding: 2%; @@ -116,6 +129,11 @@ figcaption { text-align: left; } +#spaceopenmobile:a { + background-color: #ff0000; + text-align: left; +} + #galleria { height:467px; } diff --git a/_sass/sassline-base/_typography.scss b/_sass/sassline-base/_typography.scss index 32225989eb51936e6057655c87a95d1c707c73b6..13f6051599e7f04c3eb2d56f13439d2c12645c13 100755 --- a/_sass/sassline-base/_typography.scss +++ b/_sass/sassline-base/_typography.scss @@ -35,20 +35,20 @@ a { .typeset { // Nice underlines for text links. - p a, li a { - background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$linkColour 50%); - background-position: 0 93%; - background-repeat: repeat-x; - background-size: 100% 0.15rem; - text-shadow: 0.1rem 0 $backgroundColour, - 0.15rem 0 $backgroundColour, - -0.1rem 0 $backgroundColour, - -0.15rem 0 $backgroundColour; - - &:hover, &:active, &:focus { - background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$hoverColour 50%); - } - } +// p a, li a { +// background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$linkColour 50%); +// background-position: 0 93%; +// background-repeat: repeat-x; +// background-size: 100% 0.15rem; +// text-shadow: 0.1rem 0 $backgroundColour, +// 0.15rem 0 $backgroundColour, +// -0.1rem 0 $backgroundColour, +// -0.15rem 0 $backgroundColour; +// +// &:hover, &:active, &:focus { +// background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 50%,$hoverColour 50%); +// } +// } // Paragraphs. OpenType ligatures and oldstyle figures enabled if available. p { diff --git a/assets/nosferatu.jpeg b/assets/nosferatu.jpeg index 1c5d7904bff4663dd3984746a4cfc65599f177e7..660b75ccda54d035c094bbd75d7e197e314cf429 100644 Binary files a/assets/nosferatu.jpeg and b/assets/nosferatu.jpeg differ