Compare commits

...

5 commits

Author SHA1 Message Date
L3D
0e12626e17
Add rc3 2020 2022-01-16 05:37:10 +01:00
L3D
f8d6ad8540
Add rc3 2021 2022-01-16 05:18:04 +01:00
L3D
e533649962
optimize blog macro 2022-01-16 05:17:43 +01:00
L3D
5accab56e9
Add italic font 2022-01-16 04:52:25 +01:00
L3D
71e375c131
Add rC3 cwtv 2022-01-16 04:29:41 +01:00
23 changed files with 257 additions and 21 deletions

BIN
assets/fonts/lato-v20-latin-700italic.ttf (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-700italic.woff (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-700italic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-900italic.woff (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-900italic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-italic.woff (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/lato-v20-latin-italic.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
assets/fonts/mochiypoppone.ttf (Stored with Git LFS)

Binary file not shown.

46
assets/scss/_events.scss Normal file
View file

@ -0,0 +1,46 @@
div.events {
margin: 0 auto;
padding: 20px 30px;
background: transparent;
p{
color: $font_default;
font-size: $font_size_default;
}
a, a:link, a:visited {
text-decoration: none;
color: $font_accent_4;
}
a:hover, a:active {
color: $font_accent_3;
}
code {
color: $font_accent_4;
font-size: $font_size_code;
}
.headline a {
color: $font_accent_3;
font-size: $font_size_h2;
text-shadow: 0px 0px 1px black;
text-decoration: none;
}
.meta {
color: silver;
font-style: italic;
}
.blog-post {
background: rgba(128,128,128,0.15);
padding: 16px;
margin-top: 50px;
box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
}
h2 {
color: $font_accent_3;
text-shadow: 0px 0px 1px black;
}
img {
max-width: 94%;
margin: 3%;
box-shadow: 5px 5px 4px 3px grey;
}
}

View file

@ -6,9 +6,9 @@
font-weight: 400;
font-display: swap;
src: local(''),
url('../fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
url('../fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
url('../fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
url('/fonts/mochiy-pop-one-v5-latin-regular.woff2') format('woff2'),
url('/fonts/mochiy-pop-one-v5-latin-regular.woff') format('woff'),
url('/fonts/mochiy-pop-one-v5-latin-regular.ttf') format('truetype'),
}
// Lato font
@ -44,3 +44,36 @@
url('/fonts/lato-v20-latin-900.woff') format('woff'),
url('/fonts/lato-v20-latin-900.ttf') format('truetype');
}
@font-face {
font-family: $main_font;
font-style: italic;
font-weight: 400;
font-display: swap;
src: local(''),
url('/fonts/lato-v20-latin-italic.woff2') format('woff2'),
url('/fonts/lato-v20-latin-italic.woff') format('woff'),
url('/fonts/lato-v20-latin-italic.ttf') format('truetype');
}
@font-face {
font-family: $main_font;
font-style: italic;
font-weight: 700;
font-display: swap;
src: local(''),
url('/fonts/lato-v20-latin-700italic.woff2') format('woff2'),
url('/fonts/lato-v20-latin-700italic.woff') format('woff'),
url('/fonts/lato-v20-latin-700italic.ttf') format('truetype');
}
@font-face {
font-family: $main_font;
font-style: italic;
font-weight: 900;
font-display: swap;
src: local(''),
url('/fonts/lato-v20-latin-900italic.woff2') format('woff2'),
url('/fonts/lato-v20-latin-900italic.woff') format('woff'),
url('/fonts/lato-v20-latin-900italic.ttf') format('truetype');
}

View file

@ -2,16 +2,4 @@ body {
font-family: $main_font, sans-serif;
margin: 25px 25px 50px 25px;
background: $background_accent_2;
a {
color: $font_accent_2;
}
a:hover {
color: $font_accent_3;
}
}
.left {
background: rgba(128,128,128,0.15);
padding: 12px;
box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
}

View file

@ -16,6 +16,12 @@ header {
list-style: none;
margin: 0;
padding: 0;
a, a:link, a:visited {
color: $font_accent_2;
}
a:hover, a:active {
color: $font_accent_3;
}
li {
display: inline;
margin: 0 8px 0 0;

View file

@ -31,6 +31,12 @@ div.start {
}
}
.left {
background: rgba(128,128,128,0.15);
padding: 12px;
box-shadow: 0px 0px 2px 8px rgba(128,128,128,0.1);
}
@media (max-width: $media_horizontal_breakpoint) {
div.start {
display: initial;

8
assets/scss/events.scss Normal file
View file

@ -0,0 +1,8 @@
@import "_variables";
@import "_fonts";
@import "_events.scss";
@import "_general";
@import "_header";
@import "_footer";

View file

@ -1,5 +1,3 @@
_model: page
_model: blog
---
title: Veranstaltungen mit Winkekatze TV
---
body: Hallo Welt

View file

@ -0,0 +1,15 @@
title: rC3 2020
---
event_end_date: 2020-12-30
---
event_start_date: 2020-12-27
---
preview: winkekatze.tv war Teil des Chaos-Studio Chaos-West TV.
---
body:
Dieses Jahr läuft alles anders als sonst. Und so findet auch die Jahresendveranstaltung des Chaos Computer Club zwangsläufig als reine online Veranstaltung statt.
So hat sich [Chaos West TV](https://chaoswest.tv) als remote Studio zusammen gesetzt und wir haben mitgeholfen das CWTV Choas-Studio hoch zu ziehen und einen der Standorte zu betrieben.
Die hierbei entstandenen Videos findet man auf [media.ccc.de](https://media.ccc.de/c/rc3/CWTV) oder auf dieser [YouTube Playlist](https://www.youtube.com/playlist?list=PLAAnbiYJDWjjVd6_pFyEHXcdciuA2GOEV).

View file

@ -0,0 +1,21 @@
title: RC3 2021 - NOWHERE
---
body:
Am [rC3 2021 - NOWHERE](https://events.ccc.de/category/rc3-2021/) gab es verschiede Chaos-Studios, die das Vortragsprogramm dieser Veranstaltung gestreamt und aufgezeichnet haben. Eins dieser Studios ist Chaos-West TV.
Bei Chaos-West TV wurde ein Chaos-Studio im kompletten remote Betrieb aufgebaut und trotz Pandemie und erschreckend hoher Krankenhausauslastung und Inzidenzien im remote Betrieb relativ gut funktioniert hat.
Eine Übersichtsgrafik, die es auch bis in das [Infrastructure Review](https://media.ccc.de/v/rc3-2021-cwtv-910-infrastructure-review#t=1844) geschafft hat, fasst grob zusammen, was dort gemacht wurde.
[![rc3-2021-infrareview-redlines.svg](rc3-2021-infrareview-redlines.svg)](https://raw.githubusercontent.com/chaoswest-tv/rc3-2021-infrareview/main/rc3-2021-infrareview-redlines.pdf)
*Von Winkekatze.tv war L3D dort beteiligt.*
Die Aufzeichnungen vom rC3 2021 kann man auf [media.ccc.de](https://media.ccc.de/c/rc3-2021) finden.
Von Chaos-West TV selber wurden alle Vorträge der Kategorien [Auf in die Zukunft!](https://media.ccc.de/c/rc3-2021/Auf%20in%20die%20Zukunft!), [Back to Basics](https://media.ccc.de/c/rc3-2021/Back%20to%20Basics) und [rC3 2021](https://media.ccc.de/c/rc3-2021/rC3%2021) gestreamt und recordet. Neben media.ccc.de findet man auch eine [YouTube Playlist](https://www.youtube.com/playlist?list=PLAAnbiYJDWjioG4lAMTdoy4Tww93vaN9J) mit allen Vorträgen.
---
event_end_date: 2021-12-30
---
event_start_date: 2021-12-27
---
preview: winkekatze.tv war Teil des Chaos-Studio Chaos-West TV.

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 441 KiB

27
models/blog-post.ini Normal file
View file

@ -0,0 +1,27 @@
[model]
name = Blog Post
label = {{ this.title }}
hidden = yes
[fields.title]
label = Event Name
type = string
size = large
[fields.event_start_date]
label = event start
type = date
width = 1/2
[fields.event_end_date]
label = event end
type = date
width = 1/2
[fields.preview]
label = Preview
type = markdown
[fields.body]
label = Body
type = markdown

16
models/blog.ini Normal file
View file

@ -0,0 +1,16 @@
[model]
name = Blog
label = Blog
hidden = true
[fields.title]
label = Title
type = string
[children]
model = blog-post
order_by = -event_start_date,title
[pagination]
enabled = yes
per_page = 10

12
templates/blog-post.html Normal file
View file

@ -0,0 +1,12 @@
{% extends "layout.html" %}
{% from "macros/blog.html" import render_blog_post %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
{{ render_blog_post(this) }}
{% endblock %}
{%- block class -%}
events
{%- endblock -%}
{%- block scss -%}
css/events.min.css
{%- endblock -%}

17
templates/blog.html Normal file
View file

@ -0,0 +1,17 @@
{% extends "layout.html" %}
{% from "macros/blog.html" import render_blog_post %}
{% from "macros/pagination.html" import render_pagination %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}
{% for child in this.pagination.items %}
{{ render_blog_post(child, from_index=true) }}
{% endfor %}
{{ render_pagination(this.pagination) }}
{% endblock %}
{%- block class -%}
events
{%- endblock -%}
{%- block scss -%}
css/events.min.css
{%- endblock -%}

View file

@ -0,0 +1,21 @@
{% macro render_blog_post(post, from_index=false) %}
<div class="blog-post">
{% if from_index -%}
<h2 class="headline"><a href="{{ post|url }}">{{ post.title }}</a></h2>
{% else -%}
<h2 class="headline"><a>{{ post.title }}</a></h2>
{% endif -%}
<p class="meta">
{% if post.event_start_date != post.event_end_date -%}
Vom {{ post.event_start_date | dateformat(('d. MMM'), locale=post.alt ) }} bis {{ post.event_end_date | dateformat('long', locale=post.alt) }}.
{%- else -%}
Am {{ post.event_start_date | dateformat('long', locale=post.alt) }}.
{%- endif %}
</p>
{% if from_index -%}
{{ post.preview }}
{% else -%}
{{ post.body }}
{% endif -%}
</div>
{% endmacro %}