feat: add book images
This commit is contained in:
parent
b7a56263b6
commit
d15d4e00ab
6 changed files with 91 additions and 84 deletions
|
|
@ -15,4 +15,7 @@ module.exports = {
|
||||||
movie: (url, host, cdn) => {
|
movie: (url, host, cdn) => {
|
||||||
return url.replace(host, cdn).replace('600', '200').replace('900', '300')
|
return url.replace(host, cdn).replace('600', '200').replace('900', '300')
|
||||||
},
|
},
|
||||||
|
book: (url, host, cdn) => {
|
||||||
|
return url.replace(host, cdn)
|
||||||
|
},
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,7 +6,13 @@ module.exports = async function () {
|
||||||
// noinspection JSCheckFunctionSignatures
|
// noinspection JSCheckFunctionSignatures
|
||||||
const asset = new AssetCache('books_data')
|
const asset = new AssetCache('books_data')
|
||||||
if (asset.isCacheValid('1h')) return await asset.getCachedValue()
|
if (asset.isCacheValid('1h')) return await asset.getCachedValue()
|
||||||
const res = await extract(url)
|
const res = await extract(url, {
|
||||||
|
getExtraEntryFields: (feedEntry) => {
|
||||||
|
return {
|
||||||
|
image: feedEntry['oku:cover'] || 'https://cdn.coryd.dev/books/missing-book.jpg',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
.catch((error) => {
|
.catch((error) => {
|
||||||
console.log(error.message)
|
console.log(error.message)
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -13,8 +13,10 @@
|
||||||
"instapaper": "https://www.instapaper.com/p/coryd",
|
"instapaper": "https://www.instapaper.com/p/coryd",
|
||||||
"letterboxd": "https://letterboxd.com/cdme",
|
"letterboxd": "https://letterboxd.com/cdme",
|
||||||
"letterboxd-host": "https://a.ltrbxd.com",
|
"letterboxd-host": "https://a.ltrbxd.com",
|
||||||
|
"oku-host": "https://oku.ams3.cdn.digitaloceanspaces.com",
|
||||||
"trakt": "https://trakt.tv/users/cdransf",
|
"trakt": "https://trakt.tv/users/cdransf",
|
||||||
"oku": "https://oku.club/user/cory",
|
"oku": "https://oku.club/user/cory",
|
||||||
"coffee": "https://www.buymeacoffee.com/cory",
|
"coffee": "https://www.buymeacoffee.com/cory",
|
||||||
"cdn-movies": "https://movies.coryd.dev"
|
"cdn-movies": "https://movies.coryd.dev",
|
||||||
|
"cdn-books": "https://books.coryd.dev"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -39,117 +39,113 @@ layout: main
|
||||||
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
|
<a href="https://github.com/cdransf/awesome-adblock">Assembling lists of ad and tracker-blocking tools.</a>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
{% if books.size > 0 %}
|
|
||||||
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
|
||||||
Reading: books
|
|
||||||
</h2>
|
|
||||||
<div>
|
|
||||||
<ul class="list-inside list-disc pl-5 md:pl-10">
|
|
||||||
{% for book in books %}
|
|
||||||
<li class="mt-1.5 mb-2">
|
|
||||||
<a href="{{book.link}}" title="{{book.title | escape}}">
|
|
||||||
{{ book.title }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
{% endfor %}
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if artists.size > 0 %}
|
{% if artists.size > 0 %}
|
||||||
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
|
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
|
||||||
Listening: artists
|
Listening: artists
|
||||||
</h2>
|
</h2>
|
||||||
<div>
|
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
||||||
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
{% for artist in artists %}
|
||||||
{% for artist in artists %}
|
<a href="{{artist.url}}" title="{{artist.name | escape}}">
|
||||||
<a href="{{artist.url}}" title="{{artist.name | escape}}">
|
<div class="relative block">
|
||||||
<div class="relative block">
|
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
||||||
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
||||||
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
<div class="px-1 text-xs font-bold text-white">{{ artist.name }}</div>
|
||||||
<div class="px-1 text-xs font-bold text-white">{{ artist.name }}</div>
|
<div class="px-1 text-xs text-white">
|
||||||
<div class="px-1 text-xs text-white">
|
{{ artist.playcount }} plays
|
||||||
{{ artist.playcount }} plays
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{%- capture artistImg %}{{ artist.name | artist }}{% endcapture -%}
|
|
||||||
{%- capture artistName %}{{ artist.name | escape }}{% endcapture -%}
|
|
||||||
{% image artistImg, artistName, 'rounded-lg', '225px', 'eager' %}
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
{%- capture artistImg %}{{ artist.name | artist }}{% endcapture -%}
|
||||||
{% endfor %}
|
{%- capture artistName %}{{ artist.name | escape }}{% endcapture -%}
|
||||||
</div>
|
{% image artistImg, artistName, 'rounded-lg', '225px', 'eager' %}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if albums.size > 0 %}
|
{% if albums.size > 0 %}
|
||||||
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
|
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-8 mb-4">
|
||||||
Listening: albums
|
Listening: albums
|
||||||
</h2>
|
</h2>
|
||||||
<div>
|
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
||||||
<div class="grid grid-cols-2 gap-2 md:grid-cols-4 not-prose">
|
{% for album in albums %}
|
||||||
{% for album in albums %}
|
<a href="{{album.url}}" title="{{album.name | escape}}">
|
||||||
<a href="{{album.url}}" title="{{album.name | escape}}">
|
<div class="relative block">
|
||||||
<div class="relative block">
|
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
||||||
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
||||||
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
<div class="px-1 text-xs font-bold text-white">{{ album.name }}</div>
|
||||||
<div class="px-1 text-xs font-bold text-white">{{ album.name }}</div>
|
<div class="px-1 text-xs text-white">
|
||||||
<div class="px-1 text-xs text-white">
|
{{ album.artist.name }}
|
||||||
{{ album.artist.name }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{%- capture albumImg %}{{ album | album }}{% endcapture -%}
|
|
||||||
{%- capture albumName %}{{ album.name | escape }}{% endcapture -%}
|
|
||||||
{% image albumImg, albumName, 'rounded-lg', '225px' %}
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
{%- capture albumImg %}{{ album | album }}{% endcapture -%}
|
||||||
{% endfor %}
|
{%- capture albumName %}{{ album.name | escape }}{% endcapture -%}
|
||||||
</div>
|
{% image albumImg, albumName, 'rounded-lg', '225px' %}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
{% endif %}
|
||||||
|
{% if books.size > 0 %}
|
||||||
|
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
||||||
|
Reading: books
|
||||||
|
</h2>
|
||||||
|
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||||
|
{% for book in books %}
|
||||||
|
<a href="{{book.link}}" title="{{book.title | escape}}">
|
||||||
|
<div class="relative block" style="max-width:226px">
|
||||||
|
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
||||||
|
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
||||||
|
<div class="px-1 text-xs font-bold text-white">{{ book.title }}</div>
|
||||||
|
</div>
|
||||||
|
{%- capture bookImg %}{{book.image | book: site.oku-host, site.cdn-books}}{% endcapture -%}
|
||||||
|
{%- capture bookName %}{{book.title | escape}}{% endcapture -%}
|
||||||
|
{% image bookImg, bookName, 'rounded-lg w-full', '180px' %}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if movies.size > 0 %}
|
{% if movies.size > 0 %}
|
||||||
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
||||||
Watching: movies
|
Watching: movies
|
||||||
</h2>
|
</h2>
|
||||||
<div>
|
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||||
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
{% for movie in movies %}
|
||||||
{% for movie in movies %}
|
<a href="{{movie.link}}" title="{{movie.title | escape}}">
|
||||||
<a href="{{movie.link}}" title="{{movie.title | escape}}">
|
<div class="relative block" style="max-width:226px">
|
||||||
<div class="relative block" style="max-width:226px">
|
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
||||||
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
||||||
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
<div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
|
||||||
<div class="px-1 text-xs font-bold text-white">{{ movie.title }}</div>
|
|
||||||
</div>
|
|
||||||
{%- capture movieImg %}{{movie.image | movie: site.letterboxd-host, site.cdn-movies}}{% endcapture -%}
|
|
||||||
{%- capture movieName %}{{movie.title | escape}}{% endcapture -%}
|
|
||||||
{% image movieImg, movieName, 'rounded-lg w-full', '180px' %}
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
{%- capture movieImg %}{{movie.image | movie: site.letterboxd-host, site.cdn-movies}}{% endcapture -%}
|
||||||
{% endfor %}
|
{%- capture movieName %}{{movie.title | escape}}{% endcapture -%}
|
||||||
</div>
|
{% image movieImg, movieName, 'rounded-lg w-full', '180px' %}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% if tv.size > 0 %}
|
{% if tv.size > 0 %}
|
||||||
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
<h2 class="m-0 text-xl font-black leading-tight tracking-normal dark:text-gray-200 md:text-2xl mt-6 mb-4">
|
||||||
Watching: tv
|
Watching: tv
|
||||||
</h2>
|
</h2>
|
||||||
<div>
|
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
||||||
<div class="grid grid-cols-3 gap-2 md:grid-cols-6 not-prose">
|
{% for episode in tv %}
|
||||||
{% for episode in tv %}
|
<a href="https://trakt.tv/shows/{{episode.show.ids.slug}}/seasons/{{ episode.episode.season }}/episodes/{{ episode.episode.number }}" title="{{ episode.episode.title | escape}} {{ episode.show.title | escape }}">
|
||||||
<a href="https://trakt.tv/shows/{{episode.show.ids.slug}}/seasons/{{ episode.episode.season }}/episodes/{{ episode.episode.number }}" title="{{ episode.episode.title | escape}} {{ episode.show.title | escape }}">
|
<div class="relative block" style="max-width:226px">
|
||||||
<div class="relative block" style="max-width:226px">
|
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
||||||
<div class="absolute left-0 top-0 h-full w-full rounded-lg border border-purple-600 hover:border-purple-500 bg-cover-gradient dark:border-purple-400 dark:hover:border-purple-500"></div>
|
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
||||||
<div class="absolute left-1 bottom-2 drop-shadow-md">
|
<div class="px-1 text-xs font-bold text-white">{{ episode.episode.title }}</div>
|
||||||
<div class="px-1 text-xs font-bold text-white">{{ episode.episode.title }}</div>
|
<div class="px-1 text-xs text-white">
|
||||||
<div class="px-1 text-xs text-white">
|
{{ episode.show.title }} • <strong>S</strong>{{ episode.episode.season }}<strong>E</strong>{{ episode.episode.number }}
|
||||||
{{ episode.show.title }} • <strong>S</strong>{{ episode.episode.season }}<strong>E</strong>{{ episode.episode.number }}
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
{%- capture tvImg %}{{episode.show.title | tv}}{% endcapture -%}
|
|
||||||
{%- capture tvName %}{{ episode.episode.title | escape}} {{ episode.show.title | escape }}{% endcapture -%}
|
|
||||||
{% image tvImg, tvName, 'rounded-lg w-full', '180px' %}
|
|
||||||
</div>
|
</div>
|
||||||
</a>
|
{%- capture tvImg %}{{episode.show.title | tv}}{% endcapture -%}
|
||||||
{% endfor %}
|
{%- capture tvName %}{{ episode.episode.title | escape}} {{ episode.show.title | escape }}{% endcapture -%}
|
||||||
</div>
|
{% image tvImg, tvName, 'rounded-lg w-full', '180px' %}
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<p class="text-xs text-center pt-4">This is a
|
<p class="text-xs text-center pt-4">This is a
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 1.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4 KiB |
Reference in a new issue