Neocities

pxhc

2 months ago

I'm trying to manipulate the screenjesus without JS but I couldn't find the script on the repo (only a PhantomJS). I seem to be missing the timing. Does anyone know the actual script?

6 likes

pxhc 2 months ago

nevermind, I decided to do something more complicated

4 likes

aznet 2 months ago

you can pull the js from my index next time you need it

1 like

pxhc 2 months ago

I wanted to see the original script to get the timing right to manipulate it without a script (just making an image appear on the screen throught css) but then I realized the screenshot is taken at 1280x960 so I just had to add to style @media (width: 1280px) and (height: 960px) { } to control it, no one is ever going to have that viewport anyway unless they are on fullscreen on that resolution

pxhc 2 months ago

the "more complicated" thing was an animated ASCII splash screen hehe (but it didn't look good in the 4:3 screenshot, so I used that other solution I mentioned)

pxhc updated their site.

2 months ago

index

13 likes

exam1ner updated their site.

2 months ago

status

resources-937131

microblog

pxhc updated their site.

2 months ago

index

16 likes

pxhc 2 months ago

too many types colorblindness, fuck it, background color contrast now has 4 hue-rotate states (default, 270º, 180º, 90º)

1 like

reaperman pxhc

2 months ago

ty for the follow!! :3 this is awesome

1 like

channelonion pxhc

2 months ago

ty for the follow, love the ascii style.

3 likes

pxhc

2 months ago

learning how to customize tabindex navigation for people with motor disabilities, but the chatbox iframe seems inescapable :S

12 likes

brachypelmide 2 months ago

iframes are hell in general. i wish you luck soldier (would setting the iframe's tabindex to -1 also get all the content inside of the iframe out of the tabindex? it would disable the chat accessibility wise but it might clear up the tabindex)

2 likes

pxhc updated their site.

2 months ago

index

18 likes

pxhc 2 months ago

added a cheat button for the ascii hunt

2 likes

pixelglade pxhc

2 months ago

Thanks for following. I was having trouble navigating on your site so opened the page source and mostly got pages and pages of ASCII art which was much more horrifying reading in source, it felt like it was coming out of the code at me. So that was an impressive bit of techno horror. But the reason I was looking is I couldn't exactly pinpoint how your navigation bar works. It looks like labels not links (a href) tags

2 likes

pixelglade 2 months ago

You wrote you're still learning CSS but it looks like you've done a lot with CSS selectors and filters, so I wondered why you chose to use hidden radio buttons for navigation links instead, unless you're just continuing the techno horror glitch aesthetic... well, it's working in that sense... but it makes it really difficult to navigate

1 like

pxhc 2 months ago

Hi, thank you for your message! I wanted to make a page just to practice/learn better CSS. I read about checkbox and radio inputs and decided to make it a single page instead of using iframes (just because it's more complicated to do it, and it sounded cool to have the whole site in a single file), but I don't really have much to put on it (I didn't want to repeat my other sites)

pxhc 2 months ago

so navigation is really just Notes, Links and the optional color switches (my original design), the rest is stuff I added later to play around and I consider more as "exploration", like click around you may find more color options, reveal hidden text, or display other ASCII art, I wanted them hidden, like someone got curious about the flashing text or blinking stars and clicked on it and discovered what it reveals

pxhc 2 months ago

a bunch of silly little secrets and easteregg hunts hehe, I really liked your "techno horror glitch aesthetic" description!

1 like

pxhc 2 months ago

ah, about how it works, the stuff on the main section and the sidebar are all there but with display none, the radio buttons change it to display flex, and the stars have opacity 0 and the radio buttons play an animation that changes their opacity for a few secs, so all the elements are there on the page the whole time, they are just not visible

pixelglade 2 months ago

Thanks for explaining! I didn't even think to check the URL bar, so yeah I can see now it's all on one page.

1 like

irony-machine 2 months ago

that ascii art in the source code rules

1 like

pxhc 2 months ago

:D (it's not just on the code though, I just added a button to help finding them on the page)

pxhc updated their site.

2 months ago

index

17 likes

pxhc 2 months ago

no new stuff, just testing mobile version

2 likes

ichomancer 2 months ago

Mobile updates always frighten me.. Good luck!

3 likes

pxhc 2 months ago

I just cut all the content that would be too troublesome to adapt and inserted a note that the site is incomplete on mobile :P (but as I was going to add the dyslexia assist mode to mobile, I decided to also add the three main color switches)

2 likes

barracudachan 2 months ago

Mine just blocks mobile users alltogether lol

2 likes

exam1ner updated their site.

2 months ago

resources-937131

microblog

status

jackofall pxhc

2 months ago

Thanks for the follow! The aesthetic of your site being made almost entirely through ASCII art is super cool, and the whole mechanic of the hidden text really adds a lot to the meanings of your notes. Awesome work!

2 likes

pxhc 2 months ago

thanks :)

1 like

pxhc updated their site.

2 months ago

index

17 likes

disturb-the-premise pxhc

2 months ago

your finding of my page has led me to discover yours and by whatever chance that was, i am so glad! your hidden text is very cool and i really appreciate the color/text spacing buttons :]

1 like

exam1ner updated their site.

2 months ago

resources-937131

status

digital

microblog

pxhc

2 months ago

if you figured out how to unlock it (on my site), how annoying is the chromatic aberration for readability?

11 likes

pxhc 2 months ago

ps: the dyslexia assist turns it off without hiding the extra content.

tevito 2 months ago

is it the same thing that triggers the 'you are the first here' etc. messages? (it's very cool btw!!) it doesn't affect readability at all for me

2 likes

ichomancer 2 months ago

I think it looks wicked

2 likes

my-cat-died 2 months ago

its fine for readbility

2 likes

pxhc 2 months ago

thanks for the feedback! After I made this post I had already reduced the effect a lot, I was feeling a bit drunk looking at it, but I guess it's fine now :)

pxhc updated their site.

2 months ago

index

14 likes

exam1ner updated their site.

2 months ago