Fosstodon

nonlinearI merged both root side (just one page) with cards (hidden, no links)<a href="https://nonlinear.nyc" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc</a>But now I know I’m not using <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> as project name, só I need a new hashtag for my creative code announcements.

nonlinearI decided to simply move my <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> project as my main site, <a href="https://nonlinear.nyc" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc</a>I can keep each project as root, without a main menu, so they’re self-contained. And all I have on my site now is my main page, with a list of external sites, anyway. In a sense I’m just getting rid of navigation. If you know the link, you know.

nonlinear<a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> my illustration page looks good.<a href="https://nonlinear.nyc/card/dudes/" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc/card/dudes/</a>Next: - animation in and out (with IntersectionObserver) - maybe an infinite scroll with loop of images - fix credits modal

nonlinear<a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> I flushed my illustration gallery from instagram and I'm slowly building a new home for them.<a href="https://nonlinear.nyc/card/sketches-1/" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc/card/sketches-1/</a>there's a lot to test still, mobile, and such. plus webp configs (webp seems to be like a middle ground between gif and video), but once done, I can curate let's say 6 to 10 new illos and publish quickly.I do need a portfolio.(if you hover on image, it shows animation. theoretically)

JADe (he, him)Dolce vita, 2024 <a href="https://mastodon.cr/tags/viernesdememes" class="mention hashtag" rel="nofollow noopener" target="_blank">#viernesdememes</a> <a href="https://mastodon.cr/tags/memercredi" class="mention hashtag" rel="nofollow noopener" target="_blank">#memercredi</a> <a href="https://mastodon.cr/tags/humour" class="mention hashtag" rel="nofollow noopener" target="_blank">#humour</a> <a href="https://mastodon.cr/tags/humorous" class="mention hashtag" rel="nofollow noopener" target="_blank">#humorous</a> <a href="https://mastodon.cr/tags/funny" class="mention hashtag" rel="nofollow noopener" target="_blank">#funny</a> <a href="https://mastodon.cr/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> <a href="https://mastodon.cr/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> <a href="https://mastodon.cr/tags/sculpture" class="mention hashtag" rel="nofollow noopener" target="_blank">#sculpture</a> <a href="https://mastodon.cr/tags/arte" class="mention hashtag" rel="nofollow noopener" target="_blank">#arte</a> Credits in alt-txt

nonlinearsome progress on <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> project...although each post is self-contained, they need a "credits" modal.disregard design now, but if you click on 🛎️, top-right, it opens a modal with: - title, description (with markdown) - relative date - reference links (if any) - QR code - share button (if device allows for it)<a href="https://nonlinear.nyc/card/documentation/" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc/card/documentation/</a>

Rafael Salazar 👨‍🎨🌀Choreography of Lines - a sculpted symphony of movement captured in space. When stillness dances, and form becomes breath. <a href="https://rafaelsalazar.com/featured/choreography-of-lines-rafael-salazar.html" rel="nofollow noopener" translate="no" target="_blank">https://rafaelsalazar.com/featured/choreography-of-lines-rafael-salazar.html</a><a href="https://mastodon.world/tags/BuyIntoArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#BuyIntoArt</a> <a href="https://mastodon.world/tags/art" class="mention hashtag" rel="nofollow noopener" target="_blank">#art</a> <a href="https://mastodon.world/tags/artmatters" class="mention hashtag" rel="nofollow noopener" target="_blank">#artmatters</a> <a href="https://mastodon.world/tags/fediverse" class="mention hashtag" rel="nofollow noopener" target="_blank">#fediverse</a> <a href="https://mastodon.world/tags/fediart" class="mention hashtag" rel="nofollow noopener" target="_blank">#fediart</a> <a href="https://mastodon.world/tags/mastodon" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastodon</a> <a href="https://mastodon.world/tags/mastoart" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastoart</a> <a href="https://mastodon.world/tags/fedigiftshop" class="mention hashtag" rel="nofollow noopener" target="_blank">#fedigiftshop</a> <a href="https://mastodon.world/tags/artist" class="mention hashtag" rel="nofollow noopener" target="_blank">#artist</a> <a href="https://mastodon.world/tags/mastoartist" class="mention hashtag" rel="nofollow noopener" target="_blank">#mastoartist</a> <a href="https://mastodon.world/tags/fineart" class="mention hashtag" rel="nofollow noopener" target="_blank">#fineart</a> <a href="https://mastodon.world/tags/fineartamerica" class="mention hashtag" rel="nofollow noopener" target="_blank">#fineartamerica</a> <a href="https://mastodon.world/tags/flipboard_user_group" class="mention hashtag" rel="nofollow noopener" target="_blank">#flipboard_user_group</a> <a href="https://mastodon.world/tags/flipboard" class="mention hashtag" rel="nofollow noopener" target="_blank">#flipboard</a> <a href="https://mastodon.world/tags/abstract" class="mention hashtag" rel="nofollow noopener" target="_blank">#abstract</a> <a href="https://mastodon.world/tags/abstractart" class="mention hashtag" rel="nofollow noopener" target="_blank">#abstractart</a> <a href="https://mastodon.world/tags/RafaelSalazar" class="mention hashtag" rel="nofollow noopener" target="_blank">#RafaelSalazar</a> <a href="https://mastodon.world/tags/WireSculpture" class="mention hashtag" rel="nofollow noopener" target="_blank">#WireSculpture</a> <a href="https://mastodon.world/tags/ModernArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#ModernArt</a> <a href="https://mastodon.world/tags/SpatialElegance" class="mention hashtag" rel="nofollow noopener" target="_blank">#SpatialElegance</a> <a href="https://mastodon.world/tags/AbstractMovement" class="mention hashtag" rel="nofollow noopener" target="_blank">#AbstractMovement</a> <a href="https://mastodon.world/tags/LineAndForm" class="mention hashtag" rel="nofollow noopener" target="_blank">#LineAndForm</a> <a href="https://mastodon.world/tags/sculpture" class="mention hashtag" rel="nofollow noopener" target="_blank">#sculpture</a> <a href="https://mastodon.world/tags/wire" class="mention hashtag" rel="nofollow noopener" target="_blank">#wire</a> <a href="https://mastodon.world/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> motion; <a href="https://mastodon.world/tags/Minimalism" class="mention hashtag" rel="nofollow noopener" target="_blank">#Minimalism</a> <a href="https://mastodon.world/tags/lineart" class="mention hashtag" rel="nofollow noopener" target="_blank">#lineart</a> <a href="https://mastodon.world/tags/spatial" class="mention hashtag" rel="nofollow noopener" target="_blank">#spatial</a>

nonlinearnext step: creating a master "credits" function, so under any <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> poster (they're all self-contained) I can add a lot of info about it (mostly repopulating what's on frontmatter, plus sharing functions)also, a frontmatter for fonts. I need to recreate my font library.and a QR code generator (it *is* a way to share)

nonlinearregarding my <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> creative code exercise... I created a new repository (for now "card" but I'm considering using a main domain for it, I jsut dunno the name for now)<a href="http://github.com/nonlinear/card/" rel="nofollow noopener" translate="no" target="_blank">http://github.com/nonlinear/card/</a>then I played with generalizing a cordons demo under Hugo, with frontmatter.<a href="https://nonlinear.nyc/card/3dcarousel/" rel="nofollow noopener" translate="no" target="_blank">https://nonlinear.nyc/card/3dcarousel/</a> <a href="https://github.com/nonlinear/card/blob/main/content/3DCarousel.html" rel="nofollow noopener" translate="no" target="_blank">https://github.com/nonlinear/card/blob/main/content/3DCarousel.html</a>original <a href="https://tympanus.net/Development/3DCarousel/" rel="nofollow noopener" translate="no" target="_blank">https://tympanus.net/Development/3DCarousel/</a>

nonlinearA real-time js dithering shader<a href="https://tympanus.net/codrops/2025/06/04/building-a-real-time-dithering-shader/" rel="nofollow noopener" translate="no" target="_blank">https://tympanus.net/codrops/2025/06/04/building-a-real-time-dithering-shader/</a>I’m returning to creative coding and adding interesting projects to play as <a href="https://social.praxis.nyc/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> tag. That’s because the goal is to design kinetic posters)

Wally HackenslackerA <a href="https://pixelfed.social/discover/tags/kinetic?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> sculpture. <a href="https://pixelfed.social/discover/tags/darktable?src=hash" class="u-url hashtag" rel="nofollow noopener" target="_blank">#darktable</a>

Mads KjeldgaardSketch for a kinetic sound sculpture made @soundartlab_dk using found materials around Struer: A bin (cut up and used as an arm), sheets of rock found at the local beach, scrap metals and a cymbal. Thanks to Sound Art Lab.<a href="https://sonomu.club/tags/supercollider" class="mention hashtag" rel="nofollow noopener" target="_blank">#supercollider</a> <a href="https://sonomu.club/tags/raspberrypi" class="mention hashtag" rel="nofollow noopener" target="_blank">#raspberrypi</a> <a href="https://sonomu.club/tags/arduino" class="mention hashtag" rel="nofollow noopener" target="_blank">#arduino</a> <a href="https://sonomu.club/tags/kinetic" class="mention hashtag" rel="nofollow noopener" target="_blank">#kinetic</a> <a href="https://sonomu.club/tags/soundart" class="mention hashtag" rel="nofollow noopener" target="_blank">#soundart</a> <a href="https://sonomu.club/tags/soundsculpture" class="mention hashtag" rel="nofollow noopener" target="_blank">#soundsculpture</a> <a href="https://sonomu.club/tags/kineticsculpture" class="mention hashtag" rel="nofollow noopener" target="_blank">#kineticsculpture</a> <a href="https://sonomu.club/tags/struer" class="mention hashtag" rel="nofollow noopener" target="_blank">#struer</a>

Peter BarnesCormorants in the early morning sun at Woorim <a class="hashtag" href="https://bsky.app/search?q=%23birds" rel="nofollow noopener" target="_blank">#birds</a> (nearly 13k!) <a class="hashtag" href="https://bsky.app/search?q=%23Sunlight" rel="nofollow noopener" target="_blank">#Sunlight</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a> <a class="hashtag" href="https://bsky.app/search?q=%23BlueSkyArtShow" rel="nofollow noopener" target="_blank">#BlueSkyArtShow</a>

Peter BarnesSunshine Beach, blue, green, and white Dogwalking miscellany <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23beach" rel="nofollow noopener" target="_blank">#beach</a> <a class="hashtag" href="https://bsky.app/search?q=%23surf" rel="nofollow noopener" target="_blank">#surf</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Peter BarnesRiverfire, Brisbane <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23scape" rel="nofollow noopener" target="_blank">#scape</a> <a class="hashtag" href="https://bsky.app/search?q=%23cityscape" rel="nofollow noopener" target="_blank">#cityscape</a> <a class="hashtag" href="https://bsky.app/search?q=%23fireworks" rel="nofollow noopener" target="_blank">#fireworks</a> <a class="hashtag" href="https://bsky.app/search?q=%23riverfire" rel="nofollow noopener" target="_blank">#riverfire</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Peter BarnesLittle corella about to alight (Cacatua sanguinea, Fogg Dam) <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23birds" rel="nofollow noopener" target="_blank">#birds</a> <a class="hashtag" href="https://bsky.app/search?q=%23BIF" rel="nofollow noopener" target="_blank">#BIF</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Peter BarnesEarth, wind & fire Wind painting 33 You have to click in... No ICM—still background—but sunlight on wet gum leaves tossed & fluttering in the wind leave hundreds of glittering sinusoidal fire trails ❤️ Double <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23scape" rel="nofollow noopener" target="_blank">#scape</a> <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23Treescape" rel="nofollow noopener" target="_blank">#Treescape</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a>

Peter BarnesRainbow bee-eater, about to take a bath (Merops ornatus, Ngurrungurrudjba, Kakadu) <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23birds" rel="nofollow noopener" target="_blank">#birds</a> <a class="hashtag" href="https://bsky.app/search?q=%23BIF" rel="nofollow noopener" target="_blank">#BIF</a> <a class="hashtag" href="https://bsky.app/search?q=%23bathing" rel="nofollow noopener" target="_blank">#bathing</a> <a class="hashtag" href="https://bsky.app/search?q=%23diving" rel="nofollow noopener" target="_blank">#diving</a> <a class="hashtag" href="https://bsky.app/search?q=%23BeeEater" rel="nofollow noopener" target="_blank">#BeeEater</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Peter BarnesThere is a season... <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23birds" rel="nofollow noopener" target="_blank">#birds</a> <a class="hashtag" href="https://bsky.app/search?q=%23tern" rel="nofollow noopener" target="_blank">#tern</a> <a class="hashtag" href="https://bsky.app/search?q=%23BIF" rel="nofollow noopener" target="_blank">#BIF</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23Kinetic" rel="nofollow noopener" target="_blank">#Kinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Peter BarnesChaotic yet beautiful, <a class="hashtag" href="https://bsky.app/search?q=%23kinetic" rel="nofollow noopener" target="_blank">#kinetic</a> white sculptures gone in an instant The random, dancing white shapes of froth and foam, frozen in time as the wave boils and tumbles in to shore <a class="hashtag" href="https://bsky.app/search?q=%23photography" rel="nofollow noopener" target="_blank">#photography</a> <a class="hashtag" href="https://bsky.app/search?q=%23surf" rel="nofollow noopener" target="_blank">#surf</a> <a class="hashtag" href="https://bsky.app/search?q=%23patterns" rel="nofollow noopener" target="_blank">#patterns</a> <a class="hashtag" href="https://bsky.app/search?q=%23ClassicMono" rel="nofollow noopener" target="_blank">#ClassicMono</a> <a class="hashtag" href="https://bsky.app/search?q=%23AlphabetChallenge" rel="nofollow noopener" target="_blank">#AlphabetChallenge</a> <a class="hashtag" href="https://bsky.app/search?q=%23WeekKForKinetic" rel="nofollow noopener" target="_blank">#WeekKForKinetic</a> <a class="hashtag" href="https://bsky.app/search?q=%23EastCoastKin" rel="nofollow noopener" target="_blank">#EastCoastKin</a> <a class="hashtag" href="https://bsky.app/search?q=%23PhotographersUnited" rel="nofollow noopener" target="_blank">#PhotographersUnited</a>

Recent searches

Search options

Administered by:

Server stats:

#kinetic