Do It Your Way

By

[email protected]

This page lets you adjust the display parameters for my stories.  You make your selections on this page and save them in your browser's Local Storage.  The method also requires that you have JavaScript activated – to set things up and then to use them.  Formally, cookies were used but they are not as secure as Local Storage.  If you had a Coyote Den's cookie, it has already been converted.

If there is a big red line next, then you don't have JS activated.  If you do, then there is a green line telling you that.  This is controlled by how your browser is configured.  The help in your browser explains how to make changes.  Each browser and user combination is separate.

Javascript is turned ON!

LIMBO!  Your browser is in limbo.  Try clicking "Allow blocked content" if shown below and then here to force a reset.  That, hopefully, will set things up properly.

* * * * * * * * * *

This page lets you set many parameters that control the appearance – you may set the font face, font size, margins and colors.  You can see what is happening as you make changes in the one paragraph display area.  This is in the middle of the page so that on a full screen you will be able to see both the control areas and the display.

You may change parameters by using the up and down buttons or by entering values in the text boxes.  You must click on the buttons and use tab or enter to apply the value for fields that you fill-in.  Now with the improved version you may also set the colors for links.

I suggest that you right click on the directory link at the bottom and open it in a new window or tab so that then you can switch back and forth with any story page to fine tune your settings.  If you just use your back key, you may find that the parameters you set here are gone.  In that case use the recover button to restore them.  You must first save your selections using the save button to activate them for the story pages.  When you go back to the story page, you should do a 'reload' (usually a control-R) to read the newly stored data.

All the story pages that have the YOUR WAY feature, show a red boxed link in the upper right corner.  This will allow you to return to this page to make changes. After you have saved them, use the back button to return.  Again, you will have to do a refresh to see the changes.

I would really appreciate some feedback about all of this.  Please let me know if this is the greatest thing since sliced bread or should be used in the cat's litter box.

---

Local Storage Status and Controls.   Local Storage:  Exists Does NOT exist.   Deleted Recovered Saved Return to the directory

SAVE my settings: Saves the parameters selected in Local Storage.
RECOVER saved settings: Get the saved parameters so you can continue from your lasted save status.
Nothing to recover!
DELETE Local Storage: Permanently removes all saved data immediately.
Start with Coyote's Defaults: Set a few of the parameters.

x

Select the measurement unit (used in the stories):    American (English)    Metric

x

Set the width of the centered text either as a percentage of the window width or absolutely in inches/centimeters:

 Percent of window    inches    centimeters        

Select percent or unit first.

That's not valid number! Entry ignored"

Font size:  The range is 6 to 36 points (0.5 inch).     

That's not a valid number!  Entry ignored.

x

Font face:  If you don't make a selection or if you don't have the specified font, you get a default defined by your own browser.  (Please note that if the explicit fonts listed are not different than your browser settings prevent pages from selecting their own fonts and this feature can not work.)
Font families:	Explicit fonts:
Default: Sample Text of this font Serif: Sample Text of this font Sans-serif: Sample Text of this font Cursive: Sample Text of this font Monospace: Sample Text of this font	Arial: Sample Text of this font Verdana: Sample Text of this font Comic Sans MS: Sample Text of this font French Script MT: Sample Text of this font Times New Roman: Sample Text of this font Helvetica: Sample Text of this font
Write-in:    : Sample Text of this font

You must select the item first.
That's not a number (must be 0-255 decimal)!  Entry ignored.
Not a valid color value (must be 6 digits hex)!  Entry ignored.
Color adjuster		Color pallette

Set the colors:

You may set the colors for several different items to make it for you to read.  First select which item from this list:

Background   Text   Side
Link   Link background
Visited link   Visited background 

Then pick a starting color from the palette or use the color adjustor to set initial values.  In either case you can adjust them until you are satisfied.  Please note that not setting the link background colors will effectively make them the same as the main background.  You can make them either the same or different colors than the text but they will continue to be underlined.

You may enter individual color values in the boxes in the Color Adjustor or use the up/down arrows.  The individual color values are 0-255 decimal numbers while the combined value is a six-digit hexadecimal value.

The page is arranged so that you can see what you are getting immediately.  A few special functions are next.

Switch to its complementary color:             

↕ You can use these operations only for the colors you have set. ↕

Swap colors:     

Selecting colors can be a very daunting task.  There are two approaches that can be used.  First, a very methodical one by starting with a lists.  At https://www.w3schools.com/colors/colors_names.asp is a long list of color complete with the six digit hex values which you can cut and paste into the spaces above.  Even more helpful are the linked pages.  If you click on the hex value you get another page which shows a lot of other colors as text colors on the previous one as background.  Second, you can go into kid mode and just play with the up and down arrows until you get what you like.