https://github.com/ghall89/astro-mastodon-embed

A component for Astro to embed Mastodon posts in your website.
https://github.com/ghall89/astro-mastodon-embed

astro mastodon

Last synced: 3 months ago
JSON representation

A component for Astro to embed Mastodon posts in your website.

• Host: GitHub
• URL: https://github.com/ghall89/astro-mastodon-embed
• Owner: ghall89
• License: mit
• Created: 2023-01-26T03:17:42.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-14T05:10:42.000Z (almost 2 years ago)
• Last Synced: 2024-04-13T21:01:12.797Z (9 months ago)
• Topics: astro, mastodon
• Language: Astro
• Homepage:
• Size: 267 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# astro-mastodon-embed

## About

An Astro component for embedding Mastodon posts in your website.

This is very much a work in progress, and not at all ready for production.

## Install

In your Astro project, run the following command:

`npm i astro-mastodon-embed`

## Importing & Usage

### Import

In your Astro or MDX file:

`import MastodonEmbed from 'astro-mastodon-embed'`

### Use Component

The MastodonEmbed component just needs a URL for the post you want to embed.

``

By default, the component is in light mode. You can enable dark mode by passing the prop `variant="dark"`:

``

## Dependencies

- [astro-remote](https://github.com/natemoo-re/astro-remote)

## Acknowledgments

- [Roboto](https://fonts.google.com/specimen/Roboto) - Used under the [Apache 2.0 license](./src/fonts/LICENSE.txt)