GithubHelp home page GithubHelp logo

export as stand-alone site about strut HOT 12 CLOSED

eyerouge avatar eyerouge commented on July 30, 2024
export as stand-alone site

from strut.

Comments (12)

tantaman avatar tantaman commented on July 30, 2024

Yeah, I was hoping that you'd be able to click "Present" and then use the browser's "File -> Save As" to get a stand-alone site.

There are currently some issues with the initialization of Impress.js that are preventing this but once I figure those out you will be able to do what I described above.

I've also found a way to create a zip archive within the browser so that'll be an option too (until we start allowing videos to be added to a presentation...)

from strut.

jancborchardt avatar jancborchardt commented on July 30, 2024

A full export feature to put it up on your website is a great idea!

As soon as remoteStorage is in, there could be a publishing feature which enables you to put your presentation on strut.com/#[email protected]/awesomepresentation
Actually, since it’s all client-side, everyone could just put Strut on their own website, hardcode their remoteStorage in (if they so like) and use the publisher to put it on theirdomain.com/presentation

from strut.

tantaman avatar tantaman commented on July 30, 2024

So how does getting images out of someone's remote storage work? Can you only get them out as bas64 strings via javascript or is there some way to directly link to an image that is in someone's remoteStorage?

E.g.,

<img src="[email protected]/pictures/img1.png">

I'll use the extra time I have this week to integrate remoteStorage.

from strut.

jancborchardt avatar jancborchardt commented on July 30, 2024

Yes, there was actually a discussion on the mailing list about this. The relevant comment from @michielbdejong:
»I guess we should start to allow using photos in an tag directly, although currently we're not doing that yet. What's
necessary for that is a MIME type on the HTTP resource, and we're currently setting all MIME types to application/octet-stream (or probably not even setting them at all).«
(Michiel, maybe you have an update to that?)

So ideally you should be able to reference images in a fashion similar to what you described, I think it would be:

<img src="//storageprovider.com/person/pictures/bananaphone.png">

from strut.

michielbdejong avatar michielbdejong commented on July 30, 2024

yes, it's not implemented yet, but this is the slot we have reserved for it:

https://github.com/unhosted/remoteStorage.js/blob/v0.7/src/lib/baseClient.js#L83

will probably start respecting the 'mimeType' parameter within the
next 2 weeks or os.

On Sun, Jul 1, 2012 at 10:50 PM, Jan-Christoph Borchardt
[email protected]
wrote:

Yes, there was actually a discussion on the mailing list about this. The relevant comment from @michielbdejong:
»I guess we should start to allow using photos in an tag directly, although currently we're not doing that yet. What's
necessary for that is a MIME type on the HTTP resource, and we're currently setting all MIME types to application/octet-stream (or probably not even setting them at all).«
(Michiel, maybe you have an update to that?)

So ideally you should be able to reference images in a fashion similar to what you described, I think it would be:

<img src="//storageprovider.com/person/pictures/bananaphone.png">

Reply to this email directly or view it on GitHub:
#43 (comment)

from strut.

tantaman avatar tantaman commented on July 30, 2024

Note: currently you can just hit "preview" on your presentation and then use your browser's "Save page as" / "Save As" to export your presentation to a standalone page.

from strut.

benjaminsehl avatar benjaminsehl commented on July 30, 2024

I just want to make sure this is on a radar – & check that I'm on the same page as some of you.

While it's no problem for me to personally create separate files to have links to different presentations, the main benefit of Strut is that you don't need to know any code to be able to put together presentations.

The main need for the people I work with is to be able to create these presentations in Strut, and then hopefully save these from Strut, and immediately have a link to that presentation. I believe that's what @jancborchardt was talking about.

Is this in the pipeline / anticipated? If so – that would be amazing – if not, I'd love to know sooner rather than later.

Cheers.

from strut.

tantaman avatar tantaman commented on July 30, 2024

You are exactly right. The intent was to make an option to save a presentation to a user's remote storage which could then be linked to. I've been waiting for remote storage v0.7 before working on this, however.

How soon do you need something like this?

from strut.

benjaminsehl avatar benjaminsehl commented on July 30, 2024

Well ideally, I'm looking for a solution in the next week or two – though I understand the improbability of that.

Impressionist allows you to download the presentation as a ZIP – which isn't ideal, but is alright.
https://github.com/hsivaramx/Impressionist

I've only just come across both of these projects today, so haven't had a tonne of time to look into the source (not that I could be of tremendous help anyway) – but if exporting as a zip isn't as hard to implement as I imagine it to be, then consider this a +1 for that feature.

Thanks for all your hard work – very much appreciated.

from strut.

tantaman avatar tantaman commented on July 30, 2024

Go ahead and give this a try:
http://tantaman.github.com/Strut/web/index.html
(you may have to refresh once or twice)

there is a "zip presentation" option under the "Slideshow" menu.

Notes about the zip:

  • The zip will only include the html, css and javascript
  • Images are not bundled into the zip and are instead linked (e.g., <img src="url/to/image">)
  • The same goes for fonts and videos
  • This functionality hasn't been fully tested

Chrome restricts a page's access to the filesystem so if you are running Strut from your local filesystem Chrome won't let you create the zip. Firefox does not have this issue. There is a workaround to fix this in Chrome (--allow-file-access-from-files) which I can explain if it is important to you.

If you're planning on downloading/pulling this set of changes they currently only exist in the zip and gh-pages branches.

Hope that helps. Unfortunately this is all I have time for until Monday.

from strut.

benjaminsehl avatar benjaminsehl commented on July 30, 2024

Perfect. It was not showing up in Chrome 21.0.1180.82 beta – but is in the stable release (fyi). Thanks for the help – looking forward to the update with remoteStorage!

from strut.

zeigerpuppy avatar zeigerpuppy commented on July 30, 2024

I notice remote storage is not implemented yet. Really is an essential feature.
I got around this the other day by saving the .json and images to a WebDAV directory but it would be even better if Strut could save directly to WebDAV as a folder in a format that can be launched from that folder and also saves the .json.

This would then be easy to build into a presentation "menu" that just shows the folders.

At the moment it's quite difficult to go from one computer to another

from strut.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.