๐Ÿ‘ปโœจ

whitespace theme

Hello, world

jd27th July 2020 at 5:46am

Compatibility checked with TW 5.1.17 & TW 5.1.22 only!

This is the demo site for my negative-spacious, webapp-nostalgic theme for Tiddlywiki.

To see its intended UI, tick this checkbox:

See how this theme responds to color:


Install

Drag

this
into your Tiddlywiki if you want to use this theme, or use the export button:

The mobile layout is handled by this plugin: $:/plugins/jd/mobvsimp

For TW version 17 users, please refresh your wiki after installing this theme.


Compatibility with Stories Plugin

https://giffmex.org/stroll/empty.html#%24%3A%2Fplugins%2Fsq%2FStories

For compatibility with the great 2-story plugin above, please also import this to your wiki:

$:/themes/jd/Whitespace/Stylesheet/StoriesPluginCompatibility


Notes

  • '20/07/27 : I found the scrolling issue is fixed, probably thanks to an update in TW core? Nope, my own misuse/unuse of the <$scrollable/> widget. Study those widgets, jd!
  • PageControls are located beside the hamburger.
  • Clicking the hamburger will minimize the sidebar.
  • When sidebar is minimized...
    • Hovering on the hamburger will temporarily reveal the sidebar
    • Clicking on the hamburger will dock the sidebar
    • PageControls are located below the hamburger button
  • Titles/captions of sidebar tabs / "card"-things are draggable (can be rearranged)
    • can also be clicked to minimize its contents
    • contains buttons to view it in the story river, edit it, or remove it from the sidebar

Options

See Control Panel > Appearance > Whitespace Tweaks for available options


My other TW Things

http://j.d.tiddlyspot.com/

$:/themes/jd/Whitespace/readme

jd27th July 2020 at 1:40am

Compatibility checked with TW 5.1.17 & TW 5.1.22 only!

This theme uses an overhauled sidebar, which can be accessed via a hamburger button at the topright or topleft of the screen. I turned this into a theme just to make it easier for me to move it around my TW5's.

The hamburger button:

  • When the sidebar is minimized, hovering on the hamburger button will expand the sidebar. The sidebar will minimize when it loses mouse focus. Clicking on the hamburger button will make the sidebar "sticky" until it is clicked again.
  • Below the hamburger button (when sidebar is minimized) are the usual Page Control buttons.

Changes to the sidebar:

  1. Minimize-able via the hamburger button
  2. Movable to the left or the right of the screen
  3. Sidebar tabs are turned into draggable, removable, and minimize-able "card"-things

Changes to the sidebar tabs:

  1. Draggable = click on the card title + drag above or below other "cards" in the sidebar
  2. Removable = hover on card title + click the right-most button that appears
  3. Minimize-able = click on the card title (expand by clicking again)
  • The card title is the "caption" of the tiddler. Otherwise, it's the tiddler title

PageControls:

  • PageControls appear beside the hamburger button on hover (when sidebar is expanded), or below it when sidebar is "minimized"

Compatibiliy with Stories Plugin

https://giffmex.org/stroll/empty.html#%24%3A%2Fplugins%2Fsq%2FStories

For compatibility with the great 2-story plugin above, please also import this to your wiki:

$:/themes/jd/Whitespace/Stylesheet/StoriesPluginCompatibility get it here


Note:

This theme is best used with Very Simple Mobile Layout (plugin).

Project Homepage on Tiddlyspot


'20/07/27 : fixed the story river scrolling issue (finally!) just by using a <$scrollable/> widget

MIT License:

Copyright 2020 jologsdialogue@gmail.com

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Compatibility with ''Stories'' Plugin

jd27th July 2020 at 2:22am

Stories plugin source: https://giffmex.org/stroll/empty.html#%24%3A%2Fplugins%2Fsq%2FStories

For compatibility with the great 2-story plugin above, please also import this to your wiki:

$:/themes/jd/Whitespace/Stylesheet/StoriesPluginCompatibility

'20/07/27 : Updated to maximize second story when main is empty 

$:/ControlPanel

jd26th August 2018 at 9:15am

Ways to customise the appearance of your TiddlyWiki.

Sidebar width:
Tiddler width:
Sidebar top buttons area height:
Sidebar top padding:
Limit sidebar card height:
Visible scrollbars:
Show Sitetitle and Subtitle:
Show buttons on hover:
Theme the tiddler edit mode:
Sidebar position:

To Do

jd31st August 2018 at 1:32pm
  • Add an option to disable the hover mode and have it simply close and open the sidebar
  • Integrated mobile UI?

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
๐Ÿ‘ปโœจ
whitespace theme
 
Recent

31st August 2018

 
Open
 
Tools
 
More