image/svg+xml

Form For Building Your Page For A Hand-Held Device

Step 1: Save This Page

Saving this page is optional, but it will simplify previewing images, and, anytime you want to change your page, you won't have to come back here. A security benefit is that you won't have to be on the internet as you make your page (so, no worries about us or anyone else peeking over your shoulder).

There are various ways to do this. Try pushing 'alt' and 'f' at the same time, or 'ctrl' and 's' at the same time, or opening the 'file' tab on your menu bar and looking for a 'save page as...' option.

Save the page to a place that's easy to find, and put any images you want to use in the same folder.

Step 2: Fill Out This Form 😀

We recommend you use a laptop or desktop computer to fill out the form.

This info is used for a copyright notice:

Name:

Address:

City: State: Zip:

Background Color Use the color picker below to select a color (if you use a background image, pick a color that goes with it, since some screens will show borders around your picture), then copy the color name field, and paste it into this box (include the # character):
If your browser's color picker doesn't show numberical values, try the color pickers at this site.

Fill this section if you want to have a background image

Name/location of your image file: either put the image in the same folder that the file we're making now will go into, and give its name here (e.g., photo1.jpg), or supply the full path (file:///...) to your image file (find the path by opening the image in your web browser and copy what shows in the address bar)

Headline/Link Color Use the color picker to select a color that calls attention to itself against your background, insert the color name in this box (include the # character):

Font Color Find a color that stands out against your background, insert the color name in this box (include the # character):

Text Shadow Text shadows are helpful because they help the text stand out from the changing colors of an image behind them. (Use the color picker to select a color, insert the color name in this box (include the # character)):

Opacity of Text Shadow (enter a numbr between 0 and 100, for the percentage of opacity. For no shadow enter 0, for no transparency enter 100):

Page Content:

This section is for the links on your cover page. There are 15 sections (5 rows, each with a field for left, center, and right). Each field should link to something. And each has room for an emoji and a caption. Default values are inserted, if you like them, don't mess with them. If you delete the info in a field, that section will be blank. For emojis to work find the decimal code for the one you want (maybe look here; it will look like ⚓ only put the numbers into the box (we'll take care of the & # and ; characters)

Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:
Site:
Emoji: &# ;
Caption:

Hit the Button to See Your Page!
(If you are composing this on a laptop, the preview might look gigantic and distorted, try resizing your browser window to get a better sense of what it will look like on your phone. To return to this this page hit the refresh button ↻ on your browser)

Hit the Button to Get the code for your page!
(code will appear in this window)