Julia Simon: Credit Card Affair Allows Biathlon Star to Compete

Julia Simon: Credit Card Affair Allows Biathlon Star to Compete

November 7, 2025 David Thompson - Sports Editor Sports

HereS a breakdown of the HTML snippet you provided, ⁣focusing on its structure and purpose:

Overall Structure

This HTML appears to‌ be ‌a ​section of a news article page, likely from the Austrian news site “nachrichten.at“. It contains elements related to:

* ⁢ Article Details: ​ ⁣The main‌ content of the article is likely above this snippet.
* “To E-Paper” Link: A button⁤ to view⁤ the article in‍ the digital e-paper version of the newspaper.
* Topic/Keyword Management: A section allowing users to​ add the article’s keywords (or “schlagworte”) to⁤ their personalized topic list, or remove them if already added.

Detailed Breakdown

  1. aper/epa1419,43590" target="_blank" class="btn btn-sm btn-blue">

​ * ⁢ This is a link (<a> tag) that directs ‍the user to the e-paper version of the article.
* href="aper/epa1419,43590": The URL to the e-paper​ article. ⁤ ‌The format suggests it’s an internal link⁢ within the “nachrichten.at” domain.
* ⁤ target="_blank": ⁣ Opens the e-paper article in a ​new browser tab or window.
* ⁤​ class="btn btn-sm btn-blue": CSS classes for styling the link as a button. btn is a⁢ general button class, btn-sm makes it a small button,‌ and btn-blue sets ‍the color to blue.
* to the e-paper: The text displayed on​ the button.

  1. <div data-fcms-template="topicStatus" style="display: none;">

* This ⁤ <div> contains the logic for managing​ the article’s keywords/topics.
⁤ * data-fcms-template="topicStatus": A custom data attribute used by the website’s JavaScript framework (likely FCMS – a content management system) to identify this section as the topic status area.* style="display: none;": Initially ‌hides this section ​from⁤ view.​ JavaScript will​ likely show/hide the appropriate content based on whether the user has already added the article’s keywords to​ their topics.

  1. data-fcms-topicstatus Divs

‍ * These nested <div> elements represent ​different states of the topic/keyword relationship between the user and the article.
⁤*⁢ ⁤ data-fcms-topicstatus="loading": Displays a loading animation (<img src="https://www.nachrichten.at/_/pics/sym/loaders/loader_small_grey.gif" alt="Loading" title="Loading"/>) while the system checks if the user has ⁣already added the article’s keywords.* data-fcms-topicstatus="available" (with data-fcms-topiccount-max="14"): ‍⁢ Displayed when the ⁢user has fewer than 14 ‍topics saved. It shows an “Add ‍Topic” icon (<i class="material-icons artDetailSchlagwort__material">...</i>) and a tooltip explaining how to add ​the keyword.
*‌ data-fcms-topicstatus="available" (with data-fcms-topiccount-min="15"): Displayed when the user has 15 or more topics saved. ‌ It shows a link to the user’s “My topics”⁣ page and a tooltip explaining that they ⁣need to remove keywords⁢ to add more. ⁢ The <span data-fcms-placeholder="topicCount"/> will ‍be dynamically updated with the actual number of topics the ⁤user has⁢ saved.
‍ * data-fcms-topicstatus="followed": Displayed when the user has already added the article’s keywords to their topics. ‍ It shows‍ a “Remove ‍Topic” icon (<i class="material-icons artDetailSchlagwort__material artDetailSchlagwort__material--red">...</i>) and a tooltip explaining how to remove the ​keyword. The icon is red to visually indicate⁤ that it’s a removal action.

  1. Material Icons

* The⁣ `