Greg
@gregermendle
Hey! I'm Greg.
I too have a folder of unfinished projects.
rvsn prev PIN, dispense, twitter
@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 :)
@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/
@gregermendle
I'm an enjoyer of this Behance: Astronautsβ’ Gaming+KV+UI+Prototype for NASA
@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!
@gregermendle
@gregermendle
search for a specific persons posts by adding user:username
. also youtube video embedding :)))
@gregermendle
default profile pics will be banned, thank you for understanding
@gregermendle
Keyboard shortcuts are a great way to navigate your developer environment quickly and efficiently. Google Chrome has a number of shortcuts that I've learned over the years while working on front-end. Here are a few I use daily:
Focus the location bar:
π Command + Lπ Ctrl + L
Open developer console:
π Command + Option + Jπ Ctrl + Shift + J
With developer tools open:
Open Command Menu: you can take full page screenshots with the command menu
π Command + Shift+ Pπ Ctrl + Shift + P
Search for Source Files:
π Command + Pπ Ctrl + P
File Search:
π Command + Shift+ Fπ Ctrl + Shift + F
omg...
yea thanks
@gregermendle
wawa gobbler
@gregermendle
the latest gas https://remix-mailer.gregermendle.com
:remix-mailer: