Lofty!
Lofty!
Explore posts from servers
KPCKevin Powell - CommunitySSolidJS
PostsComments
KPCKevin Powell - Community
Created by Lofty! on 10/1/2024 in #front-end
How do you makes "emoji as a letter" accessible?
I have some logo text that includes the word "💡dea" - what would be the best way to write this?
25 replies
KPCKevin Powell - Community
Created by Lofty! on 9/14/2024 in #front-end
How do I use matchMedia in svelte?
I have a svelte component here. I plan on making the menu open up whenever I scroll to the top. However, I don't want this listener to work when the window is like.. x pixels or less. In vanilla JS, I would use window.matchMedia, and attach a listener to it, checking when it changes, toggling the menu and removing the listener. What would be the svelte-y way to do so?
8 replies
KPCKevin Powell - Community
Created by Lofty! on 8/10/2023 in #front-end
Follow up on a hamburger animation
I wanted this humburger to start wobbling and walk out of the acreen on click. How would I.. animate it to be so? I've a small mockup of the wobble animation, but a tad bit confused on how to bring it together. https://codepen.io/lofty-brambles/pen/JjeqyPj
3 replies
KPCKevin Powell - Community
Created by Lofty! on 8/9/2023 in #front-end
How to cause transition to happen from the center instead of top left?
The eyeballs come into existence from the corners respectively, how would I make them pop out from the center? CODEPEN: https://codepen.io/lofty-brambles/pen/JjeqyPj
5 replies
KPCKevin Powell - Community
Created by Lofty! on 8/8/2023 in #front-end
Eyeball transition effect
How would I go about creating a transition for the hover effect of the eyeball here? https://codepen.io/lofty-brambles/pen/gOQyEaP
1 replies
KPCKevin Powell - Community
Created by Lofty! on 6/28/2023 in #front-end
Typecasting CJS "module"
How would you typecast the requireFromString function in this StackOverflow answer? https://stackoverflow.com/questions/17581830
1 replies
KPCKevin Powell - Community
Created by Lofty! on 5/2/2023 in #os-and-tools
What kinda perms does a github action need to commit to a repo?
^
1 replies
KPCKevin Powell - Community
Created by Lofty! on 4/15/2023 in #front-end
TsParticles, Astro and Svelte
I'm trying to use tsparticles within a svelte component, but even with a client:load, it doesn't work? I must be missing something. I've tried ts-particles astro, but it doesn't seem to work. Are there any examples? Here's the current repository. https://github.com/Lofty-Brambles/alpha_esports/tree/main/src Component is in components/svelte/Particles.svelte and is being displayed in pages/base.astro
3 replies
KPCKevin Powell - Community
Created by Lofty! on 4/13/2023 in #front-end
How to recreate this background effect?
I'm stuck trying to recreate this, but I've not progressed with anything. It responds to mousemove and the lines move away from the mouse.
5 replies
KPCKevin Powell - Community
Created by Lofty! on 3/31/2023 in #back-end
A general curriculum-path thing for Golang
Sharing a note I made to help learn go for the web. Looking for some feedback, especially at the end.
19 replies
KPCKevin Powell - Community
Created by Lofty! on 3/2/2023 in #os-and-tools
Regex for the -name argument in `find`
I am once again here for your bash support How do I recursively select all the files that end with .zsh but not (*install.zsh|*completion.zsh|*.symlink)?
2 replies
KPCKevin Powell - Community
Created by Lofty! on 2/25/2023 in #os-and-tools
Deciphering a bash line
What does this if condition mean? if [ -f "$dst" -o -d "$dst" -o -L "$dst" ]; then
4 replies
KPCKevin Powell - Community
Created by Lofty! on 2/12/2023 in #resources
Bash reference page
https://www.gnu.org/savannah-checkouts/gnu/bash/manual/bash.html for quick referencing
4 replies
KPCKevin Powell - Community
Created by Lofty! on 2/1/2023 in #front-end
Colour selector idea
5 replies
KPCKevin Powell - Community
Created by Lofty! on 1/18/2023 in #front-end
Blob like hover animation
The vercel dashboard (https://vercel.com/dashboard) has this nice hover animation on the navbar. How would I go about recreating that effect, keeping it accessible too? (Nextjs, so it's stuff is all garbled up and bundled)
10 replies
KPCKevin Powell - Community
Created by Lofty! on 1/16/2023 in #resources
NPM Package publishing setup done right... well, it saves you time.
https://youtu.be/eh89VE3Mk5g
2 replies
KPCKevin Powell - Community
Created by Lofty! on 1/10/2023 in #front-end
Adding assistive links to Headings
In a general content based website, I, for one, usually, find it handy to have an anchor to the heading tags, and to get a link to it easily. What's the best element structure for this, that's both accessible and handy for an user? Some refernces:
2 replies
KPCKevin Powell - Community
Created by Lofty! on 1/3/2023 in #back-end
How does `extends` work?
I have a CommandLoader class extended over DynamicLoader. But any property defined on the DynamicLoader class uses it's this. So the load method fails? this is confusing. https://github.com/Lofty-Brambles/ilviwyn-mail/blob/main/core/services/command-loader.ts
1 replies
KPCKevin Powell - Community
Created by Lofty! on 12/2/2022 in #back-end
SyntaxError Octal escape sequences are not allowed in strict mode.
I have a path to a file system, but when I use ts-node, it throws an error. How should I rewrite this so that I can get the file to work? Relevant Potion of code: 
const DATAPATH = "C:\path\to\repo\advent-of-code\2022\01\data.txt";

const data = readFileSync(DATAPATH, "utf-8");
const DATAPATH = "C:\path\to\repo\advent-of-code\2022\01\data.txt";

const data = readFileSync(DATAPATH, "utf-8");
Error: 
> ts-node ./lib/main.ts exec "-d" "2022-1"

C:\path\to\repo\advent-of-code\2022\01\runner.ts:10
const DATAPATH = `${"C:\path\to\repo\advent-of-code\2022\01\data.txt"}`;
                                                         ^

SyntaxError: Octal escape sequences are not allowed in strict mode.
> ts-node ./lib/main.ts exec "-d" "2022-1"

C:\path\to\repo\advent-of-code\2022\01\runner.ts:10
const DATAPATH = `${"C:\path\to\repo\advent-of-code\2022\01\data.txt"}`;
                                                         ^

SyntaxError: Octal escape sequences are not allowed in strict mode.
10 replies