A How To: Dynamic Hiding/Showing elements on my resume tiddlywiki

[Charlie Veniot]

My Résumé à la TiddlyWiki (very early design stage)

G'day all,

As I try to figure out how I want my resume to show for mere mortals whilst still having access to all TiddlyWiki things, I figured I'd share design so far in case there are any bits of interest to anyone.

Features:

• TonGerner's  Left Menu
  
  • For "summary" info
• TobiasBeer's HideSideBarOnStartup
  
  • Mere mortals just looking at my résumé don't need to see the sidebar

Upon opening the TiddlyWiki, it just shows a left side bar and one tiddler that will have everything résumé transcluded into it.

To make this all look like any kind of website and make it print nicely (a lot of work to be done re printing), I've done a bit of trickery to hide TiddlyWiki things in the tiddler.

To keep things simple, I hide TiddlyWiki things when the sidebar is hidden, and show those TiddlyWiki things when the sidebar is displayed.

In the $:/core/ui/ViewTemplate/title and $:/core/ui/ViewTemplate/subtitle, here are some snippets of code that are part of the magic:

<$vars vhide={{{[[$:/state/sidebar]get[text]]+[match[no]] display:none; +[replace[no]]}}}>

For anything I want hidden/shown, I add a "style=<<vhide>>" to whatever HTML element.

Example:  <div class="tc-subtitle" style=<<vhide>>>

For your convenience, I've added a couple of screenshots below: what you see when you first open the TiddlyWiki, and then what you see when you unhide the sidebar.

Cheers !

[TW Tones]

Charlie,

Nice approach "To keep things simple, I hide TiddlyWiki things when the sidebar is hidden, and show those TiddlyWiki things when the sidebar is displayed"

 Thanks for sharing.

Tones

[Charlie Veniot]

G'day all,

Just a little "bounce" (?) to let folk know I've done a fair bit of work getting my online resume (or curriculum vitae) juuuuuuust right.

Although I should be spending time actually looking for work, I can afford to make this CV project my major interest and time-consumer for another bit.

Despite me being a bit of a stubborn goat with very peculiar ways of organizing/structuring things (largely set in my ways), it would be oh-so-awesome for you to throw in your ideas (for the benefit of everyone) about online resume/cv ideas:

• in general
• with TiddlyWiki specifically

Cheers and best regards !

[Mohammad Rahmani]

Hi Charlie,

 Very nice work! Good css animations on the landing page!

 A minor note: the important parts of a CV are better to be visible and details can be displayed on demand.

Best wishes

Mohammad

--
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+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/fe79b408-886f-4585-b10b-43f928fd202fn%40googlegroups.com.

[Charlie Veniot]

Well, major confession to make about the animations:  that's a Google Slides presentation.