Junco User Documentation

Example usage: http://jothut.com

Account Creation

A new user enters a username and a valid e-mail address. The system sends the user an e-mail with an auto-generated password and a link to activate the account. After the account is activated, the user can login.

Changing Password and E-mail

After logging in, the user can click on his or her username and follow the link and form fields to change the password and e-mail.

Editing the Profile Page

Users can personalize their profile page by adding links, plain text, or Textile markup to create HTML. The profile page data entry box supports template includes and the double-bracket wiki link feature.

Hashtags

Microblog posts (notes) and blog posts (articles) are limited to a max of eight hashtags.

Hashtag format consists of meaningful category text preceded by the pound sign.

Hashtags can be used to organize content.

I like to start with the general and move to the specific when including tags.

Examples (with the pound signs excluded):

• nature - insects - butterflies
• sports - football - nfl - browns
• media - design - mobile - app

Microblog Posts or Notes

These are short posts with a limit of 300 characters. They are entered in the small textarea box, located on the homepage.

Titles are not entered.

These cannot be edited.

No preview, just a post button.

The only formatting includes:

• Raw URLs are converted into clickable links.
• Hashtags converted into clickable search links.
• /1234/ means linking to another microblog post that has ID number 1234.

Blog Posts or Articles

These can be short or very long.

Posts can be entered in a medium-sized textarea box, or the enhanced 'editor' can be used.

Enhanced Blog Writing Area

Can type and view in split-screen or single-screen modes.

Auto-save occurs every five minutes, provided that at least one key was pressed. The "save" link can be clicked to save too.

If the "preview" link is clicked while in split-screen mode, then the preview will be displayed in split-screen mode.

If the "preview" link is clicked while typing in single-screen mode, then the preview will be displayed in single-screen mode. This preview will display at the same width as the website's width defined in the CSS file.

Click the right arrows changes the mode to single-screen. Clicking the left arrows switches to split-screen mode.

This does not contain live preview. I find live preview too distracting. I could see letters flashing onto the preview part of the screen out of the corner of my eye as I typed. Plus, I have added too many custom formatting options, such as custom Textile-like formatting commands, template includes, etc., that are best achieved with a round-trip to the server. Since this round-trip is plenty fast, I don't see this as a problem.

split screen, typing on left and preview on right.

!http://farm6.staticflickr.com/5498/9717594241_f3a6c2cf1c_z.jpg!

single screen view for typing.

!http://farm4.staticflickr.com/3808/9720824518_26e9d0b76c_z.jpg!

single screen view for previewing.

!http://farm4.staticflickr.com/3703/9720824284_332b02fddb_z.jpg!