Welcome Home Style Guide

This style guide defines the Welcome Home site for future authors who may contribute to it.

Environment

The Welcome Home web site currently lives in Anne Giles' personal web space on the Earthlink web site. Its URL is http://userview.home.mindspring.com/welcomehome/index.html. (The author create the site over 25 years ago before Mindspring was purchased by Earthlink.) She took the information from her printed guidebook (1983, 1986, 1992) and migrated it online in the mid 1990s to save printing costs and make it available world-wide.

Other Meher Baba sites point inbound to the guidebook. Those sites will need update their links for changes in the directory name and root file.

Old: http://userview.home.mindspring.com/Welcome%20Home/welchome.html

New: http://userview.home.mindspring.com/welcomehome/index.html

The old directory and its root file display a link to the the new site.

Site access

One obtains read/write access to the Welcome Home site by using Anne Giles' personal Earthlink ID and password (available on request but not included here). The FTP address is ftp://ftp.mindspring.com/. Contact Anne at userview@mindspring.com for details.

Development tools

The author originally created the site using Microsoft FrontPage™ and frames, but has recoded it using Adobe Dreamweaver CS4 (10.x) to meet the World Wide Web Consortium (W3C) XHTML Transition standard, with a site-specific CSS file and no frames.

File types and naming

All files are named with lowercase letters and underscore characters (_). No spaces or hyphens (-) should appear in file names. All file types are *.html, *.gif, *.jpg, and *.ico.

Browser compatibility

The site supports the latest versions of Mozilla Firefox (3.x), Microsoft Internet Explorer (8.x), Apple Safari (4.x), and Google Crome (3.x).

Future features

The author plans to add a Google Search feature for the site.

Purpose

The purpose of the site is to assist Meher Baba followers in planning trips to India to visit Meher Baba's tomb and his disciples who live in the area. An organization called the Avatar Meher Baba Trust (AMBT) provides housing where visitors can stay. People who come to the site don't need to be sold on the idea of travel to India; they more likely need reassurance that travel to India is not a daunting task.

Personas

Welcome Home is aimed mainly at a Western audience. The frequency of travel to India from the West varies among Meher Baba followers. Here are some examples:

The web site is mainly aimed at Ray, Susan, and Anne. Ray and Susan might use it for long-range planning and budgeting. Anne would use it to remind her of the steps she will need to follow again. Bob likely has a routine in place and would only use it only to check on new information. Feedback from past viewers of the site say that it especially helped them the first time they traveled to India. The presumption is that it is mainly viewed by U.S. travelers.

The result of this analysis argues for an initial page that provides quick links to key topics and branches to additional details. Many of the details need to be confirmed or removed. Other details need to be replaced by links to web sites with current information.

Organization

The organization of the web site reflects the linear nature of travel to India. The top level pages reflect the key points along this journey:

A single line of the highest-level topics is displayed below the header, before the main content area.

Below these top level pages, lie sub-pages in a classic hierarchical organization. Users can view the outline of all topics in the site map. They also view these sub-topics in a bulleted list at the page.The lowest level is no more than three clicks from the Home page.

The site currently has over 60 pages. Any information that can be found on an external site should be reduced to an outgoing hyperlink. Any information that cannot be confirmed, such as telephone numbers, should be removed. Long topics will be reduced to a single main idea per page.

Link text should closely match the title of the resulting page.

CSS style definitions

Layout

There are three page layouts. The first two Dreamweaver fixed templates.

Pages have been redesigned with a banner graphic containing the title "Welcome Home" and subtitle "A Guide for Traveling to Meherabad and Meherazad, India." An example is shown above. A photo image image is associated with each section, such as Pre-trip information, Mumbai, Pune, and Ahmednagar. The type is Lucida Calligraphy, Italic, 24 point. The size of these header graphics varies slightly from 740-780 pixels wide and 200-300 pixels deep.

Color palette

Turquoise shades are colors associated with Meher Baba. Many of the books written by him have turquoise covers. Many fences at Meher Baba places are painted a bright turquoise.

The redesigned site retains that color theme, using a turquoise (#005952) for the web site titles in the banner graphics. Heads 2, 3, and 4 are a complementary brick red (#9E0B0F).

Color swatches for headings (#005952 and #9E0B0F)

The background color is white (#FFFFFF).

Fonts

The home page has an image graphic, wh_banner.jpg, with heads 1 and 2 in Lucida Calligraphy Italic, as shown above.

Otherwise, the remaing text is Verdana, Arial, Helvetica, sans-serif. Text size is 80% of the default font size.

Head 2 provides the text that used to be in the header area. It is defined as large. Head 3 is medium. Head 4 is small. Heads 2, 3, and 4 appear in the mainContent area.

Text in the footer area at the bottom of the page is x-small.

Example of footer text

Graphics

The author created graphics files from photos of recent trips to India using Adobe Photoshop CS4 (11.x). Graphics appear in three positions:

Graphics file types are *.gif or *.jpg. No image file is greater than 200 KB.

The author created a site icon (samadhi.ico) file using the Favicon site, http://www.favicon.cc/. The <head> tag defines the site icon as follows:

<link rel="shortcut icon" href="images/samadhi.ico" type="image/x-icon" />

Keywords

The index.html file includes a meta tag containing keywords for use by search engines:

<meta name="keywords" content="Avatar, Avatar Meher Baba, Meher Baba, Avatar Meher Baba Trust, India travel, Ahmednagar, Maharashtra, India, Meher Pilgrim Retreat, Meherabad, Meherazad, samadhi" />

These should be enough to identify the site to Meher Baba followers. Additional keywords can be added as needed. Eventually this site should obtain a better web site URL, hopefully incorporating Meher Baba's name.

Print style file

A print style file (print.css) defines that the container, header, main content, and footer will print, but not the menu bar or left sidebar graphics.

Standards

The site supports the World Wide Web Consortium (W3C) xhtml1-transitional.dtd . Pages will be validated against this standard.

The site also meets the W3C Priority 1 accessibility standards

Writing style

General verbal style for the site is defined by the Publication Manual of the American Psychological Association, Sixth Edition, American Psychological Association (2010).

Special vocabulary

Below are the correct spellings for various terms and locations contained in this guide: