On Friday, August 31, 2018 at 7:01:52 AM UTC-7, bimlas wrote:
>
> If I'm right, using a splash image is not possible because of the "chicken
> and egg" dilemma: you cannot display an image which is not exists yet (wiki
> filesystem is not initialized). But you can hardcode a CSS spinner or a
> message at least.
You CAN show a 'splash screen' image during startup; however, as you noted,
the image can't be stored in a separate tiddler. The workaround is to use
a base64-encoded image that is directly embedded in some "raw markup".
Try this:
1) Copy a base64-encoded background image into the clipboard. Here's one
way:
Drag and drop the desired background image (JPG or PNG) into your TW. This
will create an image tiddler with base64-encoded image content in the
resulting tiddler. Then, right-click on the image displayed in that
tiddler and select "copy image address" from the popup menu. This will
copy a dataURI with the base64 image code to the clipboard. After the image
data is copied to the clipboard, the image tiddler is no longer needed.
You can DELETE the image tiddler.
2) Create a tiddler, e.g. "SplashScreen", tagged with
"$:/tags/RawMarkup",containing:
<style>
body { background-size:cover; background-image:url("PASTE IMAGE DATA HERE");
}
</style>
As indicated above, paste the base64-encoded image URI from the clipboard
in between the double quotes.
3) Create a tiddler (e.g, "MyStyles"), tagged with "$:/tags/Stylesheet",
containing:
.tc-body { background-image: none; }
This CSS style is applied after the tiddlers are loaded, and hides the
background image that was displayed by the SplashScreen raw markup. Note
that this is optional: if you want to leave the splash screen displayed,
then you don't need this CSS.
That's it. No fancy plugins, no core changes. Let me know how it goes...
enjoy,
-e
Eric Shulman
TiddlyTools.com: "Small Tools for Big Ideas!" (tm)
InsideTiddlyWiki: The Missing Manuals
--
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/d7096f7b-9ec7-444f-be8a-60c0af2a07ab%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
