` tag with `b-image` that supports [skeleton placeholder](https://buefy.org/documentation/image/#placeholder) (example no. 3)\r\n\r\n**Additional context**\r\nMake sure that: \r\n- [ ] You won't break any magic CSS functionality\r\n\r\n\u003Cimg width=\"1407\" alt=\"Screenshot 2021-09-23 at 09 12 27\" src=\"https://user-images.githubusercontent.com/22471030/134467712-24fb2c43-b76f-451f-8c28-d4e43af333c0.png\">\r\n\r\n",[2015,2016,2019,2022],{"name":1996,"color":1997},{"name":2017,"color":2018},"UX first","7057ff",{"name":2020,"color":2021},"good first issue","5319e7",{"name":2023,"color":2024},"p3","D4C5F9",777,"Use skeleton for images while loading","2021-12-16T11:56:12Z","https://github.com/kodadot/nft-gallery/issues/777",0.73422503,{"description":2031,"labels":2032,"number":2043,"owner":1985,"repository":1986,"state":1987,"title":2044,"updated_at":2045,"url":2046,"score":2047},"While browsing https://beta.kodadot.xyz/snek/collection/807893860, I cannot load the item detail when I click on any of the items, I get loaded just the placeholder. Happens specifically with this collection, not sure why (most of the others)\r\n\r\n\r\n",[2033,2036,2038,2040],{"name":2034,"color":2035},"bug","d73a4a",{"name":2037,"color":2024},"p2",{"name":2039,"color":2006},"A-basilisk",{"name":2041,"color":2042},"🧙♀️ - bug-hunt","DC2653",4025,"Cannot load gallery item detail from specific collection /snek","2022-09-27T09:38:52Z","https://github.com/kodadot/nft-gallery/issues/4025",0.7500965,{"description":2049,"labels":2050,"number":2055,"owner":1985,"repository":1986,"state":1987,"title":2056,"updated_at":2057,"url":2058,"score":2059},"Current State:\r\n- :white_check_mark: working on /rmrk old landing\r\n- :white_check_mark: working on /snek old landing (but only 2 results, rest has `null` floorprice)\r\n- ✅ working on new landing, /?redesign=true\r\n- 🔴 no data on /bsx old landing, I'm hidding component for now\r\n- 🔴 got some cleaning to do in component 🧹\r\n\r\n_Originally posted by @roiLeo in https://github.com/kodadot/nft-gallery/issues/3869#issuecomment-1260803799_\r\n ",[2051,2053,2054],{"name":2052,"color":2000},"$$",{"name":2037,"color":2024},{"name":2039,"color":2006},4059,"Enable 🎩 Top Collections on landing for Basilisk once there will be data","2022-11-04T14:51:21Z","https://github.com/kodadot/nft-gallery/issues/4059",0.75870335,{"description":2061,"labels":2062,"number":2066,"owner":1985,"repository":1986,"state":1987,"title":2067,"updated_at":2068,"url":2069,"score":2070},"Right now query takes quite a time to load and might be longer by more users becoming, thus would be highly anticipated to show users at least some sort of skeleton https://buefy.org/documentation/skeleton/\r\n\r\n\r\n",[2063,2064,2065],{"name":1996,"color":1997},{"name":2020,"color":2021},{"name":2023,"color":2024},610,"While preloading spotlight show skeleton ","2021-08-23T10:35:47Z","https://github.com/kodadot/nft-gallery/issues/610",0.7596103,{"description":2072,"labels":2073,"number":2080,"owner":1985,"repository":1986,"state":1987,"title":2081,"updated_at":2082,"url":2083,"score":2084},"To prevent random jumping content despite we know ahead height of item would be nice to avoid for users unpleasant jumping of other components.\r\nProbably add skeleton with height https://buefy.org/documentation/skeleton/ but I guess we have preloader there yet something is happening inside before load\r\n\r\nOr add transition until is full media loaded?\r\n\r\nhttps://user-images.githubusercontent.com/5887929/149102928-2c0e764f-9246-4dc9-9ad9-49fe7fdcfd8d.mov\r\n\r\n",[2074,2075,2076,2077],{"name":2017,"color":2018},{"name":1999,"color":2000},{"name":2023,"color":2024},{"name":2078,"color":2079},"v2.2","6AC658",1777,"Add fixed height to detail item","2022-01-14T16:23:34Z","https://github.com/kodadot/nft-gallery/issues/1777",0.7668417,{"description":2086,"labels":2087,"number":2092,"owner":1985,"repository":1986,"state":1987,"title":2093,"updated_at":2094,"url":2095,"score":2096},"https://beta.kodadot.xyz/bsx/gallery/2551182625-5\r\n\r\nsadly on production too https://kodadot.xyz/bsx/gallery/2551182625-5\r\n\r\n\r\n\r\nother collections has it \r\n\r\n\r\n\r\nhttps://kodadot.xyz/bsx/gallery/2608295324-7",[2088,2089,2090],{"name":1999,"color":2000},{"name":2037,"color":2024},{"name":2091,"color":2006},"A-item",4781,"Missing collection link? ","2023-01-20T15:49:11Z","https://github.com/kodadot/nft-gallery/issues/4781",0.7683718,{"description":2098,"labels":2099,"number":2102,"owner":1985,"repository":1986,"state":1987,"title":2103,"updated_at":2104,"url":2105,"score":2106},"We fall bit in Craig list pit and need reflect new stuff on landing page which is Artist Spotlight -- it's more like directory but duh whatever works and Series Insights which got lot of visits these days, probably not much ppl know about it still \r\n\r\nI would propose to remove all unnecessary texts and keep it lean as ppl need land it and start being impressed by good collections where curation feed will land. Then we need ease audience enable easy joining our Discord, that's where widget should come in as powerful move.\r\n\r\nFor sake of onboarding, highlighting tutorials would be good as some people working on #725 and other onboarding materials\r\n\r\nMajor ones\r\n- #583 \r\n- #876 \r\n\r\n### Charts\r\nWhat we should add there is (inspired by Singular 🥺 )\r\n- 6-8-9 list of a top artist with identity by traded volume for the last 7d of their artwork?\r\n- 6-8-9 top collectors - accounts who did most buyouts for last 7d \r\n\r\n### Outline of landing\r\n\r\n- Curation feed #876 \r\n- Recent NFTs for Sale\r\n- Charts - Artits by Volume, Collectors by buys, both for last 7d\r\n\r\n\r\nCheck for issues labelled landing https://github.com/kodadot/nft-gallery/issues?q=is%3Aissue+is%3Aopen+label%3Alanding+\r\n\r\n@xylodrone can help on this",[2100],{"name":2101,"color":2024},"p4",899,"Landing refresh v2, avoiding Craiglist pit","2022-05-08T12:14:57Z","https://github.com/kodadot/nft-gallery/issues/899",0.7694769,{"description":2108,"labels":2109,"number":2118,"owner":1985,"repository":1986,"state":1987,"title":2119,"updated_at":2120,"url":2121,"score":2122},"## Top collections\r\n- On the bigger screens, there are 3 columns next to each other of top/trending collection cards. \r\n\r\n- In the design, there are only 2. \r\n- content inside card: \r\n\r\nnow it's missing network, USD volume, and % change. \r\n\r\n- missing filters for the time period and network. \r\n- \"see more link\" should be on hover similarly to the nav bar/footer links. \r\n- https://github.com/kodadot/nft-gallery/issues/4185#issuecomment-1295015373\r\n\r\n## Tasks\r\n- https://github.com/kodadot/nft-gallery/issues/4265\r\n- https://github.com/kodadot/nft-gallery/issues/4380\r\n- https://github.com/kodadot/nft-gallery/issues/4264\r\n- https://github.com/kodadot/nft-gallery/issues/4266\r\n\r\n\r\n_Originally posted by @exezbcz in https://github.com/kodadot/nft-gallery/issues/4090#issuecomment-1303984638_\r\n ",[2110,2111,2113,2116],{"name":2037,"color":2024},{"name":2112,"color":2006},"A-landing",{"name":2114,"color":2115},"chief","67EA1F",{"name":2117,"color":2006},"A-multi-chain",4263,"Redesign: Top collection data on landing leftovers","2023-04-17T09:39:11Z","https://github.com/kodadot/nft-gallery/issues/4263",0.7695323,["Reactive",2124],{},["Set"],["ShallowReactive",2127],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"HnmWrvafTUjdRD1su0IDtky6Z8zOOp6v3XSBz_mY-0k":-1},"/kodadot/nft-gallery/4106"]