.tc-tiddler-frame { padding: 0px 0px 0px 0px;} is another step towards
making a borderless image gallery. (Makes text tiddlers look terrible, of
course) There is still the top and bottom edges that have white space.David Gifford Mexico team leader, Mexico City *Resonate Global Mission* *Engaging People. Embracing Christ.* A Ministry of the Christian Reformed Church resonateglobalmission.org On Wed, Dec 27, 2017 at 4:05 PM, BurningTreeC <[email protected]> wrote: > Hi David, thanks a lot! Every comment helps > > 2. I could see using it as a photo gallery, but I would probaby try to >> find a way to reduce the side and bottom margins, and even hide the tiddler >> title area, so that the tiddlers are pure photos with an edit menu on hover. >> > this can easily be done with a stylesheet: > > .tc-tiddler-frame .tc-title, .tc-tiddler-frame .tc-subtitle, > .tc-tiddler-frame .tc-tiddler-title-icon { > display: none; > } > > ...hides title, subtitle and tiddler-title icon (if there is one) > > 4. I am not sure I understand what exactly is happening when I click the >> button in the 'create a bunch of image tiddlers' or how it might be used > > thats just for demonstrating purposes in this demo site. they are all > tiddlers where title, subtitle, tags and control buttons are hidden similar > to the example to hide title, subtitle and icon. > the button just creates new tiddlers with a filter that filters all system > images, applies a tag "sampletag" to each of them and opens them. > > in a stylesheet there is: > > .tc-tagged-sampletag .tc-tiddler-frame .tc-title, .tc-tagged-sampletag > .tc-tiddler-frame .tc-subtitle, .tc-tagged-sampletag .tc-tiddler-frame > .tc-tiddler-title-icon ... ... ... and so on { > display: none; > } > every tiddler with the tag "sampletag" then shows no title, subtitle, tag > ... they are just visually hidden. ".tc-tagged-" means: each tiddler with > the tag that comes after ".tc-tagged-" should have this style. > > This is just to have something to play with, to drag around, to be > inspired. And an idea for a usecase, like an image gallery. > > "this is so cool it needs to be showcased" > > this is actually a plugin called "TiddlyWikiFormula" that's being > developed these days and weeks and these are some examples he provides on > the plugin page http://evanbalster.com/tiddlywiki/formulas.html > I think it's a great piece of work and it offers so many possibilities I'm > getting a head-ache. It's not related with my little project. > > For example, I have no idea what I did to create this mess, which blocks >> my access to a good portion of the sidebar and looks chaotic > > This is a mess that's possible at the moment ... dragging worked better > before, until I began working on something that's not finished. I don't > like that, too and I'll fix it soon. > > Thanks for the idea with the Button for more/less columns! That's a > no-brainer and an instant plus. I'm gonna make one. > > thanks for your reply and help! > > best wishes, > Simon > > > Am Mittwoch, 27. Dezember 2017 19:29:10 UTC+1 schrieb David Gifford: >> >> Hi BurningTreeC >> >> 1. I could see using this myself as a format for sharing quotes and >> insights on a topic in a visually pleasing way. >> 2. I could see using it as a photo gallery, but I would probaby try to >> find a way to reduce the side and bottom margins, and even hide the tiddler >> title area, so that the tiddlers are pure photos with an edit menu on hover. >> 3. I could see the horizontal menu being great for presentations or >> tutorials, anything that is step-by-step or progressive in some way. >> 4. I am not sure I understand what exactly is happening when I click the >> button in the 'create a bunch of image tiddlers' or how it might be used. >> Are those in fact tiddlers of the images? Yet they have no titlebar or >> editing. And yet they can be dragged. Can you describe what is actually >> happening? And use case - would it be for opening a gallery of images with >> a given tag? >> 5. I don't know that I would use them myself, but the "this is so cool it >> needs to be showcased" effects are really neat. >> 6. I think I would probably also want a 'safe' version that is just >> scaffolding *without* the ability to drag or resize, for publishing >> materials for others. It can get disorienting for end users when things >> slide around and you wonder if you lost something. For example, I have no >> idea what I did to create this mess, which blocks my access to a good >> portion of the sidebar and looks chaotic. >> >> [image: Inline image 1] >> 7. Maybe a button or dropdown to toggle the number of columns would be >> nice, it that is a workable possibility? >> >> Anyway, this opens up some interesting possibilities. Thanks a bunch for >> all your work on this. >> >> David Gifford >> Mexico team leader, Mexico City >> >> *Resonate Global Mission* >> *Engaging People. Embracing Christ.* >> A Ministry of the Christian Reformed Church >> resonateglobalmission.org >> >> >> On Wed, Dec 27, 2017 at 12:03 PM, BurningTreeC <[email protected]> >> wrote: >> >>> Hi @Dave Gifford, >>> thank you! >>> do you find something useful about the whole concept? >>> >>> kind regards, >>> Simon >>> >>> Am Mittwoch, 27. Dezember 2017 15:02:51 UTC+1 schrieb Dave Gifford - >>> http://www.giffmex.org/: >>>> >>>> WOW a lot of great stuff in there! >>>> >>>> On Thursday, December 21, 2017 at 1:04:51 AM UTC-5, BurningTreeC wrote: >>>>> >>>>> Hello there, >>>>> >>>>> currently I'm working on a plugin that creates a drag&drop-enabled >>>>> storyview >>>>> >>>>> it's based on the muuri widget by https://ustuehler.github.io >>>>> /tw5-material/ which is based on https://github.com/haltu/muuri >>>>> >>>>> it also uses https://github.com/hammerjs/hammer.js and >>>>> https://github.com/Popmotion/popmotion for touch-actions/drag-actions >>>>> and pinch-to-zoom >>>>> >>>>> >>>>> >>>>> the code repository is on github: https://github.com/Bur >>>>> ningTreeC/TW5-muuri-touch >>>>> >>>>> >>>>> It's a *work in progress! * >>>>> >>>>> *And ... I'm very open to contributions, so don't hesitate to change, >>>>> add, comment!* >>>>> >>>>> A PREVIEW of the actual state is found on >>>>> http://muritest.tiddlyspot.com >>>>> >>>>> >>>>> what's missing? >>>>> >>>>> >>>>> - a stylesheet for mobile view wip >>>>> - buttons to set tiddler-widths by klicking (currently only by >>>>> pinch-zoom) - the button would only have to apply a class ( span-2 | >>>>> span-3 >>>>> | span-4 | span-6 | span-9 | span-12 ) to the tiddler-frame not >>>>> needed, use tw css >>>>> - a packed plugin >>>>> - a button to keep tiddlers on its position ... necessary? >>>>> - a different approach would be a second container on the >>>>> left/right that can hold tiddlers from the story river - simply by >>>>> moving >>>>> them from the river to the container - see here: >>>>> - https://codepen.io/niklasramo/pen/wJKMQz >>>>> >>>>> >>>>> >>>>> >>>>> - editing a tiddler should take place on tiddlers position (move >>>>> tiddler-draft to tiddler-grid-index inside muuri-widget / >>>>> muuri-storyview) >>>>> fixed >>>>> - fix "setData" error when dragging inside editor fixed >>>>> - error only occurs with codemirror editor >>>>> - default editor prevents dragging etc inside textareas >>>>> - question: how is that done? >>>>> - ... more to come >>>>> >>>>> >>>>> cheers, BurningTreeC >>>>> >>>> -- >>> You received this message because you are subscribed to a topic in the >>> Google Groups "TiddlyWiki" group. >>> To unsubscribe from this topic, visit https://groups.google.com/d/to >>> pic/tiddlywiki/DJjkZRGwwQw/unsubscribe. >>> To unsubscribe from this group and all its topics, send an email to >>> [email protected]. >>> To post to this group, send email to [email protected]. >>> Visit this group at https://groups.google.com/group/tiddlywiki. >>> To view this discussion on the web visit https://groups.google.com/d/ms >>> gid/tiddlywiki/7cddf7e4-1bdb-4081-bc93-7d675523c961%40googlegroups.com >>> <https://groups.google.com/d/msgid/tiddlywiki/7cddf7e4-1bdb-4081-bc93-7d675523c961%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> -- > You received this message because you are subscribed to a topic in the > Google Groups "TiddlyWiki" group. > To unsubscribe from this topic, visit https://groups.google.com/d/ > topic/tiddlywiki/DJjkZRGwwQw/unsubscribe. > To unsubscribe from this group and all its topics, send an email to > [email protected]. > To post to this group, send email to [email protected]. > Visit this group at https://groups.google.com/group/tiddlywiki. > To view this discussion on the web visit https://groups.google.com/d/ > msgid/tiddlywiki/1f5f5363-617d-4bff-ae52-f3f3665fcec2%40googlegroups.com > <https://groups.google.com/d/msgid/tiddlywiki/1f5f5363-617d-4bff-ae52-f3f3665fcec2%40googlegroups.com?utm_medium=email&utm_source=footer> > . > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "TiddlyWiki" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/tiddlywiki. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/CANE%3DBFJahJ_urS2vQyfhJamU4Ns8ZQ3395kjGXtH_kPKRkJD4A%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
