Initial version

This commit is contained in:
Marian Steinbach 2020-01-18 00:32:07 +01:00
parent a1ccf9bd45
commit eda64f71d8
227 changed files with 15888 additions and 0 deletions

6
archetypes/default.md Normal file
View File

@ -0,0 +1,6 @@
---
title: "{{ replace .Name "-" " " | title }}"
date: {{ .Date }}
draft: true
---

47
config.yaml Normal file
View File

@ -0,0 +1,47 @@
baseURL: "https://podcast.netzbegruenung.de"
defaultContentLanguage: de
languageCode: de-de
title: Der Netzbegrünung Podcast
theme: zen
author:
name: Marian Steinbach
email: marian@sendung.de
params:
contact: marian@sendung.de
copyright: |
Diese Seite und der Podcast stehen unter der
[CC-BY-SA 4.0 Lizenz](https://creativecommons.org/licenses/by-sa/4.0/)
dateformat: ""
favicon: ""
feedlinks: "true"
icon: ""
imageMaxWidth: ""
jquery: true
languageDir: ltr
logo: false
footer: "[Netzbegrünung e. V.](https://blog.netzbegruenung.de/)"
mobileMenu: true
poweredby: false
sidebar: true
submitted: true
podcast:
title: Der Netzbegrünung Podcast
description: >
Beim Netzbegrünung Podcast dreht sich alles um die digitalen Dienste von Netzbegrünung,
sowie um die Menschen dahinter. Abonniere diesen Podcast, wenn Du Dich bei
BÜNDNIS 90/DIE GRÜNEN oder der GRÜNEN JUGEND engagierst (oder engagieren möchtest)
und Du wissen möchtest, wie Du dazu beitragen kannst, die Digitalisierung der GRÜNEN
voran zu treiben.
image: netzbegruenung-podcast.png
category:
name: Technology
explicit: false
author: Netzbegrünung / Marian Steinbach
owner:
name: Netzbegrünung / Marian Steinbach
email: marian@sendung.de
lang: de
type: episodic
preload: metadata

6
content/_index.md Normal file
View File

@ -0,0 +1,6 @@
---
title: Title
lastmod: 2020-01-17
---
Hier ist content für die Haupseite.

101
content/podcast/001.md Normal file
View File

@ -0,0 +1,101 @@
---
title: "Folge 1 Chatbegrünung aus Nutzer:innensicht"
description:
date: "2020-01-17T09:00:00Z"
slug: 1-chatbegruenung-aus-nutzer-innensicht
# tags:
podcast:
mp3: "https://storage.googleapis.com/netzbegruenung-podcast-assets/episodes/001/nb_podcast_001_44khz_16bit_128kbit_cbr.mp3"
duration: "1:53:38"
mp3Size: "108860317"
mp3SizeFriendly: 104 MB
episode: 1
episodeType: full
season: 1
image:
src: netzbegruenung-podcast.png
alt: Netzbegrünung Logo
width: 250
---
Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.
Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.
Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.
Aufgezeichnet am 15. Januar.
## Inhaltsverzeichnis
Sofern Euer Podcast-Player das unterstützt, solltet Ihr direkt zu den folgenden Kapiteln springen können:
- `0:00:41` Begrüßung
- `0:01:43` Nico Ach
- `0:07:21` Inhaltsübersicht
- `0:09:39` Neuigkeiten: Hack-Camp
- `0:11:42` Neuigkeiten: Wolke Update auf v17
- `0:13:43` Neuigkeiten: Passwort-Manager-App in der Wolke
- `0:16:36` Neuigkeiten: Mastodon
- `0:18:35` Neuigkeiten: Genossenschaft und GCMS
- `0:25:10` Feedback
- `0:30:52` Schwerpunkt: Chatbegrünung aus Nutzer:innensicht
- `0:31:54` E-Mails
- `0:34:15` Mailinglisten
- `0:35:58` Messenger
- `0:42:41` Chat
- `0:47:23` Was ist Chatbegrünung?
- `1:07:41` Antworten und Threads
- `1:18:37` Erwähnungen
- `1:26:38` Eure Erfahrungen
- `1:44:37` Versteckter Service: Video Chat
- `1:48:38` Dank und Verabschiedung
## Euer Feedback
Wie gefällt Euch der Podcast? Seid gerne offen und ehrlich. Schreibt uns am liebsten im [Chatbegrünung-Kanal #netzbegruenung-podcast](https://chatbegruenung.de/channel/netzbegruenung-podcast).
Solltet Ihr Probleme haben, in Chatbegrünung zu kommen, nutzt bitte das [Support-Formular](https://blog.netzbegruenung.de/projekte/support/).
## Notizen und Links
- Gast: Nico Ach
- [Twitter](https://twitter.com/nicoach)
- [Mastodon](https://gruene.social/@nico)
- Chatbegruenung Benutzername: achdomin
- News
- HackCamp
- [Info-Seite auf netzbegruenung.de](https://blog.netzbegruenung.de/hackcamp/)
- Chatbegruenung [#netzbegruenung-hackcamp](https://chatbegruenung.de/channel/netzbegruenung-hackcamp)
- Wolke nun auf Nextcloud Version 17
- [Blog-Post zu Nextcloud 17 Funktionen](https://nextcloud.com/de/blog/nextcloud-17-brings-remote-wipe-collaborative-text-editor-and-next-generation)-secure-watermarking/
- [Nextcloud Changelog](https://nextcloud.com/changelog/)
- Markdown: https://daringfireball.net/projects/markdown/
- Passwort-Manager App in Wolke verfügbar
- [Passmann Nextcloud App auf Github](https://github.com/nextcloud/passman)
- [Passman Website](https://passman.cc/)
- Unsere eigene Mastodon-Instanz - GRUENE.SOCIAL
- <https://gruene.social/>
- Chatbegrünung: [#mastodon](https://chatbegruenung.de/channel/mastodon) - Hier findet Ihr in der Kanalbeschreibung am oberen Rand auch einen Einladungslink, um Euer Profil zu erstellen.
- Netzbegrünung Genossenschaft übernimmt Das Grüne CMS von newthinking
- [Video von Marc Urbatsch auf der BDK in Bielefeld, November 2019](https://www.youtube.com/watch?v=CVNzKSyTXWQ)
- [Grünes CMS](https://gruenes-cms.de/)
- Feedback
- [von Daniela](https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=ou2wf6plf98KQglZD)
- [von Patrick](https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=P2PfiGekdQrnsFrYz)
- [von Jan](https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=gymziaAoaenf9NDjJ)
- Schwerpunkt Chatbegrünung
- [Chatbegrünung](https://chatbegruenung.de/)
- [`learn.to/quote` im WWW-Archiv](https://web.archive.org/web/20120128115825/http://learn.to/quote/)
- [Discourse](https://discourse.netzbegruenung.de/)
- [Wikipedia: Internet Relay Chat (IRC)](https://de.wikipedia.org/wiki/Internet_Relay_Chat)
- [Video: iPhone Keynote, Steve Job präsentiert die SMS-App (2007)](https://youtu.be/t4OEsI0Sc_s?t=1883)
- [Rocket.Chat Apps für mobile Geräte und Desktop](https://rocket.chat/docs/installation/mobile-and-desktop-apps/)
- [Das Grünes Netz](https://netz.gruene.de/)
- [Videokonferenz-Dienst (Jitsi)](https://konferenz.netzbegruenung.de/)
- Sonstiges
- [Studio Link](https://studio-link.de/)
## Musik
[World Beathoven Project](http://www.taxi-mundjal.com/beathoven.html) - unter [CC-NC-ND 4.0 Lizenz](https://creativecommons.org/licenses/by-nc-nd/4.0/) und mit freundlicher Genehmigung

15
deploy.sh Executable file
View File

@ -0,0 +1,15 @@
#!/bin/sh
# Stop on failure
set -e
rm -rf public
rm -rf docs
hugo version
hugo
mv public docs
git add docs
git commit -m "rebuilding site $(date)"

63
layouts/podcast/rss.xml Normal file
View File

@ -0,0 +1,63 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
<channel>
<title>{{ .Site.Params.Podcast.Title | default .Site.Title }}</title>
<link>{{ .Permalink }}</link>
<description>{{ .Site.Params.Podcast.Description | default .Site.Params.Description }}</description>
<language>{{ .Site.Params.Podcast.Lang | default .Site.LanguageCode }}</language>
{{ with .Site.Author.email -}}
<managingEditor>{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{end}}</managingEditor>
{{ end -}}
{{ with .Site.Author.email -}}
<webMaster>{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{end}}</webMaster>
{{ end -}}
{{ with .Site.Copyright -}}
<copyright>{{ . }}</copyright>
{{ end -}}
{{ if not .Date.IsZero -}}
<lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>
{{ end -}}
{{ with .OutputFormats.Get "RSS" -}}
{{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
{{ end -}}
{{ with .Site.Params.Podcast.Image }}{{ $image := resources.Get . }}<itunes:image href="{{ $image.Permalink }}" />{{ end }}
{{ with .Site.Params.Podcast.Category -}}
<itunes:category {{ if .name }}text="{{ .name }}"{{end}}>
{{ range .subcategories }}<itunes:category text="{{ . }}" />{{ end }}
</itunes:category>
{{ end -}}
{{ with .Site.Params.Podcast.Owner -}}
<itunes:owner>
{{ with .name }}<itunes:name>{{ . }}</itunes:name>{{ end }}
{{ with .email }}<itunes:email>{{ . }}</itunes:email>{{ end }}
</itunes:owner>
{{ end -}}
{{ with .Site.Params.Podcast.Description }}<itunes:summary>{{ . }}</itunes:summary>{{ end }}
{{ with .Site.Params.Podcast.Author }}<itunes:author>{{ . }}</itunes:author>{{ end }}
{{ with .Site.Params.Podcast.Type }}<itunes:type>{{ . }}</itunes:type>{{ end }}
{{ with .Site.Params.Podcast.Block }}<itunes:block>{{ . }}</itunes:block>{{ end }}
{{ with .Site.Params.Podcast.Complete }}<itunes:complete>{{ . }}</itunes:complete>{{ end }}
{{ with .Site.Params.Podcast.NewFeed }}<itunes:new-feed-url>{{ . }}</itunes:new-feed-url>{{ end }}
<itunes:explicit>{{ if .Site.Params.Podcast.Explicit }}true{{ else }}false{{ end }}</itunes:explicit>
{{ range .Pages }}
<item>
<title>{{ .Title }}</title>
<itunes:title>{{ .Title }}</itunes:title>
<link>{{ .Permalink }}</link>
<guid>{{ .Permalink }}</guid>
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email -}}
<author>{{ . }}{{ with $.Site.Author.name }} ({{ . }}){{ end }}</author>
{{ end -}}
<description>{{ .Content | html }}</description>
{{ with .Params.podcast }}<enclosure url="{{ .mp3 }}" length="{{ .mp3Size }}" type="audio/mpeg" />{{ end }}
{{ with .Params.podcast.duration }}<itunes:duration>{{ . }}</itunes:duration>{{ end }}
{{ with .Params.podcast.image.src }}{{ $image := resources.Get . }}<itunes:image href="{{ $image.Permalink }}" />{{ end }}
{{ with .Params.podcast.episode }}<itunes:episode>{{ . }}</itunes:episode>{{ end }}
{{ with .Params.podcast.episodeType }}<itunes:episodeType>{{ . }}</itunes:episodeType>{{ end }}
{{- with .Params.podcast.season }}<itunes:season>{{ . }}</itunes:season>{{ end -}}
{{- with .Params.podcast.block }}<itunes:block>{{ . }}</itunes:block>{{ end -}}
{{- with .Params.podcast.explicit }}<itunes:explicit>{{ . }}</itunes:explicit>{{ end -}}
</item>
{{ end }}
</channel>
</rss>

BIN
public/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

View File

@ -0,0 +1,117 @@
<!DOCTYPE html>
<html class="nojs" lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Categories Der Netzbegrünung Podcast</title>
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://podcast.netzbegruenung.de/categories/index.xml">
<meta name="description" content="">
<meta name="created" content="0001-01-01T00:00:00+0000">
<meta name="modified" content="0001-01-01T00:00:00+0000">
<meta name="contact" content="marian@sendung.de">
<meta property="og:site_name" content="Der Netzbegrünung Podcast">
<meta property="og:title" content="Categories">
<meta property="og:url" content="https://podcast.netzbegruenung.de/categories/">
<meta property="og:type" content="website">
<meta name="generator" content="Hugo 0.62.2" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://podcast.netzbegruenung.de/categories/">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css" media="screen">
<link rel="stylesheet" href="/css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css">
<link rel="stylesheet" href="/css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"url" : "https://podcast.netzbegruenung.de/categories/",
"name": "Categories",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://podcast.netzbegruenung.de"
},
"publisher": {
"@type": "Organization",
"name": "Der Netzbegrünung Podcast",
"url": "https://podcast.netzbegruenung.de"
}
}
</script>
<script defer src="/js/jquery.slim.min.a5ab2a00a0439854f8787a0dda775dea5377ef4905886505c938941d6854ee4f.js"></script>
<script defer src="/js/umbrella.min.b426107371d121c9a56a27aac9e9058ff592a021e2f4c3c94827fe70920d3cbb.js"></script>
<script defer src="/js/mobile.min.3a3510028bab9810834389725137cfa50f5d3231799ef9ac70769331fa59859a.js"></script>
<script defer src="/js/script.min.8e4d91ebe0d9226621e408b7205bd7b009e4935608e4b29c4275116490cc836d.js"></script>
</head>
<body>
<div class="page layout__page layout__sidebar-second">
<header class="header layout__header">
<h1 class="header__site-name">
<a href="/" title="Home" class="header__site-link" rel="home"><span>Der Netzbegrünung Podcast</span></a>
</h1>
<div class="region header__region">
</div>
</header>
<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
<main class="main layout__main">
<h1 class="title">Categories</h1>
</main>
<aside class="sidebar layout__second-sidebar">
<section>
<h4 class="menu"><a href="/podcast/">Podcasts</a></h4>
<ul class="menu">
<li><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></li>
</ul>
</section>
</aside>
<footer class="footer layout__footer">
<p>Subscribe to section categories: <a rel="alternate" type="application/rss&#43;xml" href="https://podcast.netzbegruenung.de/categories/index.xml">RSS</a></p>
<p>Diese Seite und der Podcast stehen unter der
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 Lizenz</a></p>
<p><a href="https://blog.netzbegruenung.de/">Netzbegrünung e. V.</a></p>
</footer>
</div>
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<a href="#navigation" class="mobile-nav__toggle" aria-haspopup="true" role="button">Menü</a>
<div class="mobile-nav__sheet">
<div class="mobile-nav__region">
</div>
<nav class="mobile-nav__main-menu">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="mobile-nav__navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>

View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Categories auf Der Netzbegrünung Podcast</title>
<link>https://podcast.netzbegruenung.de/categories/</link>
<description>Aktuelle Inhalte in Categories auf Der Netzbegrünung Podcast</description>
<generator>Hugo -- gohugo.io</generator>
<language>de-de</language>
<managingEditor>marian@sendung.de (Marian Steinbach)</managingEditor>
<webMaster>marian@sendung.de (Marian Steinbach)</webMaster>
<atom:link href="https://podcast.netzbegruenung.de/categories/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://podcast.netzbegruenung.de/categories/</title><link rel="canonical" href="https://podcast.netzbegruenung.de/categories/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://podcast.netzbegruenung.de/categories/" /></head></html>

View File

@ -0,0 +1 @@
.main-menu,.header__region{display:none}@media (min-width: 666px){.main-menu,.header__region{display:block}}.mobile-nav{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;position:absolute;right:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:20;pointer-events:none}@media (min-width: 666px){.mobile-nav{display:none}}.js-nav-open .mobile-nav{position:fixed}.mobile-nav__cover{position:absolute;width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);opacity:0}.js-nav-open .mobile-nav__cover{opacity:1;pointer-events:auto}.mobile-nav__toggle{display:block;position:absolute;top:10px;right:10px;padding:6px 29px 4px 4px;z-index:22;text-decoration:none;font-weight:bold;line-height:1;border:1px solid #ccc;border-radius:3px;color:#000;pointer-events:auto}@media (min-width: 666px){.mobile-nav__toggle{display:none}}.js-nav-open .mobile-nav__toggle{color:#fff}.mobile-nav__toggle::after{position:absolute;content:'';margin-left:5px;width:20px;height:20px;border-top:12px double #000;border-bottom:4px solid #000}.js-nav-open .mobile-nav__toggle::after{border-color:#fff}.mobile-nav__sheet{background-color:#333;width:90vw;height:100vh;padding:2rem;transform:translateX(100vw);z-index:21}.mobile-nav__sheet a{color:#fff;text-decoration:none}.mobile-nav__sheet a:hover,.mobile-nav__sheet a:focus{color:#fff}.js-nav-open .mobile-nav__sheet{pointer-events:auto;box-shadow:-10px 0 10px -10px #333;transform:translateX(10vw)}.mobile-nav__navbar{display:flex;flex-direction:column;padding:0;margin:0}.mobile-nav__navbar li{list-style-type:none;margin:.4rem 0}.mobile-nav__cover,.mobile-nav__toggle,.mobile-nav__toggle::after,.mobile-nav__sheet{transition:all 130ms ease-in}.js-nav-open .mobile-nav__cover,.js-nav-open .mobile-nav__toggle,.js-nav-open .mobile-nav__toggle::after,.js-nav-open .mobile-nav__sheet{transition:all 330ms ease-out}

View File

@ -0,0 +1 @@
@media print{.print-none,.pager,aside,nav,footer{display:none}}@media print{html{font-size:12pt}body,.page{background-color:#fff}.main{width:100%}:link,:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}}

File diff suppressed because one or more lines are too long

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
public/favicon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 557 B

BIN
public/images/language-icon.png Executable file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

BIN
public/images/logo.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/images/logo@2x.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.1 KiB

139
public/index.html Normal file
View File

@ -0,0 +1,139 @@
<!DOCTYPE html>
<html class="nojs" lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Der Netzbegrünung Podcast</title>
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://podcast.netzbegruenung.de/index.xml">
<meta name="description" content="Hier ist content für die Haupseite.">
<meta name="created" content="2020-01-17T00:00:00+0000">
<meta name="modified" content="2020-01-17T00:00:00+0000">
<meta name="contact" content="marian@sendung.de">
<meta property="og:site_name" content="Der Netzbegrünung Podcast">
<meta property="og:title" content="Title">
<meta property="og:url" content="https://podcast.netzbegruenung.de/">
<meta property="og:type" content="website">
<meta name="generator" content="Hugo 0.62.2" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://podcast.netzbegruenung.de/">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css" media="screen">
<link rel="stylesheet" href="/css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css">
<link rel="stylesheet" href="/css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"url" : "https://podcast.netzbegruenung.de/",
"name": "Title",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://podcast.netzbegruenung.de"
},
"publisher": {
"@type": "Organization",
"name": "Der Netzbegrünung Podcast",
"url": "https://podcast.netzbegruenung.de"
}
}
</script>
<script defer src="/js/jquery.slim.min.a5ab2a00a0439854f8787a0dda775dea5377ef4905886505c938941d6854ee4f.js"></script>
<script defer src="/js/umbrella.min.b426107371d121c9a56a27aac9e9058ff592a021e2f4c3c94827fe70920d3cbb.js"></script>
<script defer src="/js/mobile.min.3a3510028bab9810834389725137cfa50f5d3231799ef9ac70769331fa59859a.js"></script>
<script defer src="/js/script.min.8e4d91ebe0d9226621e408b7205bd7b009e4935608e4b29c4275116490cc836d.js"></script>
</head>
<body>
<div class="page layout__page layout__sidebar-second">
<header class="header layout__header">
<h1 class="header__site-name">
<a href="/" title="Home" class="header__site-link" rel="home"><span>Der Netzbegrünung Podcast</span></a>
</h1>
<div class="region header__region">
</div>
</header>
<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="navbar">
<li><a href="/" class="active" aria-current="page">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
<main class="main layout__main">
<article class="single-view">
<div class="content">
<p>Hier ist content für die Haupseite.</p>
</div>
</article>
<article class="section-podcast list-view">
<header>
<h2 class="title title-submitted"><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></h2>
<div class="submitted">
<time class="modified-date" datetime="2020-01-17T09:00:00Z">17 January, 2020</time>
</div>
</header>
<div class="content">
Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.
Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.
Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.
</div>
</article>
</main>
<aside class="sidebar layout__second-sidebar">
<section>
<h4 class="menu"><a href="/podcast/">Podcasts</a></h4>
<ul class="menu">
<li><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></li>
</ul>
</section>
</aside>
<footer class="footer layout__footer">
<p>Subscribe: <a rel="alternate" type="application/rss&#43;xml" href="https://podcast.netzbegruenung.de/index.xml">RSS</a></p>
<p>Diese Seite und der Podcast stehen unter der
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 Lizenz</a></p>
<p><a href="https://blog.netzbegruenung.de/">Netzbegrünung e. V.</a></p>
</footer>
</div>
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<a href="#navigation" class="mobile-nav__toggle" aria-haspopup="true" role="button">Menü</a>
<div class="mobile-nav__sheet">
<div class="mobile-nav__region">
</div>
<nav class="mobile-nav__main-menu">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="mobile-nav__navbar">
<li><a href="/" class="active" aria-current="page">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>

126
public/index.xml Normal file
View File

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Title auf Der Netzbegrünung Podcast</title>
<link>https://podcast.netzbegruenung.de/</link>
<description>Aktuelle Inhalte in Title auf Der Netzbegrünung Podcast</description>
<generator>Hugo -- gohugo.io</generator>
<language>de-de</language>
<managingEditor>marian@sendung.de (Marian Steinbach)</managingEditor>
<webMaster>marian@sendung.de (Marian Steinbach)</webMaster>
<lastBuildDate>Fri, 17 Jan 2020 00:00:00 +0000</lastBuildDate>
<atom:link href="https://podcast.netzbegruenung.de/index.xml" rel="self" type="application/rss+xml" />
<item>
<title>Folge 1 Chatbegrünung aus Nutzer:innensicht</title>
<link>https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/</link>
<pubDate>Fri, 17 Jan 2020 09:00:00 +0000</pubDate>
<author>marian@sendung.de (Marian Steinbach)</author>
<guid>https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/</guid>
<description>&lt;p&gt;Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.&lt;/p&gt;
&lt;p&gt;Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.&lt;/p&gt;
&lt;p&gt;Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.&lt;/p&gt;
&lt;p&gt;Aufgezeichnet am 15. Januar.&lt;/p&gt;
&lt;h2 id=&#34;inhaltsverzeichnis&#34;&gt;Inhaltsverzeichnis&lt;/h2&gt;
&lt;p&gt;Sofern Euer Podcast-Player das unterstützt, solltet Ihr direkt zu den folgenden Kapiteln springen können:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;0:00:41&lt;/code&gt; Begrüßung&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:01:43&lt;/code&gt; Nico Ach&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:07:21&lt;/code&gt; Inhaltsübersicht&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:09:39&lt;/code&gt; Neuigkeiten: Hack-Camp&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:11:42&lt;/code&gt; Neuigkeiten: Wolke Update auf v17&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:13:43&lt;/code&gt; Neuigkeiten: Passwort-Manager-App in der Wolke&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:16:36&lt;/code&gt; Neuigkeiten: Mastodon&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:18:35&lt;/code&gt; Neuigkeiten: Genossenschaft und GCMS&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:25:10&lt;/code&gt; Feedback&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:30:52&lt;/code&gt; Schwerpunkt: Chatbegrünung aus Nutzer:innensicht&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:31:54&lt;/code&gt; E-Mails&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:34:15&lt;/code&gt; Mailinglisten&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:35:58&lt;/code&gt; Messenger&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:42:41&lt;/code&gt; Chat&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:47:23&lt;/code&gt; Was ist Chatbegrünung?&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:07:41&lt;/code&gt; Antworten und Threads&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:18:37&lt;/code&gt; Erwähnungen&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:26:38&lt;/code&gt; Eure Erfahrungen&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:44:37&lt;/code&gt; Versteckter Service: Video Chat&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:48:38&lt;/code&gt; Dank und Verabschiedung&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;euer-feedback&#34;&gt;Euer Feedback&lt;/h2&gt;
&lt;p&gt;Wie gefällt Euch der Podcast? Seid gerne offen und ehrlich. Schreibt uns am liebsten im &lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast&#34;&gt;Chatbegrünung-Kanal #netzbegruenung-podcast&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Solltet Ihr Probleme haben, in Chatbegrünung zu kommen, nutzt bitte das &lt;a href=&#34;https://blog.netzbegruenung.de/projekte/support/&#34;&gt;Support-Formular&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;notizen-und-links&#34;&gt;Notizen und Links&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Gast: Nico Ach
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://twitter.com/nicoach&#34;&gt;Twitter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://gruene.social/@nico&#34;&gt;Mastodon&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegruenung Benutzername: achdomin&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;News
&lt;ul&gt;
&lt;li&gt;HackCamp
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://blog.netzbegruenung.de/hackcamp/&#34;&gt;Info-Seite auf netzbegruenung.de&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegruenung &lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-hackcamp&#34;&gt;#netzbegruenung-hackcamp&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Wolke nun auf Nextcloud Version 17
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://nextcloud.com/de/blog/nextcloud-17-brings-remote-wipe-collaborative-text-editor-and-next-generation&#34;&gt;Blog-Post zu Nextcloud 17 Funktionen&lt;/a&gt;-secure-watermarking/&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://nextcloud.com/changelog/&#34;&gt;Nextcloud Changelog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Markdown: &lt;a href=&#34;https://daringfireball.net/projects/markdown/&#34;&gt;https://daringfireball.net/projects/markdown/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Passwort-Manager App in Wolke verfügbar
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://github.com/nextcloud/passman&#34;&gt;Passmann Nextcloud App auf Github&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://passman.cc/&#34;&gt;Passman Website&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Unsere eigene Mastodon-Instanz - GRUENE.SOCIAL
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://gruene.social/&#34;&gt;https://gruene.social/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegrünung: &lt;a href=&#34;https://chatbegruenung.de/channel/mastodon&#34;&gt;#mastodon&lt;/a&gt; - Hier findet Ihr in der Kanalbeschreibung am oberen Rand auch einen Einladungslink, um Euer Profil zu erstellen.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Netzbegrünung Genossenschaft übernimmt Das Grüne CMS von newthinking
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=CVNzKSyTXWQ&#34;&gt;Video von Marc Urbatsch auf der BDK in Bielefeld, November 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://gruenes-cms.de/&#34;&gt;Grünes CMS&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Feedback
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=ou2wf6plf98KQglZD&#34;&gt;von Daniela&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=P2PfiGekdQrnsFrYz&#34;&gt;von Patrick&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=gymziaAoaenf9NDjJ&#34;&gt;von Jan&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Schwerpunkt Chatbegrünung
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/&#34;&gt;Chatbegrünung&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://web.archive.org/web/20120128115825/http://learn.to/quote/&#34;&gt;&lt;code&gt;learn.to/quote&lt;/code&gt; im WWW-Archiv&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://discourse.netzbegruenung.de/&#34;&gt;Discourse&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://de.wikipedia.org/wiki/Internet_Relay_Chat&#34;&gt;Wikipedia: Internet Relay Chat (IRC)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://youtu.be/t4OEsI0Sc_s?t=1883&#34;&gt;Video: iPhone Keynote, Steve Job präsentiert die SMS-App (2007)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://rocket.chat/docs/installation/mobile-and-desktop-apps/&#34;&gt;Rocket.Chat Apps für mobile Geräte und Desktop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://netz.gruene.de/&#34;&gt;Das Grünes Netz&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://konferenz.netzbegruenung.de/&#34;&gt;Videokonferenz-Dienst (Jitsi)&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Sonstiges
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://studio-link.de/&#34;&gt;Studio Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;musik&#34;&gt;Musik&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;http://www.taxi-mundjal.com/beathoven.html&#34;&gt;World Beathoven Project&lt;/a&gt; - unter &lt;a href=&#34;https://creativecommons.org/licenses/by-nc-nd/4.0/&#34;&gt;CC-NC-ND 4.0 Lizenz&lt;/a&gt; und mit freundlicher Genehmigung&lt;/p&gt;
</description>
</item>
</channel>
</rss>

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
(function($){'use strict';if(window.matchMedia&&$('.mobile-nav').length){var mq=window.matchMedia('(max-width: 999px)');if(mq.matches){$('.mobile-nav__cover, .mobile-nav__toggle').handle('click',function(){$('body').scroll().toggleClass('js-nav-open');});$('.mobile-nav__sheet').find('a').on('click',function(){$('body').removeClass('js-nav-open');});}}})(u);

View File

@ -0,0 +1 @@
(function($){'use strict';$('html').removeClass('nojs').addClass('js');})(u);

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

1
public/page/1/index.html Normal file
View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://podcast.netzbegruenung.de/</title><link rel="canonical" href="https://podcast.netzbegruenung.de/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://podcast.netzbegruenung.de/" /></head></html>

View File

@ -0,0 +1,235 @@
<!DOCTYPE html>
<html class="nojs" lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Folge 1 Chatbegrünung aus Nutzer:innensicht Der Netzbegrünung Podcast</title>
<meta name="description" content="Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, …">
<meta name="created" content="2020-01-17T09:00:00+0000">
<meta name="modified" content="2020-01-17T09:00:00+0000">
<meta name="contact" content="marian@sendung.de">
<meta property="og:site_name" content="Der Netzbegrünung Podcast">
<meta property="og:title" content="Folge 1 Chatbegrünung aus Nutzer:innensicht">
<meta property="og:url" content="https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/">
<meta property="og:type" content="article">
<meta name="generator" content="Hugo 0.62.2" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css" media="screen">
<link rel="stylesheet" href="/css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css">
<link rel="stylesheet" href="/css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"headline": "Folge 1 Chatbegrünung aus Nutzer:innensicht",
"datePublished": "2020-01-17T09:00:00Z",
"dateModified": "2020-01-17T09:00:00Z",
"url" : "https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/",
"description": "Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, …",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://podcast.netzbegruenung.de"
},
"publisher": {
"@type": "Organization",
"name": "Der Netzbegrünung Podcast",
"url": "https://podcast.netzbegruenung.de"
}
}
</script>
<script defer src="/js/jquery.slim.min.a5ab2a00a0439854f8787a0dda775dea5377ef4905886505c938941d6854ee4f.js"></script>
<script defer src="/js/umbrella.min.b426107371d121c9a56a27aac9e9058ff592a021e2f4c3c94827fe70920d3cbb.js"></script>
<script defer src="/js/mobile.min.3a3510028bab9810834389725137cfa50f5d3231799ef9ac70769331fa59859a.js"></script>
<script defer src="/js/script.min.8e4d91ebe0d9226621e408b7205bd7b009e4935608e4b29c4275116490cc836d.js"></script>
</head>
<body>
<div class="page layout__page layout__sidebar-second">
<header class="header layout__header">
<h1 class="header__site-name">
<a href="/" title="Home" class="header__site-link" rel="home"><span>Der Netzbegrünung Podcast</span></a>
</h1>
<div class="region header__region">
</div>
</header>
<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/" class="active" aria-current="page">Podcasts</a></li>
</ul>
</nav>
<main class="main layout__main">
<article class="section-podcast single-view">
<header>
<h1 class="title title-submitted">Folge 1 Chatbegrünung aus Nutzer:innensicht</h1>
<div class="submitted">
<time class="modified-date" datetime="2020-01-17T09:00:00Z">17 January, 2020</time>
</div>
</header>
<figure class="podcast">
<audio controls preload='metadata'><source src="https://storage.googleapis.com/netzbegruenung-podcast-assets/episodes/001/nb_podcast_001_44khz_16bit_128kbit_cbr.mp3" type="audio/mpeg"></audio>
<figcaption><a href="https://storage.googleapis.com/netzbegruenung-podcast-assets/episodes/001/nb_podcast_001_44khz_16bit_128kbit_cbr.mp3">Folge 1 Chatbegrünung aus Nutzer:innensicht</a> (104 MB)</figcaption>
</figure>
<figure class='image right'><img src="/netzbegruenung-podcast_hua7322f51601ef1726feef5f64eef8543_2676_250x0_resize_box_2.png" width="250" alt="Netzbegrünung Logo"></figure>
<div class="content">
<p>Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.</p>
<p>Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.</p>
<p>Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.</p>
<p>Aufgezeichnet am 15. Januar.</p>
<h2 id="inhaltsverzeichnis">Inhaltsverzeichnis</h2>
<p>Sofern Euer Podcast-Player das unterstützt, solltet Ihr direkt zu den folgenden Kapiteln springen können:</p>
<ul>
<li><code>0:00:41</code> Begrüßung</li>
<li><code>0:01:43</code> Nico Ach</li>
<li><code>0:07:21</code> Inhaltsübersicht</li>
<li><code>0:09:39</code> Neuigkeiten: Hack-Camp</li>
<li><code>0:11:42</code> Neuigkeiten: Wolke Update auf v17</li>
<li><code>0:13:43</code> Neuigkeiten: Passwort-Manager-App in der Wolke</li>
<li><code>0:16:36</code> Neuigkeiten: Mastodon</li>
<li><code>0:18:35</code> Neuigkeiten: Genossenschaft und GCMS</li>
<li><code>0:25:10</code> Feedback</li>
<li><code>0:30:52</code> Schwerpunkt: Chatbegrünung aus Nutzer:innensicht</li>
<li><code>0:31:54</code> E-Mails</li>
<li><code>0:34:15</code> Mailinglisten</li>
<li><code>0:35:58</code> Messenger</li>
<li><code>0:42:41</code> Chat</li>
<li><code>0:47:23</code> Was ist Chatbegrünung?</li>
<li><code>1:07:41</code> Antworten und Threads</li>
<li><code>1:18:37</code> Erwähnungen</li>
<li><code>1:26:38</code> Eure Erfahrungen</li>
<li><code>1:44:37</code> Versteckter Service: Video Chat</li>
<li><code>1:48:38</code> Dank und Verabschiedung</li>
</ul>
<h2 id="euer-feedback">Euer Feedback</h2>
<p>Wie gefällt Euch der Podcast? Seid gerne offen und ehrlich. Schreibt uns am liebsten im <a href="https://chatbegruenung.de/channel/netzbegruenung-podcast">Chatbegrünung-Kanal #netzbegruenung-podcast</a>.</p>
<p>Solltet Ihr Probleme haben, in Chatbegrünung zu kommen, nutzt bitte das <a href="https://blog.netzbegruenung.de/projekte/support/">Support-Formular</a>.</p>
<h2 id="notizen-und-links">Notizen und Links</h2>
<ul>
<li>Gast: Nico Ach
<ul>
<li><a href="https://twitter.com/nicoach">Twitter</a></li>
<li><a href="https://gruene.social/@nico">Mastodon</a></li>
<li>Chatbegruenung Benutzername: achdomin</li>
</ul>
</li>
<li>News
<ul>
<li>HackCamp
<ul>
<li><a href="https://blog.netzbegruenung.de/hackcamp/">Info-Seite auf netzbegruenung.de</a></li>
<li>Chatbegruenung <a href="https://chatbegruenung.de/channel/netzbegruenung-hackcamp">#netzbegruenung-hackcamp</a></li>
</ul>
</li>
<li>Wolke nun auf Nextcloud Version 17
<ul>
<li><a href="https://nextcloud.com/de/blog/nextcloud-17-brings-remote-wipe-collaborative-text-editor-and-next-generation">Blog-Post zu Nextcloud 17 Funktionen</a>-secure-watermarking/</li>
<li><a href="https://nextcloud.com/changelog/">Nextcloud Changelog</a></li>
<li>Markdown: <a href="https://daringfireball.net/projects/markdown/">https://daringfireball.net/projects/markdown/</a></li>
</ul>
</li>
<li>Passwort-Manager App in Wolke verfügbar
<ul>
<li><a href="https://github.com/nextcloud/passman">Passmann Nextcloud App auf Github</a></li>
<li><a href="https://passman.cc/">Passman Website</a></li>
</ul>
</li>
<li>Unsere eigene Mastodon-Instanz - GRUENE.SOCIAL
<ul>
<li><a href="https://gruene.social/">https://gruene.social/</a></li>
<li>Chatbegrünung: <a href="https://chatbegruenung.de/channel/mastodon">#mastodon</a> - Hier findet Ihr in der Kanalbeschreibung am oberen Rand auch einen Einladungslink, um Euer Profil zu erstellen.</li>
</ul>
</li>
<li>Netzbegrünung Genossenschaft übernimmt Das Grüne CMS von newthinking
<ul>
<li><a href="https://www.youtube.com/watch?v=CVNzKSyTXWQ">Video von Marc Urbatsch auf der BDK in Bielefeld, November 2019</a></li>
<li><a href="https://gruenes-cms.de/">Grünes CMS</a></li>
</ul>
</li>
</ul>
</li>
<li>Feedback
<ul>
<li><a href="https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=ou2wf6plf98KQglZD">von Daniela</a></li>
<li><a href="https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=P2PfiGekdQrnsFrYz">von Patrick</a></li>
<li><a href="https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=gymziaAoaenf9NDjJ">von Jan</a></li>
</ul>
</li>
<li>Schwerpunkt Chatbegrünung
<ul>
<li><a href="https://chatbegruenung.de/">Chatbegrünung</a></li>
<li><a href="https://web.archive.org/web/20120128115825/http://learn.to/quote/"><code>learn.to/quote</code> im WWW-Archiv</a></li>
<li><a href="https://discourse.netzbegruenung.de/">Discourse</a></li>
<li><a href="https://de.wikipedia.org/wiki/Internet_Relay_Chat">Wikipedia: Internet Relay Chat (IRC)</a></li>
<li><a href="https://youtu.be/t4OEsI0Sc_s?t=1883">Video: iPhone Keynote, Steve Job präsentiert die SMS-App (2007)</a></li>
<li><a href="https://rocket.chat/docs/installation/mobile-and-desktop-apps/">Rocket.Chat Apps für mobile Geräte und Desktop</a></li>
<li><a href="https://netz.gruene.de/">Das Grünes Netz</a></li>
<li><a href="https://konferenz.netzbegruenung.de/">Videokonferenz-Dienst (Jitsi)</a></li>
</ul>
</li>
<li>Sonstiges
<ul>
<li><a href="https://studio-link.de/">Studio Link</a></li>
</ul>
</li>
</ul>
<h2 id="musik">Musik</h2>
<p><a href="http://www.taxi-mundjal.com/beathoven.html">World Beathoven Project</a> - unter <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">CC-NC-ND 4.0 Lizenz</a> und mit freundlicher Genehmigung</p>
</div>
</article>
</main>
<aside class="sidebar layout__second-sidebar">
<section>
<h4 class="menu"><a href="/podcast/" class="active" aria-current="page">Podcasts</a></h4>
<ul class="menu">
<li><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/" class="active" aria-current="page">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></li>
</ul>
</section>
</aside>
<footer class="footer layout__footer">
<p>Diese Seite und der Podcast stehen unter der
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 Lizenz</a></p>
<p><a href="https://blog.netzbegruenung.de/">Netzbegrünung e. V.</a></p>
</footer>
</div>
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<a href="#navigation" class="mobile-nav__toggle" aria-haspopup="true" role="button">Menü</a>
<div class="mobile-nav__sheet">
<div class="mobile-nav__region">
</div>
<nav class="mobile-nav__main-menu">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="mobile-nav__navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/" class="active" aria-current="page">Podcasts</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>

132
public/podcast/index.html Normal file
View File

@ -0,0 +1,132 @@
<!DOCTYPE html>
<html class="nojs" lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Podcasts Der Netzbegrünung Podcast</title>
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://podcast.netzbegruenung.de/podcast/index.xml">
<meta name="description" content="">
<meta name="created" content="2020-01-17T09:00:00+0000">
<meta name="modified" content="2020-01-17T09:00:00+0000">
<meta name="contact" content="marian@sendung.de">
<meta property="og:site_name" content="Der Netzbegrünung Podcast">
<meta property="og:title" content="Podcasts">
<meta property="og:url" content="https://podcast.netzbegruenung.de/podcast/">
<meta property="og:type" content="website">
<meta name="generator" content="Hugo 0.62.2" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://podcast.netzbegruenung.de/podcast/">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css" media="screen">
<link rel="stylesheet" href="/css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css">
<link rel="stylesheet" href="/css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"url" : "https://podcast.netzbegruenung.de/podcast/",
"name": "Podcasts",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://podcast.netzbegruenung.de"
},
"publisher": {
"@type": "Organization",
"name": "Der Netzbegrünung Podcast",
"url": "https://podcast.netzbegruenung.de"
}
}
</script>
<script defer src="/js/jquery.slim.min.a5ab2a00a0439854f8787a0dda775dea5377ef4905886505c938941d6854ee4f.js"></script>
<script defer src="/js/umbrella.min.b426107371d121c9a56a27aac9e9058ff592a021e2f4c3c94827fe70920d3cbb.js"></script>
<script defer src="/js/mobile.min.3a3510028bab9810834389725137cfa50f5d3231799ef9ac70769331fa59859a.js"></script>
<script defer src="/js/script.min.8e4d91ebe0d9226621e408b7205bd7b009e4935608e4b29c4275116490cc836d.js"></script>
</head>
<body>
<div class="page layout__page layout__sidebar-second">
<header class="header layout__header">
<h1 class="header__site-name">
<a href="/" title="Home" class="header__site-link" rel="home"><span>Der Netzbegrünung Podcast</span></a>
</h1>
<div class="region header__region">
</div>
</header>
<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/" class="active" aria-current="page">Podcasts</a></li>
</ul>
</nav>
<main class="main layout__main">
<h1 class="title">Podcasts</h1>
<article class="section-podcast list-view">
<header>
<h2 class="title title-submitted"><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></h2>
<div class="submitted">
<time class="modified-date" datetime="2020-01-17T09:00:00Z">17 January, 2020</time>
</div>
</header>
<div class="content">
Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.
Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.
Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.
</div>
</article>
</main>
<aside class="sidebar layout__second-sidebar">
<section>
<h4 class="menu"><a href="/podcast/" class="active" aria-current="page">Podcasts</a></h4>
<ul class="menu">
<li><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></li>
</ul>
</section>
</aside>
<footer class="footer layout__footer">
<p>Subscribe to section podcast: <a rel="alternate" type="application/rss&#43;xml" href="https://podcast.netzbegruenung.de/podcast/index.xml">RSS</a></p>
<p>Diese Seite und der Podcast stehen unter der
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 Lizenz</a></p>
<p><a href="https://blog.netzbegruenung.de/">Netzbegrünung e. V.</a></p>
</footer>
</div>
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<a href="#navigation" class="mobile-nav__toggle" aria-haspopup="true" role="button">Menü</a>
<div class="mobile-nav__sheet">
<div class="mobile-nav__region">
</div>
<nav class="mobile-nav__main-menu">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="mobile-nav__navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/" class="active" aria-current="page">Podcasts</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>

146
public/podcast/index.xml Normal file
View File

@ -0,0 +1,146 @@
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd">
<channel>
<title>Der Netzbegrünung Podcast</title>
<link>https://podcast.netzbegruenung.de/podcast/</link>
<description>Beim Netzbegrünung Podcast dreht sich alles um die digitalen Dienste von Netzbegrünung, sowie um die Menschen dahinter. Abonniere diesen Podcast, wenn Du Dich bei BÜNDNIS 90/DIE GRÜNEN oder der GRÜNEN JUGEND engagierst (oder engagieren möchtest) und Du wissen möchtest, wie Du dazu beitragen kannst, die Digitalisierung der GRÜNEN voran zu treiben.
</description>
<language>de</language>
<managingEditor>marian@sendung.de (Marian Steinbach)</managingEditor>
<webMaster>marian@sendung.de (Marian Steinbach)</webMaster>
<lastBuildDate>Fri, 17 Jan 2020 09:00:00 +0000</lastBuildDate>
<atom:link href="https://podcast.netzbegruenung.de/podcast/index.xml" rel="self" type="application/rss+xml" />
<itunes:image href="https://podcast.netzbegruenung.de/netzbegruenung-podcast.png" />
<itunes:category text="Technology">
</itunes:category>
<itunes:owner>
<itunes:name>Netzbegrünung / Marian Steinbach</itunes:name>
<itunes:email>marian@sendung.de</itunes:email>
</itunes:owner>
<itunes:summary>Beim Netzbegrünung Podcast dreht sich alles um die digitalen Dienste von Netzbegrünung, sowie um die Menschen dahinter. Abonniere diesen Podcast, wenn Du Dich bei BÜNDNIS 90/DIE GRÜNEN oder der GRÜNEN JUGEND engagierst (oder engagieren möchtest) und Du wissen möchtest, wie Du dazu beitragen kannst, die Digitalisierung der GRÜNEN voran zu treiben.
</itunes:summary>
<itunes:author>Netzbegrünung / Marian Steinbach</itunes:author>
<itunes:type>episodic</itunes:type>
<itunes:explicit>false</itunes:explicit>
<item>
<title>Folge 1 Chatbegrünung aus Nutzer:innensicht</title>
<itunes:title>Folge 1 Chatbegrünung aus Nutzer:innensicht</itunes:title>
<link>https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/</link>
<guid>https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/</guid>
<pubDate>Fri, 17 Jan 2020 09:00:00 +0000</pubDate>
<author>marian@sendung.de (Marian Steinbach)</author>
<description>&lt;p&gt;Wenn Euch das Gefühl beschleicht, dass für Euren Ortsverband/Kreisverband oder Eure Arbeitsgruppe mal eine bessere Lösung zum Austausch gefunden werden muss, als E-Mail, Mailinglisten und WhatsApp, ist diese Folge genau für Euch.&lt;/p&gt;
&lt;p&gt;Denn in dieser Sendung sprechen Marian und Nico über Chatbegrünung, den Chat-Dienst von Netzbegrünung für alle GRÜNEN. Dabei geht es vor allem um die Perspektive der Nutzerinnen und Nutzer.&lt;/p&gt;
&lt;p&gt;Außerdem liefern wir Neuigkeiten von Netzbegrünung und sprechen über Wünsche von Netzbegrüner:innen zum Podcast.&lt;/p&gt;
&lt;p&gt;Aufgezeichnet am 15. Januar.&lt;/p&gt;
&lt;h2 id=&#34;inhaltsverzeichnis&#34;&gt;Inhaltsverzeichnis&lt;/h2&gt;
&lt;p&gt;Sofern Euer Podcast-Player das unterstützt, solltet Ihr direkt zu den folgenden Kapiteln springen können:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;code&gt;0:00:41&lt;/code&gt; Begrüßung&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:01:43&lt;/code&gt; Nico Ach&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:07:21&lt;/code&gt; Inhaltsübersicht&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:09:39&lt;/code&gt; Neuigkeiten: Hack-Camp&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:11:42&lt;/code&gt; Neuigkeiten: Wolke Update auf v17&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:13:43&lt;/code&gt; Neuigkeiten: Passwort-Manager-App in der Wolke&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:16:36&lt;/code&gt; Neuigkeiten: Mastodon&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:18:35&lt;/code&gt; Neuigkeiten: Genossenschaft und GCMS&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:25:10&lt;/code&gt; Feedback&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:30:52&lt;/code&gt; Schwerpunkt: Chatbegrünung aus Nutzer:innensicht&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:31:54&lt;/code&gt; E-Mails&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:34:15&lt;/code&gt; Mailinglisten&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:35:58&lt;/code&gt; Messenger&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:42:41&lt;/code&gt; Chat&lt;/li&gt;
&lt;li&gt;&lt;code&gt;0:47:23&lt;/code&gt; Was ist Chatbegrünung?&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:07:41&lt;/code&gt; Antworten und Threads&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:18:37&lt;/code&gt; Erwähnungen&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:26:38&lt;/code&gt; Eure Erfahrungen&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:44:37&lt;/code&gt; Versteckter Service: Video Chat&lt;/li&gt;
&lt;li&gt;&lt;code&gt;1:48:38&lt;/code&gt; Dank und Verabschiedung&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;euer-feedback&#34;&gt;Euer Feedback&lt;/h2&gt;
&lt;p&gt;Wie gefällt Euch der Podcast? Seid gerne offen und ehrlich. Schreibt uns am liebsten im &lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast&#34;&gt;Chatbegrünung-Kanal #netzbegruenung-podcast&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;Solltet Ihr Probleme haben, in Chatbegrünung zu kommen, nutzt bitte das &lt;a href=&#34;https://blog.netzbegruenung.de/projekte/support/&#34;&gt;Support-Formular&lt;/a&gt;.&lt;/p&gt;
&lt;h2 id=&#34;notizen-und-links&#34;&gt;Notizen und Links&lt;/h2&gt;
&lt;ul&gt;
&lt;li&gt;Gast: Nico Ach
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://twitter.com/nicoach&#34;&gt;Twitter&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://gruene.social/@nico&#34;&gt;Mastodon&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegruenung Benutzername: achdomin&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;News
&lt;ul&gt;
&lt;li&gt;HackCamp
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://blog.netzbegruenung.de/hackcamp/&#34;&gt;Info-Seite auf netzbegruenung.de&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegruenung &lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-hackcamp&#34;&gt;#netzbegruenung-hackcamp&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Wolke nun auf Nextcloud Version 17
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://nextcloud.com/de/blog/nextcloud-17-brings-remote-wipe-collaborative-text-editor-and-next-generation&#34;&gt;Blog-Post zu Nextcloud 17 Funktionen&lt;/a&gt;-secure-watermarking/&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://nextcloud.com/changelog/&#34;&gt;Nextcloud Changelog&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Markdown: &lt;a href=&#34;https://daringfireball.net/projects/markdown/&#34;&gt;https://daringfireball.net/projects/markdown/&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Passwort-Manager App in Wolke verfügbar
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://github.com/nextcloud/passman&#34;&gt;Passmann Nextcloud App auf Github&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://passman.cc/&#34;&gt;Passman Website&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Unsere eigene Mastodon-Instanz - GRUENE.SOCIAL
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://gruene.social/&#34;&gt;https://gruene.social/&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;Chatbegrünung: &lt;a href=&#34;https://chatbegruenung.de/channel/mastodon&#34;&gt;#mastodon&lt;/a&gt; - Hier findet Ihr in der Kanalbeschreibung am oberen Rand auch einen Einladungslink, um Euer Profil zu erstellen.&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Netzbegrünung Genossenschaft übernimmt Das Grüne CMS von newthinking
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://www.youtube.com/watch?v=CVNzKSyTXWQ&#34;&gt;Video von Marc Urbatsch auf der BDK in Bielefeld, November 2019&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://gruenes-cms.de/&#34;&gt;Grünes CMS&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Feedback
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=ou2wf6plf98KQglZD&#34;&gt;von Daniela&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=P2PfiGekdQrnsFrYz&#34;&gt;von Patrick&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/channel/netzbegruenung-podcast?msg=gymziaAoaenf9NDjJ&#34;&gt;von Jan&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Schwerpunkt Chatbegrünung
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://chatbegruenung.de/&#34;&gt;Chatbegrünung&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://web.archive.org/web/20120128115825/http://learn.to/quote/&#34;&gt;&lt;code&gt;learn.to/quote&lt;/code&gt; im WWW-Archiv&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://discourse.netzbegruenung.de/&#34;&gt;Discourse&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://de.wikipedia.org/wiki/Internet_Relay_Chat&#34;&gt;Wikipedia: Internet Relay Chat (IRC)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://youtu.be/t4OEsI0Sc_s?t=1883&#34;&gt;Video: iPhone Keynote, Steve Job präsentiert die SMS-App (2007)&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://rocket.chat/docs/installation/mobile-and-desktop-apps/&#34;&gt;Rocket.Chat Apps für mobile Geräte und Desktop&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://netz.gruene.de/&#34;&gt;Das Grünes Netz&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#34;https://konferenz.netzbegruenung.de/&#34;&gt;Videokonferenz-Dienst (Jitsi)&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li&gt;Sonstiges
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#34;https://studio-link.de/&#34;&gt;Studio Link&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h2 id=&#34;musik&#34;&gt;Musik&lt;/h2&gt;
&lt;p&gt;&lt;a href=&#34;http://www.taxi-mundjal.com/beathoven.html&#34;&gt;World Beathoven Project&lt;/a&gt; - unter &lt;a href=&#34;https://creativecommons.org/licenses/by-nc-nd/4.0/&#34;&gt;CC-NC-ND 4.0 Lizenz&lt;/a&gt; und mit freundlicher Genehmigung&lt;/p&gt;
</description>
<enclosure url="https://storage.googleapis.com/netzbegruenung-podcast-assets/episodes/001/nb_podcast_001_44khz_16bit_128kbit_cbr.mp3" length="108860317" type="audio/mpeg" />
<itunes:duration>1:53:38</itunes:duration>
<itunes:image href="https://podcast.netzbegruenung.de/netzbegruenung-podcast.png" />
<itunes:episode>1</itunes:episode>
<itunes:episodeType>full</itunes:episodeType><itunes:season>1</itunes:season></item>
</channel>
</rss>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://podcast.netzbegruenung.de/podcast/</title><link rel="canonical" href="https://podcast.netzbegruenung.de/podcast/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://podcast.netzbegruenung.de/podcast/" /></head></html>

18
public/robots.txt Normal file
View File

@ -0,0 +1,18 @@
#
# robots.txt
#
# This file is to prevent the crawling and indexing of certain parts
# of your site by web crawlers and spiders run by sites like Yahoo!
# and Google. By telling these "robots" where not to go on your site,
# you save bandwidth and server resources.
#
# This file will be ignored unless it is at the root of your host:
# Used: http://example.com/robots.txt
# Ignored: http://example.com/site/robots.txt
#
# For more information about the robots.txt standard, see:
# http://www.robotstxt.org/robotstxt.html
User-agent: *
Crawl-delay: 10
Disallow:

28
public/sitemap.xml Normal file
View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xhtml="http://www.w3.org/1999/xhtml">
<url>
<loc>https://podcast.netzbegruenung.de/podcast/1-chatbegruenung-aus-nutzer-innensicht/</loc>
<lastmod>2020-01-17T09:00:00+00:00</lastmod>
</url>
<url>
<loc>https://podcast.netzbegruenung.de/podcast/</loc>
<lastmod>2020-01-17T09:00:00+00:00</lastmod>
</url>
<url>
<loc>https://podcast.netzbegruenung.de/</loc>
<lastmod>2020-01-17T00:00:00+00:00</lastmod>
</url>
<url>
<loc>https://podcast.netzbegruenung.de/categories/</loc>
</url>
<url>
<loc>https://podcast.netzbegruenung.de/tags/</loc>
</url>
</urlset>

117
public/tags/index.html Normal file
View File

@ -0,0 +1,117 @@
<!DOCTYPE html>
<html class="nojs" lang="de" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Tags Der Netzbegrünung Podcast</title>
<link rel="alternate" type="application/rss+xml" title="RSS" href="https://podcast.netzbegruenung.de/tags/index.xml">
<meta name="description" content="">
<meta name="created" content="0001-01-01T00:00:00+0000">
<meta name="modified" content="0001-01-01T00:00:00+0000">
<meta name="contact" content="marian@sendung.de">
<meta property="og:site_name" content="Der Netzbegrünung Podcast">
<meta property="og:title" content="Tags">
<meta property="og:url" content="https://podcast.netzbegruenung.de/tags/">
<meta property="og:type" content="website">
<meta name="generator" content="Hugo 0.62.2" />
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#ffffff">
<link rel="canonical" href="https://podcast.netzbegruenung.de/tags/">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="/css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css" media="screen">
<link rel="stylesheet" href="/css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css">
<link rel="stylesheet" href="/css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css" media="print">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"url" : "https://podcast.netzbegruenung.de/tags/",
"name": "Tags",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://podcast.netzbegruenung.de"
},
"publisher": {
"@type": "Organization",
"name": "Der Netzbegrünung Podcast",
"url": "https://podcast.netzbegruenung.de"
}
}
</script>
<script defer src="/js/jquery.slim.min.a5ab2a00a0439854f8787a0dda775dea5377ef4905886505c938941d6854ee4f.js"></script>
<script defer src="/js/umbrella.min.b426107371d121c9a56a27aac9e9058ff592a021e2f4c3c94827fe70920d3cbb.js"></script>
<script defer src="/js/mobile.min.3a3510028bab9810834389725137cfa50f5d3231799ef9ac70769331fa59859a.js"></script>
<script defer src="/js/script.min.8e4d91ebe0d9226621e408b7205bd7b009e4935608e4b29c4275116490cc836d.js"></script>
</head>
<body>
<div class="page layout__page layout__sidebar-second">
<header class="header layout__header">
<h1 class="header__site-name">
<a href="/" title="Home" class="header__site-link" rel="home"><span>Der Netzbegrünung Podcast</span></a>
</h1>
<div class="region header__region">
</div>
</header>
<nav class="main-menu layout__navigation">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
<main class="main layout__main">
<h1 class="title">Tags</h1>
</main>
<aside class="sidebar layout__second-sidebar">
<section>
<h4 class="menu"><a href="/podcast/">Podcasts</a></h4>
<ul class="menu">
<li><a href="/podcast/1-chatbegruenung-aus-nutzer-innensicht/">Folge 1 Chatbegrünung aus Nutzer:innensicht</a></li>
</ul>
</section>
</aside>
<footer class="footer layout__footer">
<p>Subscribe to section tags: <a rel="alternate" type="application/rss&#43;xml" href="https://podcast.netzbegruenung.de/tags/index.xml">RSS</a></p>
<p>Diese Seite und der Podcast stehen unter der
<a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA 4.0 Lizenz</a></p>
<p><a href="https://blog.netzbegruenung.de/">Netzbegrünung e. V.</a></p>
</footer>
</div>
<div class="mobile-nav" dir="ltr">
<div class="mobile-nav__cover"></div>
<a href="#navigation" class="mobile-nav__toggle" aria-haspopup="true" role="button">Menü</a>
<div class="mobile-nav__sheet">
<div class="mobile-nav__region">
</div>
<nav class="mobile-nav__main-menu">
<h2 class="visually-hidden">Hauptmenü</h2>
<ul class="mobile-nav__navbar">
<li><a href="/">Home</a></li>
<li><a href="/podcast/">Podcasts</a></li>
</ul>
</nav>
</div>
</div>
</body>
</html>

14
public/tags/index.xml Normal file
View File

@ -0,0 +1,14 @@
<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>Tags auf Der Netzbegrünung Podcast</title>
<link>https://podcast.netzbegruenung.de/tags/</link>
<description>Aktuelle Inhalte in Tags auf Der Netzbegrünung Podcast</description>
<generator>Hugo -- gohugo.io</generator>
<language>de-de</language>
<managingEditor>marian@sendung.de (Marian Steinbach)</managingEditor>
<webMaster>marian@sendung.de (Marian Steinbach)</webMaster>
<atom:link href="https://podcast.netzbegruenung.de/tags/index.xml" rel="self" type="application/rss+xml" />
</channel>
</rss>

View File

@ -0,0 +1 @@
<!DOCTYPE html><html><head><title>https://podcast.netzbegruenung.de/tags/</title><link rel="canonical" href="https://podcast.netzbegruenung.de/tags/"/><meta name="robots" content="noindex"><meta charset="utf-8" /><meta http-equiv="refresh" content="0; url=https://podcast.netzbegruenung.de/tags/" /></head></html>

View File

@ -0,0 +1 @@
.main-menu,.header__region{display:none}@media (min-width: 666px){.main-menu,.header__region{display:block}}.mobile-nav{font-family:Futura,"Century Gothic",AppleGothic,sans-serif;position:absolute;right:0;top:0;width:100vw;height:100vh;overflow:hidden;z-index:20;pointer-events:none}@media (min-width: 666px){.mobile-nav{display:none}}.js-nav-open .mobile-nav{position:fixed}.mobile-nav__cover{position:absolute;width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);opacity:0}.js-nav-open .mobile-nav__cover{opacity:1;pointer-events:auto}.mobile-nav__toggle{display:block;position:absolute;top:10px;right:10px;padding:6px 29px 4px 4px;z-index:22;text-decoration:none;font-weight:bold;line-height:1;border:1px solid #ccc;border-radius:3px;color:#000;pointer-events:auto}@media (min-width: 666px){.mobile-nav__toggle{display:none}}.js-nav-open .mobile-nav__toggle{color:#fff}.mobile-nav__toggle::after{position:absolute;content:'';margin-left:5px;width:20px;height:20px;border-top:12px double #000;border-bottom:4px solid #000}.js-nav-open .mobile-nav__toggle::after{border-color:#fff}.mobile-nav__sheet{background-color:#333;width:90vw;height:100vh;padding:2rem;transform:translateX(100vw);z-index:21}.mobile-nav__sheet a{color:#fff;text-decoration:none}.mobile-nav__sheet a:hover,.mobile-nav__sheet a:focus{color:#fff}.js-nav-open .mobile-nav__sheet{pointer-events:auto;box-shadow:-10px 0 10px -10px #333;transform:translateX(10vw)}.mobile-nav__navbar{display:flex;flex-direction:column;padding:0;margin:0}.mobile-nav__navbar li{list-style-type:none;margin:.4rem 0}.mobile-nav__cover,.mobile-nav__toggle,.mobile-nav__toggle::after,.mobile-nav__sheet{transition:all 130ms ease-in}.js-nav-open .mobile-nav__cover,.js-nav-open .mobile-nav__toggle,.js-nav-open .mobile-nav__toggle::after,.js-nav-open .mobile-nav__sheet{transition:all 330ms ease-out}

View File

@ -0,0 +1 @@
{"Target":"css/mobile.2ab74aa64785dcab8114959e76ca140cf76207cd85989bc6d4fc3b12f734a09e.css","MediaType":"text/css","Data":{"Integrity":"sha256-KrdKpkeF3KuBFJWedsoUDPdiB82FmJvG1Pw7Evc0oJ4="}}

View File

@ -0,0 +1,91 @@
.main-menu,
.header__region {
display: none; }
@media (min-width: 666px) {
.main-menu,
.header__region {
display: block; } }
.mobile-nav {
font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
position: absolute;
right: 0;
top: 0;
width: 100vw;
height: 100vh;
overflow: hidden;
z-index: 20;
pointer-events: none; }
@media (min-width: 666px) {
.mobile-nav {
display: none; } }
.js-nav-open .mobile-nav {
position: fixed; }
.mobile-nav__cover {
position: absolute;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.2);
opacity: 0; }
.js-nav-open .mobile-nav__cover {
opacity: 1;
pointer-events: auto; }
.mobile-nav__toggle {
display: block;
position: absolute;
top: 10px;
right: 10px;
padding: 6px 29px 4px 4px;
z-index: 22;
text-decoration: none;
font-weight: bold;
line-height: 1;
border: 1px solid #cccccc;
border-radius: 3px;
color: #000;
pointer-events: auto; }
@media (min-width: 666px) {
.mobile-nav__toggle {
display: none; } }
.js-nav-open .mobile-nav__toggle {
color: #fff; }
.mobile-nav__toggle::after {
position: absolute;
content: '';
margin-left: 5px;
width: 20px;
height: 20px;
border-top: 12px double #000;
border-bottom: 4px solid #000; }
.js-nav-open .mobile-nav__toggle::after {
border-color: #fff; }
.mobile-nav__sheet {
background-color: #333333;
width: 90vw;
height: 100vh;
padding: 2rem;
transform: translateX(100vw);
z-index: 21; }
.mobile-nav__sheet a {
color: #fff;
text-decoration: none; }
.mobile-nav__sheet a:hover, .mobile-nav__sheet a:focus {
color: #fff; }
.js-nav-open .mobile-nav__sheet {
pointer-events: auto;
box-shadow: -10px 0 10px -10px #333333;
transform: translateX(10vw); }
.mobile-nav__navbar {
display: flex;
flex-direction: column;
padding: 0;
margin: 0; }
.mobile-nav__navbar li {
list-style-type: none;
margin: .4rem 0; }
.mobile-nav__cover, .mobile-nav__toggle, .mobile-nav__toggle::after, .mobile-nav__sheet {
transition: all 130ms ease-in; }
.js-nav-open .mobile-nav__cover, .js-nav-open .mobile-nav__toggle, .js-nav-open .mobile-nav__toggle::after, .js-nav-open .mobile-nav__sheet {
transition: all 330ms ease-out; }
/*# sourceMappingURL=mobile.css.map */

View File

@ -0,0 +1 @@
{"Target":"css/mobile.css","MediaType":"text/css","Data":{}}

View File

@ -0,0 +1,23 @@
@media print {
.print-none,
.pager,
aside,
nav,
footer {
display: none; } }
@media print {
html {
font-size: 12pt; }
body,
.page {
background-color: #fff; }
.main {
width: 100%; }
:link,
:visited {
text-decoration: underline; }
abbr[title]::after {
content: " (" attr(title) ")"; } }
/*# sourceMappingURL=print.css.map */

View File

@ -0,0 +1 @@
{"Target":"css/print.css","MediaType":"text/css","Data":{}}

View File

@ -0,0 +1 @@
@media print{.print-none,.pager,aside,nav,footer{display:none}}@media print{html{font-size:12pt}body,.page{background-color:#fff}.main{width:100%}:link,:visited{text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}}

View File

@ -0,0 +1 @@
{"Target":"css/print.27fc184f8670f41a2690985390779e7b20335a8fadff8fa015cf9417ffe50c36.css","MediaType":"text/css","Data":{"Integrity":"sha256-J/wYT4Zw9BomkJhTkHeeeyAzWo+t/4+gFc+UF//lDDY="}}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1 @@
{"Target":"css/styles.9a3856451d3f4911845551d6f046455bd8cbf120441071c76e7438ba3ac163e1.css","MediaType":"text/css","Data":{"Integrity":"sha256-mjhWRR0/SRGEVVHW8EZFW9jL8SBEEHHHbnQ4ujrBY+E="}}

View File

@ -0,0 +1,854 @@
html {
font-family: "Garamond Premier Pro", Charter, "Times New Roman", serif;
font-size: 137.5%;
line-height: 1.40909091em;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
min-height: 100%;
box-sizing: border-box; }
@media (min-width: 1111px) {
html {
font-size: 112.5%;
line-height: 1.38888889em; } }
*,
*::before,
*::after {
box-sizing: inherit; }
body {
margin: 0;
padding: 0; }
h1,
.header__site-name {
font-size: 1.27272727rem;
line-height: 2.11363636rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h2 {
font-size: 1.18181818rem;
line-height: 2.11363636rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h3 {
font-size: 1.09090909rem;
line-height: 2.11363636rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h4 {
font-size: 1rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h5 {
font-size: 0.81818182rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h6 {
font-size: 0.72727273rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
@media (min-width: 666px) {
h1,
.header__site-name {
font-size: 1.88888889rem;
line-height: 2.81818182rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h2 {
font-size: 1.55555556rem;
line-height: 2.11363636rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h3 {
font-size: 1.22222222rem;
line-height: 2.11363636rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h4 {
font-size: 1rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h5 {
font-size: 0.88888889rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; }
h6 {
font-size: 0.77777778rem;
line-height: 1.40909091rem;
margin-top: 1.40909091rem;
margin-bottom: 1.40909091rem; } }
.divider,
hr {
margin: 1.40909091rem 0;
border: 0;
border-top: 1px solid #cccccc; }
.divider > :first-child,
hr > :first-child {
margin-top: 1.40909091rem; }
blockquote {
margin: 1.40909091rem 2rem; }
dl,
ol,
ul {
margin: 1.40909091rem 0; }
dd {
margin: 0 0 0 44px; }
ol,
ul {
padding: 0 0 0 44px; }
ol ol,
ol ul,
ul ol,
ul ul {
margin: 0; }
figure {
margin: 1.40909091rem 0; }
hr {
box-sizing: content-box;
height: 0;
overflow: visible; }
p,
pre {
margin: 1.05681818rem 0; }
pre, code,
kbd,
samp {
font-family: Menlo, "Ubuntu Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace, sans-serif;
font-size: 1em; }
a {
color: #000;
-webkit-text-decoration-skip: objects; }
:visited {
color: #000; }
a:hover,
a:focus {
color: #333333; }
a:active {
color: #c00; }
abbr[title] {
border-bottom: 0;
text-decoration: underline;
text-decoration: underline dotted; }
b,
strong {
font-weight: inherit; }
b,
strong {
font-weight: bolder; }
small {
font-size: 0.81818182rem; }
sub,
sup {
font-size: 0.72727273rem;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -.25em; }
sup {
top: -.5em; }
img,
svg {
max-width: 100%;
height: auto; }
button,
input,
optgroup,
select,
textarea {
font-family: "Garamond Premier Pro", Charter, "Times New Roman", serif;
line-height: 1.40909091rem;
font-size: 100%;
box-sizing: border-box;
max-width: 100%;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
input {
overflow: visible; }
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto; }
[type='search'] {
-webkit-appearance: textfield;
outline-offset: -2px; }
[type='search']::-webkit-search-cancel-button, [type='search']::-webkit-search-decoration {
-webkit-appearance: none; }
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit; }
.button,
button,
[type='button'],
[type='reset'],
[type='submit'] {
font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
margin-right: 1.05681818rem;
margin-bottom: 1.05681818rem;
display: inline-block;
padding: 2px 10px;
line-height: inherit;
text-decoration: none;
cursor: pointer;
color: #333333;
text-align: center;
background-image: linear-gradient(#f6f6f6, #e2e2e2);
border: 1px solid #e4e4e4;
border-left-color: #d2d2d2;
border-right-color: #d2d2d2;
border-bottom-color: #b4b4b4;
border-radius: 2px;
-moz-appearance: button;
-webkit-appearance: button; }
.button::-moz-focus-inner,
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
border-style: none;
padding: 0; }
.button:-moz-focusring,
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
outline: 1px dotted ButtonText; }
.button:hover, .button:focus, .button:active,
button:hover,
button:focus,
button:active,
[type='button']:hover,
[type='button']:focus,
[type='button']:active,
[type='reset']:hover,
[type='reset']:focus,
[type='reset']:active,
[type='submit']:hover,
[type='submit']:focus,
[type='submit']:active {
text-decoration: none;
color: #333333; }
.button:active,
button:active,
[type='button']:active,
[type='reset']:active,
[type='submit']:active {
border-color: #555;
text-shadow: #333333 0 -1px 0;
background: #666666;
color: #fff; }
.button[disabled],
button[disabled],
[disabled][type='button'],
[disabled][type='reset'],
[disabled][type='submit'] {
cursor: default;
color: #999999;
background-color: #eeeeee;
border-color: #eeeeee;
background-image: none;
text-shadow: none; }
.button[disabled]:hover,
button[disabled]:hover,
[disabled]:hover[type='button'],
[disabled]:hover[type='reset'],
[disabled]:hover[type='submit'], .button[disabled]:focus,
button[disabled]:focus,
[disabled]:focus[type='button'],
[disabled]:focus[type='reset'],
[disabled]:focus[type='submit'], .button[disabled]:active,
button[disabled]:active,
[disabled]:active[type='button'],
[disabled]:active[type='reset'],
[disabled]:active[type='submit'] {
color: #999999; }
[type='checkbox'],
[type='radio'] {
box-sizing: border-box;
padding: 0; }
fieldset {
padding: 0.49318182rem 0.70454545rem 0.91590909rem;
border: 1px solid #cccccc; }
legend {
box-sizing: border-box;
display: table;
max-width: 100%;
margin-left: -5px;
padding: 0 5px;
color: inherit;
white-space: normal; }
label {
display: block;
font-weight: bold; }
progress {
vertical-align: baseline; }
textarea {
overflow: auto; }
table {
margin: 1.40909091rem 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%; }
td,
th {
padding: 0; }
details {
display: block; }
summary {
display: list-item; }
menu {
margin: 1.40909091rem 0;
padding: 0 0 0 44px; }
menu menu,
ol menu,
ul menu {
margin: 0; }
.layout__page {
max-width: 960px; }
@media (min-width: 666px) {
.layout__page {
margin: 0 auto;
min-height: 100vh; } }
.layout__header, .layout__footer, .layout__main, .layout__navigation, .layout__first-sidebar, .layout__second-sidebar, .layout__page-top, .layout__page-bottom {
padding: 0 10px;
min-width: 0; }
@media (min-width: 666px) {
.layout__header, .layout__footer, .layout__main, .layout__navigation, .layout__first-sidebar, .layout__second-sidebar, .layout__page-top, .layout__page-bottom {
padding: 0 20px; } }
@supports (display: grid) {
.layout__page {
display: grid;
grid-template-areas: 'head' 'nav' 'top' 'main' 'side1' 'side2' 'bottom' 'foot';
grid-template-rows: auto auto auto 1fr auto auto auto auto;
grid-template-columns: 1fr; }
@media (min-width: 999px) {
.layout__page {
grid-template-rows: auto auto auto 1fr auto auto; }
.layout__sidebar-first {
grid-template-areas: 'head head' 'nav nav' 'side1 top' 'side1 main' 'side1 bottom' 'foot foot';
grid-template-columns: 1fr 2fr; }
.layout__sidebar-second {
grid-template-areas: 'head head' 'nav nav' 'top side2' 'main side2' 'bottom side2' 'foot foot';
grid-template-columns: 2fr 1fr; }
.layout__sidebar-two {
grid-template-areas: 'head head head' 'nav nav nav' 'side1 top side2' 'side1 main side2' 'side1 bottom side2' 'foot foot foot';
grid-template-columns: 1fr 2fr 1fr; } }
.layout__header {
grid-area: head; }
.layout__navigation {
grid-area: nav; }
.layout__page-top {
grid-area: top; }
.layout__main {
grid-area: main; }
.layout__first-sidebar {
grid-area: side1; }
.layout__second-sidebar {
grid-area: side2; }
.layout__page-bottom {
grid-area: bottom; }
.layout__footer {
grid-area: foot; } }
.box {
margin-bottom: 1.40909091rem;
border: 5px solid #cccccc;
padding: 1em; }
.box__title {
margin: 0; }
.box:focus, .box:hover, .box.is-focus, .box--is-focus {
border-color: #000; }
.box--highlight {
border-color: #000; }
.clearfix::before {
content: '';
display: table; }
.clearfix::after {
content: '';
display: table;
clear: both; }
@media (min-width: 666px) {
.header {
display: flex; } }
.header__logo {
margin: 0 20px 0 0; }
.header__logo-image {
vertical-align: bottom; }
.header__site-name {
margin: 0;
display: inline-block; }
.header__site-link:link, .header__site-link:visited {
color: #000;
text-decoration: none; }
.header__site-link:hover, .header__site-link:focus {
text-decoration: underline; }
@media (min-width: 666px) {
.header__region {
margin-left: auto; } }
.hidden,
html.js .js-hidden,
html.nojs .nojs-hidden {
display: none; }
.highlight-mark {
color: #c00;
background-color: transparent; }
.inline-links {
padding: 0; }
.inline-links__item {
display: inline;
list-style-type: none;
padding: 0 1em 0 0; }
.inline-sibling {
display: inline;
margin-right: 10px; }
.inline-sibling__child,
.inline-sibling * {
display: inline; }
.inline-sibling__adjacent,
.inline-sibling + *,
.inline-sibling + * > :first-child,
.inline-sibling + * > :first-child > :first-child {
display: inline; }
.inverted-box {
padding: 0.70454545rem;
background: #333333;
color: #fff;
border-radius: 5px; }
.inverted-box :link,
.inverted-box :visited {
color: #fff; }
.inverted-box p:first-of-type,
.inverted-box ul:first-of-type,
.inverted-box ol:first-of-type {
margin-top: 0; }
.inverted-box p:last-of-type,
.inverted-box ul:last-of-type,
.inverted-box ol:last-of-type {
margin-bottom: 0; }
.language-selector .navbar::before {
content: '';
background-image: url("../images/language-icon.png");
background-size: 24px;
background-repeat: no-repeat;
height: 24px;
width: 24px;
margin-right: 8px; }
article > .content ul,
aside ul {
display: table;
list-style: none;
padding: 0; }
article > .content ul > li, aside ul > li {
display: table-row; }
article > .content ul > li::before, aside ul > li::before {
font-size: 0.81818182rem;
padding-right: 0.70454545rem;
display: table-cell;
content: '\2022'; }
@media (min-width: 1111px) {
article > .content ul > li::before, aside ul > li::before {
font-size: 0.88888889rem; } }
article > .content ol,
aside ol {
display: table;
list-style: none;
padding: 0; }
article > .content ol > li, aside ol > li {
display: table-row;
counter-increment: table-ol; }
article > .content ol > li::before, aside ol > li::before {
font-size: 0.81818182rem;
padding-right: 0.70454545rem;
display: table-cell;
content: counter(table-ol) ".";
text-align: right; }
@media (min-width: 1111px) {
article > .content ol > li::before, aside ol > li::before {
font-size: 0.88888889rem; } }
.message {
padding: 10px;
border-width: 1px;
border-style: solid;
width: 95%; }
.message.status {
background-color: #f4feee;
color: #43a808;
border-color: #43a808; }
.message.warning {
background-color: #fffce6;
color: #000;
border-color: #000; }
.message.error {
background-color: #fff0f0;
color: #c00;
border-color: #c00; }
.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0; }
.responsive-video__embed,
.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.responsive-video--4-3 {
padding-bottom: 75%; }
.visually-hidden {
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
word-wrap: normal; }
.visually-hidden--off,
.visually-hidden--focusable:active,
.visually-hidden--focusable:focus {
position: static !important;
clip: auto;
height: auto;
width: auto;
overflow: visible; }
.watermark {
font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
display: block;
height: 0;
overflow: visible;
background-color: transparent;
color: #eeeeee;
font-size: 75px;
line-height: 1;
text-align: center;
text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
word-wrap: break-word; }
.more-link {
text-align: right; }
.more-link__help-icon {
padding: 1px 0 1px 20px;
background-image: url(../sass/navigation/more-link/more-link__help-icon.svg);
background-position: 0 50%;
background-repeat: no-repeat; }
.navbar {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
text-align: left; }
.navbar__item,
.navbar li {
padding: 0 10px 0 0;
list-style-type: none;
list-style-image: none; }
.pager {
margin-top: 0.70454545rem;
margin-bottom: 0.70454545rem;
clear: both;
padding: 0;
text-align: center; }
.pager__item,
.pager__current-item,
.pager-current,
.pager-item,
.pager-first,
.pager-previous,
.pager-next,
.pager-last,
.pager-ellipsis {
display: inline;
padding: 0 .5em;
list-style-type: none;
background-image: none; }
.pager__current-item,
.pager-current {
font-weight: bold; }
body {
background-color: #eeeeee; }
.page {
background-color: #fff; }
.header {
padding-top: 10px; }
@media (min-width: 666px) {
.header {
padding-top: 20px; } }
.footer {
margin-top: 2.11363636rem;
padding: 0.70454545rem 0;
text-align: center;
border-top: 2px solid #333333; }
.footer p {
margin: 0; }
th,
label,
legend,
figcaption {
font-size: 0.81818182rem;
line-height: 1.40909091rem; }
@media (min-width: 1111px) {
th,
label,
legend,
figcaption {
font-size: 0.88888889rem;
line-height: 1.40909091rem; } }
.language-selector,
article > header,
.content-dates,
.footer {
font-size: 0.72727273rem;
line-height: 1.40909091rem; }
@media (min-width: 1111px) {
.language-selector,
article > header,
.content-dates,
.footer {
font-size: 0.77777778rem;
line-height: 1.40909091rem; } }
h1,
h2,
h3,
th,
nav,
label,
legend,
article > header,
.content-dates,
.header,
.footer {
font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
color: #333333;
font-weight: normal; }
article > header {
color: #666666; }
@media (min-width: 888px) {
article .submitted,
article .tags {
display: inline-block;
padding-right: 1rem; } }
article .tags ul {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
padding: 0; }
article .tags li {
list-style-type: none;
padding-right: 0.28181818rem; }
article .content-dates {
color: #666666;
text-align: right; }
article code {
font-size: 0.72727273rem;
line-height: 1.40909091rem;
overflow-wrap: break-word; }
@media (min-width: 1111px) {
article code {
font-size: 0.77777778rem;
line-height: 1.40909091rem; } }
article pre {
color: #333333;
border-radius: 3px;
padding: 5px;
border: 1px solid #cccccc;
background-color: #fff;
overflow: auto;
max-height: 300px;
max-width: 90vw; }
article pre.chroma {
max-height: initial;
overflow-x: scroll; }
article pre > code {
display: inline-block;
white-space: pre; }
article .js-clipboard-button {
display: block; }
.title-submitted {
margin-bottom: 0; }
@media (min-width: 666px) {
figure.image figcaption {
display: table-caption;
caption-side: bottom; } }
figure.image figcaption h4,
figure.image figcaption p {
margin: 0; }
@media (min-width: 666px) {
figure.image {
display: table; }
figure.image img {
display: block; }
figure.image.left {
padding: 0 0.70454545rem 0.70454545rem 0;
margin: 0;
float: left;
clear: both; }
figure.image.left figcaption {
padding: 0 0.70454545rem 0.70454545rem 0; }
figure.image.right {
padding: 0 0 0.70454545rem 0.70454545rem;
margin: 0;
float: right;
clear: both; }
figure.image.right figcaption {
padding: 0 0 0.70454545rem 0.70454545rem; } }
figure.podcast audio {
width: 95%; }
.main-menu {
margin-top: 0.70454545rem;
outline: 0; }
.main-menu li {
margin-right: 0.70454545rem;
margin-bottom: 0.70454545rem;
padding: 0; }
.main-menu a {
display: block;
background-color: #333333;
color: #fff;
padding: 2px 8px;
text-decoration: none; }
.main-menu a:hover, .main-menu a:focus {
background-color: #666666; }
.main-menu a:active, .main-menu a.active {
background-color: #333333;
text-decoration: underline; }
.menu a.active {
text-decoration: none; }
.search-form {
padding: 0.70454545rem 0; }
.search-text {
font-size: 1.09090909rem;
line-height: 1.40909091rem; }
.content input,
.content textarea {
margin-bottom: 1.05681818rem;
width: 92%; }
.content input:required + span::after,
.content textarea:required + span::after {
content: ' *';
color: #c00;
vertical-align: top; }
.content input:not(:placeholder-shown):valid,
.content textarea:not(:placeholder-shown):valid {
background-color: #f4feee; }
.content input:not(:placeholder-shown):invalid,
.content textarea:not(:placeholder-shown):invalid {
background-color: #fff0f0; }
.js-submitted input:valid,
.js-submitted textarea:valid {
background-color: #f4feee; }
.js-submitted input:invalid,
.js-submitted textarea:invalid {
background-color: #fff0f0; }
/*# sourceMappingURL=styles.css.map */

View File

@ -0,0 +1 @@
{"Target":"css/styles.css","MediaType":"text/css","Data":{}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

View File

@ -0,0 +1,2 @@
*.min.js
umbrella.js

View File

@ -0,0 +1,143 @@
extends: eslint:recommended
env:
browser: true
globals:
jQuery: true
u: true
rules:
array-bracket-spacing:
- "error"
- never
block-scoped-var: "error"
brace-style:
- "error"
- stroustrup
- allowSingleLine: true
comma-dangle:
- "error"
- never
comma-spacing: "error"
comma-style:
- "error"
- last
computed-property-spacing:
- "error"
- never
curly:
- "error"
- all
eol-last: "error"
eqeqeq:
- "error"
- smart
guard-for-in: "error"
indent:
- "error"
- 2
- SwitchCase: 1
key-spacing:
- "error"
- afterColon: true
beforeColon: false
keyword-spacing:
- "error"
- after: true
before: true
linebreak-style:
- "error"
- unix
lines-around-comment:
- "error"
- afterBlockComment: false
beforeBlockComment: true
max-nested-callbacks:
- "warn"
- 3
new-parens: "error"
no-array-constructor: "error"
no-caller: "error"
no-catch-shadow: "error"
no-eval: "error"
no-extend-native: "error"
no-extra-bind: "error"
no-extra-parens:
- "error"
- functions
no-implied-eval: "error"
no-iterator: "error"
no-label-var: "error"
no-labels: "error"
no-lone-blocks: "error"
no-loop-func: "error"
no-multi-spaces: "error"
no-multi-str: "error"
no-native-reassign: "error"
no-nested-ternary: "error"
no-new-func: "error"
no-new-object: "error"
no-new-wrappers: "error"
no-octal-escape: "error"
no-process-exit: "error"
no-proto: "error"
no-return-assign: "error"
no-script-url: "error"
no-sequences: "error"
no-shadow-restricted-names: "error"
no-spaced-func: "error"
no-trailing-spaces: "error"
no-undef-init: "error"
no-undefined: "error"
no-unused-expressions: "error"
no-unused-vars:
- "error"
- args: none
vars: all
no-with: "error"
object-curly-spacing:
- "error"
- never
one-var:
- "error"
- never
quote-props:
- "error"
- consistent-as-needed
quotes:
- "error"
- single
- avoid-escape
semi:
- "error"
- always
semi-spacing:
- "error"
- after: true
before: false
space-before-blocks:
- "error"
- always
space-before-function-paren:
- "error"
- anonymous: always
named: never
space-in-parens:
- "error"
- never
space-infix-ops: "error"
space-unary-ops:
- "error"
- nonwords: false
words: true
spaced-comment:
- "error"
- always
strict: "error"
valid-jsdoc:
- "warn"
- prefer:
property: prop
returns: return
requireReturn: false
yoda:
- "error"
- never

1
themes/zen/zen_tmp/.gitignore vendored Normal file
View File

@ -0,0 +1 @@
node_modules/

View File

@ -0,0 +1,124 @@
# Documentation for the sass-lint Linters is available at:
# https://github.com/sasstools/sass-lint/tree/master/docs/rules
options:
formatter: stylish
merge-default-rules: true
rules:
# Extends
extends-before-mixins: 2
extends-before-declarations: 2
placeholder-in-extend: 2
# Mixins
mixins-before-declarations:
- 2
- exclude:
- 'breakpoint'
- 'mq'
- 'respond-to'
- 'rtl'
- 'zen-breakpoint'
- 'zen-layout'
- 'zen-mq'
- 'zen-respond-to'
# Line Spacing
one-declaration-per-line: 2
empty-line-between-blocks:
- 2
- ignore-single-line-rulesets: false
single-line-per-selector: 2
# Disallows
no-attribute-selectors: 0
no-color-hex: 2
no-color-keywords: 2
no-color-literals: 2
no-combinators: 0
no-css-comments: 2
no-debug: 2
no-disallowed-properties: 2
no-duplicate-properties: 2
no-empty-rulesets: 0
no-extends: 0
no-ids: 2
no-important: 2
no-invalid-hex: 2
no-mergeable-selectors: 2
no-misspelled-properties:
- 2
- extra-properties:
- '*font-family'
- '*height'
- 'interpolation-mode'
- '*margin-left'
- '*vertical-align'
- '*width'
no-qualifying-elements: 0
no-trailing-whitespace: 2
no-trailing-zero: 2
no-transition-all: 0
no-universal-selectors: 0
no-url-protocols: 2
no-vendor-prefixes: 2
no-warn: 2
property-units: 0
# Nesting
force-attribute-nesting: 0
force-element-nesting: 0
force-pseudo-nesting: 0
# Name Formats
class-name-format:
- 2
- convention: hyphenatedbem
function-name-format: 2
id-name-format: 2
mixin-name-format:
- 2
- convention: hyphenatedbem
placeholder-name-format:
- 2
- convention: hyphenatedbem
variable-name-format: 2
# Style Guide
attribute-quotes: 2
bem-depth: 0
border-zero: 2
brace-style:
- 2
- style: stroustrup
- allow-single-line: false
clean-import-paths: 2
empty-args: 0
hex-length: 2
hex-notation: 2
indentation: 2
leading-zero: 2
nesting-depth:
- 2
- max-depth: 4
property-sort-order: 0
pseudo-element: 1
quotes: 2
shorthand-values: 2
url-quotes: 2
variable-for-property: 2
zero-unit: 2
# Inner Spacing
space-after-comma: 2
space-before-colon: 2
space-after-colon: 2
space-before-brace: 2
space-before-bang: 2
space-after-bang: 2
space-between-parens: 0
space-around-operator: 0
# Final Items
trailing-semicolon: 2
final-newline: 2

View File

@ -0,0 +1,339 @@
GNU GENERAL PUBLIC LICENSE
Version 2, June 1991
Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
Everyone is permitted to copy and distribute verbatim copies
of this license document, but changing it is not allowed.
Preamble
The licenses for most software are designed to take away your
freedom to share and change it. By contrast, the GNU General Public
License is intended to guarantee your freedom to share and change free
software--to make sure the software is free for all its users. This
General Public License applies to most of the Free Software
Foundation's software and to any other program whose authors commit to
using it. (Some other Free Software Foundation software is covered by
the GNU Lesser General Public License instead.) You can apply it to
your programs, too.
When we speak of free software, we are referring to freedom, not
price. Our General Public Licenses are designed to make sure that you
have the freedom to distribute copies of free software (and charge for
this service if you wish), that you receive source code or can get it
if you want it, that you can change the software or use pieces of it
in new free programs; and that you know you can do these things.
To protect your rights, we need to make restrictions that forbid
anyone to deny you these rights or to ask you to surrender the rights.
These restrictions translate to certain responsibilities for you if you
distribute copies of the software, or if you modify it.
For example, if you distribute copies of such a program, whether
gratis or for a fee, you must give the recipients all the rights that
you have. You must make sure that they, too, receive or can get the
source code. And you must show them these terms so they know their
rights.
We protect your rights with two steps: (1) copyright the software, and
(2) offer you this license which gives you legal permission to copy,
distribute and/or modify the software.
Also, for each author's protection and ours, we want to make certain
that everyone understands that there is no warranty for this free
software. If the software is modified by someone else and passed on, we
want its recipients to know that what they have is not the original, so
that any problems introduced by others will not reflect on the original
authors' reputations.
Finally, any free program is threatened constantly by software
patents. We wish to avoid the danger that redistributors of a free
program will individually obtain patent licenses, in effect making the
program proprietary. To prevent this, we have made it clear that any
patent must be licensed for everyone's free use or not licensed at all.
The precise terms and conditions for copying, distribution and
modification follow.
GNU GENERAL PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. This License applies to any program or other work which contains
a notice placed by the copyright holder saying it may be distributed
under the terms of this General Public License. The "Program", below,
refers to any such program or work, and a "work based on the Program"
means either the Program or any derivative work under copyright law:
that is to say, a work containing the Program or a portion of it,
either verbatim or with modifications and/or translated into another
language. (Hereinafter, translation is included without limitation in
the term "modification".) Each licensee is addressed as "you".
Activities other than copying, distribution and modification are not
covered by this License; they are outside its scope. The act of
running the Program is not restricted, and the output from the Program
is covered only if its contents constitute a work based on the
Program (independent of having been made by running the Program).
Whether that is true depends on what the Program does.
1. You may copy and distribute verbatim copies of the Program's
source code as you receive it, in any medium, provided that you
conspicuously and appropriately publish on each copy an appropriate
copyright notice and disclaimer of warranty; keep intact all the
notices that refer to this License and to the absence of any warranty;
and give any other recipients of the Program a copy of this License
along with the Program.
You may charge a fee for the physical act of transferring a copy, and
you may at your option offer warranty protection in exchange for a fee.
2. You may modify your copy or copies of the Program or any portion
of it, thus forming a work based on the Program, and copy and
distribute such modifications or work under the terms of Section 1
above, provided that you also meet all of these conditions:
a) You must cause the modified files to carry prominent notices
stating that you changed the files and the date of any change.
b) You must cause any work that you distribute or publish, that in
whole or in part contains or is derived from the Program or any
part thereof, to be licensed as a whole at no charge to all third
parties under the terms of this License.
c) If the modified program normally reads commands interactively
when run, you must cause it, when started running for such
interactive use in the most ordinary way, to print or display an
announcement including an appropriate copyright notice and a
notice that there is no warranty (or else, saying that you provide
a warranty) and that users may redistribute the program under
these conditions, and telling the user how to view a copy of this
License. (Exception: if the Program itself is interactive but
does not normally print such an announcement, your work based on
the Program is not required to print an announcement.)
These requirements apply to the modified work as a whole. If
identifiable sections of that work are not derived from the Program,
and can be reasonably considered independent and separate works in
themselves, then this License, and its terms, do not apply to those
sections when you distribute them as separate works. But when you
distribute the same sections as part of a whole which is a work based
on the Program, the distribution of the whole must be on the terms of
this License, whose permissions for other licensees extend to the
entire whole, and thus to each and every part regardless of who wrote it.
Thus, it is not the intent of this section to claim rights or contest
your rights to work written entirely by you; rather, the intent is to
exercise the right to control the distribution of derivative or
collective works based on the Program.
In addition, mere aggregation of another work not based on the Program
with the Program (or with a work based on the Program) on a volume of
a storage or distribution medium does not bring the other work under
the scope of this License.
3. You may copy and distribute the Program (or a work based on it,
under Section 2) in object code or executable form under the terms of
Sections 1 and 2 above provided that you also do one of the following:
a) Accompany it with the complete corresponding machine-readable
source code, which must be distributed under the terms of Sections
1 and 2 above on a medium customarily used for software interchange; or,
b) Accompany it with a written offer, valid for at least three
years, to give any third party, for a charge no more than your
cost of physically performing source distribution, a complete
machine-readable copy of the corresponding source code, to be
distributed under the terms of Sections 1 and 2 above on a medium
customarily used for software interchange; or,
c) Accompany it with the information you received as to the offer
to distribute corresponding source code. (This alternative is
allowed only for noncommercial distribution and only if you
received the program in object code or executable form with such
an offer, in accord with Subsection b above.)
The source code for a work means the preferred form of the work for
making modifications to it. For an executable work, complete source
code means all the source code for all modules it contains, plus any
associated interface definition files, plus the scripts used to
control compilation and installation of the executable. However, as a
special exception, the source code distributed need not include
anything that is normally distributed (in either source or binary
form) with the major components (compiler, kernel, and so on) of the
operating system on which the executable runs, unless that component
itself accompanies the executable.
If distribution of executable or object code is made by offering
access to copy from a designated place, then offering equivalent
access to copy the source code from the same place counts as
distribution of the source code, even though third parties are not
compelled to copy the source along with the object code.
4. You may not copy, modify, sublicense, or distribute the Program
except as expressly provided under this License. Any attempt
otherwise to copy, modify, sublicense or distribute the Program is
void, and will automatically terminate your rights under this License.
However, parties who have received copies, or rights, from you under
this License will not have their licenses terminated so long as such
parties remain in full compliance.
5. You are not required to accept this License, since you have not
signed it. However, nothing else grants you permission to modify or
distribute the Program or its derivative works. These actions are
prohibited by law if you do not accept this License. Therefore, by
modifying or distributing the Program (or any work based on the
Program), you indicate your acceptance of this License to do so, and
all its terms and conditions for copying, distributing or modifying
the Program or works based on it.
6. Each time you redistribute the Program (or any work based on the
Program), the recipient automatically receives a license from the
original licensor to copy, distribute or modify the Program subject to
these terms and conditions. You may not impose any further
restrictions on the recipients' exercise of the rights granted herein.
You are not responsible for enforcing compliance by third parties to
this License.
7. If, as a consequence of a court judgment or allegation of patent
infringement or for any other reason (not limited to patent issues),
conditions are imposed on you (whether by court order, agreement or
otherwise) that contradict the conditions of this License, they do not
excuse you from the conditions of this License. If you cannot
distribute so as to satisfy simultaneously your obligations under this
License and any other pertinent obligations, then as a consequence you
may not distribute the Program at all. For example, if a patent
license would not permit royalty-free redistribution of the Program by
all those who receive copies directly or indirectly through you, then
the only way you could satisfy both it and this License would be to
refrain entirely from distribution of the Program.
If any portion of this section is held invalid or unenforceable under
any particular circumstance, the balance of the section is intended to
apply and the section as a whole is intended to apply in other
circumstances.
It is not the purpose of this section to induce you to infringe any
patents or other property right claims or to contest validity of any
such claims; this section has the sole purpose of protecting the
integrity of the free software distribution system, which is
implemented by public license practices. Many people have made
generous contributions to the wide range of software distributed
through that system in reliance on consistent application of that
system; it is up to the author/donor to decide if he or she is willing
to distribute software through any other system and a licensee cannot
impose that choice.
This section is intended to make thoroughly clear what is believed to
be a consequence of the rest of this License.
8. If the distribution and/or use of the Program is restricted in
certain countries either by patents or by copyrighted interfaces, the
original copyright holder who places the Program under this License
may add an explicit geographical distribution limitation excluding
those countries, so that distribution is permitted only in or among
countries not thus excluded. In such case, this License incorporates
the limitation as if written in the body of this License.
9. The Free Software Foundation may publish revised and/or new versions
of the General Public License from time to time. Such new versions will
be similar in spirit to the present version, but may differ in detail to
address new problems or concerns.
Each version is given a distinguishing version number. If the Program
specifies a version number of this License which applies to it and "any
later version", you have the option of following the terms and conditions
either of that version or of any later version published by the Free
Software Foundation. If the Program does not specify a version number of
this License, you may choose any version ever published by the Free Software
Foundation.
10. If you wish to incorporate parts of the Program into other free
programs whose distribution conditions are different, write to the author
to ask for permission. For software which is copyrighted by the Free
Software Foundation, write to the Free Software Foundation; we sometimes
make exceptions for this. Our decision will be guided by the two goals
of preserving the free status of all derivatives of our free software and
of promoting the sharing and reuse of software generally.
NO WARRANTY
11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN
OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS
TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE
PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
REPAIR OR CORRECTION.
12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
POSSIBILITY OF SUCH DAMAGES.
END OF TERMS AND CONDITIONS
How to Apply These Terms to Your New Programs
If you develop a new program, and you want it to be of the greatest
possible use to the public, the best way to achieve this is to make it
free software which everyone can redistribute and change under these terms.
To do so, attach the following notices to the program. It is safest
to attach them to the start of each source file to most effectively
convey the exclusion of warranty; and each file should have at least
the "copyright" line and a pointer to where the full notice is found.
<one line to give the program's name and a brief idea of what it does.>
Copyright (C) <year> <name of author>
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, write to the Free Software Foundation, Inc.,
51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
Also add information on how to contact you by electronic and paper mail.
If the program is interactive, make it output a short notice like this
when it starts in an interactive mode:
Gnomovision version 69, Copyright (C) year name of author
Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
This is free software, and you are welcome to redistribute it
under certain conditions; type `show c' for details.
The hypothetical commands `show w' and `show c' should show the appropriate
parts of the General Public License. Of course, the commands you use may
be called something other than `show w' and `show c'; they could even be
mouse-clicks or menu items--whatever suits your program.
You should also get your employer (if you work as a programmer) or your
school, if any, to sign a "copyright disclaimer" for the program, if
necessary. Here is a sample; alter the names:
Yoyodyne, Inc., hereby disclaims all copyright interest in the program
`Gnomovision' (which makes passes at compilers) written by James Hacker.
<signature of Ty Coon>, 1 April 1989
Ty Coon, President of Vice
This General Public License does not permit incorporating your program into
proprietary programs. If your program is a subroutine library, you may
consider it more useful to permit linking proprietary applications with the
library. If this is what you want to do, use the GNU Lesser General
Public License instead of this License.

View File

@ -0,0 +1,523 @@
# The Hugo Zen theme
**Zen** theme strives to be as clean and standard compliant as possible with some neat features. A solid base for your custom [Hugo](https://gohugo.io/) theme.
It uses HTML5 with a modern CSS grid and flex layout. Recent versions of all the mayor browsers support it, see [Can I use css grid](http://caniuse.com/#search=grid).
Sass is processed with Hugo pipes. To make using npm optional I have added the stylesheets from the excellent sass plugin [typey](https://www.npmjs.com/package/typey) directly to the theme.
![Lighthouse report](https://raw.githubusercontent.com/frjo/hugo-theme-zen/master/images/lighthouse_report.png)
## Table of contents
* [Features](#features)
* [Demo](#demo)
* [Minimum Hugo version](#minimum-hugo-version)
* [Installation](#installation)
* [Updating](#updating)
* [Run example site](#run-example-site)
* [Performance](#performance)
* [Sites using the Hugo Zen theme](#sites-using-the-hugo-zen-theme)
* [Screenshots](#screenshots)
* [Configuration](#configuration)
* [Customise](#customise)
* [Multilingual](#multilingual)
* [Contact form](#contact-form)
* [Dates](#dates)
* [Podcast](#podcast)
* [Shortcodes](#shortcodes)
* [Choose between using jQuery or Umbrella JS](#choose-between-using-jquery-or-umbrella-js)
* [Use Gulp to lint Sass and JavaScript](#use-gulp-to-lint-sass-and-javascript)
* [Getting help](#getting-help)
* [Credits](#credits)
## Features
* A mobile menu
* Analytics with Matamo (Piwik)
* Automatic linting of css and js
* Contact form (PHP)
* CSS grid and flex for layout
* Gulp.js (only for sass/js lint)
* HTML5
* Hugo Pipes for js and sass
* jQuery 3
* Micro.blog
* Minify css
* Meta tags and JSON-LD
* Multilingual (i18n)
* Normalize CSS
* Podcast
* Responsive design
* RSS and JSON feeds with full content
* Search with DuckDuckGo
* Sub theme support (Theme Components)
* Umbrella JS 3 (tiny jQuery replacement, 2.5kB when gzipped)
## Demo
https://themes.gohugo.io/theme/hugo-theme-zen/
## Minimum Hugo version
Hugo version 0.55.0 or higher is required.
## Installation
You can download and unpack the theme manually from Github but it's easier to use git to clone the repo.
From the root of your site:
```
$ git clone https://github.com/frjo/hugo-theme-zen.git themes/zen
```
If you use git to version control your site, highly recommended, it's best to add the zen theme as a submodule.
From the root of your site:
```
git submodule add https://github.com/frjo/hugo-theme-zen.git themes/zen
```
## Updating
From the root of your site:
```
git submodule update --remote --merge
```
## Run example site
From the root of `themes/zen/exampleSite`:
```
hugo server --themesDir ../..
```
## Performance
Performance should be excellent.
* Minimal and compliant HTML5
* Styles 17,7 kB (4,3 kB when gzipped)
* JavaScript 8,4 kB (2,7 kB when gzipped)
* All scripts loaded in head with "defer"
* Optimised for HTTP/2
Some performance tools will complain about to many files (js and css files are not concatenated) but with HTTP/2 that can be ignored.
## Sites using the Hugo Zen theme
* [BypassCensorship](https://www.bypasscensorship.org/) (multilingual)
* [Combonetwork development](https://combonet.se/) (multilingual)
* [Drejargården](https://www.drejargarden.se/)
* [Helmer Grundström](https://www.helmergrundstrom.se/)
* [xdeb.org](https://xdeb.org/)
* [xdeb.net](https://xdeb.net/)
## Screenshots
### On the large screen
![screenshot](https://raw.githubusercontent.com/frjo/hugo-theme-zen/master/images/tn.png)
### On the small screen
![screenshot](https://raw.githubusercontent.com/frjo/hugo-theme-zen/master/images/tn_mobil.png)
### The mobile menu
![screenshot](https://raw.githubusercontent.com/frjo/hugo-theme-zen/master/images/tn_mobil_menu.png)
## Configuration
Configurations parameters for the sites config file, in yaml format. All the "params" are optional.
```
baseurl: "https://example.org/"
title: "SiteTitle"
theme: "zen"
params:
contact: "info@example.org"
copyright: "This site is licensed under a
(https://creativecommons.org/licenses/by-sa/4.0/)."
[Creative Commons Attribution-ShareAlike 4.0 International License]
dateformat: "" # Set the date format, default to "2 January, 2006"
description: "" # Set site description, used in meta tags and JSON-LD
favicon: "" # Relative path to favicon in json feed, no leading slash.
feedlinks: true # Show feed links in the footer.
footer: "A [example.org](https://example.org/) production."
icon: "" # Relative path to icon in json feed and JSON-LD, no leading slash.
image: "" # Relative path to site image in JSON-LD, no leading slash.
imageMaxWidth: "" # Max width for images added via figure shortcode.
jquery: true # Add jQuery
languageDir: "" # Set ltr or rtl, defaults to ltr.
logo: false # Turn off the logo.
mainSections: # The sections you want to have listed on the front page.
- "section1" # Default to the section with most content if not set.
- "section2" # Set to empty if no section should be listed.
microUsername: "" # Your micro.blog username.
mobileMenu: true # Turn on a mobile menu on small screens.
piwikSiteId: # Matamo site id
piwikTrackerUrl: "" # Matamo url, schemaless and no slash on end (example.org/matamo).
poweredby: true # Show powered by hugo in footer
realfavicongenerator: # If full set of favicons, site manifest etc. exists, default false.
safariPinnedColor: # Hex color value, used in meta tags, default "#000000".
search: true # Site search with DuckDuckGo.
searchSize: 20 # Search field size, default 20.
sidebar: true # Show a sidebar to the right
submitted: true # Show author and date information for a post.
themeColor: # Hex color value, used in meta tags, default "#ffffff".
podcast:
title: # * Feed title, defaults to site title (iTunes).
description: # * Feed description/summary, defaults to site description (iTunes).
image: # * Feed image, place inside assets directory (iTunes).
category:
name: # * Feed category (iTunes).
subcategories: [] # Feed sub category (iTunes).
explicit: false/true # Feed explicit settting, default to false (iTunes).
author: # Feed author (iTunes).
owner:
name: # Feed owner name (iTunes).
email: # Feed owner e-mail (iTunes).
lang: # Feed language, defaults to site language (iTunes).
block: no/yes # Block the feed from iTunes, default to no (iTunes).
complete: no/yes # Set the feed as complete, defaults to no (iTunes).
type: episodic/serial # Podcast type, defaults to episodic (iTunes).
newfeed: # Are you moving? Set the new feed url here (iTunes).
cdn: # CDN url, no slash on end (https://cdn.example.org).
preload: none/metadata/auto # Set on the HTML5 audio tag, defaults to "metadata".
```
The site will work without setting any of the podcast parameters but your podcast feed will not be accepted by iTunes. At a minimum you need to set the first four, title, description, image and category name. Read more in the podcast section below.
## Customise
### Front page
This is a part that almost everyone will like to customise in some manner. The template file is `layouts/index.html`. By default it will include any text you put in `content/_index.md` and below that list the posts in "mainSections" as summaries.
If you do not specify any sections in the "mainSections" param (see configuration above) it will list the section with the most posts. If you do not want to list anything, set it but leave the value empty.
### Logo
Place your logo at `static/images/logo.png`. If you don't provide a logo, then the default theme logo will be used.
### Favicons
Upload your image to [RealFaviconGenerator](https://realfavicongenerator.net/) then copy-paste the generated favicon files under `static`.
Then set the "realfavicongenerator" param to true to add the needed meta tags. Also good to set the "themeColor" and "safariPinnedColor" params to correct colours.
### Layouts
To customise a layout included in the zen theme, copy it to the root layout directory and edit it there. Make sure to maintain the directory structure inside the layouts directory.
Add any new layouts to the root layout directory as well. This way they will not be overwritten when updating the theme.
#### Menu and sidebar layouts
The default menu will automatically have entries for the home page, each root page and each section, in that order.
If the default sidebar is activated it will display each section with all its pages listed below.
They are set up in `layouts/partials/menu.html`, `layouts/partials/mobilmenu.html` and `layouts/partials/sidebar.html`. The default works nicely for small sites but in many cases they will need to be customised.
### Styles and scripts
Styles and scripts are processed with Hugo pipes that was added in Hugo 0.46.
To customise a js or sass file, copy it to the root assets directory and edit it there. Make sure to maintain the directory structure inside the assets/sass directory.
There is an `assets/sass/_custom.scss` file meant for your custom styles. Copy it to the root `assets/sass/_custom.scss` to use it.
The default styles in `assets/sass/_zen.scss` are boring but functional. You can easily overide them completely by placing an empty file named "_zen.scss" in root assets/sass directory.
The sass files are by default built for production, compressed with fingerprint.
By setting the Hugo environment variable to "development" (default when running `hugo server`) they will instead be nested with sourcemaps.
### CSS grid for layout
Modern CSS grid is the easiest and cleanest way to layout your pages.
The CSS grid layout are in `assets/sass/layouts/_layouts.scss`. A lot can be done by just reordering "grid-template-rows".
## Multilingual
English, French, German, Portugis and Swedish translations are included and you can easily add more to the `i18n` site directory. French, German and Portugis are contributed by users.
A language selector will be included on sites with more than one language. Add `languageName` to your language configuration, this is what will be displayed in the selector.
The language selector will link to a translation of the current page if it exist and to the front page if it does not.
For "rtl" languages add a `dir` parameter to the language configuration. If not added it will default to "ltr".
```
languages:
sv:
weight: 1
languageName: "Svenska"
en:
weight: 2
languageName: "English"
ar:
weight: 3
languageName: "العربية"
params:
dir: "rtl"
```
## Contact form
If your server support php with the mail() command (very common) you can use the included contact form feature to get a contact form for your site.
1. Copy the file `themes/zen/php/contact.php.example` to `static/php/contact.php`.
2. Edit the contact.php file so it has your own e-mail address. You may also change the mail subject prefix.
3. Add the shortcode `{{< contact >}}` to a page. Also set `contactform: true` in the front matter for that page so the contact.js file gets loaded.
If you have a SPF record for your domain, make sure the web server is listed or other mail server may mark the mail as spam.
Two types of spam protection is implemented. The form can only be posted after the user have moved the mouse or pressed the tab or enter key. The form have a "honypot" field that is invisible to humans but not to most spam boots. If that field is filled in the mail will not be sent.
Form validation is handeld by HTML5 and there is some CSS to make it look nice.
Javascript is used for spam protection and to display error/success messages.
## Dates
If "lastmod" is set in the frontmatter on a post that value will be used in the "submitted" section. If not "date" is used.
With "lastmod" set a date section will also appear at the bottom of post telling the reader the created and modification dates.
## Podcast
The Zen theme supports podcasting.
* RSS feed with all the needed iTunes tags.
* Single and full layouts with HTML 5 audio player.
* Archetype with required parameters.
Here follow all the possible podcast frontmatter parameters. Only the first two is mandatory and are in the podcast archetype.
```
podcast:
mp3: # * The path to the mp3 file,
duration: # * Episode duration, e.g 1:04:02 (iTunes).
image:
src: # Episode image src, place inside the assets directory (iTunes).
alt: # Alt text for the image, explain what is on the image.
width: # Image width in the article, defaults to 250px.
class: # Image wrapper class.
explicit: true/false # Episode explicit setting, default to false (iTunes).
episode: # Episode number (iTunes).
episodeType: full/trailer/bonus # Episode type, defaults to full (iTunes).
season: # Episode season (iTunes).
block: # Block the episode from iTunes, default to no (iTunes).
```
* [Apple Podcasts categories](https://help.apple.com/itc/podcasts_connect/#/itc9267a2f12)
* [Apple - A podcasters guide to RSS](https://help.apple.com/itc/podcasts_connect/#/itcb54353390)
## Shortcodes
### Contact
Insert a html5 contact form, see more above.
```
{{< contact >}}
```
### Figure
Zen comes with a improved version of the built in "figure" shortcut.
* You can set a max width for images with parameter "imageMaxWidth".
* If width and height is not set the real dimensions of the image will be used.
* If only width or height is set the other value will be proportionally calculated.
### Clear
Break float.
```
{{< figure src="/images/image.jpg" class="right" >}}
blablabla # Displayed left of the image.
{{< clear >}}
blablabla # Displayed below of the image.
```
### Audio and Video
```
{{< audio src="/audio/audio.mp3" class="something" >}}
{{< video src="/video/video.mp4" class="something" >}}
```
Possible parameters are:
* src
* class
* preload (none/metadata/auto, default metadata)
* width (only video)
The audio and video tags will be wrapped with a figure tag.
### Wrapper
A simple, but useful, shortcode to wrap content in a div with a class. The content will be run through "markdownify".
```
{{< wrapper class-name-you-want markdown >}}
The **content** that should be wrapped.
Some more content.
{{< /wrapper >}}
```
This will produce:
```
<div class="class-name-you-want">
<p>The <strong>content</strong> that should be wrapped.</p>
<p>Some more content.</p>
</div>
```
If the content should be left untouched add "nomarkdown" after the class name.
```
{{< wrapper class-name-you-want nomarkdown >}}
The **content** that should be wrapped.
Some more content.
{{< /wrapper >}}
```
This will produce:
```
<div class="class-name-you-want">
The **content** that should be wrapped. Some more content.
</div>
```
## Choose between using jQuery or Umbrella JS
Umbrella JS is always added and it's used for all theme JavaScript. To add jQuery, set the related parameter to true in the configuration file or in the front matter of specific pages. No problem having both libraries loaded on the same page.
This is the way I construct my JavaScript files.
**Umbrella JS:**
```
(function ($) {
'use strict';
// Add your code here.
$('html').removeClass('nojs').addClass('js');
})(u);
```
**jQuery:**
```
(function ($) {
'use strict';
// Add your code here.
$('html').removeClass('nojs').addClass('js');
})(jQuery);
```
## Use Gulp to lint Sass and JavaScript
* Lint your Sass using sass-lint.
* Lint your JavaScript using eslint.
* Will lint files in the theme as well as the root assets directory.
* Watch all of your files as you develop and re-build everything on the fly.
Set up your front-end development build tools:
1. Install Node.js and npm, the Node.js package manager.
Detailed instructions are available on the "npm quick start guide":
https://github.com/kss-node/kss-node/wiki/npm-quick-start-guide
2. The package.json file in your new sub-theme contains the versions of all the
Node.js software you need. To install them run:
npm install
3. Install the gulp-cli tool globally. Normally, installing a Node.js globally
is not recommended, which is why both Gulp and Grunt have created wrapper
commands that will allow you to run "gulp" or "grunt" from anywhere, while
using the local version of gulp or grunt that is installed in your project.
To install gulp's global wrapper, run:
npm install -g gulp-cli
5. The default gulp task will lint your Sass and JavaScript.
To run the default gulp task, type:
gulp
To watch all your files as you develop, type:
gulp watch
## Getting help
If you run into an issue that isn't answered by this documentation or the [`exampleSite`](https://github.com/frjo/hugo-theme-zen/tree/master/exampleSite), then visit the [Hugo forum](https://discourse.gohugo.io/). The folks there are helpful and friendly. **Before** asking your question, be sure to read the [requesting help guidelines](https://discourse.gohugo.io/t/requesting-help/9132). Feel free to tag me in your question, my forum username is [@frjo](https://discourse.gohugo.io/u/frjo/summary).
## Credits
This is originally a port of the [Zen](https://www.drupal.org/project/zen) theme by [JohnAlbin](https://www.drupal.org/u/johnalbin), a very popular base theme for Drupal.
Thanks to the [Cupper Hugo theme](https://github.com/zwbetz-gh/cupper-hugo-theme/) for a really good Readme, have copied a lot from it.

View File

@ -0,0 +1,6 @@
---
title: "{{ replace .TranslationBaseName "-" " " | humanize }}"
date: {{ .Date }}
lastmod: {{ .Date }}
---

View File

@ -0,0 +1,5 @@
---
title: "{{ replace .TranslationBaseName "-" " " | humanize }}"
date: {{ .Date }}
---

View File

@ -0,0 +1,8 @@
---
title: "{{ replace .TranslationBaseName "-" " " | humanize }}"
date: {{ .Date }}
podcast:
mp3:
duration:
---

View File

@ -0,0 +1,63 @@
/**
* @file
* A JavaScript file for the contact form.
*/
(function ($) {
'use strict';
// Contact form.
$('.contact-form').each(function (e) {
var $contact_form = $(e);
var $contact_button = $contact_form.find('.form-submit');
var contact_action = '/php/contact.php';
// Display the hidden form.
$contact_form.removeClass('hidden');
// Remove the "no javascript" messages
$('.contact-no-js').remove();
// Wait for a mouse to move, indicating they are human.
$('body').on('mousemove', function () {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.first().removeAttribute('disabled');
});
// Wait for a touch move event, indicating that they are human.
$('body').on('touchmove', function () {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.first().removeAttribute('disabled');
});
// A tab or enter key pressed can also indicate they are human.
$('body').on('keydown', function (e) {
if ((e.keyCode === 9) || (e.keyCode === 13)) {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.first().removeAttribute('disabled');
}
});
// Mark the form as submitted.
$contact_button.on('click', function () {
$contact_form.addClass('js-submitted');
});
// Display messages.
if (location.search.substring(1) !== '') {
switch (location.search.substring(1)) {
case 'submitted':
$('.contact-submitted').removeClass('hidden');
break;
case 'error':
$('.contact-error').removeClass('hidden');
break;
}
}
});
})(u);

View File

@ -0,0 +1,63 @@
/**
* @file
* A JavaScript file for the contact form.
*/
(function ($) {
'use strict';
// Contact form.
$('.contact-form').each(function () {
var $contact_form = $(this);
var $contact_button = $contact_form.find('.form-submit');
var contact_action = '/php/contact.php';
// Display the hidden form.
$contact_form.removeClass('hidden');
// Remove the "no javascript" messages
$('.contact-no-js').detach();
// Wait for a mouse to move, indicating they are human.
$('body').mousemove(function () {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.attr('disabled', false);
});
// Wait for a touch move event, indicating that they are human.
$('body').on('touchmove', function () {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.attr('disabled', false);
});
// A tab or enter key pressed can also indicate they are human.
$('body').keydown(function (e) {
if ((e.keyCode === 9) || (e.keyCode === 13)) {
// Unlock the form.
$contact_form.attr('action', contact_action);
$contact_button.attr('disabled', false);
}
});
// Mark the form as submitted.
$contact_button.click(function () {
$contact_form.addClass('js-submitted');
});
// Display messages.
if (location.search.substring(1) !== '') {
switch (location.search.substring(1)) {
case 'submitted':
$('.contact-submitted').removeClass('hidden');
break;
case 'error':
$('.contact-error').removeClass('hidden');
break;
}
}
});
})(jQuery);

View File

@ -0,0 +1,27 @@
/**
* @file
* A JavaScript file for the mobile menu.
*/
(function ($) {
'use strict';
// Activate the mobil menu for small screens.
if (window.matchMedia && $('.mobile-nav').length) {
var mq = window.matchMedia('(max-width: 999px)');
if (mq.matches) {
// Toggle the mobile nav sheet.
$('.mobile-nav__cover, .mobile-nav__toggle').click(function (e) {
e.preventDefault();
$('body').scrollTop(0).toggleClass('js-nav-open');
});
// Close the nav sheet after click (needed for anchor links).
$('.mobile-nav__sheet').find('a').click(function () {
$('body').removeClass('js-nav-open');
});
}
}
})(jQuery);

View File

@ -0,0 +1,13 @@
/**
* @file
* A JavaScript file for the theme.
*/
(function ($) {
'use strict';
// Add a js class to the html-tag when JavsScript is active.
$('html').removeClass('nojs').addClass('js');
})(jQuery);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,27 @@
/**
* @file
* A JavaScript file for the mobile menu.
*/
(function ($) {
'use strict';
// Activate the mobil menu for small screens.
if (window.matchMedia && $('.mobile-nav').length) {
var mq = window.matchMedia('(max-width: 999px)');
if (mq.matches) {
// Toggle the mobile nav sheet.
$('.mobile-nav__cover, .mobile-nav__toggle').handle('click', function () {
$('body').scroll().toggleClass('js-nav-open');
});
// Close the nav sheet after click (needed for anchor links).
$('.mobile-nav__sheet').find('a').on('click', function () {
$('body').removeClass('js-nav-open');
});
}
}
})(u);

View File

@ -0,0 +1,13 @@
/**
* @file
* A JavaScript file for the theme.
*/
(function ($) {
'use strict';
// Add a js class to the html-tag when JavsScript is active.
$('html').removeClass('nojs').addClass('js');
})(u);

View File

@ -0,0 +1,13 @@
/**
* @file
* A JavaScript file for matomo analytic tracking.
*/
var idSite = {{ .Site.Params.piwikSiteID }};
var matomoTrackingApiUrl = 'https://{{ .Site.Params.piwikTrackerUrl }}/matomo.php';
var _paq = window._paq || [];
_paq.push(['setTrackerUrl', matomoTrackingApiUrl]);
_paq.push(['setSiteId', idSite]);
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);

View File

@ -0,0 +1,761 @@
// Umbrella JS http://umbrellajs.com/
// -----------
// Small, lightweight jQuery alternative
// @author Francisco Presencia Fandos http://francisco.io/
// @inspiration http://youmightnotneedjquery.com/
// Initialize the library
var u = function (parameter, context) {
// Make it an instance of u() to avoid needing 'new' as in 'new u()' and just
// use 'u().bla();'.
// @reference http://stackoverflow.com/q/24019863
// @reference http://stackoverflow.com/q/8875878
if (!(this instanceof u)) {
return new u(parameter, context);
}
// No need to further processing it if it's already an instance
if (parameter instanceof u) {
return parameter;
}
// Parse it as a CSS selector if it's a string
if (typeof parameter === 'string') {
parameter = this.select(parameter, context);
}
// If we're referring a specific node as in on('click', function(){ u(this) })
// or the select() function returned a single node such as in '#id'
if (parameter && parameter.nodeName) {
parameter = [parameter];
}
// Convert to an array, since there are many 'array-like' stuff in js-land
this.nodes = this.slice(parameter);
};
// Map u(...).length to u(...).nodes.length
u.prototype = {
get length () {
return this.nodes.length;
}
};
// This made the code faster, read "Initializing instance variables" in
// https://developers.google.com/speed/articles/optimizing-javascript
u.prototype.nodes = [];
// Add class(es) to the matched nodes
u.prototype.addClass = function () {
return this.eacharg(arguments, function (el, name) {
el.classList.add(name);
});
};
// [INTERNAL USE ONLY]
// Add text in the specified position. It is used by other functions
u.prototype.adjacent = function (html, data, callback) {
if (typeof data === 'number') {
if (data === 0) {
data = [];
} else {
data = new Array(data).join().split(',').map(Number.call, Number);
}
}
// Loop through all the nodes. It cannot reuse the eacharg() since the data
// we want to do it once even if there's no "data" and we accept a selector
return this.each(function (node, j) {
var fragment = document.createDocumentFragment();
// Allow for data to be falsy and still loop once
u(data || {}).map(function (el, i) {
// Allow for callbacks that accept some data
var part = (typeof html === 'function') ? html.call(this, el, i, node, j) : html;
if (typeof part === 'string') {
return this.generate(part);
}
return u(part);
}).each(function (n) {
this.isInPage(n)
? fragment.appendChild(u(n).clone().first())
: fragment.appendChild(n);
});
callback.call(this, node, fragment);
});
};
// Add some html as a sibling after each of the matched elements.
u.prototype.after = function (html, data) {
return this.adjacent(html, data, function (node, fragment) {
node.parentNode.insertBefore(fragment, node.nextSibling);
});
};
// Add some html as a child at the end of each of the matched elements.
u.prototype.append = function (html, data) {
return this.adjacent(html, data, function (node, fragment) {
node.appendChild(fragment);
});
};
// [INTERNAL USE ONLY]
// Normalize the arguments to an array of strings
// Allow for several class names like "a b, c" and several parameters
u.prototype.args = function (args, node, i) {
if (typeof args === 'function') {
args = args(node, i);
}
// First flatten it all to a string http://stackoverflow.com/q/22920305
// If we try to slice a string bad things happen: ['n', 'a', 'm', 'e']
if (typeof args !== 'string') {
args = this.slice(args).map(this.str(node, i));
}
// Then convert that string to an array of not-null strings
return args.toString().split(/[\s,]+/).filter(function (e) {
return e.length;
});
};
// Merge all of the nodes that the callback return into a simple array
u.prototype.array = function (callback) {
callback = callback;
var self = this;
return this.nodes.reduce(function (list, node, i) {
var val;
if (callback) {
val = callback.call(self, node, i);
if (!val) val = false;
if (typeof val === 'string') val = u(val);
if (val instanceof u) val = val.nodes;
} else {
val = node.innerHTML;
}
return list.concat(val !== false ? val : []);
}, []);
};
// [INTERNAL USE ONLY]
// Handle attributes for the matched elements
u.prototype.attr = function (name, value, data) {
data = data ? 'data-' : '';
// This will handle those elements that can accept a pair with these footprints:
// .attr('a'), .attr('a', 'b'), .attr({ a: 'b' })
return this.pairs(name, value, function (node, name) {
return node.getAttribute(data + name);
}, function (node, name, value) {
node.setAttribute(data + name, value);
});
};
// Add some html before each of the matched elements.
u.prototype.before = function (html, data) {
return this.adjacent(html, data, function (node, fragment) {
node.parentNode.insertBefore(fragment, node);
});
};
// Get the direct children of all of the nodes with an optional filter
u.prototype.children = function (selector) {
return this.map(function (node) {
return this.slice(node.children);
}).filter(selector);
};
/**
* Deep clone a DOM node and its descendants.
* @return {[Object]} Returns an Umbrella.js instance.
*/
u.prototype.clone = function () {
return this.map(function (node, i) {
var clone = node.cloneNode(true);
var dest = this.getAll(clone);
this.getAll(node).each(function (src, i) {
for (var key in this.mirror) {
this.mirror[key](src, dest.nodes[i]);
}
});
return clone;
});
};
/**
* Return an array of DOM nodes of a source node and its children.
* @param {[Object]} context DOM node.
* @param {[String]} tag DOM node tagName.
* @return {[Array]} Array containing queried DOM nodes.
*/
u.prototype.getAll = function getAll (context) {
return u([context].concat(u('*', context).nodes));
};
// Store all of the operations to perform when cloning elements
u.prototype.mirror = {};
/**
* Copy all JavaScript events of source node to destination node.
* @param {[Object]} source DOM node
* @param {[Object]} destination DOM node
* @return {[undefined]]}
*/
u.prototype.mirror.events = function (src, dest) {
if (!src._e) return;
for (var type in src._e) {
src._e[type].forEach(function (event) {
u(dest).on(type, event);
});
}
};
/**
* Copy select input value to its clone.
* @param {[Object]} src DOM node
* @param {[Object]} dest DOM node
* @return {[undefined]}
*/
u.prototype.mirror.select = function (src, dest) {
if (u(src).is('select')) {
dest.value = src.value;
}
};
/**
* Copy textarea input value to its clone
* @param {[Object]} src DOM node
* @param {[Object]} dest DOM node
* @return {[undefined]}
*/
u.prototype.mirror.textarea = function (src, dest) {
if (u(src).is('textarea')) {
dest.value = src.value;
}
};
// Find the first ancestor that matches the selector for each node
u.prototype.closest = function (selector) {
return this.map(function (node) {
// Keep going up and up on the tree. First element is also checked
do {
if (u(node).is(selector)) {
return node;
}
} while ((node = node.parentNode) && node !== document);
});
};
// Handle data-* attributes for the matched elements
u.prototype.data = function (name, value) {
return this.attr(name, value, true);
};
// Loops through every node from the current call
u.prototype.each = function (callback) {
// By doing callback.call we allow "this" to be the context for
// the callback (see http://stackoverflow.com/q/4065353 precisely)
this.nodes.forEach(callback.bind(this));
return this;
};
// [INTERNAL USE ONLY]
// Loop through the combination of every node and every argument passed
u.prototype.eacharg = function (args, callback) {
return this.each(function (node, i) {
this.args(args, node, i).forEach(function (arg) {
// Perform the callback for this node
// By doing callback.call we allow "this" to be the context for
// the callback (see http://stackoverflow.com/q/4065353 precisely)
callback.call(this, node, arg);
}, this);
});
};
// Remove all children of the matched nodes from the DOM.
u.prototype.empty = function () {
return this.each(function (node) {
while (node.firstChild) {
node.removeChild(node.firstChild);
}
});
};
// .filter(selector)
// Delete all of the nodes that don't pass the selector
u.prototype.filter = function (selector) {
// The default function if it's a css selector
// Cannot change name to 'selector' since it'd mess with it inside this fn
var callback = function (node) {
// Make it compatible with some other browsers
node.matches = node.matches || node.msMatchesSelector || node.webkitMatchesSelector;
// Check if it's the same element (or any element if no selector was passed)
return node.matches(selector || '*');
};
// filter() receives a function as in .filter(e => u(e).children().length)
if (typeof selector === 'function') callback = selector;
// filter() receives an instance of Umbrella as in .filter(u('a'))
if (selector instanceof u) {
callback = function (node) {
return (selector.nodes).indexOf(node) !== -1;
};
}
// Just a native filtering function for ultra-speed
return u(this.nodes.filter(callback));
};
// Find all the nodes children of the current ones matched by a selector
u.prototype.find = function (selector) {
return this.map(function (node) {
return u(selector || '*', node);
});
};
// Get the first of the nodes
u.prototype.first = function () {
return this.nodes[0] || false;
};
// [INTERNAL USE ONLY]
// Generate a fragment of HTML. This irons out the inconsistences
u.prototype.generate = function (html) {
// Table elements need to be child of <table> for some f***ed up reason
if (/^\s*<tr[> ]/.test(html)) {
return u(document.createElement('table')).html(html).children().children().nodes;
} else if (/^\s*<t(h|d)[> ]/.test(html)) {
return u(document.createElement('table')).html(html).children().children().children().nodes;
} else if (/^\s*</.test(html)) {
return u(document.createElement('div')).html(html).children().nodes;
} else {
return document.createTextNode(html);
}
};
// Change the default event for the callback. Simple decorator to preventDefault
u.prototype.handle = function () {
var args = this.slice(arguments).map(function (arg) {
if (typeof arg === 'function') {
return function (e) {
e.preventDefault();
arg.apply(this, arguments);
};
}
return arg;
}, this);
return this.on.apply(this, args);
};
// Find out whether the matched elements have a class or not
u.prototype.hasClass = function () {
// Check if any of them has all of the classes
return this.is('.' + this.args(arguments).join('.'));
};
// Set or retrieve the html from the matched node(s)
u.prototype.html = function (text) {
// Needs to check undefined as it might be ""
if (text === undefined) {
return this.first().innerHTML || '';
}
// If we're attempting to set some text
// Loop through all the nodes
return this.each(function (node) {
// Set the inner html to the node
node.innerHTML = text;
});
};
// Check whether any of the nodes matches the selector
u.prototype.is = function (selector) {
return this.filter(selector).length > 0;
};
/**
* Internal use only. This function checks to see if an element is in the page's body. As contains is inclusive and determining if the body contains itself isn't the intention of isInPage this case explicitly returns false.
https://developer.mozilla.org/en-US/docs/Web/API/Node/contains
* @param {[Object]} node DOM node
* @return {Boolean} The Node.contains() method returns a Boolean value indicating whether a node is a descendant of a given node or not.
*/
u.prototype.isInPage = function isInPage (node) {
return (node === document.body) ? false : document.body.contains(node);
};
// Get the last of the nodes
u.prototype.last = function () {
return this.nodes[this.length - 1] || false;
};
// Merge all of the nodes that the callback returns
u.prototype.map = function (callback) {
return callback ? u(this.array(callback)).unique() : this;
};
// Delete all of the nodes that equals the filter
u.prototype.not = function (filter) {
return this.filter(function (node) {
return !u(node).is(filter || true);
});
};
// Removes the callback to the event listener for each node
u.prototype.off = function (events) {
return this.eacharg(events, function (node, event) {
u(node._e ? node._e[event] : []).each(function (cb) {
node.removeEventListener(event, cb);
});
});
};
// Attach a callback to the specified events
u.prototype.on = function (events, cb, cb2) {
if (typeof cb === 'string') {
var sel = cb;
cb = function (e) {
var args = arguments;
u(e.currentTarget).find(sel).each(function (target) {
if (target === e.target || target.contains(e.target)) {
try {
Object.defineProperty(e, 'currentTarget', {
get: function () {
return target;
}
});
} catch (err) {}
cb2.apply(target, args);
}
});
};
}
// Add the custom data as arguments to the callback
var callback = function (e) {
return cb.apply(this, [e].concat(e.detail || []));
};
return this.eacharg(events, function (node, event) {
node.addEventListener(event, callback);
// Store it so we can dereference it with `.off()` later on
node._e = node._e || {};
node._e[event] = node._e[event] || [];
node._e[event].push(callback);
});
};
// [INTERNAL USE ONLY]
// Take the arguments and a couple of callback to handle the getter/setter pairs
// such as: .css('a'), .css('a', 'b'), .css({ a: 'b' })
u.prototype.pairs = function (name, value, get, set) {
// Convert it into a plain object if it is not
if (typeof value !== 'undefined') {
var nm = name;
name = {};
name[nm] = value;
}
if (typeof name === 'object') {
// Set the value of each one, for each of the { prop: value } pairs
return this.each(function (node) {
for (var key in name) {
set(node, key, name[key]);
}
});
}
// Return the style of the first one
return this.length ? get(this.first(), name) : '';
};
// [INTERNAL USE ONLY]
// Parametize an object: { a: 'b', c: 'd' } => 'a=b&c=d'
u.prototype.param = function (obj) {
return Object.keys(obj).map(function (key) {
return this.uri(key) + '=' + this.uri(obj[key]);
}.bind(this)).join('&');
};
// Travel the matched elements one node up
u.prototype.parent = function (selector) {
return this.map(function (node) {
return node.parentNode;
}).filter(selector);
};
// Add nodes at the beginning of each node
u.prototype.prepend = function (html, data) {
return this.adjacent(html, data, function (node, fragment) {
node.insertBefore(fragment, node.firstChild);
});
};
// Delete the matched nodes from the DOM
u.prototype.remove = function () {
// Loop through all the nodes
return this.each(function (node) {
// Perform the removal only if the node has a parent
if (node.parentNode) {
node.parentNode.removeChild(node);
}
});
};
// Removes a class from all of the matched nodes
u.prototype.removeClass = function () {
// Loop the combination of each node with each argument
return this.eacharg(arguments, function (el, name) {
// Remove the class using the native method
el.classList.remove(name);
});
};
// Replace the matched elements with the passed argument.
u.prototype.replace = function (html, data) {
var nodes = [];
this.adjacent(html, data, function (node, fragment) {
nodes = nodes.concat(this.slice(fragment.children));
node.parentNode.replaceChild(fragment, node);
});
return u(nodes);
};
// Scroll to the first matched element
u.prototype.scroll = function () {
this.first().scrollIntoView({ behavior: 'smooth' });
return this;
};
// [INTERNAL USE ONLY]
// Select the adecuate part from the context
u.prototype.select = function (parameter, context) {
// Allow for spaces before or after
parameter = parameter.replace(/^\s*/, '').replace(/\s*$/, '');
if (/^</.test(parameter)) {
return u().generate(parameter);
}
return (context || document).querySelectorAll(parameter);
};
// Convert forms into a string able to be submitted
// Original source: http://stackoverflow.com/q/11661187
u.prototype.serialize = function () {
var self = this;
// Store the class in a variable for manipulation
return this.slice(this.first().elements).reduce(function (query, el) {
// We only want to match enabled elements with names, but not files
if (!el.name || el.disabled || el.type === 'file') return query;
// Ignore the checkboxes that are not checked
if (/(checkbox|radio)/.test(el.type) && !el.checked) return query;
// Handle multiple selects
if (el.type === 'select-multiple') {
u(el.options).each(function (opt) {
if (opt.selected) {
query += '&' + self.uri(el.name) + '=' + self.uri(opt.value);
}
});
return query;
}
// Add the element to the object
return query + '&' + self.uri(el.name) + '=' + self.uri(el.value);
}, '').slice(1);
};
// Travel the matched elements at the same level
u.prototype.siblings = function (selector) {
return this.parent().children(selector).not(this);
};
// Find the size of the first matched element
u.prototype.size = function () {
return this.first().getBoundingClientRect();
};
// [INTERNAL USE ONLY]
// Force it to be an array AND also it clones them
// http://toddmotto.com/a-comprehensive-dive-into-nodelists-arrays-converting-nodelists-and-understanding-the-dom/
u.prototype.slice = function (pseudo) {
// Check that it's not a valid object
if (!pseudo ||
pseudo.length === 0 ||
typeof pseudo === 'string' ||
pseudo.toString() === '[object Function]') return [];
// Accept also a u() object (that has .nodes)
return pseudo.length ? [].slice.call(pseudo.nodes || pseudo) : [pseudo];
};
// [INTERNAL USE ONLY]
// Create a string from different things
u.prototype.str = function (node, i) {
return function (arg) {
// Call the function with the corresponding nodes
if (typeof arg === 'function') {
return arg.call(this, node, i);
}
// From an array or other 'weird' things
return arg.toString();
};
};
// Set or retrieve the text content from the matched node(s)
u.prototype.text = function (text) {
// Needs to check undefined as it might be ""
if (text === undefined) {
return this.first().textContent || '';
}
// If we're attempting to set some text
// Loop through all the nodes
return this.each(function (node) {
// Set the text content to the node
node.textContent = text;
});
};
// Activate/deactivate classes in the elements
u.prototype.toggleClass = function (classes, addOrRemove) {
/* jshint -W018 */
// Check if addOrRemove was passed as a boolean
if (!!addOrRemove === addOrRemove) {
return this[addOrRemove ? 'addClass' : 'removeClass'](classes);
}
/* jshint +W018 */
// Loop through all the nodes and classes combinations
return this.eacharg(classes, function (el, name) {
el.classList.toggle(name);
});
};
// Call an event manually on all the nodes
u.prototype.trigger = function (events) {
var data = this.slice(arguments).slice(1);
return this.eacharg(events, function (node, event) {
var ev;
// Allow the event to bubble up and to be cancelable (as default)
var opts = { bubbles: true, cancelable: true, detail: data };
try {
// Accept different types of event names or an event itself
ev = new window.CustomEvent(event, opts);
} catch (e) {
ev = document.createEvent('CustomEvent');
ev.initCustomEvent(event, true, true, data);
}
node.dispatchEvent(ev);
});
};
// [INTERNAL USE ONLY]
// Removed duplicated nodes, used for some specific methods
u.prototype.unique = function () {
return u(this.nodes.reduce(function (clean, node) {
var istruthy = node !== null && node !== undefined && node !== false;
return (istruthy && clean.indexOf(node) === -1) ? clean.concat(node) : clean;
}, []));
};
// [INTERNAL USE ONLY]
// Encode the different strings https://gist.github.com/brettz9/7147458
u.prototype.uri = function (str) {
return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
};
u.prototype.wrap = function (selector) {
function findDeepestNode (node) {
while (node.firstElementChild) {
node = node.firstElementChild;
}
return u(node);
}
// 1) Construct dom node e.g. u('<a>'),
// 2) clone the currently matched node
// 3) append cloned dom node to constructed node based on selector
return this.map(function (node) {
return u(selector).each(function (n) {
findDeepestNode(n)
.append(node.cloneNode(true));
node
.parentNode
.replaceChild(n, node);
});
});
};
// Export it for webpack
if (typeof module === 'object' && module.exports) {
module.exports = { u: u };
}

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,17 @@
@import "typey/functions/helpers";
@import "typey/functions/validators";
@import "typey/functions/em-calculators";
@import "typey/functions/outputters";
@import "typey/functions/sizers";
@import "typey/functions/extras";
@import "typey/functions/depreciated";
@import "typey/font-stacks";
@import "typey/defaults";
@import "typey/mixins/debug";
@import "typey/mixins/define-type-sizing";
@import "typey/mixins/font-size";
@import "typey/mixins/line-height";
@import "typey/mixins/spacing";
@import "typey/mixins/typeface";
@import "typey/mixins/typeset";
@import "typey/mixins/type-layout";

View File

@ -0,0 +1,181 @@
// The browser font size default. No need to change this.
// Allowed units: px
$browser-font-size: 16px !default;
// Allowed units: rem, em or px
$base-unit: rem !default;
// The base font size will be used for most calculations involving font-size.
// Allowed units: px
$base-font-size: 16px !default;
// The base line height will be used for most calculations involving height.
// Allowed units: px
$base-line-height: 24px !default;
// The method to calculate line-height. Allowed values: rhythm or ratio.
// Rhytm uses a vertical rhythm approach where line-height is specified as
// a multiple of the $base-line-height.
// Ratio uses a ratio approach where line-height is specified as a ratio
// of the elements font-size.
$line-height-method: rhythm !default;
// The default ratio of line-height to font-size.
$base-line-height-ratio: 1.5 !default;
// By default we will provide fallbacks when rem is the base unit.
$rem-fallback: true !default;
// By default, when rem or em are the base unit we will output a print suitable
// media query with the define-type-sizing() mixin. This will take care of all
// print media type sizing effortlessly.
$auto-print-sizing: true !default;
// The pt font-size to be used with the print media query when
// $auto-print-sizing is enabled.
// Allowed units: pt
$print-font-size: 12pt !default;
// Default font sizes
// Once you redefine the $font-size map it will overwrite all sizes here.
// Allowed units: px
$font-size: (
xxxl: 60px,
xxl: 46px,
xl: 32px,
l: 24px,
m: 16px,
s: 14px,
xs: 12px
) !default;
// Default font weights
// This map and accompanying function help provide granular control over
// setting and retrieving static font weights.
$font-weight: (
bold: 700,
normal: 400,
lighter: 200
) !default;
// Declare typefaces
// These can use any key you like, and allow you to set global letter-spacing,
// weight and case for font-families. You can then use the
// font-family mixin to embed your font families anywhere you like.
//
// Each key in the $typefaces map can either be a keyed map of settings
// using any combination of the keys below, or it can be a shorthand list
// of each property value. When using shorthand it doesn't matter what order
// each value is arranged in, but best practice is to do it in the order:
// [font-family] [letter-spacing] [weight] [case]
//
// @setting list font-family
// Any standard CSS font-family. Use typey pre-written stacks or roll your own.
// @setting number letter-spacing
// CSS letter-spacing. Specified as a px value when font-size is the
// $base-font-size.
// @setting string weight
// A key from the $font-weight map. Only specify this if you want a consistant
// font-weight used accross the board with this typeface.
// @setting string case
// A value for CSS text-transform. Only specify this if you want a consistant
// case used accross the board with this typeface.
$typefaces: () !default;
// Declare typestyles
// These can use any key you like, and allow you to set an easily reusable type
// style. They can be as simple as a font-size and line-height, or can go on
// to encompass a full range of css type properties.
//
// Each key in the $typestyles map can either be a keyed map of settings
// using any combination of the keys below, or it can be a shorthand list
// of each property value. When using shorthand for $typestyles, the first value
// must always be font-size. After that it doesn't matter what order each value
// is arranged in, but best practice is to do it in the order:
// [font-size] [line-height] [weight] [case]
//
// @setting number|string font-size
// A size from the $font-size map or px value to be converted
// @setting number $x line-height
// Multiple of line height, ratio or px value to be converted.
// @setting string weight
// A key from the $font-weight map.
// @setting string case
// A value for CSS text-transform.
$typestyles: () !default;
// Debug grid
// Shows horizontal lines for each elements line height.
$typey-debug: false !default;
// Debug grid coloring
$typey-debug-color: #4affff !default;
// Lets store the allowed values for text-transform and font-style so we can
// make shorthand work a little better.
$text-transform-values: (
lowercase,
uppercase,
capitalize
) !default;
$font-style-values: (
normal,
italic,
oblique
) !default;
// Warnings for $base-unit.
@if $base-unit != px and $base-unit != rem and $base-unit != em {
@error "$base-unit must be one of the following unit types: rem, em or px";
}
// Warnings for $base-font-size and $base-line-height.
@if unit($base-font-size) != px {
@error "$base-font-size must be in px";
}
@if unit($base-line-height) != px {
@error "$base-line-height must be in px";
}
// Warnings for $print-font-size.
@if unit($print-font-size) != pt {
@error "$print-font-size must be in pt";
}
// Warnings for $font-size.
@each $key, $size in $font-size {
@if unit($size) != px {
@error "Size '#{$key}' in $font-size map is not specified in px";
}
}
// Warnings for $font-weight.
$typey-text-transform-properties: none capitalize uppercase lowercase initial inherit;
@each $property in $typey-text-transform-properties {
@if map-has-key($font-weight, $property) {
@warn "'#{$property}' used in $font-weight map is a potential value of the text-transform property and will conflict when using typey shorthand";
}
}
// Warnings for $typefaces.
@each $key, $typeface in $typefaces {
@if type-of($typeface) != "map" and type-of($typeface) != "list" {
@error "Typeface '#{$key}' in $typefaces map must be a keyed map or a shorthand list in the format: [font-family] [letter-spacing] [weight] [case]";
}
}
// Warnings for $typestyles.
@each $key, $typestyle in $typestyles {
@if type-of($typestyle) == "list" {
@each $value in $typestyle {
@if index($typestyle, $value) == 1 {
$allowed-types: "font-size", "px";
$type: typey-check-value($value);
@if index($allowed-types, $type) == null {
@error "Incorrect shorthand format used in '#{$key}' in $typestyles map: [font-size] must appear first";
}
}
}
}
}

View File

@ -0,0 +1,4 @@
// Three standard do-all stacks.
$serif-stack: "Calisto MT", "Book Antiqua", serif !default;
$sans-serif-stack: "Helvetica Neue", Helvetica, sans-serif !default;
$monospace-stack: Consolas, "Lucida Console", monospace, monospace !default;

View File

@ -0,0 +1,55 @@
// DEPRECIATED FUNCTIONS
// The names of these functions have been refined and namespaced (above) to avoid
// potential confusion with functions from other libraries.
// (Depreciated) Output a number in the $base-unit..
//
// @param string $weight
// A weight from the $font-weight map.
//
// @return string
// The selected font-weight.
@function output-unit($number) {
@warn "output-unit() is depreciated. Please use typey-output-in-base-unit() instead";
@return typey-output-in-base-unit($number);
}
// (Depreciated) Remove the unit from a number.
//
// @param number $number
// The number (with unit) to convert. Allowed units: any
//
// @return number
// The number without the unit.
@function strip-unit($number) {
@warn "strip-unit() is depreciated. Please use typey-strip-unit() instead";
@return typey-strip-unit($number);
}
// (Depreciated) Convert px to the $base-unit.
//
// @param number $number
// The number (with unit) to convert. Allowed units: px
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The number converted to the base unit.
@function convert-unit($number, $context: $base-font-size) {
@warn "convert-unit() is depreciated. Please use output-from-px() instead";
@return output-from-px($number, $context);
}
// (Depreciated) Retrieve a font weight.
//
// @param string $weight
// A weight from the $font-weight map.
//
// @return string
// The selected font-weight.
@function font-weight($weight) {
@warn "font-weight() is depreciated. Please use weight() instead";
@return weight($weight);
}

View File

@ -0,0 +1,41 @@
// Calculate relative sizing for em when a px value is used.
//
// @param number $number
// The px value
// @param number|string $context
// The relative value to perform the calculation.
//
// @return number
// The calculated value in the base unit.
@function calculate-em-px($x, $context) {
$allowed-types: "font-size", "px";
$type: typey-validator($context, $allowed-types);
@if $type == "font-size" {
$context-map-size: map-get($font-size, $context);
@return typey-output-in-unit(($x / $context-map-size), em);
}
@if $type == "px" {
@return typey-output-in-unit(($x / $context), em);
}
}
// Calculate relative sizing for em when a multiplier is used.
//
// @param number $number
// Multiple of line height to be used.
// @param number|string $context
// The relative value to perform the calculation.
//
// @return number
// The calculated value in the base unit.
@function calculate-em-multiplier($x, $context) {
$allowed-types: "font-size", "px";
$type: typey-validator($context, $allowed-types);
@if $type == "font-size" {
$context-map-size: map-get($font-size, $context);
@return typey-output-in-unit(($x * $base-line-height) / $context-map-size, em);
}
@if $type == "px" {
@return typey-output-in-unit(($x * $base-line-height) / $context, em);
}
}

View File

@ -0,0 +1,34 @@
// Retrieve a font weight.
//
// @param string $weight
// A weight from the $font-weight map.
//
// @return string
// The selected font-weight.
@function weight($weight) {
@if type-of($weight) == "string" {
@if map-has-key($font-weight, $weight) {
@return map-get($font-weight, $weight);
}
@else {
@error "'#{$weight}' not found in $font-weight map";
}
}
@else {
@error "Weight specified for weight() is not a string";
}
}
// Extend a font by adding a web-safe stack to it.
//
// Example usage:
// $new-font-stack: extend-font-stack("Open sans", $sans-serif-stack);
//
// @param string $font
// The name of the font. Use inverted commas if there are spaces in the font
// name. i.e "Open sans"
// @param list $font-stack
// The font stack variable to extend.
@function extend-font-stack($font, $font-stack) {
@return join($font, $font-stack, $separator: comma);
}

View File

@ -0,0 +1,59 @@
// Output a number in the $base-unit.
//
// @param number $number
// The number (without unit) to output.
//
// @return number
// The number with the base unit
@function typey-output-in-base-unit($number) {
@if $number == 0 {
@return 0;
}
@if $base-unit == rem {
@return $number * 1rem;
}
@if $base-unit == px {
@return $number * 1px;
}
@if $base-unit == em {
@return $number * 1em;
}
}
// Output a number in a chosen unit.
//
// @param number $number
// The number (without unit) to output.
// @param string $unit
// (optional) The unit to output, either em, px or rem.
//
// @return number
// The number with the base unit
@function typey-output-in-unit($number, $unit: $base-unit) {
@if $number == 0 {
@return 0;
}
@if $unit == rem {
@return $number * 1rem;
}
@if $unit == px {
@return $number * 1px;
}
@if $unit == em {
@return $number * 1em;
}
}
// Remove the unit from a number.
//
// @param number $number
// The number (with unit) to convert. Allowed units: any
//
// @return number
// The number without the unit.
@function typey-strip-unit($number) {
@if type-of($number) == "number" and not unitless($number) {
@return $number / ($number * 0 + 1);
}
@return $number;
}

View File

@ -0,0 +1,83 @@
// Take a px value and output converted value.
//
// @param number $number
// A px value to convert.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The number converted to the base unit.
@function output-from-px($number, $context: $base-font-size) {
@if $base-unit == rem {
@return typey-output-in-base-unit(($number / $base-font-size));
}
@if $base-unit == px {
@return typey-output-in-base-unit(typey-strip-unit($number));
}
@if $base-unit == em {
@return calculate-em-px($number, $context);
}
}
// Take a key from the $font-size map and output converted value.
//
// @param string $size
// A size from the $font-size map.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the parent
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The selected font-size in $base-unit.
@function output-from-font-size-map($size, $context: $base-font-size) {
$map-size: map-get($font-size, $size);
@if $base-unit == rem {
@return typey-output-in-base-unit(($map-size / $base-font-size));
}
@if $base-unit == px {
@return typey-output-in-base-unit(typey-strip-unit($map-size));
}
@if $base-unit == em {
@return calculate-em-px($map-size, $context);
}
}
// Take a line-height multipler and output converted value.
//
// @param number $number
// Multiple of line height to be used.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The value of the line-height multiple converted to the base unit.
@function output-from-multiplier($x, $context: $base-font-size) {
@if $base-unit == rem {
@return typey-output-in-base-unit(($x * $base-line-height) / $base-font-size);
}
@if $base-unit == px {
@return typey-output-in-base-unit(typey-strip-unit($x * $base-line-height));
}
@if $base-unit == em {
@return calculate-em-multiplier($x, $context);
}
}
// Take a line-height ratio and output as em.
//
// @param number $ratio
// Multiple of the $font-size to be used.
// @param number|string $context
// (optional) used to ensure function outputs the ratio regardless of whether
// it is the same as the $base-line-height-ratio.
//
// @return number
// The ratio in em.
@function output-from-ratio($ratio: $base-line-height-ratio) {
@return $ratio;
}

View File

@ -0,0 +1,91 @@
// Takes a sizing from the $font-size map (m, xl, xxl, etc) and convert it to
// the base unit. Alternatively convert a px font-size into the base unit.
//
// @param number|string $size
// A size from the $font-size map or px value to be converted
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the parent
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The selected font-size in $base-unit.
@function font-size($size, $context: $base-font-size) {
$allowed-types: "font-size", "px";
$type: typey-validator($size, $allowed-types);
@if $type == "font-size" {
@return output-from-font-size-map($size, $context);
}
@if $type == "px" {
@return output-from-px($size, $context);
}
}
// Generate a value to be used as line-height from either:
// a) a multiple of $base-line-height
// b) a static px value
// c) a ratio of the font-size
//
// Example usage with multiple:
// line-height: line-height(2);
// Example usage with static value:
// line-height: line-height(18px);
// Example usage with ratio:
// line-height: line-height(1.5);
//
// @param number $x
// Multiple of $base-line-height to be used, px value to be converted, or ratio of
// font-size.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the
// elements/parents font-size if it differs from $base-font-size.
// Specified as a t-shirt size or value in px.
// @return number
// The calculated height in $base-unit.
@function line-height($x, $context: $base-font-size) {
$allowed-types: "multiplier", "px";
$type: typey-validator($x, $allowed-types);
@if $type == "multiplier" {
@if ($line-height-method == "ratio") {
@return output-from-ratio($x);
}
@else {
@return output-from-multiplier($x, $context);
}
}
@if $type == "px" {
@return output-from-px($x, $context);
}
}
// Generate a value to be used as some form of height or spacing from either:
// a) a multiple of $base-line-height
// b) a static px value
//
// Example usage with multiple:
// height: spacing(2);
// Example usage with static value:
// margin-bottom: spacing(18px);
//
// @param number $x
// Multiple of $base-line-height to be used or px value to be converted.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
//
// @return number
// The calculated spacing in $base-unit.
@function spacing($x, $context: $base-font-size) {
$allowed-types: "multiplier", "px", "auto";
$type: typey-validator($x, $allowed-types);
@if $type == "multiplier" {
@return output-from-multiplier($x, $context);
}
@if $type == "px" {
@return output-from-px($x, $context);
}
@if $type == "auto" {
@return auto;
}
}

View File

@ -0,0 +1,82 @@
// Takes a value and checks to ensure it's expressed correctly then returns
// the type.
//
// @param number|string|list $x
// A multiple of $base-line-height.
// A px value.
// A size from the $font-size map.
// A space seperated list container multiples and/or px values.
//
// @return string
// multiplier, px, font-size, list
@function typey-check-value($x) {
@if type-of($x) == "number" {
@if unitless($x) {
@return "multiplier";
}
@if not unitless($x) {
@if unit($x) == px {
@return "px";
}
@else {
@error "All units must be expressed in px";
}
}
}
@if type-of($x) == "string" {
@if $x == "auto" {
@return "auto";
}
@if map-has-key($font-size, $x) {
@return "font-size";
}
@else {
@error "'#{$x}' not found in $font-size map";
}
}
@if type-of($x) == "list" {
@if list-separator($x) == space {
@each $value in $x {
@if type-of($value) == "number" or $value == "auto" {
@if type-of($value) == "number" {
@if not unitless($value) and unit($value) != px {
@error "All units must be expressed in px";
}
}
}
@else {
@error "Values specified inside lists must be a number or 'auto'";
}
}
@return "list";
}
@else {
@error "All lists must use a space as their seperator";
}
}
@else {
@return type-of($x);
}
}
// Takes a value and validates it against a specified type.
//
// @param number|string|list $x
// A multiple of $base-line-height.
// A px value.
// A size from the $font-size map.
// A space seperated list container multiples and/or px values.
// @param string|list $allowed-types
// Either multiplier, px, font-size, list, or a comibation specified in a list.
//
// @return string
// The values type.
@function typey-validator($x, $allowed-types) {
$type: typey-check-value($x);
@if index($allowed-types, $type) != null {
@return $type;
}
@else {
@error "'#{$type}' is not a valid type for this function (allowed types are: #{$allowed-types})";
}
}

View File

@ -0,0 +1,41 @@
// Output a horizontal grid to help with debugging typography.
//
// @param number $line-height
// Multiple of line height to be used, line-height ratio or px value to be converted.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the
// elements/parents font-size if it differs from $base-font-size.
// Specified as a t-shirt size or value in px.
// @param string $color
// (optional) Use a custom grid color.
@mixin typey-debug-grid($line-height: $base-line-height, $context: $base-font-size, $color: $typey-debug-color) {
@if $typey-debug == true {
$allowed-types: "multiplier", "px";
$type: typey-validator($line-height, $allowed-types);
$grid-height: 0;
@if $line-height-method == "rhythm" {
$grid-height: line-height($line-height, $context);
}
@if $line-height-method == "ratio" {
@if $line-height == $base-line-height {
$grid-height: line-height($base-line-height-ratio, $context) * 1em;
}
@else {
$grid-height: line-height($line-height, $context) * 1em;
}
}
position: relative;
background-image: repeating-linear-gradient(180deg, $color, $color 1px, transparent 1px, transparent $grid-height);
&:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
height: 1px;
width: 100%;
background-color: $color;
}
}
}

View File

@ -0,0 +1,45 @@
// Define defaults (use this in the HTML element).
//
// @param number $size
// (optional) The font-size. Use to set to anything other than $base-font-size.
// @param number $line-height
// (optional) The line-height. Use to set to anything other than $base-line-height.
// Set to a ratio when $line-height-as-ratio is true. Will default to $base-line-height-ratio.
// Set to false if you do not want to change a ratio of line-height already set.
@mixin define-type-sizing($size: $base-font-size, $line-height: $base-line-height) {
@if $base-unit == rem or $base-unit == em {
font-size: $size / $browser-font-size * 100%;
}
@if $base-unit == px {
font-size: $size;
}
@if $line-height != false {
@if $line-height-method == "ratio" {
@if $line-height == $base-line-height {
$line-height: $base-line-height-ratio;
}
line-height: $line-height;
}
@else {
@if $base-unit == rem or $base-unit == em {
// In the html element, rem means relative to browser default font size; em means relative to html's font size.
line-height: calculate-em-px($line-height, $size);
}
@if $base-unit == px {
line-height: $line-height;
}
}
}
@if $auto-print-sizing == true {
@if $base-unit == rem or $base-unit == em {
@media print {
font-size: $print-font-size;
}
}
@else {
@warn "As you are not using a relative base unit (rem or em) automatic print media sizing will not work. Set $auto-print-sizing to false to hide this warning"
}
}
}

View File

@ -0,0 +1,24 @@
// Define font-size (with fallback)
//
// @param number|string $size
// A size from the $font-size map or px value to be converted
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
@mixin font-size($size, $context: $base-font-size) {
$allowed-types: "font-size", "px";
$type: typey-validator($size, $allowed-types);
@if $base-unit == rem {
@if $rem-fallback == true {
@if $type == "font-size" {
$map-size: map-get($font-size, $size);
font-size: $map-size;
}
@if $type == "px" {
font-size: $size;
}
}
}
font-size: font-size($size, $context);
}

View File

@ -0,0 +1,23 @@
// Define line-height (with fallback).
//
// @param number $x
// Multiple of line height to be used or px value to be converted.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the
// elements/parents font-size if it differs from $base-font-size.
// Specified as a t-shirt size or value in px.
@mixin line-height($x, $context: $base-font-size) {
$allowed-types: "multiplier", "px";
$type: typey-validator($x, $allowed-types);
@if $base-unit == rem and $line-height-method == "rhythm" {
@if $rem-fallback == true {
@if $type == "multiplier" {
line-height: $x * $base-line-height;
}
@if $type == "px" {
line-height: $x;
}
}
}
line-height: line-height($x, $context);
}

View File

@ -0,0 +1,89 @@
// Define spacing (with fallbacks).
//
// @param string $type
// The type of spacing: margin, padding, margin-top, etc.
// @param number|list|string $spacing
// Multiple of $base-line-height to be used or px value to be converted.
// Can be a SASS list using the same parameters as the CSS margin property:
// i.e. top right bottom left, 1 0 2 0.
// Can also be the string "auto" when used as margin.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
@mixin spacing($property, $spacing, $context: $base-font-size) {
$allowed-types: "multiplier", "px", "list";
$type: typey-validator($spacing, $allowed-types);
$px-fallback-list: ();
$converted-list: ();
@each $x in $spacing {
@if $base-unit == rem {
$allowed-types: "multiplier", "px", "auto";
$type: typey-validator($x, $allowed-types);
@if $type == "multiplier" {
$spacing: $x * $base-line-height;
$px-fallback-list: join($px-fallback-list, $spacing, $separator: space);
}
@if $type == "px" {
$px-fallback-list: join($px-fallback-list, $x, $separator: space);
}
@if $type == "auto" {
$px-fallback-list: join($px-fallback-list, $x, $separator: space);
}
}
$spacing: spacing($x, $context);
$converted-list: join($converted-list, $spacing, $separator: space);
}
@if $base-unit == rem {
@if $rem-fallback == true {
#{$property}: $px-fallback-list;
}
}
#{$property}: $converted-list;
}
// Wrapper mixins for various spacing properties.
// These can be used to provide easily sized spacing in the base unit.
//
// @param number|list|string $x
// Multiple of $base-line-height to be used or px value to be converted.
// Can be a SASS list using the same parameters as the CSS margin property:
// i.e. top right bottom left, 1 0 2 0.
// Can also be the string "auto" when used as margin.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the elements/parents
// font-size if it differs from $base-font-size. Specified as a t-shirt size or
// value in px.
@mixin margin($x, $context: $base-font-size) {
@include spacing(margin, $x, $context);
}
@mixin margin-top($x, $context: $base-font-size) {
@include spacing(margin-top, $x, $context);
}
@mixin margin-bottom($x, $context: $base-font-size) {
@include spacing(margin-bottom, $x, $context);
}
@mixin margin-left($x, $context: $base-font-size) {
@include spacing(margin-left, $x, $context);
}
@mixin margin-right($x, $context: $base-font-size) {
@include spacing(margin-right, $x, $context);
}
@mixin padding($x, $context: $base-font-size) {
@include spacing(padding, $x, $context);
}
@mixin padding-top($x, $context: $base-font-size) {
@include spacing(padding-top, $x, $context);
}
@mixin padding-bottom($x, $context: $base-font-size) {
@include spacing(padding-bottom, $x, $context);
}
@mixin padding-left($x, $context: $base-font-size) {
@include spacing(padding-left, $x, $context);
}
@mixin padding-right($x, $context: $base-font-size) {
@include spacing(padding-right, $x, $context);
}

View File

@ -0,0 +1,15 @@
// Define a type layout (font-size and line-height).
//
// @param number|string $size
// A size from the $font-size map or a px value.
// @param number $line-height
// Multiple of line height to be used or px value to be converted.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the
// elements/parents font-size if it differs from $base-font-size.
// Specified as a t-shirt size or value in px.
@mixin type-layout($size, $line-height, $context: $base-font-size) {
@include font-size($size, $context);
@include line-height($line-height, $size);
@include typey-debug-grid($line-height, $size);
}

View File

@ -0,0 +1,90 @@
// Embed a typeface.
//
// @param string $typeface
// A font family from the $typefaces map.
@mixin typeface($typeface) {
$typeface-name: $typeface;
$typeface: map-get($typefaces, $typeface);
$font-family: false;
$letter-spacing: false;
$weight: false;
$style: false;
$case: false;
// Assign values to variables when $typeface is a keyed map.
@if type-of($typeface) == "map" {
@if map-has-key($typeface, font-family) {
$font-family: map-get($typeface, font-family);
}
@if map-has-key($typeface, letter-spacing) {
$letter-spacing: map-get($typeface, letter-spacing);
}
@if map-has-key($typeface, weight) {
$weight: map-get($typeface, weight);
}
@if map-has-key($typeface, style) {
$style: map-get($typeface, style);
}
@if map-has-key($typeface, case) {
$case: map-get($typeface, case);
}
}
// Assign values to variables when $typeface is shorthand.
@if type-of($typeface) == "list" {
@if (list-separator($typeface) == "comma") {
// This shorthand is just a list of fonts.
$font-family: $typeface;
}
@else {
@each $value in $typeface {
// This is a font-family.
@if type-of($value) == "list" {
$font-family: $value;
}
// This is a letter-spacing value.
@if type-of($value) == "number" {
$letter-spacing: $value;
}
// This is a font-weight value.
@if map-has-key($font-weight, $value) {
$weight: $value;
}
// This is a case value.
@else if type-of($value) == "string" and index($text-transform-values, $value) != null {
$case: $value;
}
// This is a style value.
@else if type-of($value) == "string" and index($font-style-values, $value) != null {
$style: $value;
}
}
}
}
// Output properties.
@if $font-family {
font-family: $font-family;
}
@else {
@error "Typeface '#{$typeface-name}' does not have a font-family";
}
@if $letter-spacing {
@if ($letter-spacing == 0) {
letter-spacing: 0;
}
@else {
letter-spacing: calculate-em-px($letter-spacing, $base-font-size);
}
}
@if $weight {
font-weight: weight($weight);
}
@if $style {
font-style: $style;
}
@if $case {
text-transform: $case;
}
}

View File

@ -0,0 +1,100 @@
// Typeset your type.
//
// @param string $typestyle
// A type style from the $typestyles map.
// @param number|string $context
// (optional) Only used if em is the $base-unit. The value of the
// elements/parents font-size if it differs from $base-font-size.
// Specified as a t-shirt size or value in px.
@mixin typeset($typestyle, $context: $base-font-size) {
$typestyle: map-get($typestyles, $typestyle);
$font-size: false;
$line-height: false;
$weight: false;
$style: false;
$case: false;
$letter-spacing: false;
// Assign values to variables when $typestyle is a keyed map.
@if type-of($typestyle) == "map" {
@if map-has-key($typestyle, font-size) {
$font-size: map-get($typestyle, font-size);
}
@if map-has-key($typestyle, line-height) {
$line-height: map-get($typestyle, line-height);
}
@if map-has-key($typestyle, weight) {
$weight: map-get($typestyle, weight);
}
@if map-has-key($typestyle, style) {
$style: map-get($typestyle, style);
}
@if map-has-key($typestyle, case) {
$case: map-get($typestyle, case);
}
@if map-has-key($typestyle, letter-spacing) {
$letter-spacing: map-get($typestyle, letter-spacing);
}
}
// Assign values to variables when $typestyle is shorthand.
@if type-of($typestyle) == "list" {
@each $value in $typestyle {
// The first value is always font-size.
@if index($typestyle, $value) == 1 {
$font-size: $value;
}
// This is a line-height value.
@else if type-of($value) == "number" and index($typestyle, $value) == 2 {
$line-height: $value;
}
// This is a font-weight value.
@else if map-has-key($font-weight, $value) {
$weight: $value;
}
// This is a case value.
@else if type-of($value) == "string" and index($text-transform-values, $value) != null {
$case: $value;
}
// This is a style value.
@else if type-of($value) == "string" and index($font-style-values, $value) != null {
$style: $value;
}
// This is a letter-spacing value.
@else if type-of($value) == "number" and index($typestyle, $value) != 2 and index($typestyle, $value) != 1 {
$letter-spacing: $value;
}
}
}
// $typestyle may also be a solitary font-size.
@if type-of($typestyle) != "map" and type-of($typestyle) != "list" {
$font-size: $typestyle;
}
// Output properties.
@if $font-size {
@include font-size($font-size, $context);
}
@if $line-height {
@include typey-debug-grid($line-height, $font-size);
@include line-height($line-height, $font-size);
}
@else {
// Using default line-height so set debug grid accordingly.
@include typey-debug-grid($base-line-height, $font-size);
}
@if $weight {
font-weight: weight($weight);
}
@if $style {
font-style: $style;
}
@if $case {
text-transform: $case;
}
@if $letter-spacing {
letter-spacing: calculate-em-px($letter-spacing, $font-size);
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

View File

@ -0,0 +1,3 @@
// sass-lint:disable no-css-comments, no-color-hex, no-color-literals
// Site custom styles

View File

@ -0,0 +1,22 @@
// Initialization partial
//
// To make it easier to use all variables and mixins in any Sass file in this
// project, each .scss file has a `@import 'init';` declaration. The _init.scss
// file is in charge of importing all the other partials needed for the
// project.
// Colours and variables.
@import 'init/colors';
@import 'init/variables';
// Add typey to manage font sizes and margins.
@import 'typey';
// Custom mixins used on this site.
@import 'init/breakpoint/respond-to';
@import 'init/clearfix/clearfix';
@import 'init/rtl/rtl';
@import 'init/visually-hidden/visually-hidden';
// Custom functions used on this site.
@import 'init/image-url/image-url';

View File

@ -0,0 +1,290 @@
// Zen custom styles
// Page
body {
background-color: $backdrop;
}
.page {
background-color: $body-bg;
}
.header {
padding-top: $zen-gutters / 2;
@include respond-to(s) {
padding-top: $zen-gutters;
}
}
.footer {
@include margin-top(1.5);
@include padding(.5 0);
text-align: center;
border-top: 2px solid $brand;
p {
margin: 0;
}
}
// Apply smaller text to blocks, footer etc.
th,
label,
legend,
figcaption {
@include type-layout(s, 1);
@include respond-to(xxl) {
@include type-layout(s-2, 1);
}
}
.language-selector,
article > header,
.content-dates,
.footer {
@include type-layout(xs, 1);
@include respond-to(xxl) {
@include type-layout(xs-2, 1);
}
}
// Apply heading font stack to heading, labels etc.
h1,
h2,
h3,
th,
nav,
label,
legend,
article > header,
.content-dates,
.header,
.footer {
@include typeface(headings);
color: $headings;
font-weight: normal;
}
article > .content,
aside {
ul {
@extend %ul-straight-left;
}
ol {
@extend %ol-straight-left;
}
}
article {
& > header {
color: $text-meta;
}
.submitted,
.tags {
@include respond-to(l) {
display: inline-block;
padding-right: 1rem;
}
}
.tags {
ul {
display: inline-flex;
flex-wrap: wrap;
margin: 0;
padding: 0;
}
li {
list-style-type: none;
@include padding-right(.2);
}
}
.content-dates {
color: $text-meta;
text-align: right;
}
code {
@include type-layout(xs, 1);
overflow-wrap: break-word;
@include respond-to(xxl) {
@include type-layout(xs-2, 1);
}
}
pre {
color: $code;
border-radius: 3px;
padding: 5px;
border: 1px solid $border;
background-color: $text-bg;
overflow: auto;
max-height: 300px;
max-width: 90vw;
&.chroma {
max-height: initial;
overflow-x: scroll;
}
& > code {
display: inline-block;
white-space: pre;
}
}
.js-clipboard-button {
display: block;
}
}
.title-submitted {
margin-bottom: 0;
}
figure {
&.image {
figcaption {
@include respond-to(s) {
display: table-caption;
caption-side: bottom;
}
h4,
p {
margin: 0;
}
}
@include respond-to(s) {
display: table;
img {
display: block;
}
&.left {
@include padding(0 .5 .5 0);
margin: 0;
float: left;
clear: both;
figcaption {
@include padding(0 .5 .5 0);
}
}
&.right {
@include padding(0 0 .5 .5);
margin: 0;
float: right;
clear: both;
figcaption {
@include padding(0 0 .5 .5);
}
}
}
}
&.podcast {
audio {
width: 95%;
}
}
}
// Navigation
.main-menu {
@include margin-top(.5);
outline: 0;
li {
@include margin-right(.5);
@include margin-bottom(.5);
padding: 0;
}
a {
display: block;
background-color: $brand;
color: $text-bg;
padding: 2px 8px;
text-decoration: none;
&:hover,
&:focus {
background-color: $brand-dark;
}
&:active,
&.active {
background-color: $brand;
text-decoration: underline;
}
}
}
.menu a.active {
text-decoration: none;
}
// Search
.search-form {
@include padding(.5 0);
}
.search-text {
@include type-layout(l, 1);
}
// Form
.content {
input,
textarea {
@include margin-bottom(.75);
width: 92%;
&:required+span::after {
content: ' *';
color: $red;
vertical-align: top;
}
&:not(:placeholder-shown):valid {
background-color: $status-bg;
}
&:not(:placeholder-shown):invalid {
background-color: $error-bg;
}
}
}
.js-submitted {
input,
textarea {
&:valid {
background-color: $status-bg;
}
&:invalid {
background-color: $error-bg;
}
}
}

View File

@ -0,0 +1,34 @@
// Font faces
//
// Instead of relying on the fonts that are available on a user's computer, you
// can use web fonts which, like images, are resources downloaded to the user's
// browser. Because of the bandwidth and rendering resources required, web fonts
// should be used with care.
//
// Numerous resources for web fonts can be found on Google. Here are a few
// websites where you can find Open Source fonts to download:
// - http://www.fontsquirrel.com/fontface
// - http://www.theleagueofmoveabletype.com
// - https://fonts.google.com
//
// In order to use these fonts, you will need to convert them into formats
// suitable for web fonts. We recommend the free-to-use Font Squirrel's
// Font-Face Generator:
// http://www.fontsquirrel.com/fontface/generator
//
// The following is an example @font-face declaration. This font can then be
// used in any ruleset using a property like this: font-family: Example, serif;
//
// Since we're using Sass, you'll need to declare your font faces here, then you
// can add them to the font variables in the _init.scss partial.
// @font-face {
// font-family: 'Example';
// src: url('../fonts/example.eot');
// src: url('../fonts/example.eot?iefix') format('eot'),
// url('../fonts/example.woff') format('woff'),
// url('../fonts/example.ttf') format('truetype'),
// url('../fonts/example.svg#webfontOkOndcij') format('svg');
// font-weight: normal;
// font-style: normal;
// }

View File

@ -0,0 +1,25 @@
// Normalize.css is intended to be used as an alternative to CSS resets.
//
// @see https://necolas.github.io/normalize.css/
//
// This directory is a slight fork of this original source:
// normalize.css 8.0.1 | MIT License
// Universal
// ==========================================================================
// Broken into modular pieces to make it easier to edit.
@import 'document/document';
@import 'sections/sections';
@import 'grouping/grouping';
@import 'links/links';
@import 'text/text';
@import 'embedded/embedded';
@import 'forms/forms';
@import 'tables/tables';
@import 'interactive/interactive';
@import 'scripting/scripting';
// Note: we allow the .button component (loaded by forms) to override :link, by
// loading links first.

View File

@ -0,0 +1,33 @@
// sass-lint:disable no-vendor-prefixes
// Document
//
// The default font styles are inherited from the `<html>` element.
html {
// Change the default font family in all browsers (opinionated).
@include typeface(body);
// Correct the line height in all browsers.
@include define-type-sizing();
// Prevent adjustments of font size after orientation changes in IE on Windows
// Phone and in iOS.
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
// On short pages, we want any background gradients to fill the entire height
// of the browser.
min-height: 100%;
// Use the saner border-box model.
box-sizing: border-box;
@include respond-to(xxl) {
@include define-type-sizing($base-font-size-2, $base-line-height-2);
}
}
// Use the saner border-box model for all elements.
*,
*::before,
*::after {
box-sizing: inherit;
}

View File

@ -0,0 +1,31 @@
// Embedded content
// Audio
audio {
// Add your styles.
}
// Image
//
// An `<img>` element represents an image.
img {
// Add your styles.
}
img,
svg {
// Suppress the space beneath the baseline
// vertical-align: bottom;
// Responsive images
max-width: 100%;
height: auto;
}
// Video
video {
// Add your styles.
}

View File

@ -0,0 +1,229 @@
// sass-lint:disable no-vendor-prefixes, no-css-comments
// Form defaults
//
// These are the default base styles applied to HTML form elements.
//
// Component classes can override these styles, but if no class applies a style
// to an HTML form element, these styles will be the ones displayed.
//
// The following rules are from normalize.css and help to fix inconsistencies
// across various browsers. You should probably leave these rules as is and jump
// to the "Buttons" rule on line 92 before you start editing this file.
//
button,
input,
optgroup,
select,
textarea {
// Change the font styles in all browsers (opinionated).
@include typeface(body);
@include line-height(1);
font-size: 100%;
// Keep form elements constrained in their containers.
box-sizing: border-box;
max-width: 100%;
// Remove the margin in Firefox and Safari.
margin: 0;
}
// Show the overflow in IE.
button {
overflow: visible;
}
// Remove the inheritance of text transform in Edge, Firefox, and IE.
button,
select {
text-transform: none;
}
// Show the overflow in Edge.
input {
overflow: visible;
}
// Correct the cursor style of increment and decrement buttons in Chrome.
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
height: auto;
}
[type='search'] {
// Correct the odd appearance in Chrome and Safari.
-webkit-appearance: textfield;
// Correct the outline style in Safari.
outline-offset: -2px;
// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
&::-webkit-search-cancel-button,
&::-webkit-search-decoration {
-webkit-appearance: none;
}
}
::-webkit-file-upload-button {
// Correct the inability to style clickable types in iOS and Safari.
-webkit-appearance: button;
// Change font properties to `inherit` in Safari.
font: inherit;
}
// Buttons
//
// Buttons built with the `<button>` element are the most flexible for styling
// purposes. But `<input>` elements with `type` set to `submit`, `image`,
// `reset`, or `button` are also supported.
//
// Below is the default button styling. To see variations on the button styling
// see the [button component](section-forms.html#kssref-forms-button).
//
// :hover - Hover styling.
// :active:hover - Depressed button styling.
@import 'components/button/button';
// The %text-form-element can be used to style `<input>` text types and
// `<textarea>` elements at the same time.
%text-form-element {
// Add your styles.
}
// Inputs
//
// The `<input>` element is mostly used for text-based inputs that include the
// HTML5 types: `text`, `search`, `tel`, `url`, `email`, `password`, `date`,
// `time`, `number`, `range`, `color`, and `file`.
//
// Note: Certain font size values applied to `number` inputs cause the cursor
// style of the decrement button to change from `default` to `text`.
//
// Note: The search input is not fully stylable by default. In Chrome and Safari
// on OSX/iOS you can't control `font`, `padding`, `border`, or `background`. In
// Chrome and Safari on Windows you can't control `border` properly. It will
// apply `border-width` but will only show a border color (which cannot be
// controlled) for the outer 1px of that border. Applying
// `-webkit-appearance: textfield` addresses these issues without removing the
// benefits of search inputs (e.g. showing past searches). Safari (but not
// Chrome) will clip the cancel button on when it has padding (and `textfield`
// appearance).
[type='text'],
[type='search'],
[type='tel'],
[type='url'],
[type='email'],
[type='password'],
[type='date'],
[type='time'],
[type='number'] {
@extend %text-form-element !optional;
}
[type='range'] {
// Add your styles.
}
[type='color'] {
// Add your styles.
}
[type='file'] {
// Add your styles.
}
// Checkboxes
//
// If an `<input>` element has the `type='checkbox'` attribute set, the form
// field is displayed as a checkbox.
//
// It is recommended that you do not style checkbox and radio inputs as
// Firefox's implementation does not respect box-sizing, padding, or width.
// Radio buttons
//
// If an `<input>` element has the `type='radio'` attribute set, the form field
// is displayed as a radio button.
//
// It is recommended that you do not style checkbox and radio inputs as
// Firefox's implementation does not respect box-sizing, padding, or width.
[type='checkbox'],
[type='radio'] {
// Add the correct box sizing in IE 10-.
box-sizing: border-box;
// Remove the padding in IE 10-.
padding: 0;
}
// Fieldsets
//
// The `<fieldset>` element groups a set of form fields, optionally under a
// common name given by the `<legend>` element.
fieldset {
// Correct the padding in Firefox.
@include padding(.35 .5 .65);
border: 1px solid $border;
}
legend {
// Correct the text wrapping in Edge and IE.
box-sizing: border-box;
display: table;
max-width: 100%;
// Align legend text with a fieldset's text while removing left padding so
// people aren't caught out if they zero out fieldset padding.
margin-left: -5px;
padding: 0 5px;
// Correct the color inheritance from `fieldset` elements in IE.
color: inherit;
white-space: normal;
}
// Labels
//
// The `<label>` element represents a caption of a form field. The label can be
// associated with a specific form control by using the `for` attribute or by
// putting the form control inside the label element itself.
label {
// Drupal-style form labels.
display: block;
font-weight: bold;
}
// Select list
//
// The `<select>` element represents a form field for selecting amongst a set of
// options.
//
// Known limitation: by default, Chrome and Safari on OS X allow very limited
// styling of `<select>`, unless a `border` property is set. The default font
// weight on `optgroup` elements cannot safely be changed in Chrome on OSX and
// Safari on OS X.
select {
// Add your styles.
}
// Progress
//
// The `<progress>` element represents the completion progress of a task.
progress {
// Add the correct vertical alignment in Chrome, Firefox, and Opera.
vertical-align: baseline;
}
// Text areas
//
// The `<textarea>` element represents a multi-line plain text form field.
textarea {
@extend %text-form-element !optional;
// Remove the default vertical scrollbar in IE.
overflow: auto;
}

View File

@ -0,0 +1,141 @@
// Dependencies.
@import 'components/divider/divider';
// Grouping content
// Block quotes
//
// The `<blockquote>` element is for quoting blocks of content from another
// source within your document. Wrap the `<blockquote>` around any <abbr
// title="HyperText Markup Language">HTML</abbr> as the quote. For straight
// quotes, we recommend a `<p>`.
//
// Optionally, add a `<footer>` to identify the source of the quote, wrapping
// the name of the source work in `<cite>`.
blockquote {
// Set 1 unit of vertical rhythm on the top and bottom margin.
// Also indent the quote on both sides.
@include margin(1 $indent-amount);
}
// Lists
//
// Style guide: base.grouping.lists
// Unordered list
//
// The `<ul>` element is a list of items in which the order does <em>not</em>
// explicitly matter.
// Ordered list
//
// The `<ol>` element is a list of items in which the order <em>does</em>
// explicitly matter.
// Description list
//
// The `<dl>` element is a list of terms with their associated descriptions.
dl,
ol,
ul {
// Add vertical rhythm margins.
@include margin(1 0);
}
dt {
// Add your styles.
}
dd {
margin: 0 0 0 $indent-amount;
@include rtl {
margin: 0 $indent-amount 0 0;
}
}
ol,
ul {
padding: 0 0 0 $indent-amount;
@include rtl {
padding: 0 $indent-amount 0 0;
}
// Turn off margins on nested lists.
ol,
ul {
margin: 0;
}
}
// Figures
//
// The `<figure>` element can be used to annotate illustrations, diagrams,
// photos, code listings, etc.
//
// Optionally, a `<figcaption>` element inside the `<figure>` represents the
// caption of the figure.
figure {
// Add vertical rhythm margins.
@include margin(1 0);
}
figcaption {
// Add your styles.
}
// Horizontal rule
//
// The `<hr>` element represents a paragraph-level thematic break, e.g. a scene
// change in a story, or a transition to another topic within a section of a
// reference book.
hr {
@extend %divider;
// Add the correct box sizing in Firefox.
box-sizing: content-box;
height: 0;
// Show the overflow in Edge and IE.
overflow: visible;
}
// Main
//
// The `<main>` element represents the main content of the page.
main {
// Add your styles.
}
// Body copy
//
// The default `font-size` and `line-height` properties are applied to the
// `<body>` element and all paragraphs. In addition, `<p>` (paragraphs) receive
// a top and bottom margin.
p,
pre {
@include margin(.75 0);
}
// Preformatted text
//
// The `<pre>` element represents a block of preformatted text, such as
// fragments of computer code, ASCII art, etc.
%monospace {
// Correct the inheritance and scaling of font size in all browsers.
// The font-family value ends with ", serif".
@include typeface(monospace);
// Correct the odd `em` font sizing in all browsers.
font-size: 1em;
}
pre {
@extend %monospace;
}

View File

@ -0,0 +1,33 @@
// Interactive
// Details
details {
// Add the correct display in Edge, IE, and Firefox.
display: block;
}
summary {
// Add the correct display in all browsers.
display: list-item;
}
// Menu
menu {
// Set 1 unit of vertical rhythm on the top and bottom margin.
@include margin(1 0);
// Set consistent space for the list style image.
padding: 0 0 0 $indent-amount;
@include rtl {
padding: 0 $indent-amount 0 0;
}
// Turn off margins on nested lists.
menu &,
ol &,
ul & {
margin: 0;
}
}

View File

@ -0,0 +1,36 @@
// Links
//
// Hyperlinks are used to allow the user to navigate to other resources or to
// download a resource.
//
// The order of link states are based on Eric Meyer's article:
// http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
//
// :visited - A link that has already been visited.
// :hover - A link that is being hovered over.
// :focus - A link that has been given keyboard focus.
// :active - A link that is being actively clicked.
a,
%link {
color: $link;
// sass-lint:disable no-vendor-prefixes
// Remove gaps in links underline in iOS 8+ and Safari 8+.
-webkit-text-decoration-skip: objects;
}
// Any element can receive focus, but only links can be visited, so we can
// safely lower this selector's specificity. This also ensures visited links
// with additional styles won't have their styles overridden.
:visited {
color: $link-visited;
}
a:hover,
a:focus {
color: $link-hover;
}
a:active {
color: $link-active;
}

View File

@ -0,0 +1,13 @@
// Scripting
// Canvas
canvas {
// Add your styles.
}
// Template
template {
// Add your styles.
}

Some files were not shown because too many files have changed in this diff Show More