_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.