<html>
  <head>
   
   
  <title>FairligHTML</title>
  </head>
  <BODY TEXT="#000022" VLINK="#4466DD" ALINK="#FFFFFF" BACKGROUND="bg2.jpg">
   
   
  <!-- BEGIN WAYBACK TOOLBAR INSERT -->
  <script type="text/javascript" src="//static/js/disclaim-element.js" ></script>
  <script type="text/javascript" src="//static/js/graph-calc.js" ></script>
  <script type="text/javascript" src="//static/jflot/jquery.min.js" ></script>
  <script type="text/javascript">//<![CDATA[
  var __wm = (function(){
  var wbPrefix = "/web/";
  var wbCurrentUrl = "http://hem.passagen.se/harlekin/html.htm";
   
  var firstYear = 1996;
  var imgWidth = 500,imgHeight = 27;
  var yearImgWidth = 25,monthImgWidth = 2;
  var displayDay = "27";
  var displayMonth = "Nov";
  var displayYear = "2013";
  var prettyMonths = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
  var $D=document,$=function(n){return document.getElementById(n)};
  var trackerVal,curYear = -1,curMonth = -1;
  var yearTracker,monthTracker;
  function showTrackers(val) {
  if (val===trackerVal) return;
  var $ipp=$("wm-ipp");
  var $y=$("displayYearEl"),$m=$("displayMonthEl"),$d=$("displayDayEl");
  if (val) {
  $ipp.className="hi";
  } else {
  $ipp.className="";
  $y.innerHTML=displayYear;$m.innerHTML=displayMonth;$d.innerHTML=displayDay;
  }
  yearTracker.style.display=val?"inline":"none";
  monthTracker.style.display=val?"inline":"none";
  trackerVal = val;
  }
  function getElementX2(obj) {
  var $e=jQuery(obj);
  return (typeof $e=="undefined"||typeof $e.offset=="undefined")?
  getElementX(obj):Math.round($e.offset().left);
  }
  function trackMouseMove(event,element) {
  var eventX = getEventX(event);
  var elementX = getElementX2(element);
  var xOff = Math.min(Math.max(0, eventX - elementX),imgWidth);
  var monthOff = xOff % yearImgWidth;
   
  var year = Math.floor(xOff / yearImgWidth);
  var monthOfYear = Math.min(11,Math.floor(monthOff / monthImgWidth));
  // 1 extra border pixel at the left edge of the year:
  var month = (year * 12) + monthOfYear;
  var day = monthOff % 2==1?15:1;
  var dateString = zeroPad(year + firstYear) + zeroPad(monthOfYear+1,2) +
  zeroPad(day,2) + "000000";
   
  $("displayYearEl").innerHTML=year+firstYear;
  $("displayMonthEl").innerHTML=prettyMonths[monthOfYear];
  // looks too jarring when it changes..
  //$("displayDayEl").innerHTML=zeroPad(day,2);
  var url = wbPrefix + dateString + '/' + wbCurrentUrl;
  $("wm-graph-anchor").href=url;
   
  if(curYear != year) {
  var yrOff = year * yearImgWidth;
  yearTracker.style.left = yrOff + "px";
  curYear = year;
  }
  if(curMonth != month) {
  var mtOff = year + (month * monthImgWidth) + 1;
  monthTracker.style.left = mtOff + "px";
  curMonth = month;
  }
  }
  function hideToolbar() {
  $("wm-ipp").style.display="none";
  }
  function bootstrap() {
  var $spk=$("wm-ipp-sparkline");
  yearTracker=$D.createElement('div');
  yearTracker.className='yt';
  with(yearTracker.style){
  display='none';width=yearImgWidth+"px";height=imgHeight+"px";
  }
  monthTracker=$D.createElement('div');
  monthTracker.className='mt';
  with(monthTracker.style){
  display='none';width=monthImgWidth+"px";height=imgHeight+"px";
  }
  $spk.appendChild(yearTracker);
  $spk.appendChild(monthTracker);
   
  var $ipp=$("wm-ipp");
  $ipp&&disclaimElement($ipp);
  }
  return{st:showTrackers,mv:trackMouseMove,h:hideToolbar,bt:bootstrap};
  })();//]]>
  </script>
  <style type="text/css">
  body {
  margin-top:0 !important;
  padding-top:0 !important;
  min-width:800px !important;
  }
  </style>
  <div id="wm-ipp" lang="en" style="display:none;">
   
  <div style="position:fixed;left:0;top:0;width:100%!important">
  <div id="wm-ipp-inside">
  <table style="width:100%;"><tbody><tr>
  <td id="wm-logo">
  <a href="//web/" title="Wayback Machine home page"><img src="//static/images/toolbar/wayback-toolbar-logo.png" alt="Wayback Machine" width="110" height="39" border="0" /></a>
  </td>
  <td class="c">
  <table style="margin:0 auto;"><tbody><tr>
  <td class="u" colspan="2">
  <form target="_top" method="get" action="/web/form-submit.jsp" name="wmtb" id="wmtb"><input type="text" name="url" id="wmtbURL" value="http://hem.passagen.se/harlekin/html.htm" style="width:400px;" onfocus="this.focus();this.select();" /><input type="hidden" name="type" value="replay" /><input type="hidden" name="date" value="20131127232814" /><input type="submit" value="Go" /><span id="wm_tb_options" style="display:block;"></span></form>
  </td>
  <td class="n" rowspan="2">
  <table><tbody>
  <!-- NEXT/PREV MONTH NAV AND MONTH INDICATOR -->
  <tr class="m">
  <td class="b" nowrap="nowrap">
   
  <a href="//web/20130302051934/http://hem.passagen.se/harlekin/html.htm" title="2 Mar 2013">MAR</a>
   
  </td>
  <td class="c" id="displayMonthEl" title="You are here: 23:28:14 Nov 27, 2013">NOV</td>
  <td class="f" nowrap="nowrap">
   
  <a href="//web/20140102003226/http://hem.passagen.se/harlekin/html.htm" title="2 Jan 2014"><strong>JAN</strong></a>
   
  </td>
  </tr>
  <!-- NEXT/PREV CAPTURE NAV AND DAY OF MONTH INDICATOR -->
  <tr class="d">
  <td class="b" nowrap="nowrap">
   
  <a href="//web/20130302051934/http://hem.passagen.se/harlekin/html.htm" title="5:19:34 Mar 2, 2013"><img src="//static/images/toolbar/wm_tb_prv_on.png" alt="Previous capture" width="14" height="16" border="0" /></a>
   
  </td>
  <td class="c" id="displayDayEl" style="width:34px;font-size:24px;" title="You are here: 23:28:14 Nov 27, 2013">27</td>
  <td class="f" nowrap="nowrap">
   
  <a href="//web/20140102003226/http://hem.passagen.se/harlekin/html.htm" title="0:32:26 Jan 2, 2014"><img src="//static/images/toolbar/wm_tb_nxt_on.png" alt="Next capture" width="14" height="16" border="0" /></a>
   
  </td>
  </tr>
  <!-- NEXT/PREV YEAR NAV AND YEAR INDICATOR -->
  <tr class="y">
  <td class="b" nowrap="nowrap">
   
  <a href="//web/20120704014909/http://hem.passagen.se/harlekin/html.htm" title="4 Jul 2012"><strong>2012</strong></a>
   
  </td>
  <td class="c" id="displayYearEl" title="You are here: 23:28:14 Nov 27, 2013">2013</td>
  <td class="f" nowrap="nowrap">
   
  2014
   
  </td>
  </tr>
  </tbody></table>
  </td>
  </tr>
  <tr>
  <td class="s">
  <a class="t" href="//web/20131127232814*/http://hem.passagen.se/harlekin/html.htm" title="See a list of every capture for this URL">89 captures</a>
  <div class="r" title="Timespan for captures of this URL">10 Feb 99 - 25 Oct 14</div>
  </td>
  <td class="k">
  <a href="/" id="wm-graph-anchor">
  <div id="wm-ipp-sparkline" title="Explore captures for this URL">
  <img id="sparklineImgId" alt="sparklines"
  onmouseover="__wm.st(1)" onmouseout="__wm.st(0)"
  onmousemove="__wm.mv(event,this)"
  width="500"
  height="27"
  border="0"
  src="/web/jsp/graph.jsp?graphdata=500_27_1996:-1:000000000000_1997:-1:000000000000_1998:-1:000000000000_1999:-1:010200000110_2000:-1:001011000101_2001:-1:010102000100_2002:-1:000001000100_2003:-1:000001000100_2004:-1:010001001100_2005:-1:112000021235_2006:-1:721100202101_2007:-1:010312011701_2008:-1:011100000100_2009:-1:000000000000_2010:-1:000100000000_2011:-1:000000001000_2012:-1:010000200000_2013:10:101000000010_2014:-1:110000000100_2015:-1:000000000000" />
  </div>
  </a>
  </td>
  </tr></tbody></table>
  </td>
  <td class="r">
  <a href="/#close" onclick="__wm.h();return false;" style="background-image:url(/static/images/toolbar/wm_tb_close.png);top:5px;" title="Close the toolbar">Close</a>
  <a href="/http://faq.web.archive.org/" style="background-image:url(/static/images/toolbar/wm_tb_help.png);bottom:5px;" title="Get some help using the Wayback Machine">Help</a>
  </td>
  </tr></tbody></table>
  </div>
  </div>
  </div>
  <script type="text/javascript">__wm.bt();</script>
  <!-- END WAYBACK TOOLBAR INSERT -->
   
   
  <center>
  <table border="0" cellpadding="0" cellspacing="0" width="700">
  <tr>
  <td>
  <h1 align="center">FairligHTML</h1>
  <hr>
  <IMG SRC="html099.jpg" align="right">
  <h2>About</h2>
  The first and only HTML viewer for the good old C64... Yes it's here, and it's called: <b>FairligHTML</B>
  Version 0.99 is here which is the only Shareware version to come! There is also a 1.00 version
  available for registered users who wants more functions and features.
  I'm asking a small fee for the registered version... I wish to finance a SuperCPU and continue to support the
  FairligHTML!<br>
  <br>
  <br>
  <IMG SRC="now.gif">
  <br>
  <br>
  <hr>
  <h2>Features</h2>
  The registered version uses memory from about $3000 to $d000 for the text so files up to 35k should be OK to load.
  The shareware version has a bit less memory available for your documents.
  The HTML parser in the viewer allows the following HTML commands to be decoded: <BR>
  HTML /HTML<BR>
  HEAD /HEAD<BR>
  TITLE /TITLE<BR>
  BODY /BODY<BR>
  HR as well as HR with parameters, but those parameters are ignored!<BR>
  P<BR>
  BR<BR>
  A NAME<BR>
  A HREF<BR>
  /A<BR>
  H1, H2...<BR>
  CENTER /CENTER<BR>
  PRE /PRE<br>
  IMG (only in registered version)
  <br>
  Some HTML commands (as the header-commands, H1, H2 etc.) may contain additional parameters for how to center the
  line. Example: H1 align="center" or H2 align="right"...<P>
   
  Other commands than specifyed above are ignored and should not mess up the viewer (I hope).
  <P>
  Multiple spaces are ignored unless the PRE-mode is entered where everything is displayed as entered...
  <P>
  <hr>
  <h2>Charset</h2>
  The viewer is running in charactermode which means that no graphics will be displayed. The characterset used is
  a stripped ISO8859-1 so that both normal and bold characters can be squeezed into a normal characterset. The
  characters that are not defined will show up as a dot! Right now characters from $20 to $7f are displayed in plain
  and bold style. There are still space for some $20 characters that will be choosen from the upper $80 chars, but
  still some characters are "lost" and will be displayed as a dot.
  <P>
  <hr>
  <h2>Keys to use in the viewer</h2>
  In the viewer you use the cursor keys to scroll the text. <B>"T"</B> will take you to the top and <B>"B"</B> to the bottom of
  the text. Links are in a seperate colour and moving the cursor to a link, pressing return will load the
  specified file. <B>"C"</B> will propt you for a command to the current diskdevice. <B>"L"</B> will prompt you for a filename
  to load. <B>"A"</B> shows an about screen. <B>"H"</B> shows the built in helpscreen. <B>"O"</B> shows the optionsmenu where you can
  change devicenumber and change colours. <B>"D"</B> and the directory will show up as a HTML document and the files will be ative links making it possible to just click the right file!
  <P>
  I found and bought a 1351 mouse the other day so there will be support for that device aswell. Maybe also a Joystick driver if
  anyone request that...
  <P>
  <hr>
  <h2>Downloading</h2>
  The shareware version is available and can be found in the <a href="/download.htm">
  downloaded-area!</a><br>
  <br>
  <hr>
  <br>
   
  The German magazine "64'er" was interested in FairligHTML so I have made a special version, the "64erHTMLviewer". This program was
  sold to MagnaMedia in September! LEO at 64'er has even made a homepage for <a href="//web/20131127232814/http://www.magnamedia.de/64er/service/flt/index.htm">
  "64erHTMLviewer"</a>, which is also available for
  download at their site! LEO should also have the credits for the "FairligHTML-logotype" at the frontpage!<br>
  Take a look at the <a href="//web/20131127232814/http://www.magnamedia.de/64er">64'er site</a>
  Enjoy!<BR>
  //Magnus
  </td>
  </tr>
  </table>
  <!-- Start filter footer --> <!-- End filter footer --></body>
  </html>