jcarrier-theme

A Grav CMS theme for <https://jacynthecarrier.com>.
git clone git://soucy.cc/jcarrier-theme.git
Log | Files | Refs | README | LICENSE

commit ccd470d6b1baf00b35b04fca32051f7518a9a96d
parent a3d35950e828bc9a4e40d994549c97c3860f6c4c
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sun, 19 Dec 2021 15:05:56 -0500

Add a visuallyhidden class and move the hyperlink around image

Diffstat:
Mtemplates/projects.html.twig | 10+++++-----
1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/templates/projects.html.twig b/templates/projects.html.twig @@ -15,15 +15,15 @@ {% for project in page.children.visible %} {% set project_image = project.media.images|first %} <article class="project-list__item"> - <h2 class="project-list__title"> - <a href="{{ project.url }}"> - {{ project.title }} - </a> + <h2 class="project-list__title visuallyhidden"> + {{ project.title }} </h2> {#{ project_image.derivatives(320,640,768,1024,1140,1440,1600).sizes('(max-width: 71.25rem) 100vw, 100vw').cropZoom(480,320).html() }#} <figure> - {{ project_image.derivatives(320,640,768,1024,1140,1440,1600).sizes('(max-width: 71.25rem) 100vw, 100vw').html() }} + <a href="{{ project.url }}"> + {{ project_image.derivatives(320,640,768,1024,1140,1440,1600).sizes('(max-width: 71.25rem) 100vw, 100vw').html() }} + </a> </figure> </article> {% endfor %}