Decker

A multimedia sketchbook · By Internet Janitor

Add to collection

tool Community Devlog

Decker community

How do you embed a website into Decker?

A topic by Charnia created Feb 08, 2025 Views: 379 Replies: 4

Viewing posts 1 to 3

Charnia294 days ago (9 edits)

I've tried to embed a website using a .twee file:

:: StoryTitle 
Shell Form Finding (Embedded)   
 
:: StoryData 
{
    "ifid": "A5307562-60D5-4A4F-AA8F-28D73FF38A84",   
    "format": "Chapbook",   
    "format-version": "2.3.0",   
    "start": "Untitled Passage",   
    "zoom": 1 
}   
 
:: Untitled Passage {"position":"1000,300","size":"100,100"} 
<embed src="https://apps.amandaghassaei.com/ShellFormFinding/" style="width:1000px; height: 800px;">

But that doesn't seem to work. Also, I'm not much of a coder (I know the very basics of HTML), so I would like to avoid using Lil, if possible.

I would greatly appreciate it if anyone could tell me how to embed a website into Decker.

Millie Squilly294 days ago(+3)

Decker doesn't have the ability to access any external resources, like websites. It also can't parse or render HTML. So it's somewhat more limited than Twine in that regard.

In general, all you can do is have a link to a website, using like go["https://itch.io/"], which just prompts the user and then opens the website separately in the browser. You can probably do more stuff if you use the "Danger Zone" features, which can allow for doing stuff like running arbitrary javascript that can pull in whatever, but that's probably not a good option if you're not an experienced coder (and I'd tend to argue it goes against the spirit of doing things 'in Decker').

So I guess the short answer is that what you are trying to do isn't really possible. What are you trying to achieve by embedding a website in Decker?

Charnia294 days ago (1 edit)

I was trying to make a presentation about thin shell structures (as you can tell from the link in the .twee file ) and I hate using Google Slides and Canva + I like the aesthetic of Decker. However, I always liked going the full mile and I never liked outgoing links, so doing a presentation like this required me to embed websites for maximum interactivity and immersion.

Half of me was expecting that Decker couldn't access external resources. But being told that hit me like a truck. In the future, I hope that Decker gets that kind of functionality.

Sorry for the rant and thanks for the response!

Millie Squilly294 days ago(+2)

If you really do want to access external resources in Decker, then it is sort of possible, and you could look at The Forbidden Library for some examples, but with what you're doing there's also the problem of whatever you're accessing would need to be rendered in Decker - so like if it's a full blown interactive website you're trying to get to it's really only going to work as a separate link.

Ace293 days ago(+1)

… and I hate using Google Slides and Canva + I like the aesthetic of Decker.

It’s possible to copy Decker’s aesthetic in other presentation software. Given what you want to accomplish, I’d build everything in Decker (import images with the cool 1-bit black and white dithering, keep the pixel fonts, etc.) and screenshot the cards to import into the more robust software of your choosing.

Also, Millie mentioned about the Forbidden Library (Danger Zone). It’s for HTML decker projects only, but if you (or someone you know) is savvy with JavaScript, you could have buttons or cards within Decker launch iframes containing the desired websites positioned over the Decker project’s canvas. It would look like Decker was embedding the websites, but that’s outside the scope of Decker itself.