(public).sospep.events ~ view task ~ PAGE-index

<h1 style="text-align: center;">PAGE index</h1>
<h2>[WHAT]</h2>
<ol>
<li>] home page for the eviro-mint.ca&nbsp;web site,</li>
</ol>
<h2>[WHY]</h2>
<ol>
<li>i] includes a <strong>site wide&nbsp;header</strong> with the&nbsp;sites main menu,</li>
<li>i] <strong>image carosel</strong> featuring "product/service" highlight images(3),</li>
<ol>
<li>*] carosel images and image descriptions are <span style="background-color: #00ff00;">dynamic</span> -&nbsp;</li>
<li><span style="background-color: #00ff00;">dynamic</span>&nbsp;-&nbsp;you can change the&nbsp;images&nbsp;that are displayed in the carosel and the text caption that is displayed over the image.</li>
</ol>
<li>i] featured product/service aka&nbsp;<strong>"featurette" sections(6)</strong>,</li>
<ol>
<li>*] featured-section(#) - the ] feature-image, ] feature-name and ] feature-description are dynamic -&nbsp;</li>
<li>dyanmic - you can change image icon, text title and text&nbsp;description for each feature&nbsp;</li>
</ol>
<li>] site wide<strong>&nbsp;footer page</strong> that diplays your company name, tagline, contact phone#</li>
</ol>
<h2>[WHERE called from]</h2>
<ol>
<li><strong>] USING ANY WEB BROWSER, ENTER THE FOLLOWING URL</strong></li>
<ol>
<li>] <a href="http://enviro-mint.ca">http://enviro-mint.ca</a> &nbsp;</li>
</ol></ol>
<h2>[WHEN]</h2>
<ol>
<li>] 2015-09-04</li>
</ol>
<h2>[EXAMPLE]</h2>
<ol>
<li>] SITE PROTOTYPE: <a href="http://enviro-mint.sospep.com/index.cshtml" target="_blank">http://enviro-mint.sospep.com/index.cshtml</a></li>
<li>] SITE PRODUCTION:&nbsp;<a href="http://enviro-mint.ca">http://enviro-mint.ca</a></li>
</ol>
<h2>[HOW-TO - making changes to your home page]</h2>
<ol>
<li><strong>] Getting There</strong></li>
<ol>
<li>] login to your account at sospep.com</li>
<li>] under the <span style="background-color: #ffff00;">view/subjects</span>, select the&nbsp;"enviro-mint.ca"&nbsp;library</li>
<li>] open the book named "enviro-mint.ca website content"</li>
</ol>
<li><strong>] Change an "image" in the image carosel</strong></li>
<ol>
<li>] see steps 1 - 3 in the "getting there" procedure</li>
<li>] open the chapter named "featured"</li>
<li>] click the "edit article" link for the&nbsp;record&nbsp;which you want to change the image for</li>
<li>] use the "Browse" button located beside the "Change Photo" to upload a new "image" to your website that will display in the carosel</li>
<li>] save changes</li>
<li>*] IMPORTANT NOTE - <span style="text-decoration: underline;">about images for your carosel</span></li>
</ol>
<li><strong>] Change the "image text"&nbsp;displayed on the image in the carosel</strong></li>
<ol>
<li>] see steps 1 - 3 in the "getting there" procedure</li>
<li>] open the chapter named "featured"</li>
<li>] click the "edit article" link for the "article" record that you want to change the displayed "image text"</li>
<li>*] the "text" displayed on the image in the image carosel, is the text in the "article description"</li>
<li>] edit the "description article" text to the desired text you would like to display.</li>
<li>] save changes</li>
</ol>
<li><strong>] Changing the "image" of a "featurette"</strong></li>
<ol>
<li>] see steps 1 - 3 in the "getting there" procedure</li>
<li>] select the "chapter" that contains the desired "product" or "service" that you want to feature,&nbsp;</li>
<li>]&nbsp;click the "edit article"&nbsp;link for the article record that you want to change</li>
<li>] SET the article priority to maximum using the slider</li>
<li>*] use the Browse button located beside the "Change Photo" option to upload the new image</li>
<li>] save changes</li>
</ol>
<li><strong>] Changing the title of "featurette" </strong></li>
<ol>
<li>] see steps 1 -&nbsp;2 in the "getting there" procedure</li>
<li>] click the "edit book"&nbsp;link for the book record that you want to change the title of</li>
<li>] edit the title of the book to reflect the title of the "featurette"</li>
<li>*] for multi word titles, use dashes between words, ex use Cleaning-Products, the - will&nbsp;not display on the&nbsp;web page&nbsp;</li>
</ol>
<li><strong>] Change text description of a featurette</strong></li>
<ol>
<li>] see steps 1 -&nbsp;2 in the "getting there" procedure</li>
<li>] click the "edit book"&nbsp;link for the book record that you want to change the&nbsp;description of</li>
<li>] edit the&nbsp;"description" of the book to reflect the&nbsp;description of the "featurette"</li>
<li>] save changes</li>
</ol>
<li><strong>[NEW] add another featurette - SET any article AS featurette</strong></li>
<ol>
<li>*] you can SET any "article" to appear as "featurette" on the home page of your website</li>
<li>] see steps 1 - 3 in the "getting there" procedure</li>
<li>] open the "chapter" that contains the "article" that you want to appear as a featurette</li>
<li>] EXAMPLE currently the article "Home-Cleaning" in the Chapter "Cleaning Services" is a featurette item</li>
<li>] click edit article for the article that you wish to make a "featurette"</li>
<li>] SET the "article priority" to MAX using the priority slider.</li>
<li>] save changes&nbsp;</li>
<li>+] REF - NOTES about featurettes</li>
</ol>
<li><strong>[NEW] SET the display order of featurettes</strong></li>
<ol>
<li>*] by default the "featurettes" are displayed on the home page in alphabetically ascending order. You can now change the order of their appearance by setting the "sequence" value of the article.</li>
<li>] EXAMPLE currently the article "Home-Cleaning" in the Chapter "Cleaning Services" is a featurette item, it appears as the 2nd item in the first/top row of "featurette" items alphabetically. To change this item to the first item to be displayed I am going to set the sequence value to 1.</li>
<li>] see steps 1 - 3 in the "getting there" procedure</li>
<li>] Open the "chapter" that contains the "article" that you want to set the sequence order for</li>
<li>] Click the "edit article" link for the "article" that you wish to change the display order of.&nbsp;</li>
<li>] SET the "article sequence" value to the position that you want the featurette to display on your home page.</li>
<li>] save changes&nbsp;</li>
</ol></ol>
<h2>[REFERENCE]</h2>
<ol>
<li>]&nbsp;FILE index.cshtml&nbsp;-v-001&nbsp;-&nbsp;</li>
</ol><hr />
<h1 style="text-align: center;">developer implementation</h1>
<h2>[.process]</h2>
<ol>
<li>&nbsp;</li>
</ol>
<h2>[.notes]</h2>
<ol>
<li>&nbsp;</li>
</ol>
<h2>[.by_date]</h2>
<ol>
<li>[YYYY-mm-DD]</li>
</ol><hr />
<h1 style="text-align: center;">status</h1>
<h2>[previous]</h2>
<ol>
<li>[2015-09-04]</li>
<ol>
<li>]</li>
</ol></ol>
<h2>[currently]</h2>
<ol>
<li>]&nbsp;</li>
</ol>
<h2>[next]</h2>
<ol>
<li>]&nbsp;</li>
</ol>

~ view task ~ TaskGroup] PAGES FROM [ Plan] documenting IN [ calendars] prj-034-template-bootstrap-v3