diff --git a/handler/handler.go b/handler/handler.go index 208bc10..c827c01 100644 --- a/handler/handler.go +++ b/handler/handler.go @@ -200,6 +200,12 @@ func (h *Handler) getlbreference(cs *oauth.ClientSession, w http.ResponseWriter, "any non-empty string for attribute will add a line at the bottom of the generated html linking to 88x31.store. no worries if you prefer the plain look!", "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&attribute=yes", }, + { + "image-rendering=", + "any css image-rendering option: 'auto', 'smooth', 'high-quality', 'pixelated', 'crisp-edges'. default 'pixelated'", + "this is the image-rendering option used, prefer pixelated (default, so you can leave it unset if you don't have any opinions here) if you want the pixel art to look crisp. compare the output from this example with smooth to initial-size='s, which uses default pixelated", + "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&initial-size=2&image-rendering=smooth", + }, { "initial-size=", "float as string", @@ -216,13 +222,25 @@ func (h *Handler) getlbreference(cs *oauth.ClientSession, w http.ResponseWriter, "hover-rotate=", "float degrees as string", "this is the number of degrees that the button rotates when a user hovers over it", - "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&hover-rotate=30", + "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&hover-rotate=31", }, { - "image-rendering=", - "any css image-rendering option: 'auto', 'smooth', 'high-quality', 'pixelated', 'crisp-edges'. default 'pixelated'", - "this is the image-rendering option used, prefer pixelated (default, so you can leave it unset if you don't have any opinions here) if you want the pixel art to look crisp. compare the output from this example with smooth to initial-size='s, which uses default pixelated", - "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&initial-size=2&image-rendering=smooth", + "margin=", + "float pixels as string", + "this is the iframe's internal margin", + "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&margin=20", + }, + { + "margin-bottom=", + "float pixels as string", + "this is the size of the bottom margin for each button", + "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&margin-bottom=20", + }, + { + "margin-right=", + "float pixels as string", + "this is the size of the right margin for each button", + "https://88x31.store/embed/liked-by?did=did:plc:25z6ogppprfvijcnqo2fsfce&margin-bottom=20", }, }