<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!-- index.html - created by Eric Pence -->
<html>
<head>
<title>PENCELAND.com</title>
<meta name="description" lang="en-us" content="A personal website with sections on Boston, Hingham, ASCII Art, JavaScript, Music, ringtones, videos, HTML authoring">
<meta name="keywords" lang="en-us" content="Eric Pence, Pence, Boston, Hingham, Payette, Idaho, JavaScript, HTML authoring, music, videos">
<meta name="author" lang="en-us" content="Eric Pence">
<link href="penceland.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<meta name="viewport" content="initial-scale=1">
<style type="text/css">
a.idxmenu:link {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:visited {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:active {font-family:arial;font-weight: bold; color:white; text-decoration: underline;}
a.idxmenu:hover {font-family:arial;font-weight: bold; color:#8CDD81; text-decoration: underline; background-color: transparent;}
</style>
<!-- Determine the level of JavaScript supported by the browser. -->
<script type="text/javascript" language="JavaScript"> var jslevel="1.0"</script>
<script type="text/javascript" language="JavaScript1.1"> jslevel="1.1"</script>
<script type="text/javascript">
<!--
function onLoad() {
log_this_visit();
}
// Use AJAX for perl call so webpage will not exit
function log_this_visit() { // non-IE browsers
#var XMLHttpRequestObject = false;
#if (window.XMLHttpRequest) {
# XMLHttpRequestObject = new XMLHttpRequest();
#}
#else if (window.ActiveXObject) { // IE
# XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
#}
#if (XMLHttpRequestObject) {
var url = 'cgi-bin/log_visits.pl?webpage=index.html';
XMLHttpRequestObject.open('GET', url);
XMLHttpRequestObject.send(null);
#}
}
// Preload images to improve performance and control viewing sequence
if (jslevel >= 1.1) {
// Background
background = new Image(); background.src = 'images/myback.gif';
// Title
title = new Image(325,50); title.src = 'images/penceland.gif';
blueribbon = new Image(26,39); blueribbon.src = 'images/bluribn.gif';
clearspacerImg = new Image(1,1); clearspacerImg.src='images/clear.gif';
// The button images that appear when the page loads
// Some other images to preload at start
soapboxImg = new Image(46,45); soapboxImg.src='images/soapbox3.gif';
boatImg = new Image(63,34); boatImg.src='images/commuter_boat_image.gif';
ringtonesImg = new Image(48,38); ringtonesImg.src='images/bells.gif';
emailJokesImg = new Image(37,37); emailJokesImg.src='images/smiley.gif';
musicVidImg = new Image(50,43); musicVidImg.src='images/music_videos_sm.gif';
leftArrowImg = new Image(9,9); leftArrowImg.src='images/left.gif';
searchTipsImg = new Image(31,25); searchTipsImg.src='images/stips.gif';
smallTitleImg = new Image(108,12); smallTitleImg.src='images/pentitleSmall.gif';
little_p_Img = new Image(16,16); little_p_Img.src='images/little_p.gif';
signatureImg = new Image(103,25); signatureImg.src='images/ep.gif';
visitsImg = new Image(38,12); visitsImg.src='images/visits.gif';
extremeImg = new Image(33,30); extremeImg.src='images/i2.gif';
}
// Put cursor focus in search field
function searchFocus() {
if(jslevel >= "1.1") {
var focusAttr = 'on';
document.Searchform.searchtext.focus();
}
}
// Show contents in popup window
function windowOpener(ref, target, parms) {
popupWindow=window.open(ref, target, parms);
popupWindow.focus();
}
// Clear search text
function clearText() {
document.Searchform.searchtext.value = '';
document.Searchform.searchtext.focus();
}
// Trap Enter key in Netscape for search
if (navigator.appName == "Netscape") {
// window.captureEvents(Event.KEYPRESS);
window.onKeyPress = netscapeKeyPress;
}
function netscapeKeyPress(e) {
if (e.which == "13") {
Search();
}
}
// Go to the selected search engine with the input text
function Search() {
var site = document.Searchform.engineSelect[document.Searchform.engineSelect.selectedIndex].value;
var stext = document.Searchform.searchtext.value;
var len = stext.length;
// If string is phrase (bracketed by quotes) replace quotes with %22
if ((stext[0] == '"') & (stext[len-1] == '"')) {
var newstext = '%22' + stext.substring(1,len-1) + '%22';
stext = newstext;
len = len + 4;
}
// Replace embedded blanks with + signs
for (i=1; i<len; i++) {
if (stext[i] == ' ') {
var newstext = stext.substring(0,i) + '+' + stext.substring(i+1,len);
stext = newstext;
}
}
// Format the URL and search string based on the selected search engine
if (stext != '') {
if (site == 'AllTheWeb') {var urlString = 'http://www.alltheweb.com/search?cat=web&cs=iso-8859-1&l=any&q=' + stext};
if (site == 'AltaVista') {var urlString = 'http://www.altavista.com/web/results?q=' + stext + '&search.x=66&search.y=9'};
if (site == 'Ask') {var urlString = 'http://www.ask.com/web?q=' + stext};
if (site == 'MSN') {var urlString = 'http://search.msn.com/results.asp?RS=CHECKED&FORM=MSNH&v=1&q=' + stext};
if (site == 'NorthernLight') {var urlString = 'http://nlresearch.northernlight.com/nlquery.fcg?cb=200&dx=2000&us=25&hb=0&orl=2%3A1&qr=' + stext + '&search.x=66&search.y=9'};
if (site == 'Excite') {var urlString = 'http://msxml.excite.com/_1_SUSTRD03IGVIZ1__info.xcite/dog/results?otmpl=dog/webresults.htm&qcat=web&qkw=' + stext};
if (site == 'Google') {var urlString = 'http://www.google.com/search?q=' + stext + '&meta=lr%3D%26hl%3Den&btnG=Google+Search'};
if (site == 'GoogleGroups') {var urlString = 'http://groups.google.com/groups?q=' + stext + '&ie=UTF-8&oe=UTF-8&hl=en'};
if (site == 'Lycos') {var urlString = 'http://search.lycos.com/default.asp?lpv=1&loc=searchbox&query=' + stext + '&x=35&y=9'};
if (site == 'Search.com') {var urlString = 'http://www.search.com/search?channel=1&tag=st.se.fd..sch&q=' + stext};
if (site == 'Yahoo') {var urlString = 'http://search.yahoo.com/bin/search?p=' + stext};
if (site == 'Bing') {var urlString = 'http://www.bing.com/search?q=' + stext + '&go=&form=QBLH'};
} else {
if (site == 'AllTheWeb') {var urlString = 'http://www.alltheweb.com/'};
if (site == 'AltaVista') {var urlString = 'http://www.altavista.com/'};
if (site == 'Ask') {var urlString = 'http://www.ask.com/'};
if (site == 'MSN') {var urlString = 'http://search.msn.com/'};
if (site == 'NorthernLight') {var urlString = 'http://nlresearch.northernlight.com/'};
if (site == 'Excite') {var urlString = 'http://www.infospace.com/_1_SUSTRD03IGVIZ1__info.xcite/'};
if (site == 'Google') {var urlString = 'http://www.google.com/'};
if (site == 'GoogleGroups') {var urlString = 'http://groups.google.com/'};
if (site == 'Lycos') {var urlString = 'http://search.lycos.com/'};
if (site == 'Search.com') {var urlString = 'http://www.search.com/'};
if (site == 'Yahoo') {var urlString = 'http://search.yahoo.com/'};
if (site == 'Bing') {var urlString = 'http://www.bing.com/'};
}
window.open(urlString) // Opens in new tab
document.Searchform.searchtext.value = ''; // Clear search form
//window.location.href = urlString;
}
// Share this page on Facebook
function fbShare(url) {
var winWidth = 520;
var winHeight = 350;
var winTop = (screen.height / 2) - (winHeight / 2);
var winLeft = (screen.width / 2) - (winWidth / 2);
window.open('http://www.facebook.com/sharer.php?s=100&p[url]=' + url, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
return;
}
// Switch On and Off button images
function imageSwap(imgID,imgName) {
if(jslevel >= "1.1") {
document.images[imgID].src = eval(imgName + ".src")
}
}
// -->
</script>
</head>
<body onLoad="onLoad()" style="width:100%">
<div style="width:100%"><img src="images/grnbar1.gif" height="5" vspace="5" width="100%"></div>
<table width="100%">
<tr>
<td width="30%">
<table><tr>
<td width="40" align="center">
<a href="about.html#pacifism"><img src="images/peace_button.gif" width="39" height="39" title="Back by popular demand!" border="0"></a>
</td>
<td width="40" align="center">
<a href="http://www.eff.org/br/" target="_blank"><img src="images/bluribn.gif" width="26" height="39" border="0" title="Blue Ribbon Campaign"></a>
</td>
<td width="40" align="center">
<a href="http://www.hrc.org/" target="_blank"><img src="images/hrc.gif" width="32" height="32" border="0" title="Human Rights Campaign"></a>
</td>
<td width="40" align="center">
<a href="https://mindyourmind.ca/wellness/self-care-lgbtq-youth-and-allies" target="_blank"><img src="images/ally.gif" width="40" height="29" hspace="5" border="0" title="LGBTQ Ally"></a>
</td>
<td width="40" align="center">
<a href="https://blacklivesmatter.com/" target="_blank"><img src="images/blm_logo.gif" width="41" height="32" hspace="5" border="0" title="Black Lives Matter"></a>
</td>
</tr></table>
</td>
<td width="40%" align="center">
<img src="images/penceland.gif" width="325" height="50" title="PENCELAND.com"><br>
<font size="-1"><i>by</i></font> <a href="about.html" class="blubi"><span title="by Eric Pence">Eric Pence</span></b></a>
</td>
<td width="30%" align="right" valign="top">
<img src="images/clear.gif" height="10"><br>
<table cellspacing="0" cellpadding="0">
<tr>
<td align="right" height="25" valign="top" nowrap colspan="2">
<span class="date_block" title="Today's date">
<b>
<script type="text/javascript" language="JavaScript">
<!--
var today = new Date();
var yyyy = today.getYear();
if (yyyy < 1000) {
yyyy += 1900;
}
var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December")
var Month = montharray[today.getMonth()];
var dd = today.getDate();
document.write(Month + " " + dd + ", " + yyyy);
// -->
</script>
</b>
</span>
<br><img src="images/clear.gif" height="2"><br>
(<a href="about.html#email" class="green"><i>contact me</i></a>)
</td>
</tr>
</table>
</td>
</tr>
</table>
<center>
<table>
<tr>
<td valign="middle" align="center">
<form name="Searchform" action="javascript:Search()" method="POST">
<font face="arial,helvetica,sans-serif">
<b>Search for:</b>
</font>
<input type="text" name="searchtext" size="50" maxlength="200" value="" style="font-size:16px;height:24px">
<input type="button" value="Search" name="SearchButton" onClick="Search()">
</font></font>
<br><img src="images/clear.gif" height="2"><br>
<img src="images/clearspacer.gif" height="1" hspace="30">
<font face="arial,helvetica,sans-serif">using </font>
<select name="engineSelect">
<option selected value="Google">Google</option>
<option value="Bing">Bing</option>
<option value="Ask">Ask.com</option>
<option value="Yahoo">Yahoo</option>
<option value="GoogleGroups">Google Groups</option>
<option value="MSN">MSN Search</option>
<option value="AllTheWeb">AlltheWeb</option>
<option value="AltaVista">Altavista</option>
<option value="Excite">Excite</option>
<option value="Lycos">Lycos</option>
<option value="Search.com">Search.com</option>
</select>
<input type="button" value="Clear" name="reset" onClick="clearText()">
<a href="search.html#tips" class="green" title="Search tips">Search tips</a>
</form>
</td>
</tr>
</table>
</center>
<table width="100%">
<tr style="font-family:arial;font-size:8px;line-height:1" nowrap>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="family_2012.html" title="My family" class="smallblack"><img src="images/family_photo_t.jpg" height="40" border="0"></a><br>My family
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="recent_photo.html" title="Our house" class="smallblack"><img src="images/27_talbot2_t.jpg" align="middle" border="0" width="64" height="40" style="margin-bottom:2"></a><br>Our house
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="my_songs.html" title="My songs" class="smallblack"><img src="images/ipod_listen_smaller.gif" width="50" height="45" border="0"></a><br>My songs
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="about.html#views" title="Where I stand" class="smallblack"><img src="images/soapbox3.gif" width="46" height="45" border="0" style="margin-bottom:2"></a><br>Where I stand
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="about.html#travel" title="Travel" class="smallblack"><img src="images/travel.gif" width="61" height="44" vspace="1" border="0"></a><br>Travel
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="cool.html#truth" title="Get the Truth" class="smallblack"><img src="images/truth-cross_sm.gif" width="41" height="44" title="Get the Truth" border="0" style="margin-bottom:2"></a><br>Get the Truth
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="gallery.html#snapshots" title="Snapshots" class="smallblack"><img src="images/camera_small.gif" width="46" height="45" border="0"></a><br>Snapshots
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="about.html#smartphone" title="Smartphone" class="smallblack"><img src="images/samsung_s4_mini_sm.gif" width="25" height="41" border="0"></a><br>Smartphone
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="career.html" title="My career" class="smallblack"><img src="images/career.gif" width="60" height="57" border="0"></a><br>My career
</td>
<td align="center" width="4%" style="font-size:10px" style="line-height:1">
<a href="career.html#retirement" title="Retirement" class="smallblack"><img src="images/retirement.gif" width="62" height="50" border="0"></a><br>Retirement
</td>
</tr>
</table>
<img src="images/clear.gif" height="8">
<table width="100%" height="30" style="background-color:#2C5197"><tr>
<td style="font-family:arial;color:white" align="middle" nowrap>
<span class="idxmenu"><i>Pages<b>:</b></i></span>
<a href="boston.html" class="idxmenu" title="Boston page"><i>Boston</i></a> |
<a href="hingham.html" class="idxmenu" title="Hingham page"><i>Hingham</i></a> |
<a href="music.html" class="idxmenu" title="Music page"><i>Music</i></a> |
<a href="payette.html" class="idxmenu" title="Payette page"><i>Payette</i></a> |
<a href="citylife.html" class="idxmenu" title="City Life page"><i>City Life</i></a> |
<a href="cool.html" class="idxmenu" title="Favorites page"><i>Favorites</i></a> |
<a href="search.html" class="idxmenu" title="Search page"><i>Search</i></a> |
<a href="humor.html" class="idxmenu" title="Humor page"><i>Humor</i></a> |
<a href="onlinetips.html" class="idxmenu" title="City Life page"><i>Online tips</i></a> |
<a href="program.html" class="idxmenu" title="Programming page"><i>Programming</i></a> |
<a href="js.html" class="idxmenu" title="JavaScript page"><i>JavaScript</i></a> |
<a href="windows.html" class="idxmenu" title="City Life page"><i>Windows</i></a> |
<a href="friends.html" class="idxmenu" title="Friends page"><i>Friends</i></a> |
<a href="gallery.html" class="idxmenu" title="Gallery page"><i>Gallery</i></a> |
<a href="about.html" class="idxmenu" title="About page"><i>About Me</i></a>
</td>
</tr></table>
<center>
<table width="98%">
<tr>
<td colspan="3">
<img src="images/clear.gif" height="10"><br>
<table align="left" style="margin-right:5"><tr><td align="center" valign="top" style="font-size:10px">
<a href="picture.html?image=pics/Eric_on_Common.jpg&topcap=Eric on the <i>Boston Common</i> on <i>Memorial Day</i> in 2018 (the year I retired)&comment=Picture taken by my good friend, <a
href='Margarette_N.html' class='green'><i>Margarette</i></a>"><img src="images/Eric_on_Common_t.jpg" width="53" height="65" border="0" title="Eric in his 70s" style="margin:0 5 2 0"></a><br>
Me in 2018
</td></tr></table>
<table align="right" style="margin-right:5"><tr><td align="center" valign="top" style="line-height:1.1;font-size:10px;">
<td align="center" style="font-size:10px">
<a href="eric_patti_2010.html">
<img align="middle" src="images/Eric_and_Patti_t.jpg" style="margin:0 2 2 0" align="left" height="60" border="0" title="Eric & Patti"></a><br>
Eric & Patti
</td>
</tr></table>
My name is Eric Pence. I have been married to <a href="our_wedding.html" class="green">Patti</a> since 1979. We have grown <a href=
"the_boys.html" class="green">adult children</a> (<i>Alex</i> and <i>Ben</i>, born in the 1980s, both college graduates). I turned 70 in 2018 and <a href="career.html#retirement"
class="green">retired</a> (I was born in 1948 so I'm a "<a href="https://en.wikipedia.org/wiki/Baby_boomers"><i>baby boomer</i></a>"). We live in <a href=
"picture.html?image=pics/hingham_us_loc.jpg&topcap=Hingham, Massachusetts, location in the United States" class="green">Hingham</a>, Massachusetts (a <a href=
"picture.html?image=pics/hingham_suburb.jpg&topcap=Hingham is a Boston suburb on the <i>South Shore</i>" class="green">Boston suburb</a> on the coast) on <a href=
"picture.html?image=pics/Hingham_Boston_Otis_Hill.jpg&topcap=We live on <i>Otis Hill</i> in Hingham, a Boston suburb&comment=I'm retired now but I commuted to jobs in Boston by boat most of my life"
class="green"><i>Otis Hill</i></a> (see <a href="talbot.html" class="green"><i>Our house</i></a> for details) and we can see the <a href=
"picture.html?image=pics/boston_skyline.jpg&topcap=Boston view from house" class="green">Boston skyline</a> from our house. Our <a href="the_boys.html" class="green">grown kids</a> live far away—Alex lives in
Brooklyn, NY (he graduated from college in New York City at the <a href="https://en.wikipedia.org/wiki/The_New_School"><i>The New School</i></a>), and Ben lives in Lisbon, Portugal (previously Taiwan for several years).
<br><img src="images/clear.gif" height="5"><br>
Go to <a href="about.html" class="green"><i>About Me</i></a> for more details about my life, and <a href="career.html" class="green"><i>My Career</i></a> for a history of my working life.
<br><img src="images/clear.gif" height="25"><br>
I grew up in <a href="payette.html" class="green">Payette, Idaho</a>. After high school I went to college for 2 years (1966-68) at <a href=
"https://en.wikipedia.org/wiki/University_of_Idaho"><i>University of Idaho</i></a> in <a href="picture.html?image=images/moscow_loc.jpg&topcap=Moscow, Idaho location on map" class="green">Moscow</a> (my home state college,
where both of my parents had graduated), where I majored in
<i>Mechanical Engineering</i>. I took a break from college and moved to <a href="about.html#seattle" class="green">Seattle</a>, where I lived for 5 years and I had <a href="eric_1969.html" class="green">long hair</a> and
experimented with drugs. Because I wasn't going to college I lost my <i>2-S student-deferment</i> <a href="https://en.wikipedia.org/wiki/Selective_Service_System#Classifications">draft classification</a> (this was during the
<i>Vietnam War</i>) and I got drafted in 1969, and because of my <a href="about.html#views" class="green">beliefs</a> (I was very <i>anti-war!</i>) I was a <a href="draftresistance.html" class="green">draft resister</a>
(<i>this caused a little termoil in my life but that is ancient history now</i>). I had taken up guitar in college and started playing jazz, so I came to <a href="boston.html" class="green">Boston</a> in 1973 to study jazz
at <a href="https://en.wikipedia.org/wiki/Berklee_College_of_Music"><nobr><i>Berklee College of Music</i></nobr></a> ((they had an abundance of guitar players and a shortage of bass players so they asked me to switch to <a
href= "picture.html?image=pics/man_on_bass.jpg&topcap=Man playing upright bass&comment=My instrument at<br><span style='line-height:1'>Berklee College of Music</span>" class="green"><i>upright bass</i></a> which I did and
loved it). I went to <a href="music.html#berklee" class="green"><i>Berklee</i></a> for a couple of years (1973-1975) but then I discovered computers and went to <a href="career.html#schools2" class="green">several more
schools</a> in Metro-Boston to study programming, and I eventually graduated in 1983 and became a computer programmer and had a <a href="career.html" class="green">great career</a> until I retired in 2018. For 35 years
I commuted from Hingham to jobs in Boston <a href="hingham.html#boat" class="green">by boat</a>.
<br><img src="images/clear.gif" height="10"><br>
<table align="right" valign="top"><tr>
<td width="85" style="line-height:1.1;font-size:10px" align="center" valign="top">
<a href="hingham_houses.html" class="green"><img src="images/hingham_houses_t.jpg" height="50" border="0" title="Hingham houses" style="margin-bottom:2"></a><br>
Our Hingham houses
</td>
</tr></table>
I met <a href="picture.html?image=pics/morningside_path/Patti_1977.jpg&topcap=Patti and her dog Ben&comment=That's at Whitman's Pond<br><span style='line-height:1'>near her house in Weymouth</span>" class="green">Patti</a>
in 1977 (she was a student at <a href="https://en.wikipedia.org/wiki/Boston_University">B.U.</a>) when she had just bought a <a href="weymouth_house.html" class="green">house</a>
in Weymouth (a <a href="picture.html?image=images/weymouth_suburb.jpg&topcap=Weymouth is a Boston suburb on the <i>South Shore</i>" class="green">Boston suburb</a>) and I was still living
in an <a href="queensberry_apt.html" class="green">apartment</a> in Boston (I lived there during the <a href="Blizzardof78.html" class="green"><i>Blizzard of '78</i></a>, a notorius snow storm we had that February), and I
moved into her house with her in 1978 (after the storm) and we got <a href="our_wedding.html" width="50" height="70" class="green">married</a> in 1979 (the
year Patti graduated from college). We've owned <a href="about.html#our_houses" class="green"><nobr>3 suburban houses</nobr></a> on the <a href=
"South_Shore_towns.html" class="green"><i>South Shore</i></a>—we lived
in our <a href="first_house.html" class="green">first house</a> in Weymouth for 5 years (1977-1982) until we lost it in a <a href="about.html#fire" class="green">fire</a> in 1982, then we moved to <a href=
"picture.html?image=pics/hingham_suburb.jpg&topcap=Hingham is a Boston suburb on the <i>South Shore</i>" class="green">Hingham</a> into our <a href="lafayette_1982.html" class="green">2nd house</a> (first <a href=
"hingham_houses.html" class="green">Hingham house</a>) where we lived for 34 years (1982-2016) and raised our <a href="the_boys.html" class="green"><nobr>two sons</nobr></a>, and after they had graduated from
college and were grown up and gone, we were <nobr>"empty-nesters"</nobr> for 8 years and we decided that our large (remodeled), 3-story, 5-bedroom, Victorian <a href="previous_house.html"
class="green">house</a> was too big for just the 2 of us and it was time to <i>downsize</i>, so we sold it in 2016 and bought our <a href= "talbot_before_after.html" class="green">3rd house</a> (second Hingham house)
where we still live.
<br><img src="images/clear.gif" height="5"><br>
<span style="font-size:14px;;font-weight:bold">My family</span><br>
I can't express how <i>proud</i> I am to have 2 grown sons, both college graduates! Now that <a href="the_boys.html" class="green">Alex & Ben</a> are grown up and live elsewhere, our home
family consists of <a href="eric_patti_2010.html" class="green">Patti and me</a>, our 2 dogs, <a href="our_dogs.html" class=
"green">Casey & Quinn</a>, and a cat, <a href= "picture.html?image=pics/Pepper1.jpg&topcap=Pepper is our cat&comment=He was <a href='picture.html?image=pics/Pepper_2005.jpg&topcap=Pepper as a kitten in 2005'
class='black'><i>born in 2005</i></a>, so he's getting up there in age" class="green">Pepper</a> (our other cat, <a href="mandy.html" class="green">Mandy</a>, we had for 17 years and she died in 2018!).
<table><tr>
<td width="10"></td>
<td align="center" style="font-size:10px">
<a href="eric_patti_2010.html">
<img align="middle" src="images/Eric_and_Patti_t.jpg" hspace="10" vspace="0" align="left" height="50" border="0" title="Eric & Patti"></a><br>
Eric & Patti
</td>
<td align="center" style="font-size:10px">
<a href="the_boys.html">
<img align="middle" src="images/Alex_and_Ben_t.jpg" hspace="10" vspace="0" align="left" height="50" border="0" title="The boys"></a><br>
Alex & Ben
</td>
<td align="center" style="font-size:10px">
<a href="our_dogs.html"><img align="middle" src="images/dogs_t.jpg" hspace="10" vspace="0" align="left" height="50" border="0" title="Casey & Quinn"></a><br>
Casey & Quinn
</td>
<td align="center" style="font-size:10px">
<a href="picture.html?image=pics/Pepper1.jpg&topcap=Pepper is our cat&comment=He was <a href='picture.html?image=pics/Pepper_2005.jpg&topcap=Pepper as a kitten in 2005' class='black'><i>born in 2005</i></a>,
so he's getting up there in age"><img align="middle" src="images/Pepper1_t.jpg" hspace="10" vspace="0" align="left" height="50" border="0" title="Pepper"></a><br>
Pepper
</td>
<td align="center" style="font-size:10px">
<a href="mandy.html"><img align="middle" src="images/Mandy_t.jpg" hspace="10" vspace="0" align="left" height="50" border="0" title="Mandy"></a><br>
Mandy
</td>
<td align="center" style="font-size:10px">
<a href="family_2012.html">
<img src="images/Pence_family_t.jpg" height="50" align="right" title="Pence family" vspace="0" hspace="10"></a><br>
Family photo
</td>
<td align="center" style="font-size:10px">
<a href="about.html#family_news">
<img src="images/family_icon.gif" height="40" align="right" title="Family news" vspace="0" hspace="10"></a><br>
Family news
</td>
<td align="left" valign="top">
<span style="font-size:14px;;font-weight:bold"> Go to...</span>
<ul style="margin:0 0 0 0">
<li><a href="about.html#family" class="green">My family</a>
<li><a href="the_boys.html" class="green">The boys</a>
</ul>
</td>
</tr></table>
Now that I'm retired one of my main activities is I go for twice daily <a href= "otis_hill_walks.html" class="green">dog walks</a>.
<br><img src="images/clear.gif" height="10"><br>
<img src="images/pentitleSmall.gif" width="108" height="12" align="bottom" title="PENCELAND.com"> was launched in 1996 to share things that
interest me, express some philosophy and opinions, put up family photos and information, provide links to interesting sites, and just simply to
entertain. Generally speaking, the content of the site is what I consider interesting, amusing, stimulating, educational, technical, totally
<i>non-commercial</i>, and <i>hopefully non-offensive</i>—and I try to verify that my links go to sites with the same standards.
<br><img src="images/clear.gif" height="10"><br>
There is a menu bar above with links to the website pages <a href="javascript:void(0)" title="Links to pages"><img src="images/links_menu.jpg" align="absmiddle"></a> on this site, and the icons above them are links to
various locations on the site. Each page has a menu across the top with links to a <a href="javascript:void(0)"><table style="display:inline-block;background-color:#2C5197;vertical-align:middle" height="20"
title="Page section"><tr><td style="font-family:arial;font-size:12px;padding:0 2 0 2;line-height:1.5;font-weight:bold;color:#F5F5F5"> | <span style="text-decoration:underline">Page section</span> | </td></tr></table></a>
for the page on display, and on the title-bar of each page is a drop-down <i>Site index</i> menu providing direct access to the other pages. To speed up the loading of the pages I have
tried to minimize the size of graphics that will immediately appear, and I have provided small <i>thumbnail</i> images to click on to see
enlargements of the photos. In some places I put a <a href="javascript:void(0)"><img src= "images/top_of_page_sm.gif" border="0" hspace="2"
align="absmiddle" title="Top of page"></a> to click on to go to the top of the current page or a <a href= "javascript:void(0)"><img src=
"images/up_arrow.jpg" border="0" hspace="3" align= "absmiddle" title="Top of section"></a> to click on to go to the top of the current section.
<br><img src="images/clear.gif" height="10"><br>
Links on the webpages are displayed in several colors (your browser must allow webpages to choose their own colors for these
to work in CSS):
<ul style="margin: 0 0 10 0">
<li><a href="javascript:void(0)" class="blueulb" title="links to remote websites">links to <i>remote</i> websites</a> (<span style="font-weight:bold;color:#333399;text-decoration:underline">blue</span>)
<li><a href="javascript:void(0)" class="green" title="links to my pages">links to places in <i>PENCELAND.com</i></a> (<span style="font-weight:bold;color:#006060;text-decoration:underline">green</span>)
<li><a href="javascript:void(0)" class="black" title="links to maps">links displaying in a <i>new tab</i></a> (<span style="font-weight:bold;color:#000000;text-decoration:underline">black</span> - often maps)
</ul>
Except for a little section on <a href="about.html#family_news" class="green">Family news</a> the site is not a blog with frequent updates (for that see me on <a href= "https://www.facebook.com/eric.b.pence" target
"_blank"><i>Facebook</i></a>) but as I discover new web methods and as my passions for things change I will continue to make regular additions and modifications. I try to keep things accurate, and update or remove things
that are no longer valid, but technology changes can occur faster than my website updates, so some things may not always be current.
<ul style="margin: 0 0 10 0">
<li><a href="about.html#removed_pages" class="green">Removed pages</a> – these pages are no longer on the menu bar above but I didn't delete them and they still exist on <i>PENCELAND</i>
</ul>
Now that I'm retired I keep this website up as a hobby. When people suggest I should do something in web-development in my retirement, since I worked as a web-developer, I want to tell them my web skills are very old.
Though in my <a href="career.html#jobs" class="green">jobs</a> I created interactive web applications in <i>Perl</i> and <i>Java</i> and even have a few <a href="program.html#perl"
class="green"><i>Perl</i></a> apps on my pages I mostly code my whole website in <a href="onlinetips.html#webpage" class="green">HTML</a> and <a href="js.html" class="green">JavaScript</a> and don't use any web-development
tools that current web developers have. On some pages I put links to views of <i>Perl</i> scripts showing you <a href=
"cgi-bin/print_source.pl?src=../index.html" class="green" onClick="javascript:windowOpener(this.href,this.target,'width=875,height=700,left=25,top=100,scrollbars=1');return false;">the code</a> that is producing the page.
<br><img src="images/clear.gif" height="10"><br>
I have been doing this for many years and it hasn't evolved much, and the only coding I do now is on this website. I started coding for this website in 1994 and I created every piece of every page in a text editor
(<a href="http://www.textpad.com">Textpad</a>), and that is what I continue to do. Our son, <a href="about.html#ben" class="green">Ben</a>, is a programmer (he graduated from college in 2011 with a degree in
<i>Computer Science</i>), so let him do the new stuff. As I said, my web skills are pretty old, I learned programming in the early 1980s, <i>before the Internet even existed!</i> In the 1990s I learned HTML and created
this website.
<br><img src="images/clear.gif" height="10"><br>
For years I surfed the web and had email, but for a truly <i>"interactive"</i> experience I created a <a href="https://www.facebook.com/eric.b.pence/" target="_blank"><i>Facebook</i></a> page.
<br><img src="images/clear.gif" height="10"><br>
This site was created on a Windows PC but I have since discovered if you view it on a mobile device (tablet or phone) it may not view the same. <i>Sorry.</i>
<br><img src="images/clear.gif" height="10"><br>
<i>Enjoy your visit and come back soon.</i>
</td>
</tr>
</table>
<img src="images/clear.gif" height="10"><br>
<table width="95%">
<tr>
<td width="33%" align="left" valign="top">
<a href="about.html"><img src="images/ep.gif" width="103" height="25" border="0" align="middle" title="Eric Pence"></a>
</td>
<td width="34%" align="center" valign="bottom">
<a href="coexist.html"><img src="images/coexist.jpg" width="120" height="31" title="Imagine all people living in peace." border="0"></a><img src="images/clear.gif" width="45" height="30">
</td>
<td width="33%" align="right" valign="bottom">
<table cellpadding="0" border="0" style="display:inline-block">
<tr>
<td width="38" height="32" align="center">
<div id="eXTReMe"><a href="http://extremetracking.com/open?login=ericpenc">
<img src="http://t1.extreme-dm.com/i.gif" style="border: 0;"
height="38" width="41" id="EXim" alt="eXTReMe Tracker" title="eXTReMe Tracker" /></a>
<script type="text/javascript"><!--
var EXlogin='ericpenc' // Login
var EXvsrv='s11' // VServer
EXs=screen;EXw=EXs.width;navigator.appName!="Netscape"?
EXb=EXs.colorDepth:EXb=EXs.pixelDepth;
navigator.javaEnabled()==1?EXjv="y":EXjv="n";
EXd=document;EXw?"":EXw="na";EXb?"":EXb="na";
EXd.write("<img src=http://e2.extreme-dm.com",
"/"+EXvsrv+".g?login="+EXlogin+"&",
"jv="+EXjv+"&j=y&srw="+EXw+"&srb="+EXb+"&",
"l="+escape(EXd.referrer)+" height=1 width=1>");//-->
</script><noscript><div id="neXTReMe"><img height="1" width="1" alt=""
src="http://e2.extreme-dm.com/s11.g?login=ericpenc&j=n&jv=n" />
</div></noscript></div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
<p>
<img src="images/grnbar1.gif" height="5" width="100%">
</body>
</html>