101 lines
4.8 KiB
Markdown
101 lines
4.8 KiB
Markdown
_model: entry
|
|
---
|
|
title: Example Article: Anatomy of an Information Card
|
|
---
|
|
date: 2026-08-11
|
|
---
|
|
updated: 2026-08-11
|
|
---
|
|
author: Example Article Author
|
|
---
|
|
tags: lorem-ipsum, information-card, field-mapping, example
|
|
---
|
|
kicker: Article
|
|
---
|
|
summary: A fully populated example article showing how every information-card value maps to a Lektor content field.
|
|
---
|
|
published_urls:
|
|
|
|
https://example.com/article
|
|
https://publication.example.org/features/anatomy-of-an-article-information-card-demonstration
|
|
---
|
|
body:
|
|
## Information card field map
|
|
|
|
Every available row in the article information card is intentionally visible
|
|
on this example page. The values map to this record's `contents.lr` file as
|
|
follows:
|
|
|
|
`content/articles/example-information-card/contents.lr`
|
|
|
|
- **Author** is read from the `author` field.
|
|
- **Published** is read from the `date` field.
|
|
- **Updated** is read from the optional `updated` field.
|
|
- **Reading time** is calculated automatically from the words in the `body`
|
|
field, using approximately 200 words per minute.
|
|
- **Topics** are read from the controlled checkbox `tags` field.
|
|
- **Published online** loops over every item in the multiline `published_urls`
|
|
field.
|
|
|
|
The first publication URL stays below 40 characters and is displayed in full.
|
|
The second is deliberately longer than 40 characters, so its visible text uses
|
|
a middle ellipsis while its link destination, tooltip, and accessible label
|
|
retain the complete URL.
|
|
|
|
## Lorem ipsum demonstration
|
|
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere,
|
|
libero non posuere luctus, neque tellus cursus sapien, vitae tincidunt erat
|
|
metus et velit. Sed dignissim sem vel augue fermentum, vitae tristique lorem
|
|
facilisis. Praesent commodo, mauris id faucibus malesuada, augue justo
|
|
sollicitudin nibh, vitae efficitur magna arcu sed neque. Nulla facilisi. Donec
|
|
tempor turpis sed felis interdum, quis consequat nibh consequat.
|
|
|
|
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
|
|
cubilia curae; Etiam id lectus vel ipsum placerat pellentesque. Morbi vulputate
|
|
semper dolor, in facilisis justo volutpat sed. Suspendisse potenti. Fusce
|
|
ultricies ipsum at arcu aliquet, a feugiat augue suscipit. Nam interdum
|
|
fermentum enim, et commodo sapien pharetra sit amet. Curabitur vitae urna vitae
|
|
mauris volutpat consequat non non augue.
|
|
|
|
Aliquam erat volutpat. Proin vitae metus eget nunc porttitor elementum. Mauris
|
|
euismod, sem sed tincidunt tincidunt, sapien velit consectetur neque, at
|
|
viverra nibh eros nec urna. Duis malesuada sapien in velit feugiat, sed
|
|
ullamcorper massa tincidunt. Cras condimentum risus at neque vestibulum, quis
|
|
tempor justo tristique. Pellentesque habitant morbi tristique senectus et netus
|
|
et malesuada fames ac turpis egestas.
|
|
|
|
Donec eu feugiat neque. Quisque ac velit vitae odio volutpat vulputate. Nunc
|
|
faucibus eros non dolor tempor, nec posuere lacus tristique. Sed euismod
|
|
convallis nulla, quis feugiat dolor vulputate sit amet. Aenean commodo feugiat
|
|
ipsum, vel dictum sapien ullamcorper quis. Vivamus id enim nec nibh eleifend
|
|
convallis. In hac habitasse platea dictumst. Maecenas cursus orci eget dui
|
|
aliquet, vitae feugiat elit rhoncus.
|
|
|
|
Phasellus dignissim, metus ac tristique convallis, purus massa pulvinar enim,
|
|
eu facilisis justo sem sit amet nibh. Nullam gravida interdum quam, a luctus
|
|
turpis finibus sed. Sed at magna vel lectus faucibus malesuada. Integer
|
|
facilisis quam non purus volutpat, quis tristique nisl blandit. Ut pellentesque
|
|
ligula vitae purus porttitor, vitae scelerisque justo feugiat. Duis luctus
|
|
metus quis orci egestas, id pellentesque mi faucibus.
|
|
|
|
Morbi sit amet nibh et justo sagittis viverra. Nulla vitae odio ac tortor
|
|
tempor pretium. Curabitur dignissim massa at justo eleifend, vel feugiat neque
|
|
facilisis. Praesent sed tellus quis augue vulputate malesuada. Sed tincidunt
|
|
nisi in risus dignissim, a hendrerit ipsum volutpat. Integer faucibus metus et
|
|
turpis sodales, sed convallis lectus feugiat. Vivamus finibus, tortor id
|
|
efficitur feugiat, odio mauris imperdiet justo, quis pulvinar erat sem at arcu.
|
|
|
|
Etiam consequat ligula sed sem faucibus, eu feugiat leo posuere. Pellentesque
|
|
congue mauris sit amet sapien vestibulum, quis vulputate nulla malesuada.
|
|
Suspendisse vitae ipsum ut sapien consequat tempus. Aenean et lectus in justo
|
|
scelerisque feugiat. Cras sed posuere ex. Nam non egestas risus. Vestibulum
|
|
mollis mauris eget nisi efficitur, vitae sollicitudin tortor imperdiet. Donec
|
|
at consequat velit, non cursus risus.
|
|
|
|
Sed vulputate justo at elit gravida, a tristique mauris blandit. In hac
|
|
habitasse platea dictumst. Mauris at erat luctus, volutpat risus vitae,
|
|
fermentum ipsum. Proin malesuada nibh et orci tristique, eget efficitur nibh
|
|
interdum. Quisque feugiat sem at purus pretium, id sodales nunc ullamcorper.
|
|
Integer accumsan urna sit amet mi placerat, vitae suscipit tortor lacinia.
|