<!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">
<!-- Hide the code from non-JavaScript-enabled browsers
function startup() {
log_this_visit();
}
// Use AJAX for perl call so webpage will not exit
function log_this_visit() {
<?php
exec("cgi-bin/log_visits.pl?webpage=index.html")
?>
// cgi-bin/log_visits.pl?webpage=index.html;
// var XMLHttpRequestObject = false;
// if (window.XMLHttpRequest) { // non-IE browsers
// 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")
}
}
// Stop hiding this script -->
</script>
</head>
<body onload="startup()" 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 target="_blank" 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 target="_blank" 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 target="_blank" href="https://www.britannica.com/topic/lesbian-gay-bisexual-transgender-and-queer-community" target="_blank"><img src="images/LGBTQ.gif" height="29" hspace="5" border="0" title="LGBTQ community"></a>
</td>
<td width="40" align="center">
<a target="_blank" 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>
<p>
<table width="100%">
<tr style="font-family:arial;font-size:8px;line-height:1" nowrap>
<td align="center" width="5%" 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="5%" 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="5%" 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="5%" 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="5%" style="font-size:10px" style="line-height:1">
<a href="career.html"><img src="images/career_sm.gif" align="absmiddle" hspace="10"></a><br>My career
</td>
<td align="center" width="5%" 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="5%" 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="5%" 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="5%" 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="5%" 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">
<a name="pages"></a>
<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="career.html" class="idxmenu" title="My Career"><i>My Career</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 and colleague, <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. I created this website, <span style="font-size:14px;color:#0020C2;font-weight:bold;font-style:italic">PENCELAND.com</span>,
in 1994, and continue to modify it and add pages to it. I got my first email account at that time. We have <a href="the_boys.html" class="green">grown kids</a> (<i>Alex</i> and <i>Ben</i>, born in the 1980s,
both college graduates).
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 <a href=
'hingham.html#boat' class='green'><i>by boat</i></a> most of my life"
class="green"><i>Otis Hill</i></a> and we have <a href="talbot_view_slideshow.html?pic=0" class="green">views</a> (see <a href="talbot.html" class="green"><i>Our house</i></a> for details). I am <a href=
"career.html#retirement" class="green">retired</a> now but for the last 35 years of my working life I took a <a href="hingham.html#boat" class="green">commuter boat</a> to jobs in Boston.
<br><img src="images/clear.gif" height="10"><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="20"><br>
I was born in 1948 so I'm a "<a target="_blank" href=
"https://en.wikipedia.org/wiki/Baby_boomers"><i>baby boomer</i></a>". I turned 70 in 2018 and <a href="career.html#retirement" class="green">retired</a>. Now my life consists of twice a day <a
href="otis_hill_walks.html" class="green">dog walks</a> with our <a href="our_dogs.html" class="green">2 dogs</a> and taking our household trash to the "<i>dump</i>" every week. (The "<i>dump</i>" was a
"<a href="https://en.wikipedia.org/wiki/Landfill" target="_blank"><i>landfill</i></a>" when we moved to Hingham in 1982 but it
became a "<a href="hingham_dump.html" class="green" target="_blank"><nobr><i>transfer station</i></nobr></a>" in 2000.)
<br><img src="images/clear.gif" height="10"><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
target="_blank" 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&comment=I went there from 1966-1968"
class="green">Moscow</a> (here's an <a href="picture.html?image=pics/Moscow_aerial.jpg&topcap=<i>University of Idaho</i> at Moscow, Idaho&comment=I went there 2 years (1966-1968)" class="green">aerial view</a>
of Moscow showing <i><b>U of I</b></i> 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_1970.html" class="green">long hair</a> and
experimented with psychodelic drugs like we did in the late-60s. Because I wasn't going to college I lost my <i>2-S student-deferment</i> <a target="_blank" href=
"https://en.wikipedia.org/wiki/Selective_Service_System#Classifications">draft classification</a> and I got drafted in 1969, and because of my <a href="about.html#views"
class="green">beliefs</a> (this was during the <i>Vietnam War</i> and I was very <nobr><i>anti-war!</i></nobr>) 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 target="_blank" href="https://en.wikipedia.org/wiki/Berklee_College_of_Music"><nobr><i>Berklee College of Music</i></nobr></a> and I switched from guitar to <a
class="green" href="man_on_upright.html">upright bass</a> (I found out that <a href="https://en.wikipedia.org/wiki/Berklee_College_of_Music" target="_blank"><i>Berklee</i></a> had an abundance of guitar players and a
shortage of bass players). 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#schools" class="green">several more schools</a> in Metro-Boston to study computer programming, and I eventually graduated in 1983 and became a computer programmer and had a <a href="career.html"
class="green"><nobr>great career</nobr></a> until I retired in 2018. For 35 years I commuted from Hingham (where we live) to jobs in Boston <a href="boat_commute.html" 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 align="left"><tr>
<td align="center" valign="top" style="line-height:1.1;font-size:10px;">
<td align="center" style="font-size:10px">
<a href="picture.html?image=pics/patti_1983.jpg&comment=Patti Rosenfield"><img align="middle" src="pics/patti_1985.jpg" style="margin:0 10 2 0" align="left" height="60" border="0" title="Patti"></a><br>
Patti
</td>
</tr></table>
I met <a href="picture.html?image=pics/Patti_1983.jpg&comment=Patti Rosenfield">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 class="green" href=
"picture.html?image=images/weymouth_suburb.jpg&topcap=Weymouth is a Boston suburb on the <i>South Shore</i>">Boston suburb</a>) with a fenced-in yard (she said she was just tired of walking her dog in parks in the city)
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><nobr>Blizzard of '78</i></nobr></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). Since 1977 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 gone off to
college and were grown up and gone, we were <nobr>"empty-nesters"</nobr> for 8 years and we decided that our large, 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">The boys</span><br>
Our 2 sons live far
away—Alex lives in Brooklyn, NY (he graduated from college in New York City at the <a target="_blank" href="https://en.wikipedia.org/wiki/The_New_School"><nobr><i>The New School</i></nobr></a> in Greenwich Village, and
married his college sweetheart <a href="picture.html?image=pics/Alex and Laura/Alex_Laura_2014.jpg&comment=Laura and Alex" class="green">Laura</a>, but they are divorced now), and Ben
graduated from <a target="_blank" href="https://en.wikipedia.org/wiki/George_Washington_University"><i>George Washington University</a> <b>(GW)</b></i> in Washington, DC in 2011, and after college lived in
San Francisco for years, then New York City, and moved to Taipei, Taiwan in 2021, where he lived for several years, and now is staying with us and traveling around the U.S. He had planned to live in Lisbon, Portugal, so we
will see what happens. (Read more about them <a href="about.html#sons" class="green">here</a>.)
<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!).
<br><img src="images/clear.gif" height="5"><br>
<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>
<img src="images/clear.gif" height="10"><br>
<a target="_blank" href="http://www.penceland.com"><img src="images/pentitleSmall.gif" width="108" height="12" align="bottom" title="PENCELAND.com"></a> was launched in 1994 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="#pages" 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-top:1px">
<li><a href="javascrit: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>)
- displays in a new tab
<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>)
- same tab, current page replaced with new page
</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 target="_blank" 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: 10 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>. I have links on my website
going to them.
</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 target="_blank" 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 target="_blank" 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 target="_blank" 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>