#Tag · bonfire.cafe

I wish I knew about this when I was giving my #PocketPortal workshops: WobbleWeb / wwwobble, an open-source drag-and-drop visual site editor by @ojack.

https://wwwobble.org/

You can also export the static site to host it on Codeberg or the host of your choice.

#wwwobble #WobbleWeb #CandideFindings #staticsitegenerator #staticwebsite #staticwebgenerator #staticweb #HTML #FOSS

candide.xyz

@candide@vis.social · 4 weeks ago

I wish I knew about this when I was giving my #PocketPortal workshops: WobbleWeb / wwwobble, an open-source drag-and-drop visual site editor by @ojack.

https://wwwobble.org/

You can also export the static site to host it on Codeberg or the host of your choice.

#wwwobble #WobbleWeb #CandideFindings #staticsitegenerator #staticwebsite #staticwebgenerator #staticweb #HTML #FOSS

¡Abbie! boosted

candide.xyz

@candide@vis.social · 2 years ago

Today, I gave the very first #PocketPortal workshop to 30+ people at the Open Hardware Summit @oshwassociation, based on/remixed from the @iffybooks's zine. 🎉

It was my first time building a zine, first time giving this workshop, and first time making kits of this kind.

Couldn't have asked for a more gracious and engaged crowd! ❤️ Kudos to Sid and Lee of the #OHS2024 team, to Hillary, the volunteer who quite literally saved this workshop, and to everyone else involved in the Summit.

Picture of my hand holding the first print of the "Pocket Portal Power Play" zine. I'm standing outside, on a random sidewalk in Tiohtià:ke/Montréal, walking back from the print store where I feverishly sliced and stapled 20 zines for participants.

¡Abbie! boosted

candide.xyz

@candide@vis.social · 7 months ago

On Sunday, I delivered the PocketPortal workshop again: this time, at InterAccess in Toronto for Vector Fest! (thank you, Tiffany!) 🎉

A second workshop = a second version of the zine = two new example projects to remix = testing out the WEMOS D1 mini v2

I'm so happy I got the chance to improve the workshop, and achieve some of the things I didn't have time to do the first time around (like a slide deck and more example projects).

#PocketPortal #InterAccess #Toronto #VectorFest #VectorFestival

3 media

Photo of me holding version 2 of the Pocket Portal zine. In the background, you see a WEMOS D1 Mini Pro (v2) connected to a laptop on a red table. The photo was taken during the workshop, at InterAccess.

Photo of me holding the Vector Fest programme. The page outlines exhibitions, workshops, and events as part of the festival, along with descriptions of InterAccess and Vector Festival. This photo was taken at the Vector Fest opening party.

Screenshot of the git commit that explains all the changes I've made to the zine for v2.

It reads:

🎉 Pocket Portal zine v2

New workshop = Updated zine! Here's a summary of changes:
- [x] Fixed the cover (sooooo, who was gonna tell me that the original cover said "play" twice??? 👀😂)
- [x] Changed "text editor" to "source-code editor", not text editor thanks to Wikipedia (even though a source-code editor is a type of text editor)
- [x] Only mention VS Codium, no VS Code (because that's really only what I use)
- [x] Mention device limit
- [x] Replace singular graphics with cover image in the image folder
- [x] Swap out dark mode screenshots for high contrast light mode (to save ink)
- [x] Add missing images to image folder
- [x] Add alt text to images
- [x] Remove https:// when writing out of links
- [x] Digital version: have the page numbers stay to the right
- [x] Fix the sizing of the quarter zine print (it was off by like 0.01 cm or something lol) — Screenshot of the git commit that explains all the changes I've made to the zine for v2. It reads: 🎉 Pocket Portal zine v2 New workshop = Updated zine! Here's a summary of changes: - [x] Fixed the cover (sooooo, who was gonna tell me that the original cover said "play" twice??? 👀😂) - [x] Changed "text editor" to "source-code editor", not text editor thanks to Wikipedia (even though a source-code editor is a type of text editor) - [x] Only mention VS Codium, no VS Code (because that's really only what I use) - [x] Mention device limit - [x] Replace singular graphics with cover image in the image folder - [x] Swap out dark mode screenshots for high contrast light mode (to save ink) - [x] Add missing images to image folder - [x] Add alt text to images - [x] Remove https:// when writing out of links - [x] Digital version: have the page numbers stay to the right - [x] Fix the sizing of the quarter zine print (it was off by like 0.01 cm or something lol)

¡Abbie! boosted

candide.xyz

@candide@vis.social · 7 months ago

Here are links to try out live demos of the #PocketPortal example projects:

Simple page: https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html

Digital colouring page: https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html

Music player (NEW): https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html

ELIZA-inspired chatbot (NEW): https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html

Code: https://github.com/pocket-portal/code/tree/main

#HTML #CSS #frontend #webdev #esp8266 #wifi

4 media

Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown.

Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now... — Screenshot of the music player example project. The page showcases snippets of Creative Commons music purchased from Bandcamp, with the song title, artist and audio player shown. Unfortunately, I couldn't manage to get a proper playlist Javascript library working with the captive portal, so audio on a page will have to do for now...

Photo of the Elizabot captive portal example project displayed on a phone. The phone is held above a potted succulent.

candide.xyz

@candide@vis.social · 7 months ago

Here are links to try out live demos of the #PocketPortal example projects:

Simple page: https://pocket-portal.github.io/code/Example%20Projects/2-Pocket_Portal--Simple_Page/data/index.html

Digital colouring page: https://pocket-portal.github.io/code/Example%20Projects/3-Pocket_Portal--Colouring_Page/data/index.html

Music player (NEW): https://pocket-portal.github.io/code/Example%20Projects/4-Pocket_Portal--Music_Player/data/index.html

ELIZA-inspired chatbot (NEW): https://pocket-portal.github.io/code/Example%20Projects/5-Pocket_Portal--Eliza_Chatbot/data/index.html

Code: https://github.com/pocket-portal/code/tree/main

#HTML #CSS #frontend #webdev #esp8266 #wifi

4 media

candide.xyz

@candide@vis.social · 7 months ago

On Sunday, I delivered the PocketPortal workshop again: this time, at InterAccess in Toronto for Vector Fest! (thank you, Tiffany!) 🎉

A second workshop = a second version of the zine = two new example projects to remix = testing out the WEMOS D1 mini v2

I'm so happy I got the chance to improve the workshop, and achieve some of the things I didn't have time to do the first time around (like a slide deck and more example projects).

#PocketPortal #InterAccess #Toronto #VectorFest #VectorFestival

3 media