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

feat: css toggles; drop js

Browse source
This commit is contained in:
Cory Dransfeldt 2024-06-17 12:14:24 -07:00
parent d792ac5ae8
commit 6acd3f31fc
No known key found for this signature in database
7 changed files with 80 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/pages/main/music/artists/artist.html
View file

@ -11,11 +11,6 @@ schema: artist
{%- capture alt -%}
{{ artist.name_string }} / {{ artist.country }}
{%- endcapture -%}
{% capture js %}
{% render "../../../../assets/scripts/text-toggle.js" %}
{% endcapture %}
<script>{{ js }}</script>
<noscript><style>[data-toggle-content].text-toggle-hidden {height: unset !important;overflow: unset !important;margin-bottom: unset !important;}[data-toggle-content].text-toggle-hidden::after {display: none !important;}</style></noscript>
<a class="back-link-header link-icon flex-centered" href="/music" title="Go back to the music index page">{% tablericon "arrow-left" "Go back to the music index page" %} Back to music</a>
<article class="artist-focus">
<div class="artist-display">
@ -56,8 +51,13 @@ schema: artist
</div>
</div>
{%- if artist.description -%}
<div data-toggle-content class="text-toggle-hidden">{{ artist.description | markdown }}</div>
<button data-toggle-button>Show more</button>
<div class="toggle-wrapper">
<input id="toggle-checkbox" class="toggle-checkbox" type="checkbox">
<label class="toggle-label" for="toggle-checkbox">
<div aria-role="button"></div>
</label>
<div data-toggle-content class="text-toggle-hidden">{{ artist.description | markdown }}</div>
</div>
{%- endif -%}
<table>
<tr>