@gregermendle
div { position: relative; background-color: #0a0a0a; width: 100px; height: 100px; border-radius: 30px; border: 1px solid #262626; background-image: radial-gradient(ellipse at bottom left, #121212, #0a0a0a 50%); box-shadow: inset rgba(255, 255, 255, 0.2) -5px 5px 10px, inset rgba(0, 0, 0, 0.6) 5px -5px 10px;}div::before { content: ""; position: absolute; z-index: 1; top: -1px; right: -1px; height: 30px; width: 45px; background-repeat: no-repeat; background-size: contain; background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAyOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsdGVyPSJ1cmwoI2ZpbHRlcjBfZl81ODZfMTIzKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuMzQ4OCA2QzE4LjUyODUgNiAyNC4zNDg4IDEwLjQ3NzIgMjQuMzQ4OCAxNkMyNC4zNDg4IDguODIwMyAxOC41Mjg1IDMgMTEuMzQ4OCAzSDNWNkgxMS4zNDg4WiIgZmlsbD0idXJsKCNwYWludDBfcmFkaWFsXzU4Nl8xMjMpIi8+CjwvZz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfZl81ODZfMTIzIiB4PSIwLjMiIHk9IjAuMyIgd2lkdGg9IjI2Ljc0ODYiIGhlaWdodD0iMTguNCIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVCbGVuZCBtb2RlPSJub3JtYWwiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJzaGFwZSIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIxLjM1IiByZXN1bHQ9ImVmZmVjdDFfZm9yZWdyb3VuZEJsdXJfNTg2XzEyMyIvPgo8L2ZpbHRlcj4KPHJhZGlhbEdyYWRpZW50IGlkPSJwYWludDBfcmFkaWFsXzU4Nl8xMjMiIGN4PSIwIiBjeT0iMCIgcj0iMSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGdyYWRpZW50VHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjMuODYzNiAzLjY0NDg0KSByb3RhdGUoMTM3LjMzNCkgc2NhbGUoMjMuMDA4OSAxNC43MzgpIj4KPHN0b3Agc3RvcC1jb2xvcj0id2hpdGUiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJ3aGl0ZSIgc3RvcC1vcGFjaXR5PSIwIi8+CjwvcmFkaWFsR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+');}
@gregermendle
ok so a few people have joined and i really appreciate that. i honestly didnt think anyone would so i haven't worked on this for a few months (also am unemployed so ya know, searching for jobies.)
what would you use something like this for? the main reason i made this months and months ago was to be able to post software related stuff with code blocks lol. mainly inspired by people posting code in plain text on twitter, or just images of code you cant interact with.
again, thanks to everyone who has joined :)
@Chacal
whoa they have a really nice site. will take a look. im currently using SES and its giving my a belly ache
@alextingworld
shadcn is goated dont worry
shads nutty, huge fan, every project as of yet has been made using shad and a design system has become less of a worry.
@gregermendle
my gorsh, apparently when you use hono and openapi you can only use zod string for query parameters. https://github.com/honojs/middleware/issues/200
/*** {* query: QueryParamsSchema,* }*/const QueryParamsSchema = z.object({ page: z .string() .optional() .openapi({ param: { name: "page", in: "query", }, description: "The page you would like to view.", example: "1", })});
looks like you can also use a transform which gives the correct type:
const QueryParamsSchema = z.object({ page: ...transform((p) => parseInt(p))});
@gregermendle
running postcss and tailwindcss programmatically from this github discussion
const tailwind = require("tailwindcss");const postcss = require("postcss");const html = '<div class="bg-red-300"></div>';(async () => { const result = await postcss([ tailwind({ //...config, content: [{ raw: html, extension: "html" }], }), ]).process(`@tailwind base;@tailwind components;@tailwind utilities;`, { from: undefined, }); console.log(result.css);})();
@gregermendle
in case anyone wants to use geist
but not in next:
@font-face { src: url(/fonts/geist-sans/Geist-Thin.woff2) format("woff2"); font-weight: 100; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-UltraLight.woff2) format("woff2"); font-weight: 200; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-Light.woff2) format("woff2"); font-weight: 300; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-Regular.woff2) format("woff2"); font-weight: 400; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-Medium.woff2) format("woff2"); font-weight: 500; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-SemiBold.woff2) format("woff2"); font-weight: 600; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-Bold.woff2) format("woff2"); font-weight: 700; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-Black.woff2) format("woff2"); font-weight: 800; font-style: normal; font-family: "Geist"; font-display: swap;}@font-face { src: url(/fonts/geist-sans/Geist-UltraBlack.woff2) format("woff2"); font-weight: 900; font-style: normal; font-family: "Geist"; font-display: swap;}
@gregermendle
i made avatar service for my other project: https://riptar.gregermendle.com/
@nphach
halo worl
@gregermendle
I'm an enjoyer of this Behance: Astronauts™ Gaming+KV+UI+Prototype for NASA
@muru
https://docs.pmnd.rs/react-three-fiber/getting-started/examples some cool threejs examples
@gregermendle
im going to have to shut down rvsn. unfortunately server costs are at an all time high of $0.63. so long. doot doot doot dooo
@gregermendle
Huge fat list of emojis and their name: https://raw.githubusercontent.com/ahfarmer/emoji-search/master/src/emojiList.json WOWIE!