Cornell Notes Work on Paper and in TiddlyWiki

#21

Right.

So, first, the only thing needed is to give CASES.

So, for instance …

  1. – I need a wiki that I can change everyday to reflect my changes (body-work; nutritionist; golf scorer)

  2. – I need a wiki to index my menus as we advance Korma Recipes in Texas.

3 – SO, rather than defer, what is step one?

TT

#22

Hello Scott,

Thanks for sharing this.

It reminds me that back in July I have adapted the discussed elements to enable the use of Cornell notes without using macros or widget, just <cl-cue>...</cl-cue> marking and css.

Following your examples with long cues, I have upgraded the css and use a </cl-break> to handle long cues.

Also note that the css also:

  • handles a long cue at the end without overlapping the summary
  • displays cues as inline text when the note is note tagged Cornell

Since this version may be an alternative for users who have not yet upgraded to TW 5.3 versions, I share the css here with some examples.
CornellNotes.json (13.7 KB)

BR,

Eskha

1 Like
#23

This is nice. It certainly looks better than mine! (Of course mine was almost intentionally ugly. I just wanted to focus on layout and make it obvious; regardless, I’m not particularly good at making sites look pretty.) I had thought that I could skip the headers, since it would be in a dedicated tiddler. But seeing yours makes me realize that we still want the internal header; we might transclude multiple Cornell Notes into a single tiddler.

The thing I don’t like is the cl-break requirement. I spent a fair bit of work and some fruitless research trying to build mine just with CSS, but I concluded that I simply needed a separate element. Thus my version, with a custom widget, was born. It turns out pretty simple. I prefer that to requiring the user to include markup specifically for those times when the cue is too long, or just to do it on all of them, because they don’t know how it might display.

Still, if I find time, I may combine your prettier styling with my custom widget.

#24

I confirm that I went down this rabbit hole to find a css solution working without having to use the cl-break. Your solution is indeed adressing better this point and I think the way to go for anyone with a TiddlyWiki 5.3.x version.

#25

On revisiting this thread I am impressed with solutions above so far, however I have started to see this in a new light.

Clearly Cornell Notes originated in paper forms, and I have long sought to make software as easy to use and annotate as paper and it still falls short. Although the methods here come close.

However as I am “want to do”, I tried to look at this more generally, trying to avoid my own prejudices introduced by the by the original concept.

It seems to me when you boil it down this is about introducing cues to text, or cues for which you later add text.

  • Making the cues appear along side the text to the left is the “Cornell notes” way but it is only one of many.
  • So too me I would see value in creating a generic cue mechanism not unlike @Scott_Sauyet has already done, then allowing a user to select from a number of different representations of that same information. Cues can be linked to a inline part of the text, word, sentence or paragraph.
    • So they can be reduced to tooltip, or expanded to a modal, or viewed in the left column (as in Cornell Notes) and any new creative ways.
    • This is starting to look like other solutions in tiddlywiki and HTML such as footnotes, contents and anchors, so there will be “prior art”.

Let us assume we can move forward with a generic Que mechanism that can present the same relationships in various ways, including aligned with the text, the next design consideration is how best to allow the author of such content to enter the content indicate cues.

  • In considering this let us not reduce the possibilities of including macros, links and transclusions in our content.
  • Consider also another tiddler transcluding the notes, listing only the que’s or only the content without que’s.
  • Can the que be linked more than serially, Like in @Scott_Sauyet sample notes but also to a word or phrase?
  • Could we draw a line from a queue to its underlined text in the Cornell view?

So when I look at the content in @Scott_Sauyet sample notes I think the way it looks could be simplified further.

I already have some ideas, but I do not want to “prejudice future possibilities” but urge the community to consider a more generic solution.

1 Like