search

w3c / wot-marketing

Web of Things (WoT) Marketing
https://www.w3.org/WoT/
Other
13 stars 18 forks source link

Change mastodon integration #471

Closed egekorkan closed 5 months ago

egekorkan commented 5 months ago

Trying with https://www.mastofeed.com/ to adjust the colours

netlify[bot] commented 5 months ago

Deploy Preview for wot-marketing ready!

Name Link
Latest commit 77b95fe9f7896d80b340804505a14db83c12f97b
Latest deploy log https://app.netlify.com/sites/wot-marketing/deploys/65afb42528f1a80008ed9433
Deploy Preview https://deploy-preview-471--wot-marketing.netlify.app/
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

egekorkan commented 5 months ago

Not sure why the width is so much. I will have a look later on.

egekorkan commented 5 months ago

I have tested locally and it looks good. Also reduced height. There is still a frame around it but to fix it, we need to host all this ourselves and copy the code.

egekorkan commented 5 months ago

I have tried to remove the frame but I think my CSS knowledge hit its limits. We can merge this and open an issue about that issue. It is still better than the current black box.

lu-zero commented 5 months ago

Adding to the iframe border: none seems enough:

.mastodon-embedding {
  border: none;
}
image

hiding the scrollbar on the other hand is a bit annoying to support across browsers.

egekorkan commented 5 months ago

Call of 23.01: We have added the proposal of Luca. We can iterate on this by using https://sampsyo.github.io/emfed/ to have more control on the styling.