freshen up web pages

ghewgill · Dec 9, 2012 · 3629628 · 3629628
1 parent bf4f6be
commit 3629628
Show file tree

Hide file tree

Showing 4 changed files with 72 additions and 12 deletions.
diff --git a/about.html b/about.html
@@ -1,10 +1,13 @@
 <html>
 <head>
-<title>HP-15C Calculator</title>
+<title>Free 15C RPN Scientific Calculator</title>
+<link href="style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
-<h1>HP-15C Calculator</h1>
-<p><a href="/">Home</a> | About | <a href="links.html">Links</a> | <a href="http://github.com/ghewgill/hp15c">Source</a></p>
+
+<h1>Free 15C RPN Scientific Calculator</h1>
+
+<div id="navbar"><ul><li><a href="/">Home</a></li><li><a href="about.html">About</a></li><li><a href="links.html">Links</a></li><li><a href="http://github.com/ghewgill/hp15c">Source</a></div>
 
 <p>
 This is a simulator for the <a href="http://www.hpmuseum.org/hp15.htm">HP-15C</a> advanced scientific programmable calculator.
@@ -20,11 +23,15 @@ <h1>HP-15C Calculator</h1>
     <li>Statistics functions
 </ul>
 
+<p>
+This simulator has been developed independently and does not rely on any actual HP-15C code or ROM images.
+</p>
+
 <h2>History</h2>
 
 <p>
 I bought my HP-15C in 1987 as my first RPN calculator, and used it throughout university.
-I still have my original one, and it continues to operate on the <em>same</em> set of batteries, after 23 years.
+I still have my original one, and it continues to operate on the <em>same</em> set of batteries, after 25 years.
 The form factor (horizontal layout) is the distinctive feature of this family of calculators.
 There is even a <a href="http://hp15c.org">Petition to Bring Back the 15C</a>.
 </p>

diff --git a/index.html b/index.html
@@ -1,6 +1,7 @@
 <html>
 <head>
-<title>HP-15C Calculator</title>
+<title>Free 15C RPN Scientific Calculator</title>
+<link href="style.css" rel="stylesheet" type="text/css">
 <style type="text/css">
     #calcframe {
         float: right;
@@ -31,8 +32,15 @@
 </script>
 </head>
 <body>
-<h1>HP-15C Calculator</h1>
-<p>Home | <a href="about.html">About</a> | <a href="links.html">Links</a> | <a href="http://github.com/ghewgill/hp15c">Source</a></p>
+
+<h1>Free 15C RPN Scientific Calculator</h1>
+
+<div id="navbar"><ul><li><a href="/">Home</a></li><li><a href="about.html">About</a></li><li><a href="links.html">Links</a></li><li><a href="http://github.com/ghewgill/hp15c">Source</a></div>
+
+<p>
+This is a simulator for the <a href="http://www.hpmuseum.org/hp15.htm">HP-15C</a> advanced scientific programmable calculator.
+</p>
+
 <div id="calcframe"><a href="web/hp15c.html" id="calc"><img src="images/15-small.jpg" width="346" height="224"></a></div>
 <h2>Online version</h2>
 <noscript>This calculator requires Javascript to be enabled in your browser.</noscript>
@@ -45,26 +53,34 @@ <h2>Online version</h2>
 <h2>Download</h2>
 
 <p>
-The calculator is also avalable as a desktop application for various platforms.
-The desktop version is (usually) faster than the web version and supports clipboard copy and paste.
+The calculator is also avalable as a downloadable application for various platforms.
+The downloadable version is (usually) faster than the web version and supports clipboard copy and paste.
 </p>
 
+<div class="platform">
 <h3>Windows</h3>
 <li><a href="HP15C-win32-install.exe">Windows EXE Installer (and uninstaller)</a> (5 MB)</li>
 <li><a href="HP15C.zip">Windows zip file of executables only (no installer)</a> (6 MB)</li>
+</div>
 
+<div class="platform">
 <h3>Mac OS X</h3>
 <li><a href="HP15C.dmg">Mac OS X disk image</a> (10 MB)</li>
 <li><a href="HP15C.wdgt.zip">Mac OS X dashboard widget</a> (0.5 MB)</li>
+</div>
 
+<div class="platform">
 <h3>Java</h3>
 <li><a href="HP15C.jar">Java Swing desktop app (JAR)</a> (1 MB)</li>
+</div>
 
+<div class="platform">
 <h3>Other</h3>
 <p>
 For other platforms, you can download the <a href="http://github.com/ghewgill/hp15c">source code</a> and build it yourself.
 The Qt version is portable to any platform which supports Qt.
 </p>
+</div>
 
 <h2>Disclaimer</h2>
 <p>

diff --git a/links.html b/links.html
@@ -1,10 +1,13 @@
 <html>
 <head>
-<title>HP-15C Calculator</title>
+<title>Free 15C RPN Scientific Calculator</title>
+<link href="style.css" rel="stylesheet" type="text/css">
 </head>
 <body>
-<h1>HP-15C Calculator</h1>
-<p><a href="/">Home</a> | <a href="about.html">About</a> | Links | <a href="http://github.com/ghewgill/hp15c">Source</a></p>
+
+<h1>Free 15C RPN Scientific Calculator</h1>
+
+<div id="navbar"><ul><li><a href="/">Home</a></li><li><a href="about.html">About</a></li><li><a href="links.html">Links</a></li><li><a href="http://github.com/ghewgill/hp15c">Source</a></div>
 
 <p>
 Here are some links to additional resources about the HP-15C calculator.

diff --git a/style.css b/style.css
@@ -0,0 +1,34 @@
+body {
+    font-family: sans-serif;
+}
+
+#navbar {
+    padding: 0.3em 0em;
+    background: steelblue;
+    color: white;
+}
+
+#navbar ul {
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+#navbar ul li { display: inline; }
+#navbar ul li a {
+    text-decoration: none;
+    padding: .2em 1em;
+}
+
+#navbar a:link { color: white; }
+#navbar a:visited { color: white; }
+#navbar a:hover { background: black; }
+
+.platform {
+    margin: 1em 1em 0em 0em;
+    padding: 1em;
+    border: 2px solid steelblue;
+}
+
+.platform h3 {
+    margin: 0em 0em 1em 0em;
+}