Linkify showcase images, and add noopener a few places.

This commit is contained in:
Dillon Kearns 2021-11-24 12:54:00 -08:00
parent c220d3aecd
commit 479dfb14ee

View File

@ -158,21 +158,27 @@ showcaseItem item =
-- ] -- ]
] ]
] ]
[ img [ a
[ Attr.src <| "https://image.thum.io/get/width/800/crop/800/" ++ item.screenshotUrl [ href item.liveUrl
, Attr.alt "" , Attr.target "_blank"
, Attr.attribute "loading" "lazy" , Attr.rel "noopener"
, css ]
[ Tw.object_cover [ img
, Tw.pointer_events_none [ Attr.src <| "https://image.thum.io/get/width/800/crop/800/" ++ item.screenshotUrl
, Attr.alt ""
--, Bp.group , Attr.attribute "loading" "lazy"
--- hover , css
-- [ Tw.opacity_75 [ Tw.object_cover
-- ] , Tw.pointer_events_none
]
--, Bp.group
--- hover
-- [ Tw.opacity_75
-- ]
]
]
[]
] ]
[]
--, button --, button
-- [ Attr.type_ "button" -- [ Attr.type_ "button"
@ -195,6 +201,7 @@ showcaseItem item =
, a , a
[ href item.liveUrl [ href item.liveUrl
, Attr.target "_blank" , Attr.target "_blank"
, Attr.rel "noopener"
, css , css
[ Tw.mt_2 [ Tw.mt_2
, Tw.block , Tw.block
@ -210,6 +217,7 @@ showcaseItem item =
, a , a
[ href item.authorUrl [ href item.authorUrl
, Attr.target "_blank" , Attr.target "_blank"
, Attr.rel "noopener"
, css , css
[ Tw.block [ Tw.block
, Tw.text_sm , Tw.text_sm
@ -268,6 +276,7 @@ topSection =
, a , a
[ Attr.href "https://airtable.com/shrPSenIW2EQqJ083" [ Attr.href "https://airtable.com/shrPSenIW2EQqJ083"
, Attr.target "_blank" , Attr.target "_blank"
, Attr.rel "noopener"
, css , css
[ Tw.mt_8 [ Tw.mt_8
, Tw.w_full , Tw.w_full