¡Abbie!
¡Abbie! boosted
candide.xyz
@candide@vis.social  ·  activity timestamp 3 weeks 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

Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
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...
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...
candide.xyz
@candide@vis.social  ·  activity timestamp 3 weeks 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

Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording of the digital colouring page example. The user is shown selecting a colour, then clicking on a blank area in the line drawing. The illustration is by Chi Nwosu, is part of Flyers For Falastin (used here with the artist's permission), and prints are available at www.littlegaze.com. The illustration features three people surrounded by foliage and watermelons. The text in the illustration reads, "Our liberation is bound together — Lila Watson & Aboriginal Activist Group".
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
Screen recording showing the pocket portal in action on a cellphone. A wi-fi info page is shown for the network "Come in, grab a seat". When the user goes to sign-in, the user is taken to the pocket portal's page, featuring the simple page example project.
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...
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...