Skip to content

Commit a18ac70

Browse files
stephenyearginstephenyeargin
committed
Initial commit
1 parent e1f3652 commit a18ac70

File tree

12 files changed

+209
-50
lines changed

12 files changed

+209
-50
lines changed

‎.github/workflows/build.yml‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,10 @@
11
name: Build and Deploy
22

33
on:
4-
workflow_dispatch
5-
# push:
6-
# branches: [ main ]
7-
# pull_request:
8-
# branches: [ main ]
4+
push:
5+
branches: [ main ]
6+
pull_request:
7+
branches: [ main ]
98

109
jobs:
1110
build:

‎.trmnlp.yml‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,14 @@ watch:
77
- src
88

99
# values of custom fields (defined in src/settings.yml)
10-
custom_fields: {}
10+
custom_fields: {
11+
pbs_kids_show_id: pbs-kids-rocks
12+
}
1113

1214
# override variables
1315
variables:
1416
trmnl: {
1517
plugin_settings: {
16-
instance_name: 'My Instance'
18+
instance_name: 'PBS Kids'
1719
}
1820
}

‎README.md‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1-
# TRMNL Plugin
1+
# PBS Kids for TRMNL
2+
3+
[![Build and Deploy](https://github.com/stephenyeargin/trmnl-pbs-kids/actions/workflows/build.yml/badge.svg)](https://github.com/stephenyeargin/trmnl-pbs-kids/actions/workflows/build.yml)
4+
5+
![promo](assets/promo.png)
6+
7+
## Screenshots
28

39
![screenshot](assets/screenshot.png)

‎assets/pbs-kids.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎assets/promo.png‎

466 KB
Loading

‎assets/screenshot.png‎

8.36 KB
Loading

‎src/full.liquid‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,29 @@
11
<div class="view">
2-
<div class="layout layout--row layout--top">
3-
<div class="grid grid--cols-2 gap--medium">
2+
<div class="layout layout--row">
3+
{% render "error_or_empty" with errorType: errorType, errorMessage: errorMessage, items: items %}
4+
<div class="column"
5+
data-list-limit="true"
6+
data-list-max-height="420"
7+
data-list-hidden-count="true"
8+
data-list-max-columns="4"
9+
>
10+
{% for item in items %}
411
<div class="item">
512
<div class="meta"></div>
613
<div class="content">
7-
<div class="label label--medium">Full</div>
8-
<div class="description">Replace me with your content!</div>
14+
<img src="{{ item.images.kids-mezzannine-16x9.url }}" class="image image-dither w--[200px] mb--1" />
15+
<div class="label label--small">{{ item.encored_on | date: '%-m/%-d' }}: {{ item.series_title }}</div>
16+
<div class="title title--small">{{ item.title }}</div>
17+
<div class="description clamp--2">{{ item.description }}</div>
918
</div>
1019
</div>
20+
{% endfor %}
1121
</div>
1222
</div>
1323

1424
<div class="title_bar">
15-
<img class="image" src="https://usetrmnl.com/images/brand/glyphs/glyph--black.svg" />
16-
<span class="title">Plugin Template</span>
25+
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/e/e3/PBS_Kids_logo_%282022%29.svg" />
26+
<span class="title">{{ show_title }}</span>
1727
<span class="instance">{{ trmnl.plugin_settings.instance_name }}</span>
1828
</div>
1929
</div>

‎src/half_horizontal.liquid‎

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,31 @@
11
<div class="view">
2-
<div class="layout layout--row layout--top">
3-
<div class="grid grid--cols-2 gap--medium">
2+
<div class="layout layout--row">
3+
{% render "error_or_empty" with errorType: errorType, errorMessage: errorMessage, items: items %}
4+
<div class="column"
5+
data-list-limit="true"
6+
data-list-max-height="210"
7+
data-list-hidden-count="true"
8+
data-list-max-columns="4"
9+
>
10+
{% for item in items %}
411
<div class="item">
512
<div class="meta"></div>
613
<div class="content">
7-
<div class="label label--medium">Half Horizontal</div>
8-
<div class="description">Replace me with your content!</div>
14+
<img src="{{ item.images.kids-mezzannine-16x9.url }}" class="image image-dither w--[200px] mb--1" />
15+
<div class="label label--small">{{ item.encored_on | date: '%-m/%-d' }}: {{ item.series_title }}</div>
16+
<div class="label label--small label--underline">{{ item.title }}</div>
17+
<div class="description clamp--1">{{ item.description }}</div>
918
</div>
1019
</div>
20+
{% endfor %}
1121
</div>
1222
</div>
1323

24+
{% if items.size <= 4 %}
1425
<div class="title_bar">
15-
<img class="image" src="https://usetrmnl.com/images/brand/glyphs/glyph--black.svg" />
16-
<span class="title">Plugin Template</span>
26+
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/e/e3/PBS_Kids_logo_%282022%29.svg" />
27+
<span class="title">{{ show_title }}</span>
1728
<span class="instance">{{ trmnl.plugin_settings.instance_name }}</span>
1829
</div>
30+
{% endif %}
1931
</div>

‎src/half_vertical.liquid‎

Lines changed: 16 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,29 @@
11
<div class="view">
2-
<div class="layout layout--row layout--top">
3-
<div class="grid grid--cols-1 gap--medium">
2+
<div class="layout layout--row">
3+
{% render "error_or_empty" with errorType: errorType, errorMessage: errorMessage, items: items %}
4+
<div class="column"
5+
data-list-limit="true"
6+
data-list-max-height="420"
7+
data-list-hidden-count="true"
8+
data-list-max-columns="2"
9+
>
10+
{% for item in items %}
411
<div class="item">
512
<div class="meta"></div>
613
<div class="content">
7-
<div class="label label--medium">Half Vertical</div>
8-
<div class="description">Replace me with your content!</div>
14+
<img src="{{ item.images.kids-mezzannine-16x9.url }}" class="image image-dither w--[200px] mb--1" />
15+
<div class="label label--small">{{ item.encored_on | date: '%-m/%-d' }}: {{ item.series_title }}</div>
16+
<div class="label label--small label--underline">{{ item.title }}</div>
17+
<div class="description clamp--1">{{ item.description }}</div>
918
</div>
1019
</div>
20+
{% endfor %}
1121
</div>
1222
</div>
1323

1424
<div class="title_bar">
15-
<img class="image" src="https://usetrmnl.com/images/brand/glyphs/glyph--black.svg" />
16-
<span class="title">Plugin Template</span>
25+
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/e/e3/PBS_Kids_logo_%282022%29.svg" />
26+
<span class="title">{{ show_title }}</span>
1727
<span class="instance">{{ trmnl.plugin_settings.instance_name }}</span>
1828
</div>
1929
</div>

‎src/quadrant.liquid‎

Lines changed: 18 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,31 @@
11
<div class="view">
2-
<div class="layout layout--row layout--top">
3-
<div class="grid grid--cols-1 gap--medium">
2+
<div class="layout layout--row">
3+
{% render "error_or_empty" with errorType: errorType, errorMessage: errorMessage, items: items %}
4+
<div class="column"
5+
data-list-limit="true"
6+
data-list-max-height="210"
7+
data-list-hidden-count="true"
8+
data-list-max-columns="2"
9+
>
10+
{% for item in items %}
411
<div class="item">
512
<div class="meta"></div>
613
<div class="content">
7-
<div class="label label--medium">Quadrant</div>
8-
<div class="description">Replace me with your content!</div>
14+
<img src="{{ item.images.kids-mezzannine-16x9.url }}" class="image image-dither w--[200px] mb--1" />
15+
<div class="label label--small">{{ item.encored_on | date: '%-m/%-d' }}: {{ item.series_title }}</div>
16+
<div class="label label--small label--underline">{{ item.title }}</div>
17+
<div class="description clamp--1">{{ item.description }}</div>
918
</div>
1019
</div>
20+
{% endfor %}
1121
</div>
1222
</div>
1323

24+
{% if items.size <= 4 %}
1425
<div class="title_bar">
15-
<img class="image" src="https://usetrmnl.com/images/brand/glyphs/glyph--black.svg" />
16-
<span class="title">Plugin Template</span>
26+
<img class="image" src="https://upload.wikimedia.org/wikipedia/commons/e/e3/PBS_Kids_logo_%282022%29.svg" />
27+
<span class="title">{{ show_title }}</span>
1728
<span class="instance">{{ trmnl.plugin_settings.instance_name }}</span>
1829
</div>
30+
{% endif %}
1931
</div>

0 commit comments

Comments
 (0)