<!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>
<!-- Hide the code from non-JavaScript-enabled browsers
<script type="text/javascript">
function onLoad() {
log_this_visit();
}
<!-- Hide the code from non-JavaScript-enabled browsers
<script type="text/javascript">
// Log this visit
function log_this_visit() {
var url = "/cgi-bin/log_visits.pl?webpage=index.html";
XMLHttpRequestObject.open('GET', url);
XMLHttpRequestObject.send(null);
}
//Was:
// Use AJAX for perl call so webpage will not exit
//function log_this_visit() {
// 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';
clearImg = new Image(1,1); clearImg.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="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 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="20%" align="right" style="font-size:10px">
<a href="about.html#places"><img src="images/cute_house.gif" height="40"style="margin:0 10 0 0"></a><br>
Places I've lived
</td>
<td width="10%" 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="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="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="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"><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="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="seattle.html" class="idxmenu" title="Seattle"><i>Seattle</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="music.html" class="idxmenu" title="Music page"><i>Music</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). Alex lives in Brooklyn, NY, and Ben lives in Taipei, Taiwan.
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> (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="boat_commute.html" class="green">commuter boat</a> to my 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 went to college and studied computer science, so I was a <a href="program.html" class="green">computer programmer</a> in my <a href="career.html"
class="green">career</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.<br>
(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 -- 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="seattle.html" 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=
"picture.html?image=pics/ep_berk.jpg&topcap=Me playing bass in 1974 when I was&comment=a student at <a target='_blank' href='https://en.wikipedia.org/wiki/Berklee_College_of_Music' class='black'><i>Berklee College of Music</i></a>">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.jpg&comment=Patti Rosenfield<br>in 1983"><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_1977.jpg&comment=Patti Rosenfield<br>in 1977">Patti</a>
in 1977 (she was a student at <a href="https://en.wikipedia.org/wiki/Boston_University"><i>Boston University</i></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 —
here's <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>near her house in Weymouth" class="green">Patti walking her dog</a> at
<a class="green" href="picture.html?image=pics/Whitmans_Pond.jpg&topcap=<i>Whitman's Pond</i> in <i>Weymouth, MA</i>"><i>Whitman's Pond</i></a> in <i>Weymouth, MA</i>) 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="picture.html?image=pics/at_our_wedding.jpg&topcap=At our wedding, July 29, 1979" 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, 10-room <a href="previous_house.html"
class="green">Victorian 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 <a href="hingham_houses.html"
class="green">Hingham house</a>) 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!).
<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>,
he is blind in one eye and<br>meows very loudly so he is probably deaf"><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>
<span style="font-size:14px;;font-weight:bold">The boys</span><br>
<ul style="margin:0 0 0 0">
<li>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, where
he got his Master's and became a college teacher, 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 Alex lives with <a href="picture.html?image=pics/Alex_and_Lylynn.jpg&comment=Alex and Lylynn Pham" class="green">Lylynn</a>).
<li>Ben graduated from <a target="_blank" href="https://en.wikipedia.org/wiki/George_Washington_University"><i>George Washington University</a> (<font color="#000080"><b>GW</b></font>)</i> in Washington, DC in 2011 in
<i>Computer Science</i>, and after college worked for <i>Twitter</i> 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 back in the U.S. He
had planned to live in Lisbon, Portugal, but he has gone back to San Francisco so we will see what happens.
</ul>
(Read more about them <a href="about.html#sons" class="green">here</a>.)
<br><img src="images/clear.gif" height="10"><br>
Patti had Ben, a <i>Doberman</i>, when we met in 1977 but he died in 1978 and we got <a href="picture.html?image=pics/Jessie85.jpg&comment=Jessie" class="green">Jessie</a>, an <i>Australian Sheppard</i>. We had her from
1978-1993 (15 years) and she finally died of old age. We had <a href="picture.html?image=pics/Bel.jpg&comment=Bel" class="green">Bel</a>, a <i>Golden Retriever</i>, and <a href=
"picture.html?image=pics/Hayley02.jpg&comment=Hayley" class="green">Hayley</a>, a <i>Terrier Cross</i>, for several years before we got our current dogs.
<br><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<br>
a drop-down <span class="date_block" style="background-color:#ddd;font-weight:normal">Site index<b>...</b> v</span> menu providing
direct access to the other pages on the website. 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.<br>
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>