Listing 1: index_features.htm
00001 <HTML><HEAD><TITLE>Suboski Web Design, Ohio</TITLE>
00002
00003 <LINK REL=stylesheet HREF="styleie.css" TYPE=text/css>
00004
00005 <style type="text/css">
00006 <!--
00007 #pup {position:absolute; visibility:hidden; z-index:200; width:300; }
00008 //--></style>
00009
00010 <style>
00011
00012 a:link {color: #666666; font-family:"arial"; font-size: 11pt; text-decoration:none; font-weight:bold;}
00013 a:visited {color: #666666; font-family:"arial"; font-size: 11pt; text-decoration:none; font-weight:bold;}
00014 a:active {color: #666666; font-family:"arial"; font-size: 11pt; text-decoration:none; font-weight:bold;}
00015 a:hover {color: #000000; font-family:"arial"; font-size: 11pt; text-decoration:none; font-weight:bold;}
00016
00017 .Header
00018 {
00019 color: #333333;
00020 font-family:"arial";
00021 font-size: 11pt;
00022 text-decoration:none;
00023 font-weight:bold;
00024 }
00025
00026 .bodytext
00027 {
00028 color: #000066;
00029 font-family:"arial";
00030 font-size: 11pt;
00031 text-decoration:none;
00032 }
00033
00034 </style>
00035
00036
00037 <META content="text/html; charset=windows-1252" http-equiv=Content-Type>
00038 <META content="Bill Suboski for Suboski Web Design" name=author>
00039
00040 <META
00041 content="webdesign, web page, webpage, website, web site, web, internet,WWW, world, custom, custo
=>mized, HTML, online sales, selling, image, scan, GIF, JPEG, Amsterdam, The Netherlands, &
=>#10;Dutch, Internet, marketing, online, commerce, commercial, sales, selling, communication, progressi
=>ve, webpage development,catalog, catalogues, listings, quiz, online listings, consultant, advertising,
=> business, success"
00042 name=keywords>
00043
00044
00045
00046 <script language="JavaScript">
00047
00048
00049 var window1 = new Array(null,null,null,null,null,null);
00050
00051 function goodwindow(url,title,pnt,w,h,left,top)
00052 {
00053 // alert(document.images['end'].vspace)
00054 // var widt = w; var hite = h;
00055 if (window1[pnt])
00056 {
00057 if (window1[pnt].closed)
00058 {
00059 newWin(url,title,pnt,w,h,left,
=>top)
00060 }
00061 else
00062 {
00063 window1[pnt].focus()
00064 }
00065 }
00066 else
00067 {
00068 newWin(url,title,pnt,w,h,left,top)
00069 }
00070 }
00071
00072
00073 function newWin(url, title, pnt, w, h, left, top)
00074 {
00075 window1[pnt]=window.open(url, title, "scrollbars=yes,width=" + w + ",height
=>=" + h + ",left=" + left + ",top=" + top)
00076 window1[pnt].focus()
00077 // var settings = "width=250,height=250,left=200,top=30,toolbar=0,location=0,director
=>ies=0,status=1,menubar=0,scrollbars=1,resizable=0,copyhistory=0"
00078 }
00079
00080
00081 //-->
00082 </SCRIPT>
00083
00084
00085 <script language="JavaScript">
00086
00087 // Select the season logo based on month of the year
00088
00089 Mths = new Array();
00090 Mths[0] = "Winter"; Mths[1] = "Winter";
00091 Mths[2] = "Spring"; Mths[3] = "Spring";
00092 Mths[4] = "Spring"; Mths[5] = "Summer";
00093 Mths[6] = "Summer"; Mths[7] = "Summer";
00094 Mths[8] = "Fall"; Mths[9] = "Fall";
00095 Mths[10] = "Fall"; Mths[11] = "Winter";
00096
00097 var today = new Date();
00098 var m = today.getMonth();
00099
00100 var out = '<center><img src="_images_sys/'+Mths[m]+'.gif" alt="'+M
=>ths[m]+'" border=0></center>';
00101
00102
00103 // Backgrounds for random selection
00104
00105 Pics=new Array();
00106 Pics[0] ="http://www.suboski.net/_images_sys/bg/t_tan04.jpg";
00107 Pics[1] ="http://www.suboski.net/_images_sys/bg/t_marble_blue.gif";
00108 Pics[2] ="http://www.suboski.net/_images_sys/bg/t_marble_gray.jpg";
00109 Pics[3] ="http://www.suboski.net/_images_sys/bg/t_paper1.gif";
00110
00111 // Logos for random selection
00112
00113 Logos=new Array();
00114 Logos[0] ="http://www.suboski.net/_images_sys/logos/bill-logo0.gif";
00115 Logos[1] ="http://www.suboski.net/_images_sys/logos/bill-logo1.gif";
00116 Logos[2] ="http://www.suboski.net/_images_sys/logos/bill-logo2.gif";
00117 Logos[3] ="http://www.suboski.net/_images_sys/logos/bill-logo3.gif";
00118 Logos[4] ="http://www.suboski.net/_images_sys/logos/bill-logo4.gif";
00119
00120 col=new Array();
00121 col[0] ="#ffeecc";
00122 col[1] ="#eeeeff";
00123 col[2] ="#eeeeee";
00124
00125 var P=Math.floor(Math.random()*4);
00126 var L=Math.floor(Math.random()*5);
00127
00128
00129 function swap()
00130 {
00131 // Come here when page fully loaded
00132
00133 var temp = 'URL('+Pics[P]+')'
00134
00135 document.getElementById('bg').style.backgroundImage = temp;
00136 document.getElementById('bg2').style.backgroundImage = temp;
00137 document.getElementById('bg3').style.backgroundImage = temp;
00138
00139 document.getElementById('logo').src = Logos[L];
00140 }
00141 </SCRIPT>
00142
00143
00144 </HEAD>
00145 <BODY aLink=#ffffff background=http://www.suboski.net/_images_sys/bg/p_space01.gif !bgColor=#000000
00146 !link=#ff6600 text=#000000 !vLink=#ffffff onload="swap();">
00147
00148
00149 <!-- CUT'N'PASTE THIS CODE INTO THE BODY OF YOUR HTML DOCUMENT ===================-->
00150 <!--
00151 ######################################################
00152 # JAVASCRIPT POPUPS ROUTINE VERSION #7 07-Feb-2001 #
00153 # Written by Mike McGrath [mike_mcgrath@lineone.net] #
00154 # PC-Tested for Netscape 3.04, 4.61, 6.0, & IE5.5 #
00155 # Note: Popups may not cover all form field inputs. #
00156 # PLEASE RETAIN THIS NOTICE WHEN COPYING MY SCRIPT. #
00157 # THIS SCRIPT IS COPYRIGHT OF MIKE MCGRATH 1998-2001 #
00158 ######################################################
00159 -->
00160 <script language="JavaScript">
00161 <!-- Original: Mike McGrath (mike_mcgrath@lineone.net) -->
00162 <!-- Web Site: http://website.lineone.net/~mike_mcgrath -->
00163 <!--
00164 var Xoffset=0; // modify these values to ...
00165 var Yoffset= 10; // change the popup position.
00166 var popwidth=250; // popup width
00167 var bcolor="#000000"; // popup border color
00168 var fcolor="black"; // popup font color
00169 var fface="verdana"; // popup font face
00170 // create content box
00171 document.write("<DIV ID='pup'></DIV>");
00172 // id browsers
00173 var iex=(document.all);
00174 var nav=(document.layers);
00175 var old=(navigator.appName=="Netscape" && !document.layers && !document.getElementById);
00176 var n_6=(window.sidebar);
00177 // assign object
00178 var skin;
00179 if(nav) skin=document.pup;
00180 if(iex) skin=pup.style;
00181 if(n_6) skin=document.getElementById("pup").style;
00182 // park modifier
00183 var yyy=-1000;
00184 // capture pointer
00185 if(nav)document.captureEvents(Event.MOUSEMOVE);
00186 if(n_6) document.addEventListener("mousemove",get_mouse,true);
00187 if(nav||iex)document.onmousemove=get_mouse;
00188 // set dynamic coords
00189 function get_mouse(e)
00190 {
00191 var x,y;
00192 if(nav || n_6) x=e.pageX;
00193 if(iex) x=event.x+document.body.scrollLeft;
00194 if(nav || n_6) y=e.pageY;
00195 if(iex)
00196 {
00197 y=event.y;
00198 if(navigator.appVersion.indexOf("MSIE 4")==-1)
00199 y+=document.body.scrollTop;
00200 }
00201 if(iex || nav)
00202 {
00203 skin.top=y+yyy;
00204 skin.left=x+Xoffset;
00205 }
00206 if(n_6)
00207 {
00208 skin.top=(y+yyy)+"px";
00209 skin.left=x+Xoffset+"px";
00210 }
00211 // nudge(x);
00212 }
00213 // avoid edge overflow
00214 function nudge(x)
00215 {
00216 var extreme,overflow,temp;
00217 // right
00218 if(iex) extreme=(document.body.clientWidth-popwidth);
00219 if(n_6 || nav) extreme=(window.innerWidth-popwidth);
00220 if(parseInt(skin.left)>extreme)
00221 {
00222 overflow=parseInt(skin.left)-extreme;
00223 temp=parseInt(skin.left);
00224 temp-=overflow;
00225 if(nav || iex) skin.left=temp;
00226 if(n_6)skin.left=temp+"px";
00227 }
00228 // left
00229 if(parseInt(skin.left)<1)
00230 {
00231 overflow=parseInt(skin.left)-1;
00232 temp=parseInt(skin.left);
00233 temp-=overflow;
00234 if(nav || iex) skin.left=temp;
00235 if(n_6)skin.left=temp+"px";
00236 }
00237 }
00238 // write content & display
00239 function popup(msg,bak)
00240 {
00241 var content="<TABLE WIDTH='"+popwidth+"' BORDER='1' BORDERCOLOR="+bcolor+" CELLPADDING=
=>6 CELLSPACING=0 "+"BGCOLOR=#"+bak+"><TD><FONT COLOR="+fcolor+" FACE="+ffa
=>ce+" SIZE=1>"+msg+"</FONT></TD></TABLE>";
00242 if(old)
00243 {
00244 alert(msg);
00245 return;
00246 }
00247 yyy=Yoffset;
00248 skin.width=popwidth;
00249 if(nav)
00250 {
00251 skin.document.open();
00252 skin.document.write(content);
00253 skin.document.close();
00254 skin.visibility="visible";
00255 }
00256 if(iex)
00257 {
00258 pup.innerHTML=content;
00259 skin.visibility="visible";
00260 }
00261 if(n_6)
00262 {
00263 document.getElementById("pup").innerHTML=content;
00264 skin.visibility="visible";
00265 }
00266 }
00267 // park content box
00268 function kill()
00269 {
00270 if(!old)
00271 {
00272 yyy=-1000;
00273 skin.visibility="hidden";
00274 skin.width=0;
00275 }
00276 }
00277 //-->
00278 </SCRIPT>
00279 <!-- END CUT'N'PASTE =============================================================-->
00280
00281
00282
00283 <center>
00284 <table cellpadding=4 cellspacing=0 id="bg" style="border:white 2px solid;" width=860><tr>
=>;
00285 <td><img src=bill-logo.gif id="logo"></td>
00286 <td><font class="Header">Web Design, User Experience, Technology Con
=>sultation</td>
00287 </tr></table><br>
00288
00289
00290 <center>
00291 <Table border=0 cellpadding=0><tr>
00292
00293
00294 <td valign=top><table cellpadding="10" id="bg2" height="436" width=150 bgcolor=&q
=>uot;white" style="border:white 2px solid;background:#abb5b7 url('gray2.jpg');"><tr><td>
00295 <table cellspacing="0"><tr>
00296
00297 <td valign=top height="436"><img src=clear.gif width=2 height=400>&l
=>t;/td>
00298
00299 <td height="436" valign=top>
00300 <table cellpadding="3" width=100 style="bo
=>rder:#000000 2px solid;background:#ffffff;"><tr><td>
00301 <font class="Header&qu
=>ot; size=+1>
00302
00303 Sitemap
00304
00305 </font>
00306 </td></tr></table><br>
00307 <A href="index_aboutme.htm">Say Hello</A&
=>gt;<br><br>
00308 <A href="index_online.htm">Are You Online?&l
=>t;/A><br><br>
00309 <A href="index_Consultation.htm">Consultatio
=>n</A><br><br>
00310 <A href="index_features.htm">Features</A&
=>gt;<br><br>
00311 <A href="index_online2.htm">Mobile Apps</
=>A><br><br>
00312 <A href="index_WhatIOffer.htm">Resume</A&
=>gt;<br><br>
00313 <A href="#" OnClick="goodwindow('http://ww
=>w.suboski.net/dev/a_Email/info_get_email.asp','Inquiries',0,400,170,300,30); return(false);">Email</A><
=>br><br>
00314 <A href="#" OnClick="goodwindow('http://ww
=>w.suboski.net/dev/a_Email/info_form.asp','Inquiries',0,700,600,300,30); return(false);">Contact</A><br&
=>gt;<br>
00315
00316 <a href="inline.asp" target=_blank ONMOUSEOVER=
=>"popup('<font size=+1 color=cc0000>Show the code for this page</font>','fffff0')" ONMOUSEOUT="
=>;kill()" >
00317 <script language="JavaScript"
=>;>
00318 document.write(out);
00319 </SCRIPT></a>
00320 </td>
00321
00322 </tr></table></td></tr></table></td>
00323
00324
00325 <td width=20 valign=top> </td>
00326
00327
00328 <td valign=top height="436"><table border=2 cellpadding="10" !height="360" width=
=>690 bgcolor="white" style="border:white 2px solid;background:#abb5b7 url('gray2.jpg');"><tr>
=>;<td>
00329 <table cellspacing="0"><tr>
00330
00331 <td valign=top height="436"><img src=clear.gif width=20 height=400>&
=>lt;/td>
00332
00333 <td valign=top height="436" align=center width=620><br>
00334 <font face=arial size=3 color=000000><center>
00335
00336 <table cellpadding="15" id="bg3" !bgc
=>olor="white" style="border:gray 2px solid;background:#abb5b7 url('http://www.suboski.net/_images_sys/bg/t
=>_paper1.gif');"><tr>
00337
00338 <td colspan=4><font f
=>ace=arial size=4 color=000000>Below are various example interfaces of diverse complexity that show the wide variety o
=>f tasks that can be accomplished on the web. </font></td></tr><tr>
00339
00340 <td>
=> </td>
00341 <td><a href="htt
=>p://www.suboski.net/bitv" target=_blank ONMOUSEOVER="popup('<font size=+1 color=009900>Baked in the Vill
=>age,'fffff0')" ONMOUSEOUT="kill()" >Baked in the Village</a></td>
00342 <td><a href="htt
=>p://www.suboski.net/lori" target=_blank ONMOUSEOVER="popup('<font size=+1 color=0000cc>The Online Galler
=>y of L. A. Churchill</font>','fffff0')" ONMOUSEOUT="kill()">L. A. Churchill</a></td>
00343 <td><a href="htt
=>p://www.suboski.net/gopher/Hangman/games/index.asp" target=_blank ONMOUSEOVER="popup('<font size=+1 color=0
=>000cc>A series of Hangman-type games, created by my software</font>','fffff0')" ONMOUSEOUT="kill()&qu
=>ot; >"Hangman" Games</a></td>
00344 </tr><tr>
00345
00346 <td>
=> </td>
00347 <td><a href="htt
=>p://www.suboski.net/guifood/?m=m" target=_blank ONMOUSEOVER="popup('<font size=+1 color=009900>Menu Disp
=>lay shows how an online menu can be made interactive</font>','fffff0')" ONMOUSEOUT="kill()" >Men
=>u Display</a></td>
00348 <td><a href="htt
=>p://www.suboski.net/guifood/" target=_blank ONMOUSEOVER="popup('<font size=+1 color=009900>Menu Demo sho
=>ws how an online menu can be used to place orders</font>','fffff0')" ONMOUSEOUT="kill()" >Menu D
=>emo</a></td>
00349 <td><a href="htt
=>p://www.suboski.net/dev/a_Features/Quiz/" target=_blank ONMOUSEOVER="popup('<font size=+1 color=0000cc>Q
=>uizzes created by my software</font>','fffff0')" ONMOUSEOUT="kill()" >Online Quizzes</a>&l
=>t;/td>
00350 </tr><tr>
00351
00352 <td>
=> </td>
00353 <td><a href="htt
=>p://www.suboski.net/dev/a_Web_tools/css_editor/css_editor.asp" target=_blank ONMOUSEOVER="popup('<font size
=>=+1 color=cc0000>A CSS Editor intended to assist with design and teaching CSS</font>','fffff0')" ONMOUSEOU
=>T="kill()" >CSS Editor</a></td>
00354 <td><a href="htt
=>p://www.suboski.net/dev/a_Web_tools/tp/index.htm" target=_blank ONMOUSEOVER="popup('<font size=+1 color=cc0
=>000>Example Information Tool for quick look-up on a jobsite</font>','fffff0')" ONMOUSEOUT="kill()&quo
=>t; >Info Tool</a></td>
00355 <td><a href="htt
=>p://www.suboski.net/dev/a_Text/Text_Msg.htm" target=_blank ONMOUSEOVER="popup('<font size=+1 color=cc0000&g
=>t;Web to text demonstration - shows how web applications can send text notifications</font>','fffff0')" ONMOU
=>SEOUT="kill()" >Send a Text</a></td>
00356 </tr><tr>
00357
00358 <td>
=> </td>
00359 <td><A HREF="#&q
=>uot; ONMOUSEOVER="popup('<font size=+1>Calculates a height to weight ratio</font>','fffff0')" ONMO
=>USEOUT="kill()" OnClick="goodwindow('http://www.suboski.net/dev/a_Features/a_calculators/bmicalc.htm','BM
=>I',0,300,340,300,30); return(false);" target=body>Body-Mass Index</a><br><br></td>
00360 <td><A HREF="#&
=>quot; ONMOUSEOVER="popup('<font size=+1>Demonstrates the effects of inflation on prices</font>','fffff0
=>')" ONMOUSEOUT="kill()" OnClick="goodwindow('http://www.suboski.net/dev/a_Features/a_calculators/fv.
=>htm','FV',0,600,400,300,30); return(false);" target=body>Future Value</a><br><br></td>
00361 <td><A HREF="#&
=>quot; ONMOUSEOVER="popup('<font size=+1>Shows the benefits of compound interest</font>','fffff0')"
=> ONMOUSEOUT="kill()" OnClick="goodwindow('http://www.suboski.net/dev/a_Features/a_calculators/gr2.htm','I
=>NV',0,400,400,300,30); return(false);" target=body>Investment</a><br><br></td>
00362 </tr><tr>
00363
00364 </td></tr></table>
00365
00366 </font></td>
00367
00368 </tr></table></td></tr></table></td>
00369
00370
00371 </td></tr></table></center>
00372 </BODY></HTML>
|
|