A stack template (a lá HyperCard, SuperCard, etc)

go back   current:     Select layout properties the browser uses stacked   sized   flex

go to first card Click to go to the first card. This is a stack. This is a background within the stack. It's optional to have, but lets you show the same thing on every card (with slight differences you can customize per card, or on the whole background at once.) If if the stacked attribute is true, then only the current card and background will be shown fully. If the stack is in sized mode, it'll stay at the dimensions of 600 x 400 on the page. The option for flex is experimental...it might allow for auto page break, if I get it right. This is a stack of cards, in the sense of a deck or a pile. The stack is full of cards, shown in a list, or pushed to the front to be "current", which makes it alive and in view. This text is on a card, and the card is in a stack alongside other cards. In classic stacking mode, one card can be visible at a time on top, a function which this template supports. <stack> <card>...</card> <card>...</card> </stack> Get it now? Now click the right arrow to go to the next card. This is the first card. It's just <card id=1> whatever </card> . Click this link to second card to have the browser show it. The idea of a stack is that you can flip around quickly to store your knowledge. This is the second card. Back to first card? Click and go! Off to card 5? See ya! Here is a card button: my style is Standard Here's two more styles: my style is Default my style is rectangle Buttons had powerful powers in stacks. You had to kind of go deep into the manual, though. Why not visit the Editor and play around? (Use this link to return). Here's another card. Here's a button. Here's a field. It underlines words. Grapes are delicious. But cherries are superior, in my own opinion! Click the card button above for a secret message. Buttons and fields are common additions to stacks and I will be adding the painting tools when they're readier. Here's the top of this background. Here's a field. This one is inside a headline tag, which means everything you type in it draws as a headline: This is the third card. ....the fourth card .... If the text is green and the background is pink, it's pretty .... This is card 5, the last card. Link back to first card This is the bottom of this background. Clearly, you can write on the bottom of the background as well as the top. ← I used Hypercard: Yes No →

Below the stack, here's some more text. It's just a part of the page. The cursor over a stack is supposed to be a hand instead of an arrow. Ordinary blue underline links either scroll to the target page, or hide the old one and show the new one. And that works with the browser's back and forward buttons and its URL bar, because the HTML style of anchor links is utilized. [Jump to card 2; this link can be bookmarked]. The left and right arrows on the keyboard or the screen are shortcuts for go previous card and go next.

There are others working on stack-based editors (which is sort of separate, linguistically, from the card-based layout concept that evolved separately.) See http://hypercard.org which is a well-done archive of memorabilia. The name of my little project might have been influenced by the name...or not! But I'm glad to have tried the HyperCard way for a while, and this Template was fun to write.