ipscend screenshot

[daviddias]

• ipscend screenshot - open a gallery of all published versions with screenshots - https://github.com/diasdavid/ipsurge-preview
• ipscend screenshot --gen - takes screenshot of all available hashes and add their hash to ipsurge.json versions
• make https://github.com/diasdavid/ipscend-screenshot-visualizer really fancy

Extra
- [ ] --gif to generate the gif of all the screenshots (<- killer feature!!! :D )
Seems that to generate gifs in a Node.js context, it requires access for libgif to be installed. However, the browser already has this built it, so moving this feature to https://github.com/diasdavid/ipsurge-preview

[daviddias]

update renamed preview to screenshot

[daviddias]

Looking for help in making the screenshot timeline preview look nice. An inspiration for it is making it have the same file of Apple's time machine:

Current:

Anyone is available to help? :)

[dignifiedquire]

I'll take a look what I can do :)

[dignifiedquire]

first draft

[RichardLitt]

Those aren't jellyfish.

No but seriously that looks awesome.

[daviddias]

Loooooks sweet! 😄

PS: cuttlefishes are more awesome than jellyfish :P

[daviddias]

@dignifiedquire did you had the chance to look at this again? Can't wait :):)

[jbenet]

that looks really good.

[jbenet]

where that = {@dignifiedquire's example, that cuttlefish}

[daviddias]

update
still WIP

[dignifiedquire]

@diasdavid link is not working for me :(

[jbenet]

mmm try ipfs

[daviddias]

I was on a train, dropbox was the only thing that would do continuous syncing (which reminds me...), should work now, also:

[jbenet]

nice!

[daviddias]

Found a timemachine.js library - https://github.com/stefanw/Canvas-Timemachine :D

[andresgutgon]

Working on CSS/JS version of @dignifiedquire mockup:

[daviddias]

@andresgutgon starting to look awesome!! :D

[jbenet]

wow this is very cool. i want to use it!

btw @diasdavid i think the ipscend data structure should use a commit object in ipfs-- something like ipfs/notes#23 -- OR alternatively, import the history from git itself (maybe tag the commits constituting a published version).

[daviddias]

@jbenet that would be pretty sweet! You have my full attention, can we chat today about roadmap to make versioning part of IPFS? :D

[andresgutgon]

Working demo:
https://ipfs.io/ipfs/QmTVZxZMT5Cx3157fHkv16FY8PHYSJfy2xDhLdXXntkimw/

Still super WIP. I need to:

1. Work on navigation UI (buttons for back/forward) versions
2. Connect with a real side (now are just images)
3. Move all code to a JS lib and make a class
4. Fix mouse will navigation.

The idea is to be able to move between versions with mouse wheel/trackpad, arrow keys and UI. Now it's only posible with arrow keys

[daviddias]

Awesomesauce! :D :D I love fade animation. Are you still using timemachine.js or created your own lib?

[andresgutgon]

Are you still using timemachine.js or created your own lib

It's just a bit of javascript and CSS :)

[andresgutgon]

Ok, I'm still working on it. I refactored the code into 2 files. ipscend-version-getter.js to make ipfs API call and timemachine.js that is managing UI logic to switch between versions.

Now is working with a real ipcsend site.

TODO

• Add UI buttons to move next and forward.
• Add a header to display ipfs logo like in @dignifiedquire mockup.

BTW. Someone can pass me an svg version of ipfs logo? Or do you have some kind of press page with corporative assets?

/cc @diasdavid @jbenet

[andresgutgon]

Also. Do a nice ipscend example to use as defaul :)

Maybe we could use https://ipfs.io/ home page to check evolution

[dignifiedquire]

@andresgutgon nice work :) logo assets can be found here: https://github.com/ipfs/logo

[andresgutgon]

Hi thanks @dignifiedquire . I don't see .svg format. I'm not a designer and only have Inkscape installed. Do you knwo where I can find .svg version?

[andresgutgon]

PR done: daviddias/ipscend-screenshot-visualizer#1

[dignifiedquire]

@andresgutgon sorry there doesn't exist a vector version at the moment, you will have to make due with png for now.
//cc @jbenet