Ricardo Fort’s Daughter Furious Over $20,000 Party Mishap in Punta del Este
- This HTML code snippet defines two share buttons for a news article: one for X (formerly Twitter) and one for WhatsApp.
- * class="...": Applies CSS classes for styling: * p-2: Padding of 2 units.
- * : Another anchor tag, similar to the X button, but with different styling: * bg-green-500: Green background color.
This HTML code snippet defines two share buttons for a news article: one for X (formerly Twitter) and one for WhatsApp. Let’s break it down:
1. X (Twitter) Share Button:
* <a class="p-2 bg-gray-900 w-1/3 rounded mx-2 text-center" ...>: This is an anchor tag (<a>) creating a hyperlink.
* class="...": Applies CSS classes for styling:
* p-2: Padding of 2 units.
* bg-gray-900: Dark gray background color.
* w-1/3: Width of 1/3 of the container.
* rounded: Rounded corners.
* mx-2: Horizontal margin of 2 units.
* text-center: Centers the text within the button.
* href="https://x.com/intent/tweet?url=https://www.fmgente.com.uy/noticias/cagaron-dolares-hija-ricardo-fort-79229.html": The URL the button links to. This is a special X URL that pre-populates a tweet with the article’s URL. When clicked, it opens X and allows the user to customize and post the tweet.
* target="_blank": Opens the link in a new tab or window.
* rel="noopener noreferrer": Security attributes. noopener prevents the new tab from accessing the original page, and noreferrer prevents the new tab from knowing where the user came from.
* title="compartelo en X": The tooltip text that appears when hovering over the button (in Spanish: “Share on X”).
* <svg ...>: An SVG (Scalable Vector Graphics) element containing the X logo.
* class="w-8 h-8 inline-block": Styles the SVG to be 8×8 units in size and displayed inline with other elements.
* viewbox="0 0 24 24": Defines the coordinate system for the SVG.
* fill="white": Sets the fill color of the SVG path to white.
* <path d="..." fill="white"/>: The actual path data defining the shape of the X logo.
2. WhatsApp Share Button:
* <a class="p-2 bg-green-500 w-1/3 rounded text-center" ...>: Another anchor tag, similar to the X button, but with different styling:
* bg-green-500: Green background color.
* href="https://api.whatsapp.com/send?text=https://www.fmgente.com.uy/noticias/cagaron-dolares-hija-ricardo-fort-79229.html": The URL for sharing on WhatsApp. This URL opens WhatsApp and pre-populates a message with the article’s URL.
* target="_blank": Opens the link in a new tab or window.
* rel="noopener noreferrer": Security attributes.
* <img ...>: An image element displaying the WhatsApp