{% render "partials/now/media-grid.liquid", data:music.threeMonth.artists, shape: "square", count: 8 %}
-
- {% render "partials/now/media-grid.liquid", data:music.year.artists, shape: "square", count: 8 %}
+
+ {% render "partials/now/media-grid.liquid", data:music.allTime.artists, shape: "square", count: 8 %}
@@ -39,7 +39,7 @@ layout: default - +
@@ -51,8 +51,8 @@ layout: default
{% render "partials/now/media-grid.liquid", data:music.threeMonth.albums, shape: "square", count: 8 %}
-
- {% render "partials/now/media-grid.liquid", data:music.year.albums, shape: "square", count: 8 %}
+
{% render "partials/now/album-releases.liquid", albumReleases:albumReleases %}
-
\ No newline at end of file
diff --git a/src/_includes/partials/watching/favorites-grid.liquid b/src/_includes/partials/watching/favorites-grid.liquid
new file mode 100644
index 00000000..9d59cfbf
--- /dev/null
+++ b/src/_includes/partials/watching/favorites-grid.liquid
@@ -0,0 +1,23 @@
+{% if favorites.size > 0 %}
+
+ {% render "partials/now/media-grid.liquid", data:music.allTime.albums, shape: "square", count: 8 %}
@@ -83,22 +83,28 @@ layout: default {% render "partials/now/track-chart.liquid", data:music.year.tracks, mostPlayed:music.year.tracks[0].plays %}
- {% tablericon "books" "Books" %} - Books -
+ ++ {% tablericon "books" "Books" %} + Books +
+ {% assign bookData = books | bookStatus: 'started' | reverse %} {% render "partials/now/media-grid.liquid", data:bookData, shape: "vertical", count: 6 %} {% render "partials/widgets/recent-links.liquid", links:collections.links %} -- {% tablericon "movie" "Movies" %} - Movies -
-{% render "partials/now/media-grid.liquid", data:movies.recentlyWatched, icon: "movie", title: "Movies", shape: "vertical", count: 6 %} -- {% tablericon "device-tv" "TV" %} - TV -
-{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, icon: "device-tv", title: "TV", shape: "vertical", count: 6 %} + ++ {% tablericon "movie" "Movies" %} + Movies +
+ +{% render "partials/now/media-grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %} + ++ {% tablericon "device-tv" "TV" %} + TV +
+ +{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %}This is a now page, and if you have your own site, you should make one too.
This page was last updated on {{ "now" | date: "%B %-d, %-I:%M%p", "America/Los_Angeles" }}.
\ No newline at end of file diff --git a/src/_includes/partials/home/posts.liquid b/src/_includes/partials/home/posts.liquid index 0bc15d2b..019eb3f1 100644 --- a/src/_includes/partials/home/posts.liquid +++ b/src/_includes/partials/home/posts.liquid @@ -23,6 +23,6 @@ {% endfor %} {% if postType != 'featured' %} - View all posts {% tablericon "arrow-right" "View all posts" %} + View all posts {% tablericon "arrow-right" "View all posts" %} {% endif %}
+ {% for favorite in favorites limit: count %}
+ {% capture alt %}{{ favorite.title | escape }} ({{ favorite.year }}){% endcapture %}
+
+
+{% endif %}
\ No newline at end of file
diff --git a/src/_includes/partials/watching/hero.liquid b/src/_includes/partials/watching/hero.liquid
new file mode 100644
index 00000000..64d6f03f
--- /dev/null
+++ b/src/_includes/partials/watching/hero.liquid
@@ -0,0 +1,7 @@
+{% capture alt %}{{ movie.title | escape }} ({{ movie.year }}){% endcapture %}
+
+
+
+ {%- capture loadingStrategy -%}
+ {%- if loading -%}{{ loading }}{%- else -%}lazy{%- endif -%}
+ {%- endcapture -%}
+ 
+
+
+ {% endfor %}
+
+
+ {{ movie.title }} ({{ movie.year }})
+ 
+
+
\ No newline at end of file
diff --git a/src/assets/styles/base/index.css b/src/assets/styles/base/index.css
index 380e5237..8633af5c 100644
--- a/src/assets/styles/base/index.css
+++ b/src/assets/styles/base/index.css
@@ -284,13 +284,13 @@ a svg:focus {
stroke: var(--accent-color-hover);
}
-a.link-arrow svg {
+a.link-icon svg {
stroke: var(--accent-color);
}
-a.link-arrow:hover svg,
-a.link-arrow:active svg,
-a.link-arrow:focus svg {
+a.link-icon:hover svg,
+a.link-icon:active svg,
+a.link-icon:focus svg {
transform: rotate(0deg);
stroke: var(--accent-color-hover);
}
diff --git a/src/assets/styles/index.css b/src/assets/styles/index.css
index 22ce5f0b..fdd34a6d 100644
--- a/src/assets/styles/index.css
+++ b/src/assets/styles/index.css
@@ -23,6 +23,7 @@
@import url('./pages/links.css') layer(page);
@import url('./pages/now.css') layer(page);
@import url('./pages/post.css') layer(page);
+@import url('./pages/watching.css') layer(page);
@import url('./pages/webrings.css') layer(page);
/* component styles */
diff --git a/src/assets/styles/pages/watching.css b/src/assets/styles/pages/watching.css
new file mode 100644
index 00000000..1733dd47
--- /dev/null
+++ b/src/assets/styles/pages/watching.css
@@ -0,0 +1,106 @@
+.watching {
+ &.page-header {
+ margin-bottom: var(--sizing-base);
+ }
+
+ &.hero {
+ position: relative;
+ overflow: hidden;
+
+ span {
+ color: white;
+ font-weight: var(--font-weight-bold);
+ position: absolute;
+ left: var(--sizing-sm);
+ bottom: var(--sizing-md);
+ z-index: 2;
+ }
+
+ & img {
+ width: 100%;
+ height: auto;
+ border: 1px solid var(--accent-color);
+ }
+
+ &.shadow::after {
+ position: absolute;
+ z-index: 1;
+ content: '';
+ bottom: 10px;
+ left: 1px;
+ box-shadow: inset 0 -70px 75px -40px #000;
+ width: calc(100% - 2px);
+ height: calc(100% - 11px);
+ }
+ }
+
+ &.grid {
+ display: grid;
+ gap: var(--sizing-sm);
+ grid-template-columns: repeat(2,minmax(0,1fr));
+
+ & a,
+ & div {
+ display: flex;
+ }
+
+ & div {
+ position: relative;
+ }
+
+ & .meta-text {
+ position: absolute;
+ z-index: 2;
+ padding: 0 var(--sizing-sm);
+ bottom: var(--sizing-sm);
+ width: 100%;
+ box-sizing: border-box;
+ display: flex;
+ flex-direction: column;
+
+ & .header,
+ & .subheader {
+ color: var(--color-lightest);
+ font-size: var(--font-size-xs);
+ line-height: 1.5;
+ text-shadow: rgba(0, 0, 0, 0.7) 0px 0px 10px;
+ }
+
+ & .header {
+ font-weight: var(--font-weight-bold);
+ }
+ }
+
+ & img {
+ width: 100%;
+ height: auto;
+ border: 1px solid var(--accent-color);
+ }
+ }
+
+ &.item {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ position: relative;
+ display: flex;
+ overflow: hidden;
+
+ &.shadow::after {
+ position: absolute;
+ z-index: 1;
+ content: '';
+ top: 0;
+ left: 1px;
+ box-shadow: inset 0 -70px 75px -40px #000;
+ width: calc(100% - 2px);
+ height: calc(100% - 1px);
+ }
+ }
+}
+
+@media screen and (min-width: 768px) {
+ .watching.grid {
+ grid-template-columns: repeat(3,minmax(0,1fr))
+ }
+}
\ No newline at end of file
diff --git a/src/feeds/movies.liquid b/src/feeds/movies.liquid
index 7e7700bd..fef98681 100644
--- a/src/feeds/movies.liquid
+++ b/src/feeds/movies.liquid
@@ -8,6 +8,6 @@ permalink: /feeds/movies
title:"Movies • Cory Dransfeldt"
description:"Movies I've watched recently."
data:movies.recentlyWatched
- updated:movies.recentlyWatched[0].dateAdded
+ updated:movies.recentlyWatched[0].lastWatched
site:site
%}
\ No newline at end of file
diff --git a/src/pages/books/want-to-read.html b/src/pages/books/want-to-read.html
index d98c732c..33152d43 100644
--- a/src/pages/books/want-to-read.html
+++ b/src/pages/books/want-to-read.html
@@ -15,7 +15,7 @@ permalink: "/books/want-to-read/{{ pagination.pageNumber }}/index.html"
+ -
{% for book in pagination.items %}
-
-
+
{{ book.title }}
{% if book.authors %}by {{ book.authors }}{% endif %}{% if book.categories %} • {{ book.categories }}{% endif %}
diff --git a/src/pages/watching/favorite-movies.html b/src/pages/watching/favorite-movies.html
new file mode 100644
index 00000000..077a1ca1
--- /dev/null
+++ b/src/pages/watching/favorite-movies.html
@@ -0,0 +1,9 @@
+---
+title: Favorite movies
+layout: default
+permalink: "/watching/favorite-movies/index.html"
+---
+
{% tablericon "arrow-left" "Go back" %} Go back
+{{ title }}
+These are my favorite movies. There are many like them, but these are mine.
+{% render "partials/watching/favorites-grid.liquid", favorites:movies.favorites, count: 99 %} \ No newline at end of file diff --git a/src/pages/watching/favorite-shows.html b/src/pages/watching/favorite-shows.html new file mode 100644 index 00000000..197f4c04 --- /dev/null +++ b/src/pages/watching/favorite-shows.html @@ -0,0 +1,9 @@ +--- +title: Favorite shows +layout: default +permalink: "/watching/favorite-shows/index.html" +--- +{% tablericon "arrow-left" "Go back" %} Go back
+{{ title }}
+These are my favorite shows. There are many like them, but these are mine.
+{% render "partials/watching/favorites-grid.liquid", favorites:tv.favorites, count: 99 %} \ No newline at end of file diff --git a/src/pages/watching/index.html b/src/pages/watching/index.html new file mode 100644 index 00000000..952a26f5 --- /dev/null +++ b/src/pages/watching/index.html @@ -0,0 +1,35 @@ +--- +title: Watching +layout: default +permalink: "/watching/index.html" +--- +{% assign featuredMovie = movies.favorites | featuredWatching: 1 | first %} +{{ title }}
+{% render "partials/watching/hero.liquid" movie:featuredMovie %} +Here's all of the TV and movies I've been watching recently presented in what is (hopefully) an organized fashion. You can also take a look at the movies and shows I'm planning to watch.
++ {% tablericon "movie" "Recent movies" %} + Recent movies +
+{% render "partials/now/media-grid.liquid", data:movies.recentlyWatched, shape: "vertical", count: 6 %} ++ {% tablericon "device-tv" "Recent shows" %} + Recent shows +
+{% render "partials/now/media-grid.liquid", data:tv.recentlyWatched, shape: "vertical", count: 6 %} + ++ {% tablericon "star" "Favorite movies" %} + Favorite movies +
+ +{% assign favoriteMovies = movies.favorites | featuredWatching: 6 %} +{% render "partials/watching/favorites-grid.liquid", favorites:favoriteMovies, count: 6 %} + ++ {% tablericon "star" "Favorite shows" %} + Favorite shows +
+ +{% assign favoriteShows = tv.favorites | featuredWatching: 6 %} +{% render "partials/watching/favorites-grid.liquid", favorites:favoriteShows, count: 6 %} \ No newline at end of file diff --git a/src/pages/watching/movies-to-watch.html b/src/pages/watching/movies-to-watch.html new file mode 100644 index 00000000..95105bce --- /dev/null +++ b/src/pages/watching/movies-to-watch.html @@ -0,0 +1,26 @@ +--- +title: Movies to watch +layout: default +pagination: + data: movies.toWatch + alias: movies + size: 30 +permalink: "/watching/movies-to-watch/{{ pagination.pageNumber }}/index.html" +--- +{% tablericon "arrow-left" "Go back" %} Go back
+{% if pagination.pageNumber == 0 %} +{{ title }}
+These are movies I want to watch, sorted in alphabetical order. As one would expect, it will change as I navigate through and add to it.
+
+{% endif %} +-
+ {% for movie in pagination.items %}
+
- + + {{ movie.title }} + + ({{ movie.year }}) + + {% endfor %} +
{% tablericon "arrow-left" "Go back" %} Go back
+{% if pagination.pageNumber == 0 %} +{{ title }}
+These are shpws I want to watch, sorted in alphabetical order. As one would expect, it will change as I navigate through and add to it.
+
+{% endif %} +-
+ {% for show in pagination.items %}
+
- + + {{ show.title }} + + {% if show.year %}({{ show.year }}){% endif %} + + {% endfor %} +