[tw5] Re: Hiding the TiddlyWiki interface: sneaky sneaky simple ...
That seems to save a little bit of typing.
I guess I saw the use of dialog element as nice because it kind of stands
out (as in: something different going on here), an element I likely
wouldn't otherwise use for anything else
i.e. a by-the-jugular attention grabber. Yeah, I need that kind of thing.
On Wednesday, November 24, 2021 at 8:44:00 PM UTC-4 Télumire wrote:
> If you want even less steps you can do
>
> inset:0;
> position:fixed;
> z-index:1000;
> background:white;
>
> On any element (other than forms, these will require a width 100vw)
> Le jeudi 25 novembre 2021 à 00:32:30 UTC+1, cj.v...@gmail.com a écrit :
>
>> All kinds of cool possibilties.
>>
>> I tried with a div, gave up as soon as I realized it needed a few extra
>> steps compared to dialog.
>>
>> What I did find interesting with a div, is a div the full size of the
>> browser window and a high z-index, allowed to see the TiddlyWiki, but
>> prevented clicking on it (a div with nothing in it seems au natural
>> transparent, at least in TiddlyWiki).
>>
>> For what you've done, having a password dialog and then a div in the
>> z-index layer in between the dialog and TiddlyWiki, allowing you to see the
>> TiddlyWiki but not able to do anything with it until you enter your
>> password (at which point the div is hidden), would be pretty nice.
>>
>> On Wednesday, November 24, 2021 at 6:06:17 PM UTC-4 Mat wrote:
>>
>>> Interesting. I did not know about the dialog html tag but I'd assume it
>>> can as well be achieved with a div. Anyhow, your idea triggered an idea for
>>> a "wall", e.g a password wall or paywall type application so here's some
>>> direct copy-paste-code with size so people can manipulate it more easily:
>>>
>>> Copy paste it to tiddlywiki.com because it uses an image from there:
>>>
>>> title:wall
>>> text:
>>>
>>>
>>>
>>> <$edit-text field=foo placeholder="password"/>
>>> <$button>
>>> <$list filter="[get[foo]match[hey]]">
>>> <$action-sendmessage $message="tm-close-tiddler" $param="wall"/>
>>>
>>> OPEN
>>>
>>> password=hey
>>>
>>>
>>>
>>> And here's a stylesheet. No tiddler type defined but it needs the tag,
>>> i.e:
>>>
>>> tag: $:/tags/Stylesheet
>>> text:
>>> .dialog {
>>> width:300px;height:300px;
>>> position: fixed; bottom: 0; right:0; z-index:1000; padding:0;
>>> }
>>> .background {
>>> background-image: url(<>);
>>> width:100%; height:100%;
>>> }
>>> .foreground {
>>> position:absolute;
>>> left:50%; transform: translateX(-50%);
>>> top:50%;
>>> }
>>>
>>>
>>> <:-)
>>> On Wednesday, November 24, 2021 at 7:30:18 PM UTC+1 cj.v...@gmail.com
>>> wrote:
>>>
Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone.
Setup such a tiddler as the default tiddler to open, or default tiddler
at startup. Maybe check for something in the URL to not open this tiddler
at startup, or some mechanism (visible or hidden-keyboard-driven) to
show/hide this tiddler.
Possibilities ...
On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot
wrote:
> Into a TiddlyWiki you don't care about or can't edit (I suggest
> TiddlyWiki.com), download and drag the attached file.
>
> Poof. TiddlyWiki interface gone.
>
>
>
>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/2d34d3e0-c560-4fa4-b08a-80373232f8f6n%40googlegroups.com.
[tw5] Re: Hiding the TiddlyWiki interface: sneaky sneaky simple ...
If you want even less steps you can do
inset:0;
position:fixed;
z-index:1000;
background:white;
On any element (other than forms, these will require a width 100vw)
Le jeudi 25 novembre 2021 à 00:32:30 UTC+1, cj.v...@gmail.com a écrit :
> All kinds of cool possibilties.
>
> I tried with a div, gave up as soon as I realized it needed a few extra
> steps compared to dialog.
>
> What I did find interesting with a div, is a div the full size of the
> browser window and a high z-index, allowed to see the TiddlyWiki, but
> prevented clicking on it (a div with nothing in it seems au natural
> transparent, at least in TiddlyWiki).
>
> For what you've done, having a password dialog and then a div in the
> z-index layer in between the dialog and TiddlyWiki, allowing you to see the
> TiddlyWiki but not able to do anything with it until you enter your
> password (at which point the div is hidden), would be pretty nice.
>
> On Wednesday, November 24, 2021 at 6:06:17 PM UTC-4 Mat wrote:
>
>> Interesting. I did not know about the dialog html tag but I'd assume it
>> can as well be achieved with a div. Anyhow, your idea triggered an idea for
>> a "wall", e.g a password wall or paywall type application so here's some
>> direct copy-paste-code with size so people can manipulate it more easily:
>>
>> Copy paste it to tiddlywiki.com because it uses an image from there:
>>
>> title:wall
>> text:
>>
>>
>>
>> <$edit-text field=foo placeholder="password"/>
>> <$button>
>> <$list filter="[get[foo]match[hey]]">
>> <$action-sendmessage $message="tm-close-tiddler" $param="wall"/>
>>
>> OPEN
>>
>> password=hey
>>
>>
>>
>> And here's a stylesheet. No tiddler type defined but it needs the tag,
>> i.e:
>>
>> tag: $:/tags/Stylesheet
>> text:
>> .dialog {
>> width:300px;height:300px;
>> position: fixed; bottom: 0; right:0; z-index:1000; padding:0;
>> }
>> .background {
>> background-image: url(<>);
>> width:100%; height:100%;
>> }
>> .foreground {
>> position:absolute;
>> left:50%; transform: translateX(-50%);
>> top:50%;
>> }
>>
>>
>> <:-)
>> On Wednesday, November 24, 2021 at 7:30:18 PM UTC+1 cj.v...@gmail.com
>> wrote:
>>
>>> Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone.
>>>
>>> Setup such a tiddler as the default tiddler to open, or default tiddler
>>> at startup. Maybe check for something in the URL to not open this tiddler
>>> at startup, or some mechanism (visible or hidden-keyboard-driven) to
>>> show/hide this tiddler.
>>>
>>> Possibilities ...
>>>
>>> On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot wrote:
>>>
Into a TiddlyWiki you don't care about or can't edit (I suggest
TiddlyWiki.com), download and drag the attached file.
Poof. TiddlyWiki interface gone.
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/b598c694-edde-4baf-8813-3be7a100cd69n%40googlegroups.com.
[tw5] Re: Hiding the TiddlyWiki interface: sneaky sneaky simple ...
All kinds of cool possibilties.
I tried with a div, gave up as soon as I realized it needed a few extra
steps compared to dialog.
What I did find interesting with a div, is a div the full size of the
browser window and a high z-index, allowed to see the TiddlyWiki, but
prevented clicking on it (a div with nothing in it seems au natural
transparent, at least in TiddlyWiki).
For what you've done, having a password dialog and then a div in the
z-index layer in between the dialog and TiddlyWiki, allowing you to see the
TiddlyWiki but not able to do anything with it until you enter your
password (at which point the div is hidden), would be pretty nice.
On Wednesday, November 24, 2021 at 6:06:17 PM UTC-4 Mat wrote:
> Interesting. I did not know about the dialog html tag but I'd assume it
> can as well be achieved with a div. Anyhow, your idea triggered an idea for
> a "wall", e.g a password wall or paywall type application so here's some
> direct copy-paste-code with size so people can manipulate it more easily:
>
> Copy paste it to tiddlywiki.com because it uses an image from there:
>
> title:wall
> text:
>
>
>
> <$edit-text field=foo placeholder="password"/>
> <$button>
> <$list filter="[get[foo]match[hey]]">
> <$action-sendmessage $message="tm-close-tiddler" $param="wall"/>
>
> OPEN
>
> password=hey
>
>
>
> And here's a stylesheet. No tiddler type defined but it needs the tag,
> i.e:
>
> tag: $:/tags/Stylesheet
> text:
> .dialog {
> width:300px;height:300px;
> position: fixed; bottom: 0; right:0; z-index:1000; padding:0;
> }
> .background {
> background-image: url(<>);
> width:100%; height:100%;
> }
> .foreground {
> position:absolute;
> left:50%; transform: translateX(-50%);
> top:50%;
> }
>
>
> <:-)
> On Wednesday, November 24, 2021 at 7:30:18 PM UTC+1 cj.v...@gmail.com
> wrote:
>
>> Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone.
>>
>> Setup such a tiddler as the default tiddler to open, or default tiddler
>> at startup. Maybe check for something in the URL to not open this tiddler
>> at startup, or some mechanism (visible or hidden-keyboard-driven) to
>> show/hide this tiddler.
>>
>> Possibilities ...
>>
>> On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot wrote:
>>
>>> Into a TiddlyWiki you don't care about or can't edit (I suggest
>>> TiddlyWiki.com), download and drag the attached file.
>>>
>>> Poof. TiddlyWiki interface gone.
>>>
>>>
>>>
>>>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/8fad910c-c083-45d7-8827-85de907d0d67n%40googlegroups.com.
[tw5] Re: Hiding the TiddlyWiki interface: sneaky sneaky simple ...
Interesting. I did not know about the dialog html tag but I'd assume it can
as well be achieved with a div. Anyhow, your idea triggered an idea for a
"wall", e.g a password wall or paywall type application so here's some
direct copy-paste-code with size so people can manipulate it more easily:
Copy paste it to tiddlywiki.com because it uses an image from there:
title:wall
text:
<$edit-text field=foo placeholder="password"/>
<$button>
<$list filter="[get[foo]match[hey]]">
<$action-sendmessage $message="tm-close-tiddler" $param="wall"/>
OPEN
password=hey
And here's a stylesheet. No tiddler type defined but it needs the tag, i.e:
tag: $:/tags/Stylesheet
text:
.dialog {
width:300px;height:300px;
position: fixed; bottom: 0; right:0; z-index:1000; padding:0;
}
.background {
background-image: url(<>);
width:100%; height:100%;
}
.foreground {
position:absolute;
left:50%; transform: translateX(-50%);
top:50%;
}
<:-)
On Wednesday, November 24, 2021 at 7:30:18 PM UTC+1 cj.v...@gmail.com wrote:
> Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone.
>
> Setup such a tiddler as the default tiddler to open, or default tiddler at
> startup. Maybe check for something in the URL to not open this tiddler at
> startup, or some mechanism (visible or hidden-keyboard-driven) to show/hide
> this tiddler.
>
> Possibilities ...
>
> On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot wrote:
>
>> Into a TiddlyWiki you don't care about or can't edit (I suggest
>> TiddlyWiki.com), download and drag the attached file.
>>
>> Poof. TiddlyWiki interface gone.
>>
>>
>>
>>
--
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 tiddlywiki+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/tiddlywiki/94c48d57-702a-439c-9240-f58468eb4773n%40googlegroups.com.
[tw5] Re: Hiding the TiddlyWiki interface: sneaky sneaky simple ...
Oops. Open the imported tiddler and Poof. TiddlyWiki interface gone. Setup such a tiddler as the default tiddler to open, or default tiddler at startup. Maybe check for something in the URL to not open this tiddler at startup, or some mechanism (visible or hidden-keyboard-driven) to show/hide this tiddler. Possibilities ... On Wednesday, November 24, 2021 at 2:20:58 PM UTC-4 Charlie Veniot wrote: > Into a TiddlyWiki you don't care about or can't edit (I suggest > TiddlyWiki.com), download and drag the attached file. > > Poof. TiddlyWiki interface gone. > > > > -- 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 tiddlywiki+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ccbd2792-b9e4-484b-8921-66db38972d06n%40googlegroups.com.
