cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: spruce up design

Browse source
This commit is contained in:
Cory Dransfeldt 2024-04-28 19:06:48 -07:00
parent 2614dff452
commit 94e28067f9
No known key found for this signature in database
51 changed files with 480 additions and 202 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/_includes/now.liquid
View file

@ -6,12 +6,12 @@ layout: default
{% endcapture %}
<script>{{ js }}</script>
{{ content }}
<div class="now-header-wrapper">
<h2 id="artists" class="now-header flex-centered">
<div class="section-header-wrapper">
<h2 id="artists" class="section-header flex-centered">
{% tablericon "microphone-2" "Artists" %}
Artists
</h2>
<div class="now-header-buttons client-side">
<div class="section-header-buttons client-side">
<button class="small active" data-toggle="artists-window">This week</button>
<button class="small secondary" data-toggle="artists-month">This month</button>
<button class="small secondary" data-toggle="artists-three-months">3 months</button>
@ -30,12 +30,12 @@ layout: default
<div class="hidden" id="artists-year">
{% render "partials/now/media-grid.liquid", data:musicCharts.year.artists, shape: "square", count: 8 %}
</div>
<div class="now-header-wrapper">
<h2 id="albums" class="now-header flex-centered">
<div class="section-header-wrapper">
<h2 id="albums" class="section-header flex-centered">
{% tablericon "vinyl" "Albums" %}
Albums
</h2>
<div class="now-header-buttons client-side">
<div class="section-header-buttons client-side">
<button class="small active" data-toggle="albums-window">This week</button>
<button class="small secondary" data-toggle="albums-month">This month</button>
<button class="small secondary" data-toggle="albums-three-months">3 months</button>
@ -54,12 +54,12 @@ layout: default
<div class="hidden" id="albums-year">
{% render "partials/now/media-grid.liquid", data:musicCharts.year.albums, shape: "square", count: 8 %}
</div>
<div class="now-header-wrapper">
<h2 id="tracks" class="now-header flex-centered">
<div class="section-header-wrapper">
<h2 id="tracks" class="section-header flex-centered">
{% tablericon "playlist" "Tracks" %}
Tracks
</h2>
<div class="now-header-buttons client-side">
<div class="section-header-buttons client-side">
<button class="small active" data-toggle="tracks-recent">Recent</button>
<button class="small secondary" data-toggle="tracks-window">This week</button>
<button class="small secondary" data-toggle="tracks-month">This month</button>
@ -83,19 +83,19 @@ layout: default
{% render "partials/now/track-chart.liquid", data:musicCharts.year.topTracks.data, mostPlayed:musicCharts.year.topTracks.mostPlayed %}
</div>
{% render "partials/now/albumReleases.liquid", albumReleases:albumReleases %}
<h2 id="books" class="now-header flex-centered">
<h2 id="books" class="section-header flex-centered">
{% tablericon "books" "Books" %}
Books
</h2>
{% assign bookData = books | bookStatus: 'started' | reverse %}
{% render "partials/now/media-grid.liquid", data:bookData, shape: "vertical", count: 6 %}
{% render "partials/recent-links.liquid", links:collections.links %}
<h2 id="movies" class="now-header flex-centered">
<h2 id="movies" class="section-header flex-centered">
{% tablericon "movie" "Movies" %}
Movies
</h2>
{% render "partials/now/media-grid.liquid", data:movies, icon: "movie", title: "Movies", shape: "vertical", count: 6 %}
<h2 id="tv" class="now-header flex-centered">
<h2 id="tv" class="section-header flex-centered">
{% tablericon "device-tv" "TV" %}
TV
</h2>