forked from ruangrupa/lumbung.space
pull scripts out for now
This commit is contained in:
cellarspoon
parent
372f665fec
commit
737b2ffe69
|
|
@ -0,0 +1,23 @@
|
|||
---
|
||||
kind: pipeline
|
||||
name: deploy beta.lumbung.space
|
||||
steps:
|
||||
- name: bundle static
|
||||
image: plugins/docker
|
||||
settings:
|
||||
username: decentral1se
|
||||
password:
|
||||
from_secret: docker_reg_passwd
|
||||
repo: decentral1se/beta.lumbung.space
|
||||
tags: latest
|
||||
|
||||
- name: deployment
|
||||
image: decentral1se/stack-ssh-deploy:latest
|
||||
settings:
|
||||
stack: beta_lumbung_space
|
||||
host: lumbung.space
|
||||
deploy_key:
|
||||
from_secret: drone_ssh_lumbung.space
|
||||
trigger:
|
||||
branch:
|
||||
- main
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
.env
|
||||
/public/
|
||||
/content/
|
||||
|
|
@ -0,0 +1,11 @@
|
|||
FROM klakegg/hugo:alpine
|
||||
|
||||
RUN apk add --no-cache curl git
|
||||
|
||||
EXPOSE 1313
|
||||
|
||||
COPY . /src/
|
||||
|
||||
ENTRYPOINT ["/bin/bash"]
|
||||
|
||||
CMD ["-c", "hugo server --appendPort='false' --bind 0.0.0.0 --baseUrl='https://beta.lumbung.space' --port='1313' -F"]
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
# beta.lumbung.space
|
||||
|
||||
[](https://drone.autonomic.zone/ruangrupa/beta.lumbung.space)
|
||||
|
||||
Public front-end for [lumbung.space](https://lumbung.space).
|
||||
|
||||
The theme comes from [git.vvvvvvaria.org/rra/lumbung-theme](https://git.vvvvvvaria.org/rra/lumbung-theme).
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
---
|
||||
title: "{{ replace .Name "-" " " | title }}"
|
||||
date: {{ .Date }}
|
||||
draft: true
|
||||
---
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
---
|
||||
version: "3.8"
|
||||
services:
|
||||
app:
|
||||
image: decentral1se/beta.lumbung.space:latest
|
||||
networks:
|
||||
- proxy
|
||||
healthcheck:
|
||||
test: ["CMD", "curl", "-f", "http://localhost:1313"]
|
||||
interval: 10s
|
||||
timeout: 10s
|
||||
retries: 10
|
||||
start_period: 15s
|
||||
volumes:
|
||||
- content:/src/content
|
||||
deploy:
|
||||
update_config:
|
||||
failure_action: rollback
|
||||
order: start-first
|
||||
labels:
|
||||
- "traefik.enable=true"
|
||||
- "traefik.http.routers.coop-cloud-site.rule=Host(`beta.lumbung.space`)"
|
||||
- "traefik.http.routers.coop-cloud-site.entrypoints=web-secure"
|
||||
- "traefik.http.services.coop-cloud-site.loadbalancer.server.port=1313"
|
||||
- "traefik.http.routers.coop-cloud-site.tls.certresolver=production"
|
||||
volumes:
|
||||
content:
|
||||
networks:
|
||||
proxy:
|
||||
external: true
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
baseURL = "https://beta.lumbung.space"
|
||||
languageCode = "en-gb"
|
||||
title = "beta.lumbung.space"
|
||||
theme = "lumbung-theme"
|
||||
|
|
@ -0,0 +1,6 @@
|
|||
DEFAULT: serve
|
||||
|
||||
serve:
|
||||
@hugo serve
|
||||
|
||||
.PHONY: serve
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
# lumbung-theme
|
||||
|
||||
A Hugo theme for lumbung.space
|
||||
|
||||
### Installation
|
||||
|
||||
`cd /my/hugosite/themes`
|
||||
`git clone https://git.vvvvvvaria.org/rra/lumbung-theme`
|
||||
|
||||
edit `/my/hugosite/config.toml`:
|
||||
|
||||
```
|
||||
cat config.toml
|
||||
baseURL = "http://localhost/"
|
||||
languageCode = "en-us"
|
||||
title = "lumbung.space"
|
||||
theme = 'lumbung-theme'
|
||||
```
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
+++
|
||||
+++
|
||||
|
|
@ -0,0 +1,2 @@
|
|||
{{- $image := .Page.Resources.GetMatch (printf "%s" (.Destination | safeURL)) -}}
|
||||
<img width = "{{- $image.Width -}}" height = "{{- $image.Height -}}" alt = "{{- .PlainText | htmlUnescape -}}" src = "{{- $image.RelPermalink -}}">
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="{{ .Site.LanguageCode | default "en" }}">
|
||||
{{- partial "head.html" . -}}
|
||||
<body>
|
||||
{{- partial "header.html" . -}}
|
||||
<div id="content">
|
||||
{{- block "main" . }}{{- end }}
|
||||
</div>
|
||||
{{- partial "footer.html" . -}}
|
||||
</body>
|
||||
<script>
|
||||
function toggleDescription(id){
|
||||
document.querySelector(id).classList.toggle("collapsed");
|
||||
}
|
||||
function loadPlayer(id, embed_path){
|
||||
media = document.querySelector('#media-'+ id)
|
||||
|
||||
var iframe = document.createElement('iframe');
|
||||
iframe.src = embed_path + '?autoplay=1&title=0';
|
||||
iframe.width = 560;
|
||||
iframe.height = 315;
|
||||
iframe.frameBorder = 0;
|
||||
iframe.sandbox = "allow-same-origin allow-scripts allow-popups" ;
|
||||
media.appendChild(iframe);
|
||||
document.querySelector('#thumb-'+ id).remove();
|
||||
}
|
||||
</script>
|
||||
|
||||
</html>
|
||||
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
{{ define "main" }}
|
||||
<section class='entries'>
|
||||
<div class="h-feed">
|
||||
{{ range (.Paginator 13).Pages }}
|
||||
|
||||
{{ if in .Params.categories "tv"}}
|
||||
|
||||
{{- partial "video_box.html" . -}}
|
||||
|
||||
{{ else if in .Params.categories "calendar" }}
|
||||
|
||||
{{- partial "calendar_card.html" . -}}
|
||||
|
||||
{{ else if in .Params.categories "network" }}
|
||||
|
||||
{{- partial "network_card.html" . -}}
|
||||
|
||||
{{ else }}
|
||||
|
||||
{{- partial "card.html" . -}}
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<nav class="pagination">
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</nav>
|
||||
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
{{ define "main" }}
|
||||
<main class="main">
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h1 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h1>
|
||||
<p>
|
||||
Published by <a class="p-author" href="/about">{{ $.Param "author" }}</a>
|
||||
on <time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||
</p>
|
||||
|
||||
<div class="e-content">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
</article>
|
||||
</main>
|
||||
{{ end }}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
{{ define "main" }}
|
||||
<section class='entries'>
|
||||
<div class="h-feed">
|
||||
{{ range (.Paginator 13).Pages }}
|
||||
|
||||
{{ if in .Params.categories "tv"}}
|
||||
|
||||
{{- partial "video_box.html" . -}}
|
||||
|
||||
{{ else if in .Params.categories "calendar" }}
|
||||
|
||||
{{- partial "calendar_card.html" . -}}
|
||||
|
||||
{{ else if in .Params.categories "network" }}
|
||||
|
||||
{{- partial "network_card.html" . -}}
|
||||
|
||||
{{ else }}
|
||||
|
||||
{{- partial "card.html" . -}}
|
||||
|
||||
{{ end }}
|
||||
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<nav class="pagination">
|
||||
{{ template "_internal/pagination.html" . }}
|
||||
</nav>
|
||||
|
||||
</main>
|
||||
{{ end }}
|
||||
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
{{ $t := (time .Params.event_end) }}
|
||||
<div class='card calendar {{ if $t.Before now }}past{{end}}'>
|
||||
<article class="h-event calendar ">
|
||||
<header>
|
||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
</header>
|
||||
{{ range first 1 (.Resources.ByType "image") }}
|
||||
<div class='calendar-image-holder'><a href="{{ $.Permalink }}"> <img class="calendar-image" src="{{ .Permalink }}"></a></div>
|
||||
{{ end }}
|
||||
<div class='start-scroller'>
|
||||
<marquee behavior="scroll" direction="left">
|
||||
{{ .Params.localized_begin | markdownify }}
|
||||
</marquee>
|
||||
</div>
|
||||
<div class='calendar metadata'>
|
||||
<div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
|
||||
<input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
|
||||
<label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
|
||||
<div class='calendar-location p-location'>{{ .Params.location | markdownify }}</div>
|
||||
|
||||
<div class='calendar description p-description' id='event-{{ .Params.uid }}'>
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<div class='card calendar'>
|
||||
<article class="h-entry calendar">
|
||||
<header>
|
||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
</header>
|
||||
<div class='start-scroller'>
|
||||
<marquee behavior="scroll" direction="left">
|
||||
{{ .Params.localized_begin | markdownify }}
|
||||
</marquee>
|
||||
</div>
|
||||
<div class='calendar metadata'>
|
||||
<div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
|
||||
<input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
|
||||
<label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
|
||||
<div class='calendar-location'>{{ .Params.location | markdownify }}</div>
|
||||
<div class='calendar description' id='event-{{ .Params.uid }}'>
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<div class='card'>
|
||||
<article class="h-entry">
|
||||
<header>
|
||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
<div class="header-metadata">
|
||||
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||
{{ if .Params.author }}
|
||||
<div class='author'>{{.Params.author}}</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{{ $img := (.Resources.ByType "image").GetMatch "*featured*" }}
|
||||
|
||||
<div class="p-summary {{if .Truncated}} truncated {{end}} {{if $img}} image {{end}}" >
|
||||
<div class="summary-text">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
{{ with $img }}
|
||||
{{ $thumb := .Resize "400x300"}}
|
||||
<div class="summary-image">
|
||||
<img src="{{ $thumb.Permalink }}" alt="{{ .Title }}">
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
{{ if .Truncated }}
|
||||
<footer class='post-footer'>
|
||||
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
||||
<div class='footer-filler'></div>
|
||||
</footer>
|
||||
{{ end }}
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
<footer class="bar">
|
||||
<div>
|
||||
Imprint - Privacy Policy - Copyright
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>{{ if .IsHome }} {{ .Site.Title }} {{ else }} {{ .Title }} | {{ .Site.Title }} {{ end }}</title>
|
||||
|
||||
{{- if or .Description .Site.Params.description }}
|
||||
<meta name="description" content="{{ .Description | default .Site.Params.description }}">
|
||||
{{- end }}
|
||||
{{- if or .Description .Site.Params.description }}
|
||||
<meta name="author" content='{{ .Site.Params.author }}'>
|
||||
{{- end }}
|
||||
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/main.css">
|
||||
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/video-box.css">
|
||||
|
||||
<link rel="canonical" href="{{ .Permalink }}">
|
||||
{{ with .Site.Params.favicon }}
|
||||
<link rel="icon" type="image/ico" href="{{ . | absURL }}">
|
||||
{{ end }}
|
||||
|
||||
{{ with .OutputFormats.Get "rss" -}}
|
||||
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
|
||||
{{ end -}}
|
||||
</head>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<header class="bar" id="top-menu">
|
||||
<h1 class="logo"><a href="/"><img src="{{ .Site.Params.logo }}" alt="{{ .Site.Title }}"/></a></h1>
|
||||
<nav class="menu">
|
||||
<ul>
|
||||
{{ with .Site.Menus.main }}
|
||||
{{ range . }}
|
||||
<li class="menu-nav-item"> <a href="{{ .URL | relURL }}" title="{{ .Title }}">{{ .Name }}</a>
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<div class='network card'>
|
||||
<article class="h-entry network">
|
||||
<header>
|
||||
<h2 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
<div class="header-metadata">
|
||||
<time class="dt-published" datetime="{{ .Date.Format `Jan 02 2006` }}">{{ .Date.Format "Jan 02, 2006" }}</time>
|
||||
<div class="filler"></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="network-source"><span class="from p-author">From {{ if .Params.author }}<b>{{.Params.author}}</b> at {{ end }}<a href="{{ "/categories/" | relLangURL }}{{ .Params.feed_name | urlize }}">{{ .Params.feed_name }}</a></span></div>
|
||||
|
||||
<div class="p-summary {{if .Truncated}} truncated {{end}} img" >
|
||||
{{ with (index (.Resources.ByType "image") 0) }}
|
||||
{{ $thumb := .Fit "540x360"}}
|
||||
<div class="summary-image">
|
||||
<img src="{{ $thumb.Permalink }}" alt="{{ .Title }}">
|
||||
</div>
|
||||
{{ end }}
|
||||
<div class="summary-text">
|
||||
{{ .Summary }}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
{{ if .Truncated }}
|
||||
<footer class='post-footer'>
|
||||
<div class='read-more'><a href="{{ .RelPermalink }}">Read More…</a></div>
|
||||
<div class='footer-filler'></div>
|
||||
</footer>
|
||||
{{ end }}
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="../../static/css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class='side-bar calendar'>
|
||||
<article class="h-entry calendar">
|
||||
<header>
|
||||
<h3 class="p-name"><a href="{{ .Permalink }}" class="u-url">{{ .Title }}</a></h2>
|
||||
|
||||
</header>
|
||||
<div class='start-scroller'>
|
||||
<marquee behavior="scroll" direction="left">
|
||||
{{ .Params.localized_begin | markdownify }}
|
||||
</marquee>
|
||||
</div>
|
||||
<div class='calendar metadata'>
|
||||
<div class='calendar-duration'>Duration: <b>{{ .Params.duration }}</b></div>
|
||||
<input class='descr_button' type='checkbox' id='toggle-{{ .Params.uid }}'/>
|
||||
<label class='calendar' for='toggle-{{ .Params.uid }}'>↕</label>
|
||||
<div class='calendar-location'>{{ .Params.location | markdownify }}</div>
|
||||
<div class='calendar description' id='event-{{ .Params.uid }}'>
|
||||
{{.Content}}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</article>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<div class='video-box'>
|
||||
<div class='media' id='media-{{ .Params.uuid }}'>
|
||||
<span class='video-thumbnail' id='thumb-{{ .Params.uuid }}'
|
||||
href="https://tv.lumbung.space/videos/watch/{{ .Params.uuid }}"
|
||||
onclick="loadPlayer(
|
||||
'{{ .Params.uuid }}',
|
||||
'https://tv.lumbung.space/videos/embed/{{ .Params.uuid }}'
|
||||
)">
|
||||
<img src="{{.Site.BaseURL}}{{ .File.Dir }}{{ .Params.preview_image }}">
|
||||
|
||||
{{ if .Params.is_live}}
|
||||
<div class="video-thumbnail-duration-overlay">LIVE</div>
|
||||
{{ else }}
|
||||
<div class="video-thumbnail-duration-overlay">{{.Params.video_duration}}</div>
|
||||
{{ end }}
|
||||
|
||||
<div class="play-overlay">
|
||||
<div class="play-icon"></div>
|
||||
</div>
|
||||
</span>
|
||||
</div>
|
||||
<div class='video metadata'>
|
||||
<div class='title'>{{ .Title }}</div>
|
||||
<div class='video channel'><a href='{{ .Params.channel_url }}'> {{ .Params.video_channel }}</a></div>
|
||||
<input class='descr_button' type='checkbox' id='toggle-{{ .Params.uuid }}'/>
|
||||
<label class='video' for='toggle-{{ .Params.uuid }}'>↕</label>
|
||||
<div class='video date'> <a href='https://tv.lumbung.space/videos/watch/{{ .Params.uuid }}'> {{ .Date.Format "Jan 02, 2006" }}</a></div>
|
||||
<div class="description video" id='vid-{{ .Params.uuid }}'> {{ .Content }}
|
||||
<ul>
|
||||
{{ range (.GetTerms "categories") }}
|
||||
<li><a href="{{ .Permalink }}">{{ .LinkTitle }}</a></li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -0,0 +1,535 @@
|
|||
/*nice body-border color combos
|
||||
|
||||
antiquewhite - burlywood
|
||||
peachpuff - tomato
|
||||
lightpink - crimson
|
||||
lightblue - cornflowerblue
|
||||
palegreen - lightseagreen
|
||||
|
||||
fonts
|
||||
bungeeshade
|
||||
allerta
|
||||
*/
|
||||
|
||||
:root {
|
||||
--border-color: tomato;
|
||||
}
|
||||
|
||||
/*Main Stuff*/
|
||||
body {
|
||||
font-size:16px;
|
||||
font-family: sans-serif;
|
||||
color: maroon;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #1B4C8A;
|
||||
}
|
||||
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#content {
|
||||
margin: 2em auto;
|
||||
max-width: 80%;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.card{
|
||||
|
||||
border: 2px solid var(--border-color);
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
background-color: #fff09d;
|
||||
max-width: 600px;
|
||||
margin-bottom: 2em;
|
||||
flex: auto;
|
||||
margin: 0 3em 3em 0;
|
||||
align-self: start;
|
||||
|
||||
}
|
||||
|
||||
.card{
|
||||
background-color: peachpuff;
|
||||
}
|
||||
|
||||
.side-bar {
|
||||
border: 2px solid var(--border-color);
|
||||
max-width: 400px;
|
||||
}
|
||||
|
||||
|
||||
.card:nth-child(even){
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
.card:nth-child(odd){
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
.card:nth-child(5){
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
|
||||
|
||||
.video.box{
|
||||
margin-top:3em;
|
||||
}
|
||||
|
||||
.bar{
|
||||
border: 2px solid var(--border-color);
|
||||
box-shadow: 0.6em 0.6em 0 #d2d1c8;
|
||||
margin-bottom: 2em;
|
||||
margin-top:3em;
|
||||
display: inline-block;
|
||||
background-color: #fff09d;
|
||||
}
|
||||
|
||||
.h-feed{
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.entries{
|
||||
padding-top: 5%;
|
||||
}
|
||||
|
||||
|
||||
/* base header & menu */
|
||||
|
||||
#top-menu{
|
||||
position: fixed;
|
||||
left: 50%;
|
||||
transform: translate(-50%);
|
||||
width: 90%;
|
||||
z-index: 1;
|
||||
margin-top: 1em;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-left: 0.5em;
|
||||
margin-right: 0.5em;
|
||||
margin-top: 0.2em;
|
||||
margin-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.logo a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.menu {
|
||||
border-top: 2px solid var(--border-color);
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
}
|
||||
|
||||
.menu ul{
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.menu-nav-item {
|
||||
border-right: 2px solid var(--border-color);
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
/*Article Summary Cards*/
|
||||
|
||||
.h-entry header {
|
||||
display: flex;
|
||||
border-bottom: 2px solid var(--border-color);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.h-entry header h2{
|
||||
padding: 0.2em;
|
||||
margin: 0;
|
||||
padding-right: 0.3em;
|
||||
padding-left: 0.3em;
|
||||
border-left: 2px solid var(--border-color);
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.h-entry header h2:hover{
|
||||
box-shadow: inset 4px 4px 0px tomato;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.h-entry header h2 a {
|
||||
text-decoration: none;
|
||||
color: var(--border-color);
|
||||
}
|
||||
|
||||
|
||||
.h-entry header .header-metadata{
|
||||
margin: 0;
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.header-metadata .dt-published{
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
.author.p-author {
|
||||
border-top: 2px solid var(--border-color);
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
|
||||
.p-summary.truncated.image {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.p-summary.truncated {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.summary-text {
|
||||
flex: 1;
|
||||
padding: 1em;
|
||||
max-height: 300px;
|
||||
min-width: 20ch;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.summary-image > img {
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
max-width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.summary-image{
|
||||
border-right: 2px solid var(--border-color);
|
||||
}
|
||||
|
||||
footer.post-footer {
|
||||
display: flex;
|
||||
flex-flow: row-reverse;
|
||||
}
|
||||
|
||||
.footer-filler{
|
||||
border-top: 2px solid var(--border-color);
|
||||
flex-grow: 1;
|
||||
}
|
||||
.read-more {
|
||||
border-top: 2px solid var(--border-color);
|
||||
border-left: 2px solid var(--border-color);
|
||||
align-content: flex-end;
|
||||
padding: 0.2em 1em 0.2em 1em;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* network cards */
|
||||
|
||||
.card.network{
|
||||
|
||||
border: 2px solid darkcyan;
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
background-color: lightgreen;
|
||||
max-width: 540px;
|
||||
margin-bottom: 2em;
|
||||
flex: auto;
|
||||
margin: 0 3em 3em 0;
|
||||
align-self: start;
|
||||
color: darkcyan;
|
||||
}
|
||||
|
||||
.h-entry.network header {
|
||||
display: flex;
|
||||
border-bottom: 2px solid darkcyan;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
.h-entry.network header h2{
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
margin: 0;
|
||||
border-color: darkcyan;
|
||||
}
|
||||
|
||||
.h-entry.network header h2:hover{
|
||||
box-shadow: inset 4px 4px 0px darkcyan;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.h-entry.network header h2 a {
|
||||
text-decoration: none;
|
||||
color: darkcyan;
|
||||
}
|
||||
|
||||
.network .header-metadata {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.network .header-metadata .dt-published{
|
||||
padding-left: 1.2em;
|
||||
min-width: 16ch;
|
||||
border-bottom: 2px solid darkcyan;
|
||||
}
|
||||
|
||||
.network .filler {
|
||||
min-height: 1rem;
|
||||
}
|
||||
|
||||
.network .author.p-author {
|
||||
border-color: darkcyan;
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
}
|
||||
|
||||
.network footer.post-footer{
|
||||
border-top: 2px solid darkcyan;
|
||||
}
|
||||
|
||||
.network .summary-image {
|
||||
border-bottom: 2px solid darkcyan;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.network .summary-image > img {
|
||||
display: inherit;
|
||||
}
|
||||
.network .summary-text {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
div.network-source{
|
||||
padding: 0.5em 1.2em 0.5em 1.2em;
|
||||
border-bottom: 2px solid darkcyan;
|
||||
font-size: 14px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.network-source a {
|
||||
font-weight: bold;
|
||||
color: darkcyan;
|
||||
}
|
||||
|
||||
.network .footer-filler{
|
||||
border: none;
|
||||
}
|
||||
.network .read-more {
|
||||
border: none;
|
||||
border-left: 2px solid darkcyan;
|
||||
}
|
||||
|
||||
|
||||
/* calendar cards */
|
||||
|
||||
.card.calendar {
|
||||
border: 2px solid cornflowerblue;
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
background-color: lightblue;
|
||||
max-width: 360px;
|
||||
margin-bottom: 2em;
|
||||
flex: auto;
|
||||
margin: 0 3em 3em 0;
|
||||
align-self: start;
|
||||
color: royalblue;
|
||||
|
||||
}
|
||||
|
||||
.card.calendar.past {
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.card.calendar.past:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.h-event.calendar header {
|
||||
display: flex;
|
||||
border-bottom: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
.h-event.calendar header h2{
|
||||
padding: 0.2em 0.5em 0.2em 0.5em;
|
||||
margin: 0;
|
||||
border-right: none;
|
||||
}
|
||||
|
||||
.h-event.calendar header h2:hover{
|
||||
box-shadow: inset 4px 4px 0px royalblue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.h-event.calendar header h2 a {
|
||||
text-decoration: none;
|
||||
color: royalblue;
|
||||
}
|
||||
|
||||
.header-filler {
|
||||
min-width: 10%;
|
||||
}
|
||||
|
||||
.calendar-location{
|
||||
font-size: 0.8rem;
|
||||
min-width: 20%;
|
||||
padding: 0.5em 0.9em 0.5em 0.9em;
|
||||
border-left: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
.calendar-duration{
|
||||
font-size: 0.8rem;
|
||||
border-right: 2px solid cornflowerblue;
|
||||
padding: 0.5em 0.9em 0.5em 0.9em;
|
||||
}
|
||||
|
||||
.start-scroller {
|
||||
display: flex;
|
||||
flex-flow: row-reverse;
|
||||
border-bottom: 2px solid cornflowerblue;
|
||||
}
|
||||
.start-scroller marquee{
|
||||
font-size: 0.8rem;
|
||||
padding-top: 0.2em;
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.calendar .description {
|
||||
border-top: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
.calendar-image-holder{
|
||||
border-bottom: 2px solid cornflowerblue;
|
||||
}
|
||||
|
||||
.calendar-image-holder a {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
.calendar-image{
|
||||
max-width: 100%;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
/* Card metadata (video & calendar) */
|
||||
|
||||
.metadata {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.description p:first-of-type {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
.description ul:first-of-type {
|
||||
margin:0;
|
||||
}
|
||||
|
||||
input + label +.calendar-location+.description{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked + label +.calendar-location+.description {
|
||||
display: block;
|
||||
transition: ease .5s;
|
||||
}
|
||||
|
||||
.metadata label {
|
||||
text-align: center;
|
||||
vertical-align: sub;
|
||||
flex-grow: 1;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
padding: 0.4em 0.9em 0.4em 0.9em;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
label:hover {
|
||||
box-shadow: inset 2px 2px 0px #95948c;
|
||||
}
|
||||
|
||||
.description{
|
||||
padding: 0.5em 0.7em 0.7em 0.5em;
|
||||
overflow: hidden;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.descr_button {
|
||||
cursor: pointer;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Paginator */
|
||||
|
||||
nav.pagination{
|
||||
width: 60%;
|
||||
margin: auto;
|
||||
margin-top: 2em;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
||||
ul.pagination{
|
||||
display: flex;
|
||||
justify-content: space-evenly; /* align horizontal */
|
||||
align-items: center; /* align vertical */
|
||||
}
|
||||
|
||||
.page-item{
|
||||
display: block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-size: 38px;
|
||||
border: 2px solid #1B4C8A;
|
||||
box-shadow:0.4em 0.4em 0 #d2d1c8;
|
||||
|
||||
}
|
||||
|
||||
li.page-item{
|
||||
background-color: lightblue;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
li.page-item.active{
|
||||
background-color: peachpuff;
|
||||
border: 2px solid tomato;
|
||||
padding: 0.4em;
|
||||
}
|
||||
|
||||
li.page-item.disabled{
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.page-item:nth-child(even){
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
li.page-item:nth-child(odd){
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
li.page-item:nth-child(5){
|
||||
transform: rotate(2deg);
|
||||
}
|
||||
|
||||
li.page-item:nth-child(8){
|
||||
transform: rotate(-3deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Page footer */
|
||||
|
||||
footer.bar {
|
||||
margin-top: 0;
|
||||
width: 80%;
|
||||
margin-left: auto;
|
||||
display: block;
|
||||
margin-right: auto;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
|
|
@ -0,0 +1,155 @@
|
|||
:root {
|
||||
--video-border-color: burlywood;
|
||||
--video-background-color: antiquewhite;
|
||||
}
|
||||
.video-box {
|
||||
border:2px solid var(--video-border-color);
|
||||
max-width:560px;
|
||||
margin:auto;
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
margin-bottom: 2em;
|
||||
color: chocolate;
|
||||
}
|
||||
|
||||
.video-box:nth-child(even){
|
||||
transform: rotate(-1deg);
|
||||
}
|
||||
|
||||
.video-box:nth-child(odd){
|
||||
transform: rotate(1deg);
|
||||
}
|
||||
|
||||
.video-box:nth-child(5){
|
||||
transform: rotate(3deg);
|
||||
}
|
||||
|
||||
|
||||
.video-box img {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.video-box iframe {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.video-box .media {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.video {
|
||||
background-color: var(--video-background-color);
|
||||
}
|
||||
|
||||
.video .metadata{
|
||||
font-size:0.9rem;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.metadata .title{
|
||||
margin-top:0;
|
||||
border-top: 2px solid var(--video-border-color);
|
||||
border-bottom: 2px solid var(--video-border-color);
|
||||
padding:0.5em;
|
||||
font-weight:700;
|
||||
font-size:1.3rem;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.video.channel{
|
||||
border-right: 2px solid var(--video-border-color);
|
||||
padding: 0.5em 0.9em 0.5em 0.9em;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.video.date {
|
||||
float:right;
|
||||
border-left: 2px solid var(--video-border-color);
|
||||
padding: 0.5em 0.9em 0.5em 0.9em;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.video.description {
|
||||
border-top: 2px solid var(--video-border-color);
|
||||
padding: 0.8em 0.8em 0.8em 0.8em;
|
||||
|
||||
}
|
||||
.descr_button a {
|
||||
color:inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
input.descr_button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
input + label + .video.date + .description{
|
||||
display: none;
|
||||
}
|
||||
|
||||
input:checked + label + .video.date +.description {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.play-icon {
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%) scale(.5);
|
||||
border-top: 13px solid transparent;
|
||||
border-bottom: 13px solid transparent;
|
||||
border-left: 18px solid hsla(0,0%,100%,.95);
|
||||
}
|
||||
|
||||
.video-thumbnail {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
}
|
||||
.video-thumbnail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #ececec;
|
||||
transition: filter .2s ease;
|
||||
}
|
||||
|
||||
.video-thumbnail-duration-overlay {
|
||||
display: inline-block;
|
||||
background-color: var(--video-background-color);
|
||||
color: chocolate;
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
padding: 1px 3px 1px 3px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border: 2px solid var(--video-border-color);
|
||||
}
|
||||
|
||||
.play-overlay {
|
||||
transition: all .2s ease;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
opacity: 0;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.video-thumbnail:hover {
|
||||
text-decoration:none!important
|
||||
}
|
||||
.video-thumbnail:hover .play-overlay {
|
||||
opacity:1
|
||||
}
|
||||
.video-thumbnail:hover .play-overlay .play-icon {
|
||||
transform:translate(-50%,-50%) scale(1)
|
||||
}
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
# theme.toml template for a Hugo theme
|
||||
# See https://github.com/gohugoio/hugoThemes#themetoml for an example
|
||||
|
||||
name = "Lumbung"
|
||||
license = "AGPL3"
|
||||
licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
|
||||
description = ""
|
||||
homepage = "http://example.com/"
|
||||
tags = []
|
||||
features = []
|
||||
min_version = "0.41.0"
|
||||
|
||||
[author]
|
||||
name = ""
|
||||
homepage = ""
|
||||
|
||||
# If porting an existing theme
|
||||
[original]
|
||||
name = ""
|
||||
homepage = ""
|
||||
repo = ""
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
event_feed_config.py
|
||||
__pycache__
|
||||
|
|
@ -1,9 +0,0 @@
|
|||
# Calendar Feed
|
||||
Generate HUGO posts based on a publicly accessible ICS calendar.
|
||||
|
||||
## Use
|
||||
Fill in your details in `calendar_feed_config.py`
|
||||
|
||||
## TODO / FIXME
|
||||
|
||||
* Multiple calendars to multiple hugo categories
|
||||
|
|
@ -1,194 +0,0 @@
|
|||
#!/bin/python3
|
||||
|
||||
#lumbung.space calendar feed generator
|
||||
#© 2021 roel roscam abbing gplv3 etc
|
||||
|
||||
from ics import Calendar
|
||||
import requests
|
||||
import jinja2
|
||||
import os
|
||||
import shutil
|
||||
from slugify import slugify
|
||||
from natural import date
|
||||
from event_feed_config import calendar_url, output_dir
|
||||
from urllib.parse import urlparse
|
||||
import arrow
|
||||
import re
|
||||
|
||||
cal = Calendar(requests.get(calendar_url).text)
|
||||
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader(os.path.curdir)
|
||||
)
|
||||
|
||||
if not os.path.exists(output_dir):
|
||||
os.mkdir(output_dir)
|
||||
|
||||
template = env.get_template('event_template.md')
|
||||
|
||||
existing_posts = os.listdir(output_dir)
|
||||
|
||||
def findURLs(string):
|
||||
"""
|
||||
return all URLs in a given string
|
||||
"""
|
||||
regex = r"(?i)\b((?:https?://|www\d{0,3}[.]|[a-z0-9.\-]+[.][a-z]{2,4}/)(?:[^\s()<>]+|\(([^\s()<>]+|(\([^\s()<>]+\)))*\))+(?:\(([^\s()<>]+|(\([^\s()<>]+\)))*\)|[^\s`!()\[\]{};:'\".,<>?«»“”‘’]))"
|
||||
url = re.findall(regex,string)
|
||||
return [x[0] for x in url]
|
||||
|
||||
def find_imageURLS(string):
|
||||
"""
|
||||
return all image URLS in a given string
|
||||
"""
|
||||
regex = r"(?:http\:|https\:)?\/\/.*?\.(?:png|jpg|jpeg|gif|svg)"
|
||||
|
||||
img_urls = re.findall(regex, string, flags=re.IGNORECASE)
|
||||
return img_urls
|
||||
|
||||
def create_metadata(event):
|
||||
"""
|
||||
construct a formatted dict of event metadata for use as frontmatter for HUGO post
|
||||
"""
|
||||
|
||||
if event.location:
|
||||
location_urls = findURLs(event.location)
|
||||
|
||||
if location_urls:
|
||||
location_url = location_urls[0]
|
||||
event.location = '[{}]({})'.format(urlparse(location_url).netloc, location_url)
|
||||
|
||||
|
||||
event_metadata = {
|
||||
'name':event.name,
|
||||
'created':event.created.format(),
|
||||
'description': event.description,
|
||||
'localized_begin': ' '.join(localize_time(event.begin)), #non-breaking space characters to defeat markdown
|
||||
'begin': event.begin.format(),
|
||||
'end': event.end.format(),
|
||||
'duration': date.compress(event.duration),
|
||||
'location': event.location,
|
||||
'uid': event.uid,
|
||||
'images' : find_imageURLS(event.description) # currently not used in template
|
||||
}
|
||||
|
||||
return event_metadata
|
||||
|
||||
def localize_time(date):
|
||||
"""
|
||||
Turn a given date into various timezones
|
||||
Takes arrow objects
|
||||
"""
|
||||
|
||||
# 3 PM Kassel, Germany, 4 PM Ramallah/Jerusalem, Palestina (QoF),
|
||||
# 8 AM Bogota, Colombia (MaMa), 8 PM Jakarta, Indonesia (Gudskul),
|
||||
# 1 PM (+1day) Wellington, New Zealand (Fafswag), 9 AM Havana, Cuba (Instar).
|
||||
|
||||
|
||||
tzs = [
|
||||
('Kassel','Europe/Berlin'),
|
||||
('Bamako', 'Europe/London'),
|
||||
('Palestine','Asia/Jerusalem'),
|
||||
('Bogota','America/Bogota'),
|
||||
('Jakarta','Asia/Jakarta'),
|
||||
('Makassar','Asia/Makassar'),
|
||||
('Wellington', 'Pacific/Auckland')
|
||||
]
|
||||
|
||||
localized_begins =[]
|
||||
for location, tz in tzs:
|
||||
localized_begins.append( #javascript formatting because of string creation from hell
|
||||
'__{}__ {}'.format(
|
||||
str(location),
|
||||
str(date.to(tz).format("YYYY-MM-DD __HH:mm__"))
|
||||
)
|
||||
)
|
||||
return localized_begins
|
||||
|
||||
def create_event_post(post_dir, event):
|
||||
"""
|
||||
Create HUGO post based on calendar event metadata
|
||||
Searches for image URLS in description and downloads them
|
||||
Function is also called when post is in need of updating
|
||||
In that case it will also delete images no longer in metadata
|
||||
TODO: split this up into more functions for legibility
|
||||
"""
|
||||
|
||||
if not os.path.exists(post_dir):
|
||||
os.mkdir(post_dir)
|
||||
|
||||
event_metadata = create_metadata(event)
|
||||
|
||||
#list already existing images
|
||||
#so we can later delete them if we dont find them in the event metadata anymore
|
||||
existing_images = os.listdir(post_dir)
|
||||
try:
|
||||
existing_images.remove('index.md')
|
||||
existing_images.remove('.timestamp')
|
||||
except:
|
||||
pass
|
||||
|
||||
for img in event_metadata['images']:
|
||||
|
||||
#parse img url to safe local image name
|
||||
img_name = img.split('/')[-1]
|
||||
fn, ext = img_name.split('.')
|
||||
img_name = slugify(fn) + '.' + ext
|
||||
|
||||
local_image = os.path.join(post_dir, img_name)
|
||||
|
||||
if not os.path.exists(local_image):
|
||||
#download preview image
|
||||
response = requests.get(img, stream=True)
|
||||
with open(local_image, 'wb') as img_file:
|
||||
shutil.copyfileobj(response.raw, img_file)
|
||||
print('Downloaded image for event "{}"'.format(event.name))
|
||||
event_metadata['description'] = event_metadata['description'].replace(img, ''.format(img_name))
|
||||
if img_name in existing_images:
|
||||
existing_images.remove(img_name)
|
||||
|
||||
for left_over_image in existing_images:
|
||||
#remove images we found, but which are no longer in remote event
|
||||
os.remove(os.path.join(post_dir,left_over_image))
|
||||
print('deleted image', left_over_image)
|
||||
|
||||
with open(os.path.join(post_dir,'index.md'),'w') as f:
|
||||
post = template.render(event = event_metadata)
|
||||
f.write(post)
|
||||
print('created post for', event.name, '({})'.format(event.uid))
|
||||
|
||||
with open(os.path.join(post_dir,'.timestamp'),'w') as f:
|
||||
f.write(event_metadata['created'])
|
||||
|
||||
|
||||
def update_event_post(post_dir, event):
|
||||
"""
|
||||
Update a post based on the VCARD event 'created' field which changes when updated
|
||||
"""
|
||||
if os.path.exists(post_dir):
|
||||
old_timestamp = open(os.path.join(post_dir,'.timestamp')).read()
|
||||
if event.created > arrow.get(old_timestamp):
|
||||
print('Updating', event.name, '({})'.format(event.uid))
|
||||
create_event_post(post_dir, event)
|
||||
else:
|
||||
print('Event current: ', event.name, '({})'.format(event.uid))
|
||||
|
||||
for event in list(cal.events):
|
||||
|
||||
post_dir = os.path.join(output_dir, event.uid)
|
||||
|
||||
if event.uid not in existing_posts:
|
||||
#if there is an event we dont already have, make it
|
||||
create_event_post(post_dir, event)
|
||||
|
||||
elif event.uid in existing_posts:
|
||||
#if we already have it, update
|
||||
update_event_post(post_dir, event)
|
||||
existing_posts.remove(event.uid) # create list of posts which have not been returned by the calendar
|
||||
|
||||
|
||||
for post in existing_posts:
|
||||
#remove events not returned by the calendar (deletion)
|
||||
print('deleted', post)
|
||||
shutil.rmtree(os.path.join(output_dir,post))
|
||||
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
---
|
||||
title: "{{ event.name }}"
|
||||
date: "{{ event.begin }}" #2021-06-10T10:46:33+02:00
|
||||
draft: false
|
||||
categories: "calendar"
|
||||
event_begin: "{{ event.begin }}"
|
||||
event_end: "{{ event.end }}"
|
||||
duration: "{{ event.duration }}"
|
||||
localized_begin: "{{ event.localized_begin }}"
|
||||
uid: "{{ event.uid }}"
|
||||
{% if event.location %}
|
||||
location: "{{ event.location }}"
|
||||
{% endif %}
|
||||
|
||||
|
||||
---
|
||||
{% if event.description %}
|
||||
|
||||
{{ event.description }}
|
||||
|
||||
{% endif %}
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
# Automatically generated by https://github.com/damnever/pigar.
|
||||
|
||||
# calendar-feed/event_feed.py: 3
|
||||
Jinja2 == 2.10
|
||||
|
||||
# calendar-feed/event_feed.py: 1
|
||||
ics == 0.7
|
||||
|
||||
# calendar-feed/event_feed.py: 6
|
||||
natural == 0.2.0
|
||||
|
||||
# calendar-feed/event_feed.py: 5
|
||||
python_slugify == 5.0.2
|
||||
|
||||
# calendar-feed/event_feed.py: 2
|
||||
requests == 2.21.0
|
||||
|
|
@ -1,2 +0,0 @@
|
|||
network/
|
||||
etags/
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
# lumbung feed aggregator
|
||||
|
||||
* Grab feeds listed in `feeds_list.txt`
|
||||
* Parse feed for blogpost entries
|
||||
* * Download images linked in blogposts
|
||||
* Turn blogpost entries into HUGO posts
|
||||
|
||||
# TODO/FIXME
|
||||
|
||||
* only include posts with a certain tag
|
||||
|
||||
|
|
@ -1,11 +0,0 @@
|
|||
https://www.masartemasaccion.org/feed/
|
||||
https://fafswag.wordpress.com/feed/
|
||||
https://wajukuuarts.wordpress.com/feed/
|
||||
https://inland.org/feed/
|
||||
https://jatiwangiartfactory.tumblr.com/rss/
|
||||
https://brittoartstrust.org/feed/
|
||||
https://artivismo.org/feed/
|
||||
http://www.festivalsegou.org/spip.php?page=backend&lang=fr
|
||||
https://gudskul.art/feed/
|
||||
https://projectartworks.org/feed/
|
||||
https://ruangrupa.id/feed/
|
||||
|
|
@ -1,13 +0,0 @@
|
|||
---
|
||||
title: "{{ frontmatter.title }}"
|
||||
date: "{{ frontmatter.date }}" #2021-06-10T10:46:33+02:00
|
||||
draft: false
|
||||
summary: "{{ frontmatter.summary }}"
|
||||
author: "{{ frontmatter.author }}"
|
||||
original_link: "{{ frontmatter.original_link }}"
|
||||
feed_name: "{{ frontmatter.feed_name}}"
|
||||
categories: ["network", "{{ frontmatter.feed_name}}"]
|
||||
tags: {{ frontmatter.tags }}
|
||||
---
|
||||
|
||||
{{ content }}
|
||||
|
|
@ -1,248 +0,0 @@
|
|||
#!/bin/python3
|
||||
|
||||
#lumbung.space rss feed aggregator
|
||||
#© 2021 roel roscam abbing gplv3 etc
|
||||
|
||||
import requests
|
||||
import jinja2
|
||||
import os
|
||||
import shutil
|
||||
import feedparser
|
||||
from urllib.parse import urlparse
|
||||
from ast import literal_eval as make_tuple
|
||||
from slugify import slugify
|
||||
from bs4 import BeautifulSoup
|
||||
import time
|
||||
import arrow
|
||||
|
||||
|
||||
def write_etag(feed_name, feed_data):
|
||||
"""
|
||||
save timestamp of when feed was last modified
|
||||
"""
|
||||
etag = ''
|
||||
modified = ''
|
||||
|
||||
if 'etag' in feed_data:
|
||||
etag = feed_data.etag
|
||||
if 'modified' in feed_data:
|
||||
modified = feed_data.modified
|
||||
|
||||
if etag or modified:
|
||||
with open(os.path.join('etags',feed_name +'.txt'),'w') as f:
|
||||
f.write(str((etag, modified)))
|
||||
|
||||
def get_etag(feed_name):
|
||||
"""
|
||||
return timestamp of when feed was last modified
|
||||
"""
|
||||
fn = os.path.join('etags',feed_name +'.txt')
|
||||
etag = ''
|
||||
modified = ''
|
||||
|
||||
if os.path.exists(fn):
|
||||
etag, modified = make_tuple(open(fn,'r').read())
|
||||
|
||||
return etag, modified
|
||||
|
||||
def create_frontmatter(entry):
|
||||
"""
|
||||
parse RSS metadata and return as frontmatter
|
||||
"""
|
||||
if 'published' in entry:
|
||||
published = entry.published_parsed
|
||||
if 'updated' in entry:
|
||||
published = entry.updated_parsed
|
||||
|
||||
published = arrow.get(published)
|
||||
|
||||
if 'author' in entry:
|
||||
author = entry.author
|
||||
else:
|
||||
author = ''
|
||||
|
||||
tags = []
|
||||
if 'tags' in entry:
|
||||
#TODO finish categories
|
||||
for t in entry.tags:
|
||||
tags.append(t['term'])
|
||||
|
||||
frontmatter = {
|
||||
'title':entry.title,
|
||||
'date': published.format(),
|
||||
'summary': '',
|
||||
'author': author,
|
||||
'original_link': entry.link,
|
||||
'feed_name': entry['feed_name'],
|
||||
'tags': str(tags)
|
||||
}
|
||||
|
||||
return frontmatter
|
||||
|
||||
def create_post(post_dir, entry):
|
||||
"""
|
||||
write hugo post based on RSS entry
|
||||
"""
|
||||
frontmatter = create_frontmatter(entry)
|
||||
|
||||
if not os.path.exists(post_dir):
|
||||
os.makedirs(post_dir)
|
||||
|
||||
if 'content' in entry:
|
||||
post_content = entry.content[0].value
|
||||
else:
|
||||
post_content = entry.summary
|
||||
|
||||
parsed_content = parse_posts(post_dir, post_content)
|
||||
|
||||
with open(os.path.join(post_dir,'index.html'),'w') as f: #n.b. .html
|
||||
post = template.render(frontmatter=frontmatter, content=parsed_content)
|
||||
f.write(post)
|
||||
print('created post for', entry.title, '({})'.format(entry.link))
|
||||
|
||||
def grab_media(post_directory, url):
|
||||
"""
|
||||
download media linked in post to have local copy
|
||||
if download succeeds return new local path otherwise return url
|
||||
"""
|
||||
image = urlparse(url).path.split('/')[-1]
|
||||
|
||||
try:
|
||||
if not os.path.exists(os.path.join(post_directory, image)):
|
||||
#TODO: stream is true is a conditional so we could check the headers for things, mimetype etc
|
||||
response = requests.get(url, stream=True)
|
||||
if response.ok:
|
||||
with open(os.path.join(post_directory, image), 'wb') as img_file:
|
||||
shutil.copyfileobj(response.raw, img_file)
|
||||
print('Downloaded cover image', image)
|
||||
return image
|
||||
return image
|
||||
elif os.path.exists(os.path.join(post_directory, image)):
|
||||
return image
|
||||
|
||||
except Exception as e:
|
||||
print('Failed to download image', url)
|
||||
print(e)
|
||||
return url
|
||||
|
||||
|
||||
def parse_posts(post_dir, post_content):
|
||||
"""
|
||||
parse the post content to for media items
|
||||
replace foreign image with local copy
|
||||
filter out iframe sources not in allowlist
|
||||
"""
|
||||
soup = BeautifulSoup(post_content, "html.parser")
|
||||
allowed_iframe_sources = ['youtube.com', 'vimeo.com', 'tv.lumbung.space']
|
||||
media = []
|
||||
|
||||
for img in soup(['img','object']):
|
||||
local_image = grab_media(post_dir, img['src'])
|
||||
if img['src'] != local_image:
|
||||
img['src'] = local_image
|
||||
|
||||
for iframe in soup(['iframe']):
|
||||
if not any(source in iframe['src'] for source in allowed_iframe_sources):
|
||||
print('filtered iframe: {}...'.format(iframe['src'][:25]))
|
||||
iframe.decompose()
|
||||
return soup.decode()
|
||||
|
||||
def grab_feed(feed_url):
|
||||
"""
|
||||
check whether feed has been updated
|
||||
download & return it if it has
|
||||
"""
|
||||
feed_name = urlparse(feed_url).netloc
|
||||
|
||||
etag, modified = get_etag(feed_name)
|
||||
|
||||
try:
|
||||
if modified:
|
||||
data = feedparser.parse(feed_url, modified=modified)
|
||||
elif etag:
|
||||
data = feedparser.parse(feed_url, etag=etag)
|
||||
else:
|
||||
data = feedparser.parse(feed_url)
|
||||
except Exception as e:
|
||||
print('Error grabbing feed')
|
||||
print(feed_name)
|
||||
print(e)
|
||||
return False
|
||||
|
||||
print(data.status, feed_url)
|
||||
if data.status == 200:
|
||||
#304 means the feed has not been modified since we last checked
|
||||
write_etag(feed_name, data)
|
||||
return data
|
||||
return False
|
||||
|
||||
|
||||
feed_urls = open('feeds_list.txt','r').read().splitlines()
|
||||
|
||||
start = time.time()
|
||||
|
||||
if not os.path.exists('etags'):
|
||||
os.mkdir('etags')
|
||||
|
||||
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader(os.path.curdir)
|
||||
)
|
||||
|
||||
output_dir = os.environ.get('OUTPUT_DIR', '/home/r/Programming/lumbung.space/lumbung.space-web/content/posts/')
|
||||
#output_dir = os.environ.get('OUTPUT_DIR', 'network/')
|
||||
|
||||
if not os.path.exists(output_dir):
|
||||
os.makedirs(output_dir)
|
||||
|
||||
template = env.get_template('post_template.md')
|
||||
|
||||
#add iframe to the allowlist of feedparser's sanitizer,
|
||||
#this is now handled in parse_post()
|
||||
feedparser.sanitizer._HTMLSanitizer.acceptable_elements |= {'iframe'}
|
||||
|
||||
for feed_url in feed_urls:
|
||||
|
||||
feed_name = urlparse(feed_url).netloc
|
||||
|
||||
feed_dir = os.path.join(output_dir, feed_name)
|
||||
|
||||
if not os.path.exists(feed_dir):
|
||||
os.makedirs(feed_dir)
|
||||
|
||||
existing_posts = os.listdir(feed_dir)
|
||||
|
||||
data = grab_feed(feed_url)
|
||||
|
||||
if data:
|
||||
for entry in data.entries:
|
||||
# if 'tags' in entry:
|
||||
# for tag in entry.tags:
|
||||
# for x in ['lumbung.space', 'D15', 'lumbung']:
|
||||
# if x in tag['term']:
|
||||
# print(entry.title)
|
||||
entry['feed_name'] = feed_name
|
||||
|
||||
post_name = slugify(entry.title)
|
||||
post_dir = os.path.join(output_dir, feed_name, post_name)
|
||||
|
||||
if post_name not in existing_posts:
|
||||
#if there is a blog entry we dont already have, make it
|
||||
create_post(post_dir, entry)
|
||||
|
||||
elif post_name in existing_posts:
|
||||
#if we already have it, update it
|
||||
create_post(post_dir, entry)
|
||||
existing_posts.remove(post_name) # create list of posts which have not been returned by the feed
|
||||
|
||||
for post in existing_posts:
|
||||
#remove blog posts no longer returned by the RSS feed
|
||||
print('deleted', post)
|
||||
shutil.rmtree(os.path.join(feed_dir, slugify(post)))
|
||||
|
||||
|
||||
|
||||
end = time.time()
|
||||
|
||||
print(end - start)
|
||||
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
config_hashtag_bot.py
|
||||
*.secret
|
||||
__pycache__/*
|
||||
|
|
@ -1,30 +0,0 @@
|
|||
# lumbung.space hashtag publishing bot
|
||||
|
||||
This script makes [Hugo page bundles](https://gohugo.io/content-management/page-bundles/) out of Hashtag feeds on a Mastodon Hometown or Glitchsoc instance.
|
||||
|
||||
## Install requirements
|
||||
|
||||
`pip3 install Mastodon.py jinja2`
|
||||
|
||||
## Setup
|
||||
|
||||
This script requires access to an account on said Mastodon instance. This instance and the credentials can be set in `config_hashtag_bot.py`.
|
||||
|
||||
If it is the first time you are running the script, you need to register the application on the Mastodon instance. Have a look at the [Mastodon.py documentation](https://mastodonpy.readthedocs.io/en/stable/#module-mastodon) for how to do that.
|
||||
|
||||
This bot only uses read permissions.
|
||||
|
||||
Set which hashtags you want to publish by adding them to the list `hashtags` in `config_hashtag_bot.py`. Omit the '#'.
|
||||
|
||||
## What it does
|
||||
|
||||
* The Bot only looks at the **local timeline** for posts under each hashtag configured in `config_hashtag_bot.py`.
|
||||
* This means posts need to be **public** or directly addressed to the bot
|
||||
* This script respects the mental model of 'local only' posts in the sense that people do not expect them to appear elsewhere. So **local only posts are ignored**
|
||||
* It takes only posts with Media attached and then only those with images
|
||||
|
||||
## What it doesn't do
|
||||
|
||||
* Different types of media or embeds
|
||||
* No thread recreation, each post is treated as a top level post
|
||||
|
||||
|
|
@ -1,14 +0,0 @@
|
|||
---
|
||||
date: "{{ post_metadata.created_at }}" #2021-06-10T10:46:33+02:00
|
||||
draft: false
|
||||
author: "{{ post_metadata.account.display_name }}"
|
||||
avatar: "{{ post_metadata.account.avatar }}"
|
||||
categories: ["shouts"]
|
||||
tags: [{% for i in post_metadata.tags %} "{{ i.name }}", {% endfor %}]
|
||||
---
|
||||
|
||||
{% for item in post_metadata.media_attachments %}
|
||||
<img src="{{item.url | localize_media_url }}" alt="{{item.description}}">
|
||||
{% endfor %}
|
||||
|
||||
{{ post_metadata.content | filter_mastodon_urls }}
|
||||
|
|
@ -1,137 +0,0 @@
|
|||
# lumbung.space hashtag publishing bot
|
||||
# © 2021 roel roscam abbing agplv3
|
||||
# Makes Hugo posts out of hashtag feeds on Mastodon.
|
||||
# Requires an account on the Mastodon instance configured.
|
||||
# Currently does not do any thread recreation and only handles images
|
||||
|
||||
import os
|
||||
import requests
|
||||
import shutil
|
||||
|
||||
import jinja2
|
||||
|
||||
from mastodon import Mastodon
|
||||
import config_hashtag_bot
|
||||
|
||||
def login_mastodon_bot():
|
||||
mastodon = Mastodon(
|
||||
client_id = 'publishbot_clientcred.secret',
|
||||
api_base_url = config_hashtag_bot.instance
|
||||
)
|
||||
|
||||
mastodon.log_in(
|
||||
config_hashtag_bot.email,
|
||||
config_hashtag_bot.password,
|
||||
to_file = 'publishbot_usercred.secret', scopes=['read']
|
||||
)
|
||||
|
||||
return mastodon
|
||||
|
||||
def create_frontmatter(post_metadata):
|
||||
"""
|
||||
Parse post metadata and return it as HUGO frontmatter
|
||||
"""
|
||||
|
||||
frontmatter = ""
|
||||
return frontmatter
|
||||
|
||||
def download_media(post_directory, media_attachments):
|
||||
"""
|
||||
Download media attached to posts. N.b. currently only images
|
||||
See: https://mastodonpy.readthedocs.io/en/stable/#media-dicts
|
||||
"""
|
||||
|
||||
for item in media_attachments:
|
||||
if item['type'] == 'image':
|
||||
image = localize_media_url(item['url'])
|
||||
#TODO check whether this needs to handle delete & redraft with different images
|
||||
if not os.path.exists(os.path.join(post_directory, image)):
|
||||
#download image
|
||||
response = requests.get(item['url'], stream=True)
|
||||
with open(os.path.join(post_directory, image), 'wb') as img_file:
|
||||
shutil.copyfileobj(response.raw, img_file)
|
||||
print('Downloaded cover image', image)
|
||||
|
||||
def create_post(post_directory, post_metadata):
|
||||
"""
|
||||
Create Hugo posts based on Toots/posts retuned in timeline.
|
||||
See: https://mastodonpy.readthedocs.io/en/stable/#toot-dicts
|
||||
"""
|
||||
|
||||
if not os.path.exists(post_directory):
|
||||
os.mkdir(post_directory)
|
||||
|
||||
with open(os.path.join(post_directory,'index.html'),'w') as f:
|
||||
post = template.render(post_metadata=post_metadata)
|
||||
f.write(post)
|
||||
|
||||
download_media(post_directory, post_metadata['media_attachments'])
|
||||
|
||||
def localize_media_url(url):
|
||||
"""
|
||||
Returns the filename, used also as custom jinja filter
|
||||
"""
|
||||
return url.split('/')[-1]
|
||||
|
||||
|
||||
def filter_mastodon_urls(content):
|
||||
"""
|
||||
Filters out Mastodon generated URLS for tags
|
||||
e.g. <a href="https://social.lumbung.space/tags/jalankita" class="mention hashtag" rel="tag">
|
||||
Used also as custom jinja filter
|
||||
"""
|
||||
#TODO
|
||||
return content
|
||||
|
||||
|
||||
mastodon = login_mastodon_bot()
|
||||
|
||||
output_dir = config_hashtag_bot.output_dir
|
||||
|
||||
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader(os.path.curdir)
|
||||
)
|
||||
|
||||
env.filters['localize_media_url'] = localize_media_url
|
||||
env.filters['filter_mastodon_urls'] = filter_mastodon_urls
|
||||
|
||||
template = env.get_template('post_template.md')
|
||||
|
||||
|
||||
|
||||
if not os.path.exists(output_dir):
|
||||
os.mkdir(output_dir)
|
||||
|
||||
|
||||
for hashtag in config_hashtag_bot.hashtags:
|
||||
|
||||
hashtag_dir = os.path.join(output_dir, hashtag)
|
||||
if not os.path.exists(hashtag_dir):
|
||||
os.mkdir(hashtag_dir)
|
||||
|
||||
existing_posts = os.listdir(hashtag_dir) #list all existing posts
|
||||
|
||||
timeline = mastodon.timeline_hashtag(hashtag, local=True, only_media=True) #returns max 20 queries and only with media
|
||||
timeline = mastodon.fetch_remaining(timeline) #returns all the rest n.b. can take a while because of rate limit
|
||||
|
||||
for post_metadata in timeline:
|
||||
post_dir = os.path.join(hashtag_dir, str(post_metadata['id']))
|
||||
|
||||
#if there is a post in the feed we dont already have locally, make it
|
||||
if str(post_metadata['id']) not in existing_posts:
|
||||
|
||||
if not post_metadata['local_only']: #if you get an error here then you are using vanilla Mastodon, this is a Hometown or Glitch only feature
|
||||
create_post(post_dir, post_metadata)
|
||||
|
||||
# if we already have the post do nothing, possibly update
|
||||
elif str(post_metadata['id']) in existing_posts:
|
||||
#update_post(post_dir, post_metadata)
|
||||
existing_posts.remove(str(post_metadata['id'])) # create list of posts which have not been returned in the feed
|
||||
|
||||
for post in existing_posts:
|
||||
print('deleted', post) #rm posts that exist but are no longer returned in feed
|
||||
shutil.rmtree(os.path.join(hashtag_dir,post))
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,27 +0,0 @@
|
|||
# video feed prototypes
|
||||
|
||||
These scripts poll a peertube instance to return a list of videos and construct a static page for it using jinja2.
|
||||
|
||||
See it in action on <https://roelof.info/lumbung/>
|
||||
|
||||
## video-feed.py
|
||||
|
||||
Utility that returns Peertube videos tagged as `publish` and turns them in to `hugo` page bundles. Videos no longer tagged as `publish` are deleted.
|
||||
|
||||
### index-template.md
|
||||
|
||||
Jinja2 template of a hugo post for use with the above.
|
||||
|
||||
## streams-feed.py
|
||||
|
||||
Returns only livestreams and displays them differently depending on the tags associated with the video. E.g. audio stream or video stream. WIP.
|
||||
|
||||
### video-feed.html
|
||||
The jinja template for creating video feeds. This is now used in the HUGO theme.
|
||||
|
||||
### video-feed-prototype.html
|
||||
rendered example of above
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
---
|
||||
title: "{{ v.name }}"
|
||||
date: "{{ v.published_at }}" #2021-06-10T10:46:33+02:00
|
||||
draft: false
|
||||
uuid: "{{v.uuid}}"
|
||||
video_duration: "{{ v.duration | duration }} "
|
||||
video_channel: "{{ v.channel.display_name }}"
|
||||
channel_url: "{{ v.channel.url }}"
|
||||
preview_image: "{{ preview_image }}"
|
||||
categories: ["tv","{{ v.channel.display_name }}"]
|
||||
is_live: {{ v.is_live }}
|
||||
|
||||
---
|
||||
|
||||
{{ v.description }}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
# Automatically generated by https://github.com/damnever/pigar.
|
||||
|
||||
# video_feed/streams-feed.py: 7
|
||||
# video_feed/video-feed.py: 7
|
||||
Jinja2 == 2.10
|
||||
|
||||
# video_feed/streams-feed.py: 6
|
||||
# video_feed/video-feed.py: 6
|
||||
git+https://framagit.org/framasoft/peertube/clients/python.git
|
||||
|
||||
# video_feed/video-feed.py: 12
|
||||
requests == 2.21.0
|
||||
|
|
@ -1,251 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en" class="no-js">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width">
|
||||
|
||||
<title>lumbung.space video archive prototype</title>
|
||||
|
||||
<meta name="description" content="this page is generated on the basis of a peertube instance">
|
||||
<meta property="og:title" content="lumbung.space video archive prototype">
|
||||
<meta property="og:description" content="this page is generated on the basis of a peertube instance">
|
||||
<meta property="og:image" content="{{ host }}{{videos[0].preview_path}}">
|
||||
<meta property="og:image:alt" content="Image description">
|
||||
<meta property="og:locale" content="en_GB">
|
||||
<meta property="og:type" content="website">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta property="og:url" content="https://lumbung.space/videofeedprototype.html">
|
||||
<link rel="canonical" href="https://lumbung.space/videofeedprototype.html">
|
||||
|
||||
<link rel="icon" href="/favicon.ico">
|
||||
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
||||
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
||||
<link rel="manifest" href="/my.webmanifest">
|
||||
<meta name="theme-color" content="#FF00FF">
|
||||
<style type="text/css">
|
||||
@font-face{
|
||||
font-family: "Space Grotesk";
|
||||
src:url('SpaceGrotesk[wght].woff2')
|
||||
}
|
||||
|
||||
body {font-size:1.3rem;font-family: sans-serif;}
|
||||
.wrapper {
|
||||
width: 50%;
|
||||
margin: auto;
|
||||
}
|
||||
.video-box {
|
||||
border:2px solid #0e0e22;
|
||||
max-width:560px;
|
||||
margin:auto;
|
||||
box-shadow:1em 1em 0 #d2d1c8;
|
||||
margin-bottom: 2em;
|
||||
}
|
||||
.video-box img {
|
||||
max-width: 100%;
|
||||
}
|
||||
.video-box .media {
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.metadata{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #fff09d;
|
||||
font-size:0.9rem;
|
||||
}
|
||||
|
||||
|
||||
.title{
|
||||
margin-top:0;
|
||||
border-top: 2px solid #0e0e22;
|
||||
padding:0.5em;
|
||||
font-weight:700;
|
||||
font-size:1.3rem;
|
||||
}
|
||||
|
||||
.footer{
|
||||
margin-top:0;
|
||||
border-top: 2px solid #0e0e22;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.channel{
|
||||
border-right: 2px solid #0e0e22;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
padding-top: 0.2em;
|
||||
display: inline-block;
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.date {
|
||||
float:right;
|
||||
border-left: 2px solid #0e0e22;
|
||||
padding-left: 1em;
|
||||
padding-right: 1em;
|
||||
padding-top: 0.2em;
|
||||
display: inline-block;
|
||||
padding-bottom: 0.2em;
|
||||
}
|
||||
|
||||
.description{
|
||||
padding: 1em;
|
||||
display: block;
|
||||
/*transition: height 0.5s linear;*/
|
||||
overflow: hidden;
|
||||
border-top: 2px solid #0e0e22;
|
||||
}
|
||||
|
||||
.collapsed {
|
||||
border-top: 0px;
|
||||
/*transform:scaleY(0);*/
|
||||
height: 0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
.descr_button {
|
||||
cursor: pointer;
|
||||
flex-grow: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.descr_button a {
|
||||
color:inherit;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.descr_button a:before {
|
||||
content:'↕';
|
||||
vertical-align: sub;
|
||||
}
|
||||
|
||||
.descr_button:hover {
|
||||
box-shadow: inset 2px 2px 0px #95948c;
|
||||
}
|
||||
|
||||
.play-icon {
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%,-50%) scale(.5);
|
||||
border-top: 13px solid transparent;
|
||||
border-bottom: 13px solid transparent;
|
||||
border-left: 18px solid hsla(0,0%,100%,.95);
|
||||
}
|
||||
|
||||
.video-thumbnail {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
}
|
||||
.video-thumbnail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-color: #ececec;
|
||||
transition: filter .2s ease;
|
||||
}
|
||||
|
||||
.video-thumbnail-duration-overlay {
|
||||
display: inline-block;
|
||||
background-color: rgb(255, 240, 157);
|
||||
color: #0e0e22;
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
z-index: 10;
|
||||
position: absolute;
|
||||
padding: 1px 3px 1px 3px;
|
||||
right: 5px;
|
||||
bottom: 5px;
|
||||
border: 2px solid #0e0e22;
|
||||
}
|
||||
|
||||
.play-overlay {
|
||||
transition: all .2s ease;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
width: inherit;
|
||||
height: inherit;
|
||||
opacity: 0;
|
||||
background-color: rgba(0,0,0,.3);
|
||||
}
|
||||
|
||||
.video-thumbnail:hover {
|
||||
text-decoration:none!important
|
||||
}
|
||||
.video-thumbnail:hover .play-overlay {
|
||||
opacity:1
|
||||
}
|
||||
.video-thumbnail:hover .play-overlay .play-icon {
|
||||
transform:translate(-50%,-50%) scale(1)
|
||||
}
|
||||
|
||||
/* @media screen and (min-width: 480px) {
|
||||
* {
|
||||
background: silver
|
||||
}*/
|
||||
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<!-- Content -->
|
||||
|
||||
<div class='wrapper'>
|
||||
{% for video in videos %}
|
||||
<div class='video-box'>
|
||||
<div class='media' id='media-{{ video.id }}'>
|
||||
<span class='video-thumbnail' id='thumb-{{ video.id }}' onclick="loadPlayer('{{ video.id }}', '{{ host }}{{ video.embed_path }}')" href="{{ host }}/videos/watch/{{ video.uuid }}">
|
||||
<img src="{{ host }}{{ video.preview_path }}">
|
||||
<div class="video-thumbnail-duration-overlay">
|
||||
{% if video.is_live %}
|
||||
LIVE
|
||||
{% else %}
|
||||
{{ video.duration | duration }}
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="play-overlay">
|
||||
<div class="play-icon"></div>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
<div class='metadata'>
|
||||
<div class='title'>{{ video.name }}</div>
|
||||
<span class="description collapsed" id='meta-{{ video.id }}'> {{ video.description | linebreaks }}</span>
|
||||
<div class='footer'>
|
||||
<span class='channel'><a href='{{ video.channel.url }}'> {{ video.channel.display_name }}</a></span>
|
||||
|
||||
<span class='descr_button' id='toggle-button' onclick="toggleDescription('#meta-{{ video.id }}')"> <a href='#'> </a></span>
|
||||
|
||||
<span class='date'> <a href='{{ host }}/videos/watch/{{ video.uuid }}'> {{ video.published_at.strftime('%Y-%m-%d') }}</a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<script>
|
||||
function toggleDescription(id){
|
||||
document.querySelector(id).classList.toggle("collapsed");
|
||||
}
|
||||
function loadPlayer(id, embed_path){
|
||||
media = document.querySelector('#media-'+ id)
|
||||
|
||||
var iframe = document.createElement('iframe');
|
||||
iframe.src = embed_path + '?autoplay=1&title=0'
|
||||
iframe.width = 560;
|
||||
iframe.height = 315;
|
||||
iframe.frameBorder = 0;
|
||||
iframe.sandbox = "allow-same-origin allow-scripts allow-popups"
|
||||
media.appendChild(iframe)
|
||||
document.querySelector('#thumb-'+ id).remove()
|
||||
}
|
||||
</script>
|
||||
</html>
|
||||
|
|
@ -1,131 +0,0 @@
|
|||
#!/bin/python3
|
||||
|
||||
#lumbung.space video feed generator
|
||||
#c 2021 roel roscam abbing gpvl3 etc
|
||||
|
||||
import peertube
|
||||
import jinja2
|
||||
import json
|
||||
import os
|
||||
import datetime
|
||||
import shutil
|
||||
import requests
|
||||
import ast
|
||||
import arrow
|
||||
|
||||
|
||||
#jinja filters & config
|
||||
def duration(n):
|
||||
"""
|
||||
convert '6655' in '1:50:55'
|
||||
|
||||
"""
|
||||
return str(datetime.timedelta(seconds = n))
|
||||
|
||||
def linebreaks(text):
|
||||
if not text:
|
||||
return text
|
||||
else:
|
||||
import re
|
||||
br = re.compile(r"(\r\n|\r|\n)")
|
||||
return br.sub(r"<br />\n", text)
|
||||
|
||||
|
||||
env = jinja2.Environment(
|
||||
loader=jinja2.FileSystemLoader(os.path.curdir)
|
||||
)
|
||||
env.filters['duration'] = duration
|
||||
env.filters['linebreaks'] = linebreaks
|
||||
|
||||
host = 'https://tv.lumbung.space'
|
||||
|
||||
configuration = peertube.Configuration(
|
||||
host = host+"/api/v1"
|
||||
)
|
||||
|
||||
client = peertube.ApiClient(configuration)
|
||||
|
||||
v = peertube.VideoApi(client)
|
||||
|
||||
response = v.videos_get(count=100, filter='local', tags_one_of='publish')
|
||||
|
||||
videos = response.to_dict()
|
||||
videos = videos['data']
|
||||
|
||||
|
||||
def create_post(post_directory, video_metadata):
|
||||
global client #lazy
|
||||
|
||||
if not os.path.exists(post_dir):
|
||||
os.mkdir(post_directory)
|
||||
|
||||
preview_image = video_metadata['preview_path'].split('/')[-1]
|
||||
|
||||
if not os.path.exists(os.path.join(post_directory, preview_image)):
|
||||
#download preview image
|
||||
response = requests.get(host+video_metadata['preview_path'], stream=True)
|
||||
with open(os.path.join(post_directory, preview_image), 'wb') as img_file:
|
||||
shutil.copyfileobj(response.raw, img_file)
|
||||
print('Downloaded cover image')
|
||||
|
||||
#replace the truncated description with the full video description
|
||||
#peertube api is some broken thing in between a py dict and a json file
|
||||
api_response = peertube.VideoApi(client).videos_id_description_get(video_metadata['uuid'])
|
||||
long_description = ast.literal_eval(api_response)
|
||||
video_metadata['description'] = long_description['description']
|
||||
|
||||
|
||||
with open(os.path.join(post_directory,'index.md'),'w') as f:
|
||||
post = template.render(v=video_metadata, host=host, preview_image=preview_image)
|
||||
f.write(post)
|
||||
|
||||
|
||||
with open(os.path.join(post_directory, '.timestamp'), 'w') as f:
|
||||
timestamp = arrow.get(video_metadata['updated_at'])
|
||||
f.write(timestamp.format('X'))
|
||||
|
||||
def update_post(post_directory, video_metadata):
|
||||
if os.path.exists(post_directory):
|
||||
if os.path.exists(os.path.join(post_directory,'.timestamp')):
|
||||
old_timestamp = open(os.path.join(post_directory,'.timestamp')).read()
|
||||
|
||||
#FIXME: this is ugly but I need to do this because arrow removes miliseconds
|
||||
current_timestamp = arrow.get(video_metadata['updated_at'])
|
||||
current_timestamp = arrow.get(current_timestamp.format('X'))
|
||||
|
||||
if current_timestamp > arrow.get(old_timestamp):
|
||||
print('Updating', video_metadata['name'], '({})'.format(video_metadata['uuid']))
|
||||
create_post(post_dir, video_metadata)
|
||||
else:
|
||||
print('Video current: ', video_metadata['name'], '({})'.format(video_metadata['uuid']))
|
||||
else:
|
||||
#compat for when there is no timestamp yet..
|
||||
create_post(post_dir, video_metadata)
|
||||
|
||||
|
||||
output_dir = os.environ.get('OUTPUT_DIR', '/home/r/Programming/lumbung.space/lumbung.space-web/content/video')
|
||||
|
||||
if not os.path.exists(output_dir):
|
||||
os.mkdir(output_dir)
|
||||
|
||||
template = env.get_template('index_template.md')
|
||||
|
||||
existing_posts = os.listdir(output_dir)
|
||||
|
||||
for video_metadata in videos:
|
||||
post_dir = os.path.join(output_dir, video_metadata['uuid'])
|
||||
|
||||
if video_metadata['uuid'] not in existing_posts: #if there is a video we dont already have, make it
|
||||
print('New: ', video_metadata['name'], '({})'.format(video_metadata['uuid']))
|
||||
create_post(post_dir, video_metadata)
|
||||
|
||||
elif video_metadata['uuid'] in existing_posts: # if we already have the video do nothing, possibly update
|
||||
update_post(post_dir, video_metadata)
|
||||
existing_posts.remove(video_metadata['uuid']) # create list of posts which have not been returned by peertube
|
||||
|
||||
for post in existing_posts:
|
||||
print('deleted', post) #rm posts not returned
|
||||
shutil.rmtree(os.path.join(output_dir,post))
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue